@charset "UTF-8";
@font-face {
  font-family: "ChessSansVar";
  src: url("/fonts/ChessSansVF.ttf?v=9") format("truetype");
  font-weight: 100 900; /* Define the font weight range */
  font-stretch: 0% 200%; /* Define the font width range */
  font-feature-settings: "ss06" 1 !important;
}
@font-face {
  font-family: "MontserratVar";
  src: url("/fonts/Montserrat-VF.ttf") format("truetype");
  font-weight: 20 900; /* Define the font weight range */
}
.font-sans-variable {
  font-family: "ChessSansVar";
}

.font-montserrat {
  font-family: "MontserratVar";
}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: 700;
  font-weight: 500;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Remove margin
 */
figure {
  margin: 0;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: 700;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* Blockquote
   ========================================================================== */
blockquote {
  margin: 0;
}

.show-logged-in {
  display: none;
}

.hide-logged-in {
  display: block;
}

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

.no-gap {
  gap: 0;
}

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

.no-p-t {
  padding-top: 0 !important;
}

.no-p-b {
  padding-bottom: 0 !important;
}

.no-p-l {
  padding-left: 0 !important;
}

.no-p-r {
  padding-right: 0 !important;
}

.no-p-v {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.no-p-h {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.no-m {
  margin: 0 !important;
}

.no-m-t {
  margin-top: 0 !important;
}

.no-m-b {
  margin-bottom: 0 !important;
}

.no-m-l {
  margin-left: 0 !important;
}

.no-m-r {
  margin-right: 0 !important;
}

.no-m-v {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.no-m-h {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.hidden {
  display: none !important;
}

.sr-only {
  position: absolute;
  left: -9999px;
}

@media only screen and (max-width: 600px) {
  .mobile-block {
    display: block;
  }
}

html,
body {
  -webkit-tap-highlight-color: transparent;
  padding: 0px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 12px;
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: 0.025em;
}

.overflow-hidden {
  overflow: hidden;
}

body {
  max-width: 100vw;
  padding: 0px;
  cursor: default;
}

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Override normalize.css content-box declarations */
input[type=search] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  margin: 0;
}

h4 {
  font-size: 2rem;
}

ol, ul, p {
  font-size: inherit;
}

p + ul,
p + p {
  margin-top: 1rem;
}

body *::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

html {
  font-family: "ChessSans", futura, Sans-Serif;
  font-family: "ChessSansVar", sans-serif !important;
  font-weight: 400;
  background-color: var(--color-gray-800);
  color: var(--color-gray-200);
  overscroll-behavior: contain auto;
}

body {
  background-color: var(--color-gray-800);
}

@keyframes spinning {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes pulsate {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes loader-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes loader-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
#svg-options {
  position: absolute;
  top: 0;
  right: 0;
}
#svg-options svg {
  height: 44px !important;
  width: 44px !important;
}

.scroller a {
  overflow: hidden;
  transition: background 0.15s var(--motion-ease-out), box-shadow 0.15s var(--motion-ease-out), transform 0.15s var(--motion-ease-out);
}
.scroller a svg,
.scroller a img {
  transition: all 0.125s 0s ease-in-out;
}
.scroller a:hover {
  transform: scale(1.005);
  background-color: var(--color-transparent-black-20);
  background-color: var(--color-transparent-black-30);
}
.scroller a:hover svg,
.scroller a:hover img {
  transform: scale(1.04, 1.04);
}

.icons-flat {
  display: flex;
  gap: 20px !important;
  flex-wrap: nowrap;
}
.icons-flat svg path {
  fill: currentColor;
}
.icons-flat .grow {
  flex: 1000;
  background: none;
}
.icons-flat > * {
  flex: 0 0 200px; /* Set the desired width (33.333% for three items) */
  text-decoration: none;
  color: white;
  display: flex;
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  justify-content: space-between;
  background-color: var(--color-gray-900);
  border-radius: 12px;
  font-size: 28px;
  font-weight: 700;
  overflow: hidden;
  min-width: 100px;
}
.icons-flat > * svg {
  width: 100%;
  aspect-ratio: 1;
  height: 100%;
  padding: 20px;
}
.icons-flat > * img {
  transition: all 0.125s 0s ease-in-out;
  z-index: 0;
  margin-bottom: 16px;
  max-width: 100%;
}

.bullet-nav li + li {
  border-top: 1px dotted rgba(255, 255, 255, 0.14);
}
.bullet-nav li a {
  display: block;
  line-height: 2;
  color: var(--color-gray-500);
  font-size: 28px;
  text-decoration: none;
  width: 100%;
  font-weight: 700;
}
.bullet-nav li a:hover {
  color: white;
}

.what-is-chess {
  font-size: 10vw !important;
  white-space: nowrap;
  padding-right: 1.3em;
  text-align: center;
}
.what-is-chess u {
  position: relative;
}
.what-is-chess .visible + span {
  transform: translateY(10%);
}
.what-is-chess span {
  position: absolute;
  padding-left: 0.25em;
  top: 0;
  left: 0;
  opacity: 0;
  white-space: nowrap;
  transition: all 0.1s 0s ease-in-out;
  transform: translateY(-10%);
  overflow: hidden;
}
.what-is-chess span.visible {
  transition: all 0.1s 0.25s ease-in-out;
  transform: translateY(0%);
  opacity: 1;
}

.bg-pattern-light {
  background-size: 300%;
  background-position: center center;
  background-image: url("/img/pattern/pieces-light.png");
}

.bg-pattern-dark {
  background-size: 300%;
  background-position: center center;
  background-image: url("/img/pattern/pieces-dark.png");
}

#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000000000;
  pointer-events: none;
  opacity: 1;
  background-color: var(--color-gray-800);
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-duration: 0.3s;
}
.loader-in #loader {
  animation-name: loader-in;
}
.loader-out #loader {
  animation-name: loader-out;
}
#loader #loader-inner {
  height: calc(100vh - 48px); /* Adjust the total width as needed */
  width: 100vw; /* Adjust the total width as needed */
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  opacity: 0.5;
  pointer-events: none;
}
#loader #loader-inner svg {
  height: 128px;
  width: 128px;
  display: block;
}

/**
 * ▗▄▄▄▖▗▄▄▖  ▗▄▖ ▗▖  ▗▖▗▄▄▄▖
 * ▐▌   ▐▌ ▐▌▐▌ ▐▌▐▛▚▖▐▌▐▌   
 * ▐▛▀▀ ▐▛▀▚▖▐▛▀▜▌▐▌ ▝▜▌▐▛▀▀ 
 * ▐▌   ▐▌ ▐▌▐▌ ▐▌▐▌  ▐▌▐▙▄▄▖
 *
 * Frame Component
 * A flexible container system that adapts to its content
 * 
 * Base: .frame
 * Layout: .wrap (enables flex-wrap)
 * Width: .items-half, .items-auto, .items-square, .items-fill
 * Height: .size-xs, .size-s, .size-m, .size-l, .size-xl
 */
/* ========================================================================
   BASE FRAME
   ======================================================================== */
.frame:not(.scroller) + .frame {
  margin-top: 24px;
}

.frame {
  list-style: none;
  display: flex;
  gap: 20px;
  scroll-snap-type: x mandatory;
  widows: 0;
  orphans: 0;
}
.frame.wrap {
  flex-wrap: wrap;
  scroll-snap-type: initial;
}
.frame > a,
.frame > li {
  scroll-snap-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-width: 100%;
  max-width: 100%;
  flex-shrink: 0;
  border-radius: 12px;
  padding: 0;
  background-color: var(--color-gray-900);
  text-decoration: none;
  color: white;
}
.frame > a:has(.split),
.frame > li:has(.split) {
  background-color: transparent;
}
.frame > a {
  overflow: hidden;
  transition: background 0.15s ease-out, box-shadow 0.15s ease-out, transform 0.15s ease-out;
}
.frame > a:hover {
  transform: scale(1.005);
  background-color: var(--color-transparent-black-30) !important;
}
.frame > a:hover svg,
.frame > a:hover img {
  transform: scale(1.04);
}

/* ========================================================================
   ITEM WIDTH MODIFIERS
   ======================================================================== */
.frame.items-half > a, .frame.items-half > li {
  min-width: 47%;
  flex: 1;
}
@media only screen and (max-width: 600px) {
  .frame.items-half > a, .frame.items-half > li {
    min-width: 100%;
  }
}
.frame.items-auto > a, .frame.items-auto > li {
  min-width: auto;
  width: auto;
  flex: 0 0 auto;
}
.frame.items-square > a, .frame.items-square > li {
  aspect-ratio: 1;
  height: auto;
  min-width: 280px;
  width: 280px;
  flex: 1;
}
.frame.items-square > a img, .frame.items-square > li img {
  width: 100%;
  height: 100%;
}
.frame.items-fill > a, .frame.items-fill > li {
  flex: 1 1 200px;
  min-width: 150px;
  max-width: 300px;
}
.frame.items-square.size-xs > * {
  min-width: 100px;
  width: 100px;
}
.frame.items-square.size-s > * {
  min-width: 150px;
  width: 150px;
}
.frame.items-square.size-m > * {
  min-width: 280px;
  width: 280px;
}
.frame.items-square.size-l > * {
  min-width: 250px;
  width: 250px;
}
.frame.items-square.size-xl > * {
  min-width: 300px;
  width: 300px;
}

/* ========================================================================
   ITEM HEIGHT MODIFIERS
   ======================================================================== */
.frame.size-xs > a, .frame.size-xs > li {
  height: 30vh;
}
.frame.size-s > a, .frame.size-s > li {
  height: 40vh;
}
.frame.size-m > a, .frame.size-m > li {
  height: 50vh;
}
.frame.size-l > a, .frame.size-l > li {
  height: 60vh;
}
.frame.size-xl > a, .frame.size-xl > li {
  height: 80vh;
}

/* ========================================================================
   CONTENT-AWARE STYLING
   ======================================================================== */
.frame p img,
.frame p svg {
  display: inline-block;
  height: 1em;
  width: 1em;
  margin-top: -0.2em;
  vertical-align: middle;
}
.frame.size-l > a,
.frame.size-l > li {
  padding: 4vw 4vw 4.5vw;
  align-items: flex-start;
}
@media only screen and (max-width: 600px) {
  .frame.size-l > a,
  .frame.size-l > li {
    padding: 8vw 8vw 9vw;
  }
}
.frame.size-l p {
  width: 100%;
  margin: 0;
  font-weight: 600;
  font-size: clamp(48px, 6vw, 88px);
  line-height: 1.2;
  text-wrap: balance;
}
.frame.size-l p b, .frame.size-l p em {
  white-space: nowrap;
  font-style: normal;
  font-weight: 700;
}
.frame.size-l p + p {
  margin-top: 0.5em;
}
.frame figure {
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  position: relative;
  overflow: hidden;
}
.frame figure img {
  max-width: 100%;
  max-height: 100%;
}
.frame figure.gray-900 {
  background: var(--color-gray-900);
}
.frame figure.white {
  background: white;
}
.frame > img {
  max-height: 40vh;
  max-width: 100%;
}
.frame img {
  transition: all 0.125s ease-in-out;
  max-width: 100%;
  max-height: 100%;
  z-index: 100;
  position: relative;
}
.frame svg {
  transition: all 0.125s ease-in-out;
}
.frame svg path {
  fill: currentColor;
}

/* ========================================================================
   FRAME VARIANTS
   ======================================================================== */
.frame.variant-plain > a,
.frame.variant-plain > li {
  height: 50vh;
  min-width: auto;
  width: auto;
  flex: 0 0 auto;
}
.frame.variant-plain > a img,
.frame.variant-plain > li img {
  width: auto;
  height: 100%;
  max-width: 100%;
}

.frame.variant-proportional > a,
.frame.variant-proportional > li {
  min-width: calc(20% - 16px);
  width: auto;
  flex: 0 0 auto;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.frame.variant-proportional > a.mirror,
.frame.variant-proportional > li.mirror {
  transform: scale(-1, 1);
}
.frame.variant-proportional > a img,
.frame.variant-proportional > li img {
  width: 100%;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  left: -5%;
}

.frame.items-half {
  align-items: stretch;
}
.frame.items-half > a,
.frame.items-half > li {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  align-items: stretch;
}
.frame.items-half > a > *,
.frame.items-half > li > * {
  height: 100%;
}
.frame.items-half figure {
  flex: 1;
  padding: 3vw;
}
.frame.items-half figure img {
  width: auto;
}
.frame.items-half .split {
  width: 100%;
  gap: 20px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background: none !important;
}
.frame.items-half .split figure {
  width: 100%;
  height: calc(50% - 10px);
  padding: 3vw;
}

.frame.items-auto figure {
  padding: 0;
  width: auto;
  height: 100%;
  border-radius: 8px;
}
.frame.items-auto figure img {
  width: auto;
  height: 100%;
  max-width: none;
  padding: 0;
  margin: 0;
  display: block;
}

.frame > a.icon,
.frame > li.icon {
  aspect-ratio: 1;
}
.frame > a.icon > img,
.frame > li.icon > img {
  width: 70%;
  height: 70%;
}
.frame > a.icon > div,
.frame > li.icon > div {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame > a.icon > div img,
.frame > li.icon > div img {
  width: 70%;
  height: 70%;
}
/* ========================================================================
   PAIRS COMPONENT
   Used for Do's and Don'ts comparisons
   ======================================================================== */
.pairs {
  padding: 0;
  margin: 0;
  display: flex;
  gap: 24px;
}
.pairs:not(:last-child) {
  margin-bottom: 24px;
}
.pairs > li {
  background-color: var(--color-gray-900);
  flex: 1;
  min-width: 400px;
  border-radius: 12px;
  position: relative;
  gap: 24px;
}
.pairs > li p {
  font-size: 16px;
  padding: 20px 24px 24px;
  margin: 0;
}
.pairs > li figure {
  position: relative;
  width: 100%;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.pairs > li figure img {
  padding: 10%;
  height: 100%;
  border-radius: 12px;
}
.pairs > li .do::after,
.pairs > li .dont::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  height: 48px;
  margin: -4px;
  background-size: contain;
  background-position: center center;
  border-radius: 50%;
  box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.25);
}
.pairs > li .do::after {
  background-image: url("/img/move-classifications/classification-brilliant.svg");
}
.pairs > li .dont::after {
  background-image: url("/img/move-classifications/classification-blunder.svg");
}

/* ========================================================================
   UTILITIES
   ======================================================================== */
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: inherit;
}

/* ========================================================================
   FRAME INDICATOR
   Pagination dots and navigation buttons
   ======================================================================== */
.frame-indicator {
  flex: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  justify-content: space-between;
}
.frame-indicator ul {
  flex: 1;
  order: -2;
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
}
.frame-indicator ul li {
  opacity: 0.125;
  border-radius: 4px;
  height: 4px;
  width: 4px;
  background: white;
  transition: all 0.25s ease-in-out;
}
.frame-indicator ul li.active {
  opacity: 1;
}
.frame-indicator ul li + li {
  margin-left: 10px;
}
.frame-indicator button {
  border: none;
  height: 44px;
  padding: 0 12px;
  border-radius: 6px;
  font-weight: 700;
  font-size: 16px;
  background-color: var(--color-gray-700);
  box-shadow: inset 0 -4px 0 0 var(--color-gray-900);
  text-shadow: 0 1px var(--color-gray-900);
  padding-bottom: 4px;
  transition: all 0.05s ease-in-out;
  color: var(--color-gray-400);
  display: none;
}
.frame-indicator button:hover {
  height: 43px;
  margin-top: 1px;
  padding-bottom: 3px;
  box-shadow: inset 0 -3px 0 0 var(--color-gray-900);
}
.frame-indicator button:active {
  color: var(--color-gray-50);
  height: 40px;
  margin-top: 4px;
  padding-bottom: 0px;
  box-shadow: inset 0 0px 0 0 var(--color-gray-500);
  background-color: var(--color-gray-600);
}

.bentos {
  display: flex;
  gap: 20px;
  flex-wrap: nowrap;
}

@keyframes waterfall {
  0% {
    font-weight: 100;
  }
  50% {
    font-weight: 900;
  }
  100% {
    font-weight: 100;
  }
}
.bento-title.gradient {
  width: 100%;
}

.sans-bentos {
  font-family: "ChessSansVar", sans-serif !important;
}
.sans-bentos #bento-tester {
  text-align: center;
  white-space: nowrap;
  min-height: 1em;
}
.sans-bentos #bento-axis {
  transition: all 0.25s 0s ease-in-out;
}
.sans-bentos span.legacy {
  font-family: "MontserratVar";
  font-weight: 500;
}
.sans-bentos span.sans {
  font-weight: 550;
  font-family: "ChessSansVar";
}
.sans-bentos .table {
  padding: 4px;
}
.sans-bentos .table table {
  table-layout: fixed;
  display: table;
  padding: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}
.sans-bentos .table table tr:first-child td {
  border-top: none;
}
.sans-bentos .table table tr:last-child td {
  border-bottom: none;
}
.sans-bentos .table table td {
  line-height: 1;
  font-size: 30cqh;
  border: 2px solid rgba(100, 100, 100, 0.1);
}
.sans-bentos .table table td:first-child {
  border-left: none;
}
.sans-bentos .table table td:last-child {
  border-right: none;
}
.sans-bentos .waterfall {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 18px 24px;
}
.sans-bentos .waterfall span {
  text-transform: uppercase;
  letter-spacing: 0;
  display: block;
  text-align: left;
  font-size: 13.1cqh;
  line-height: 0.9;
  padding: 0;
  white-space: nowrap;
  animation-name: waterfall;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.sans-bentos .waterfall span:nth-child(1) {
  animation-delay: -0.1s;
}
.sans-bentos .waterfall span:nth-child(2) {
  animation-delay: -0.2s;
}
.sans-bentos .waterfall span:nth-child(3) {
  animation-delay: -0.3s;
}
.sans-bentos .waterfall span:nth-child(4) {
  animation-delay: -0.4s;
}
.sans-bentos .waterfall span:nth-child(5) {
  animation-delay: -0.5s;
}
.sans-bentos .waterfall span:nth-child(6) {
  animation-delay: -0.6s;
}
.sans-bentos .waterfall span:nth-child(7) {
  animation-delay: -0.7s;
}
.sans-bentos .waterfall span:nth-child(8) {
  animation-delay: -0.8s;
}
.sans-bentos .col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 18px 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.sans-bentos .col span {
  display: block;
  text-align: left;
  font-size: 33.1cqh;
  line-height: 0.9;
  padding: 0;
}
.sans-bentos .countdown {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px 24px;
}
.sans-bentos .countdown.chess-timers {
  flex-direction: column;
  gap: 8px;
}
.sans-bentos .countdown .countdown-timer {
  font-size: 30cqh;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
  opacity: 0.3;
  transition: opacity 0.3s ease;
}
.sans-bentos .countdown .countdown-timer.active {
  opacity: 1;
}
.sans-bentos .countdown .countdown-timer.timer-white {
  color: var(--color-text);
}
.sans-bentos .countdown .countdown-timer.timer-black {
  color: var(--color-text);
}
.sans-bentos .mass {
  padding: 18px 24px;
}
.sans-bentos .mass p {
  min-width: 300%;
  margin: 0;
  font-weight: 511;
  font-size: 32cqh;
  line-height: 0.9;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.sans-bentos .grid {
  padding: 2em;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}
.sans-bentos .grid span {
  padding: 0;
  line-height: 1;
  min-width: 33.3333%;
  font-size: 5vw;
}
.sans-bentos figure {
  letter-spacing: -0.02em;
  flex: 1;
  font-weight: 800;
  text-align: center;
  display: block;
  font-size: 60cqh;
  line-height: 1;
}
.sans-bentos figure span {
  display: block;
  width: 100%;
}

.bento {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  width: 100%;
  user-select: none;
}
.bento a {
  transition: background 0.15s var(--motion-ease-out), box-shadow 0.15s var(--motion-ease-out), transform 0.15s var(--motion-ease-out);
}
.bento a:hover {
  transform: scale(1.01);
}
@media only screen and (min-width: 1000px) {
  .bento:not(:first-child:last-child) {
    width: 50%;
  }
}
.bento svg path {
  fill: currentColor;
}
.bento > * {
  overflow: hidden;
  container-name: bento-link;
  container-type: size;
  min-width: 50%;
  position: relative;
  flex: 1;
  color: var(--color-gray-100);
  background-color: var(--color-gray-900);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  aspect-ratio: 1/1;
  text-decoration: none;
}
.bento > *:hover {
  color: white;
  background: rgba(0, 0, 0, 0.4);
}
.bento > *:hover svg,
.bento > *:hover img {
  transform: scale(1.03);
}
@media only screen and (min-width: 1000px) {
  .bento > * {
    min-width: 200px;
  }
}
.bento > *.full {
  min-width: 100%;
}
.bento > *.aspect-2-1 {
  min-width: 60%;
  aspect-ratio: 2.1/1;
  flex: 2.1;
}
.bento > *.aspect-3-1 {
  min-width: 100%;
  aspect-ratio: 3.2/1;
  flex: 2.1;
}
.bento > *.aspect-1-1 {
  aspect-ratio: 1/1;
  flex: 0;
}
.bento > * figure {
  display: flex;
  align-items: center;
  flex: 1;
  position: relative;
  width: 100%;
}
.bento > * figure svg,
.bento > * figure img {
  transition: all 0.1s 0s ease-in-out;
  z-index: 0;
  max-width: 100%;
  width: 100%;
  padding: 15%;
  aspect-ratio: 1;
}
.bento > * figure svg {
  color: white;
  padding: 0;
  aspect-ratio: 1;
  height: 100%;
  width: 100%;
}
.bento > * figure span + img {
  opacity: 0;
}
.bento > * .bento-title {
  bottom: 0;
  top: 0;
  position: absolute;
  font-weight: 700;
  font-size: 12px;
  padding: 12px 16px;
  text-shadow: 0 1px 1px var(--color-gray-900), 0 -1px 1px var(--color-gray-900), 1px 0 1px var(--color-gray-900), -1px 0 1px var(--color-gray-900);
}
.bento > * .bento-description {
  bottom: 0;
  left: 0;
  position: absolute;
  font-weight: 600;
  text-transform: uppercase;
  padding: 16px 24px;
}

/**
 * Global Layout Utilities
 * Reusable layout patterns that can be used across the brandguide
 * Extracted from voice sections for broader use
 */
/* Set up main as container for responsive layouts */
main.brandguide-main {
  container-type: inline-size;
  container-name: main-content;
}

main:has(.g-tabs) section.sidebar-layout .section-sidebar {
  top: 8rem;
}

/* Sidebar layout pattern - flexible two-column layout with sticky sidebar */
section.sidebar-layout {
  display: flex;
  flex-direction: column;
  gap: 16px;
  /* Use container query checking main element width */
}
@container main-content (min-width: 1000px) {
  section.sidebar-layout {
    flex-direction: row;
    gap: 48px;
  }
}
section.sidebar-layout .section-sidebar {
  gap: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /* Use container query for sidebar behavior and sticky positioning */
}
@container main-content (min-width: 1000px) {
  section.sidebar-layout .section-sidebar {
    flex: 0 0 280px;
    position: sticky;
    top: 3.2rem;
    align-self: flex-start;
    max-height: calc(100vh - 4rem);
  }
}
section.sidebar-layout .section-sidebar > .g-glyph {
  margin-left: -1rem;
  margin-bottom: 1rem;
}
section.sidebar-layout .section-sidebar P {
  color: var(--color-gray-500);
  text-wrap: balance;
}
section.sidebar-layout .section-sidebar .section-icon {
  width: 9rem;
  height: 9rem;
}
section.sidebar-layout .section-sidebar .section-icon svg {
  width: 100%;
  height: 100%;
}
section.sidebar-layout .section-sidebar .section-image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: var(--color-gray-900);
  border-radius: 10px;
  width: 100%;
  aspect-ratio: 1.5;
}
section.sidebar-layout .section-sidebar .section-title-wrap span {
  display: block;
}
section.sidebar-layout .section-sidebar p.heading {
  font-size: 2rem;
  line-height: 1.5;
  margin-bottom: 0;
}
section.sidebar-layout .section-content {
  flex: 1;
  min-width: 0; /* Prevent flex item from overflowing */
}

/* Large intro paragraphs - used for section introductions */
p.heading.size-xxl {
  font-size: 3.2rem;
  line-height: 1.4;
  color: var(--color-text-default);
  margin: 0 0 4rem 0;
  opacity: 0.9;
}
p.heading.weight-medium {
  font-weight: 500;
}

h4 {
  font-weight: 600;
  font-size: 1.8rem;
  color: var(--color-gray-500);
}

/* Section subtitles - for non-rule content sections */
.section-subtitle {
  font-size: 2.4rem;
  font-weight: 600;
  color: var(--color-text-bolder);
  margin-bottom: 1.6rem;
  margin-top: 3.2rem;
}
.section-subtitle:first-child {
  margin-top: 0;
}

/* Standalone code blocks - styled like rule-columns */
pre.code-block {
  overflow: hidden;
  position: relative;
  color: var(--color-gray-400);
  border: 1px solid var(--color-gray-800);
  border-radius: 1.6rem;
  box-sizing: border-box;
  background: var(--color-gray-900);
  margin: 0 0 2.4rem 0;
  padding: 24px;
  overflow-x: auto;
}
pre.code-block code {
  display: block;
  padding: 0;
  font-family: var(--font-family-mono);
  font-size: 1.4rem;
  line-height: 1.6;
}

/* Principle subsections - for organizing content within sections */
.principle-subsection h3 {
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: var(--color-text-bolder);
}

/* Section title uses default styling - no special formatting for sidebar layout */
/* Heading styles within sections */
.section-content p.heading.size-xxl {
  margin-bottom: 2.4rem;
}

/* Responsive adjustments for sections with sidebar-layout */
section.sidebar-layout {
  /* Adjust heading size based on main container width */
}
@container main-content (max-width: 600px) {
  section.sidebar-layout p.heading.size-xxl {
    font-size: 2.4rem;
    margin-bottom: 2.4rem;
  }
}

/**
 * ▗▄▄▖ ▗▖ ▗▖▗▖    ▗▄▄▄▖     ▗▄▄▖ ▗▄▖ ▗▖    ▗▖ ▗▖▗▖  ▗▖▗▖  ▗▖ ▗▄▄▖
 * ▐▌ ▐▌▐▌ ▐▌▐▌    ▐▌       ▐▌   ▐▌ ▐▌▐▌    ▐▌ ▐▌▐▛▚▞▜▌▐▛▚▖▐▌▐▌   
 * ▐▛▀▚▖▐▌ ▐▌▐▌    ▐▛▀▀▘    ▐▌   ▐▌ ▐▌▐▌    ▐▌ ▐▌▐▌  ▐▌▐▌ ▝▜▌ ▝▀▚▖
 * ▐▌ ▐▌▝▚▄▞▘▐▙▄▄▖▐▙▄▄▖     ▝▚▄▄▖▝▚▄▞▘▐▙▄▄▖▝▚▄▞▘▐▌  ▐▌▐▌  ▐▌▗▄▄▞▘
 *
 * Rule Columns Component
 * Flexible grid system for displaying rules, guidelines, and item collections
 */
/* ========================================================================
   RULE COLUMNS COMPONENT
   ======================================================================== */
/*
 * Component Structure:
 *
 * Base class: .rule-columns
 *
 * Layout modifiers: .column, .rows, .dense, .wide, .pairs
 * State modifiers: .with-icons
 * Utility modifiers: .mv-0, .mb-0, .mt-0
 *
 * Child elements:
 * - .rule-section-title (full-width section headers)
 * - .rule-divider (visual separators)
 * - .rule-description (full-width descriptions)
 * - .rule-content (wrapper for rule items)
 * - .rule-item (individual rule/guideline items)
 *
 * Usage Examples:
 * - <div class="rule-columns">
 *     <h3 class="rule-section-title">Section Title</h3>
 *     <div class="rule-content">
 *       <dl class="rule-item">...</dl>
 *     </div>
 *   </div>
 *
 * - <div class="rule-columns with-icons pairs">
 *     <div class="rule-content">
 *       <dl class="rule-item">...</dl>
 *       <dl class="rule-item">...</dl>
 *     </div>
 *   </div>
 */
/* ========================================================================
   BASE RULE COLUMNS STYLES
   ======================================================================== */
.rule-columns {
  /* CSS Custom Properties */
  --rule-bg: var(--color-gray-850);
  --rule-border: var(--color-gray-800);
  --rule-item-bg: var(--color-gray-900);
  --rule-text: var(--color-gray-400);
  --rule-text-bold: var(--color-text-bolder);
  --rule-text-subtle: var(--color-text-subtle);
  /* Base Layout */
  overflow: hidden;
  container-type: inline-size;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  /* Appearance */
  color: var(--rule-text);
  background: var(--rule-bg);
  border: 1px solid var(--rule-border);
  border-radius: 1.6rem;
  box-sizing: border-box;
  /* Transitions */
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  /* Spacing */
  /* ========================================================================
     NESTED ELEMENTS
     ======================================================================== */
  /* Section Titles */
  /* Dividers */
  /* Rule Title (h4 within rule-columns) */
  /* Descriptions */
  /* Code Blocks */
  /* ========================================================================
     LAYOUT MODIFIERS
     ======================================================================== */
  /* Column Layout */
  /* Row Layout */
  /* Dense Layout */
  /* Wide Layout */
  /* Pairs Layout */
  /* ========================================================================
     STATE MODIFIERS
     ======================================================================== */
  /* With Icons */
  /* ========================================================================
     UTILITY MODIFIERS
     ======================================================================== */
}
.rule-columns h3.rule-section-title,
.rule-columns .rule-section-title {
  flex: 0 0 100%;
  width: 100%;
  padding: 1.6rem 2.4rem;
  margin: 0;
  font-size: 2rem;
  font-weight: 600;
  color: var(--rule-text-bold);
  background: var(--color-gray-875);
  border-bottom: 1px solid var(--rule-border);
}
.rule-columns h3.rule-section-title:not(:first-child),
.rule-columns .rule-section-title:not(:first-child) {
  border-top: 1px solid var(--rule-border);
  margin-top: -2px;
}
.rule-columns .rule-divider {
  flex: 0 0 100%;
  width: 100%;
  height: 1px;
  background: var(--rule-border);
  margin: 0;
}
.rule-columns h4.rule-title,
.rule-columns .rule-title {
  flex: 0 0 100%;
  width: 100%;
  padding: 1.6rem 2.4rem;
  margin: 0;
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--rule-text-bold);
  background: var(--color-gray-875);
  border-bottom: 1px solid var(--rule-border);
}
.rule-columns .rule-description {
  flex: 0 0 100%;
  width: 100%;
  padding: 2rem 3.2rem;
  margin: 0;
  font-size: 1.6rem;
  color: var(--rule-text-subtle);
  background: var(--rule-bg);
  border-bottom: 1px solid var(--rule-border);
}
.rule-columns pre.rule-item {
  padding: 0;
  margin: 0;
  overflow-x: auto;
  background: rgba(0, 0, 0, 0.15);
  border: 1px solid var(--color-gray-850);
  min-width: 100%;
}
.rule-columns pre.rule-item code {
  display: block;
  padding: 2rem 2.4rem;
  font-family: var(--font-family-mono);
}
.rule-columns.column .rule-content {
  flex-direction: column;
}
.rule-columns.rows .rule-content .rule-item {
  flex: 1 1 100%;
}
.rule-columns.dense .rule-content .rule-item {
  flex: 1 1 200px;
}
.rule-columns.wide .rule-content .rule-item {
  flex: 1 1 400px;
}
.rule-columns.pairs .rule-content .rule-item {
  flex: 1 1 calc(50% - 0.8rem) !important;
}
.rule-columns.with-icons .rule-label {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.rule-columns.mv-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.rule-columns.mb-0 {
  margin-bottom: 0;
}
.rule-columns.mt-0 {
  margin-top: 0;
}

/* ========================================================================
   RULE CONTENT WRAPPER
   ======================================================================== */
.rule-content {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
  flex: 1;
  width: 100%;
  /* ========================================================================
     RESPONSIVE CHILD COUNT LAYOUTS
     ======================================================================== */
  /* 2 children */
  /* 3 or 6 children */
  /* 4 children */
  /* 5 children */
  /* 7 children */
  /* 8 children */
  /* 9 children */
  /* 10 children */
  /* 11 children */
  /* 12 children */
  /* 13+ children */
  /* Mobile breakpoint */
}
.rule-content .rule-item:nth-last-child(2):first-child,
.rule-content .rule-item:nth-last-child(2):first-child ~ .rule-item {
  flex: 1 1 400px;
}
.rule-content .rule-item:nth-last-child(3):first-child,
.rule-content .rule-item:nth-last-child(3):first-child ~ .rule-item,
.rule-content .rule-item:nth-last-child(6):first-child,
.rule-content .rule-item:nth-last-child(6):first-child ~ .rule-item {
  flex: 1 1 300px;
}
.rule-content .rule-item:nth-last-child(4):first-child,
.rule-content .rule-item:nth-last-child(4):first-child ~ .rule-item {
  flex: 1 1 24%;
}
@container (max-width: 900px) {
  .rule-content .rule-item:nth-last-child(4):first-child,
  .rule-content .rule-item:nth-last-child(4):first-child ~ .rule-item {
    flex: 1 1 48%;
  }
}
.rule-content .rule-item:nth-last-child(5):first-child,
.rule-content .rule-item:nth-last-child(5):first-child ~ .rule-item {
  flex: 1 1 300px;
}
.rule-content .rule-item:nth-last-child(7):first-child,
.rule-content .rule-item:nth-last-child(7):first-child ~ .rule-item {
  flex: 1 1 280px;
}
.rule-content .rule-item:nth-last-child(8):first-child,
.rule-content .rule-item:nth-last-child(8):first-child ~ .rule-item {
  flex: 1 1 24%;
}
@container (max-width: 900px) {
  .rule-content .rule-item:nth-last-child(8):first-child,
  .rule-content .rule-item:nth-last-child(8):first-child ~ .rule-item {
    flex: 1 1 48%;
  }
}
.rule-content .rule-item:nth-last-child(9):first-child,
.rule-content .rule-item:nth-last-child(9):first-child ~ .rule-item {
  flex: 1 1 32%;
}
@container (max-width: 900px) {
  .rule-content .rule-item:nth-last-child(9):first-child,
  .rule-content .rule-item:nth-last-child(9):first-child ~ .rule-item {
    flex: 1 1 48%;
  }
}
.rule-content .rule-item:nth-last-child(10):first-child,
.rule-content .rule-item:nth-last-child(10):first-child ~ .rule-item {
  flex: 1 1 19%;
}
@container (max-width: 900px) {
  .rule-content .rule-item:nth-last-child(10):first-child,
  .rule-content .rule-item:nth-last-child(10):first-child ~ .rule-item {
    flex: 1 1 48%;
  }
}
.rule-content .rule-item:nth-last-child(11):first-child,
.rule-content .rule-item:nth-last-child(11):first-child ~ .rule-item {
  flex: 1 1 220px;
}
.rule-content .rule-item:nth-last-child(12):first-child,
.rule-content .rule-item:nth-last-child(12):first-child ~ .rule-item {
  flex: 1 1 24%;
}
@container (max-width: 900px) {
  .rule-content .rule-item:nth-last-child(12):first-child,
  .rule-content .rule-item:nth-last-child(12):first-child ~ .rule-item {
    flex: 1 1 32%;
  }
}
.rule-content .rule-item:nth-last-child(n+13):first-child,
.rule-content .rule-item:nth-last-child(n+13):first-child ~ .rule-item {
  flex: 1 1 220px;
}
@container (max-width: 600px) {
  .rule-content .rule-item {
    flex: 1 1 100% !important;
  }
}

/* ========================================================================
   RULE ITEM
   ======================================================================== */
.rule-item,
dl.rule-item {
  /* Layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 1 30%;
  min-width: 200px;
  /* Spacing */
  margin: 0;
  padding: 1.6rem 2.4rem;
  /* Appearance */
  background: var(--rule-item-bg);
  font-size: 1.6rem;
  transition: background 0.2s ease;
  /* ========================================================================
     ICON VARIANT
     ======================================================================== */
  /* ========================================================================
     CHILD ELEMENTS
     ======================================================================== */
  /* Links */
  /* Definition Terms */
  /* Definition Descriptions */
}
.rule-item:last-child,
dl.rule-item:last-child {
  border-bottom: none;
}
.rule-item:has(.rule-icon),
dl.rule-item:has(.rule-icon) {
  position: relative;
  padding-left: 64px;
}
.rule-item:has(.rule-icon) .rule-icon,
dl.rule-item:has(.rule-icon) .rule-icon {
  position: absolute;
  left: 0;
  top: 0;
  margin: 1.4rem;
  opacity: 0.4;
  display: inline-block;
}
.rule-item:has(.rule-icon) .rule-icon svg,
dl.rule-item:has(.rule-icon) .rule-icon svg {
  display: block;
  width: 4rem;
  height: 4rem;
  margin: 0;
}
.rule-item:has(.rule-icon) .rule-icon svg path,
dl.rule-item:has(.rule-icon) .rule-icon svg path {
  fill: currentColor;
}
.rule-item > a,
dl.rule-item > a {
  margin-top: auto;
}
.rule-item dt,
dl.rule-item dt {
  font-weight: 600;
  color: var(--rule-text-bold);
}
.rule-item dd,
dl.rule-item dd {
  margin: 0;
  padding: 0;
  color: var(--rule-text-subtle);
  font-family: var(--font-family-mono);
  text-wrap: balance;
  hyphens: auto;
  /* State Variants */
}
.rule-item dd:not(:last-child),
dl.rule-item dd:not(:last-child) {
  margin-bottom: 1rem;
}
.rule-item dd p,
dl.rule-item dd p {
  hyphens: auto;
}
.rule-item dd.correct,
dl.rule-item dd.correct {
  color: var(--color-success);
}
.rule-item dd.incorrect,
dl.rule-item dd.incorrect {
  color: var(--color-error);
  text-decoration: line-through;
  opacity: 0.7;
}

.code-example {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 2px;
  flex: 1;
  user-select: none;
}
@media (min-width: 769px) {
  .code-example {
    flex-direction: row;
  }
}
.code-example .shuffle-btn,
.code-example .copy-btn {
  position: absolute !important;
  z-index: 10;
}
.code-example .shuffle-btn.copied .button-icon,
.code-example .copy-btn.copied .button-icon {
  color: var(--color-green-400);
}
.code-example .shuffle-btn {
  top: 0;
  right: 0;
}
.code-example .copy-btn {
  bottom: 0;
  right: 0;
}
.code-example .meta,
.code-example .example {
  overflow: hidden;
  position: relative;
}
.code-example .meta:before,
.code-example .example:before {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 6px;
  opacity: 0.25;
  text-transform: uppercase;
  font-size: 10px;
  display: none;
}
.code-example .meta {
  min-width: 50%;
  flex: 2;
  gap: 2px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.code-example .meta:before {
  content: "Code";
}
.code-example .meta > code {
  flex: 1;
}
.code-example .meta > * {
  flex: 1;
}
.code-example .meta .tokens > * {
  border-radius: var(--radius-l);
  background: var(--color-gray-900);
  padding: 12px;
}
.code-example .meta .tokens-wrap {
  display: block;
  order: -1;
  flex: 2;
  overflow-x: scroll;
}
.code-example .meta .tokens-wrap .tokens {
  height: 100%;
  flex-wrap: nowrap;
}
.code-example .meta .tokens {
  user-select: none;
  flex: 1;
  order: -1;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
  font-size: 0.75rem;
  font-size: 1rem;
  color: var(--color-text-subtle);
  gap: 2px;
  margin-bottom: auto;
}
.code-example .meta .tokens.stacked {
  flex-direction: column;
}
.code-example .meta .tokens.stacked > span {
  flex-direction: row-reverse;
  align-items: center;
}
.code-example .meta .tokens.stacked > span code:first-child {
  margin-right: auto;
}
.code-example .meta .tokens span {
  flex: 1;
  display: flex;
  align-items: center;
  gap: var(--space-4);
  flex-direction: column;
  align-items: flex-start;
  text-transform: uppercase;
  max-height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
}
.code-example .meta .tokens code {
  width: auto;
  text-transform: none;
  display: inline-block;
  padding: var(--space-4) var(--space-8);
  background-color: var(--color-gray-850);
  color: var(--color-text-default);
  border-radius: var(--radius-l);
  font-family: monospace;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.15s ease;
  margin: 0;
  white-space: nowrap;
}
.code-example .meta .tokens code:hover {
  color: white;
  background: black;
}
.code-example .meta .tokens code.active {
  background: color-mix(in srgb, var(--color-green-300) 20%, transparent);
  color: var(--color-green-300);
  font-weight: 600;
}
.code-example .meta .tokens code[disabled] {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
.code-example .meta .tokens code[disabled]:hover {
  color: var(--color-text-default);
  background: var(--color-gray-850);
}
.code-example .meta .tokens .default {
  opacity: 0.6;
  font-style: italic;
}
.code-example .example {
  border-radius: var(--radius-l);
  min-height: 12.5vh;
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 12px;
  overflow: scroll;
  overscroll-behavior: contain;
  scroll-snap-type: X mandatory;
  overscroll-behavior: contain auto;
  flex: 2;
  background: rgba(0, 0, 0, 0.3);
}
.code-example .example:before {
  content: "Example";
}
.code-example .example.bottom {
  justify-content: center;
  flex-wrap: nowrap;
  align-items: flex-end;
}
.code-example .example.top {
  justify-content: center;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.code-example .example.left {
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
}
.code-example .example.right {
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-end;
}
.code-example .example.gray-900 {
  background: var(--color-gray-900);
}
.code-example .example.gray-850 {
  background: var(--color-gray-850);
}
.code-example .example.gray-700 {
  background: var(--color-gray-700);
}
.code-example .example.gray-600 {
  background: var(--color-gray-600);
}
.code-example .example.gray-500 {
  background: var(--color-gray-500);
}
.code-example .example.gray-400 {
  background: var(--color-gray-400);
}
.code-example .example.gray-300 {
  background: var(--color-gray-300);
}
.code-example .example.gray-200 {
  background: var(--color-gray-200);
}
.code-example .example.gray-100 {
  background: var(--color-gray-100);
}
.code-example .example.gray-50 {
  background: var(--color-gray-50);
}
.code-example .example.white {
  background: white;
}
.code-example .example.has-bg {
  background-size: cover;
  background-image: url("/img/backgrounds/jungle-background.png");
}
.code-example .example > * {
  scroll-snap-align: center;
}

.code-example code.d-block,
.code-example code.code-display {
  border-radius: var(--radius-l);
  background-color: var(--color-gray-850);
  display: block;
  margin: 0;
  padding: var(--space-12);
  overflow-x: auto;
  white-space: pre;
  padding-right: 48px;
  max-height: 400px;
  line-height: 1.5;
  font-family: monospace;
}
.code-example code.d-block span.class-component,
.code-example code.code-display span.class-component {
  background: color-mix(in srgb, var(--color-blue-200) 10%, transparent);
  color: var(--color-blue-200);
  padding: 0 var(--space-4);
  border-radius: var(--radius-s);
}
.code-example code.d-block span.class-modifier,
.code-example code.code-display span.class-modifier {
  background: color-mix(in srgb, var(--color-green-300) 10%, transparent);
  color: var(--color-green-300);
  padding: 0 var(--space-4);
  border-radius: var(--radius-s);
}
.code-example code.d-block span.class-subcomponent,
.code-example code.code-display span.class-subcomponent {
  background: color-mix(in srgb, var(--color-purple-300) 10%, transparent);
  color: var(--color-purple-300);
  padding: 0 var(--space-4);
  border-radius: var(--radius-s);
}
.code-example code.d-block span.class-utility,
.code-example code.code-display span.class-utility {
  background: color-mix(in srgb, var(--color-green-300) 10%, transparent);
  color: var(--color-green-300);
  padding: 0 var(--space-4);
  border-radius: var(--radius-s);
}

/**
 * ▗▄▄▖ ▗▄▄▖  ▗▄▖ ▗▖  ▗▖▗▄▄▄  ▗▄▄▖▗▖ ▗▖▗▄▄▄▖▗▄▄▄ ▗▄▄▄▖
 * ▐▌ ▐▌▐▌ ▐▌▐▌ ▐▌▐▛▚▖▐▌▐▌  █▐▌   ▐▌ ▐▌  █  ▐▌  █▐▌   
 * ▐▛▀▚▖▐▛▀▚▖▐▛▀▜▌▐▌▐▚▐▌▐▌  █▐▌▝▜▌▐▌ ▐▌  █  ▐▌  █▐▛▀▀▘
 * ▐▙▄▞▘▐▌ ▐▌▐▌ ▐▌▐▌ ▝▐▌▐▙▄▄▀▝▚▄▞▘▝▚▄▞▘▗▄█▄▖▐▙▄▄▀▐▙▄▄▖
 *
 * Chess.com Brand Guidelines - Main Stylesheet
 * Core styles for the brand documentation site
 */
/* Base Styles
   ======================================================================== */
/* Root brandguide styles */
.brandguide {
  font-family: "ChessSansVar", sans-serif;
  font-weight: 400;
  font-stretch: 95%;
}

/* Body layout */
.brandguide body {
  display: flex;
}
.brandguide body .navbar {
  position: sticky;
  top: 0;
  min-width: 200px;
}
.brandguide body .brandguide-main {
  flex: 9;
  width: 70%;
}

/* Main content container */
.brandguide-main {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  min-height: 100vh;
}
.brandguide-main.full {
  width: 100%;
  margin-left: 0;
}

/* Section styles */
.brandguide-section {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-content: center;
  align-items: stretch;
  justify-content: flex-start;
  padding: 32px 48px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.brandguide-section.no-gap {
  gap: 0;
}
@media only screen and (max-width: 1000px) {
  .brandguide-section {
    padding: 20px;
  }
}
@media only screen and (min-width: 1680px) {
  .brandguide-section {
    padding: 48px 64px;
  }
}
.brandguide-section > h1,
.brandguide-section > h2 {
  margin: 0;
  font-family: "ChessSansVar", sans-serif !important;
  font-size: clamp(32px, 5vw, 56px);
  font-weight: 600;
  font-stretch: 95%;
  font-feature-settings: "ss05" 1 !important;
  line-height: 1.2;
  letter-spacing: 0;
  text-wrap: balance;
}
.brandguide-section h1 + h2 {
  color: var(--color-gray-500);
}

/* Article container */
.brandguide-article .section-title.sticky {
  position: sticky;
  top: 0;
  z-index: 1000;
  margin: 0 -48px;
  padding: 0 48px;
  padding-top: 24px;
}
.brandguide-article .section-title.sticky .main {
  min-width: 550px;
  transition: all 0s 0s ease-in-out;
}
.brandguide-article .brandguide-section .section-title.sticky {
  top: 0px;
  margin-top: -24px;
  padding-top: 24px;
}
.brandguide-article .brandguide-section .main {
  display: inline-block;
  opacity: 0.6;
}

/* Footer */
.brandguide-footer {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-content: center;
  align-items: stretch;
  justify-content: flex-start;
  margin-top: auto;
  padding: 32px 48px;
  background-color: var(--color-gray-850);
  font-size: 1.2rem;
  color: var(--color-gray-500);
}
@media only screen and (max-width: 1000px) {
  .brandguide-footer {
    padding: 20px;
  }
}
@media only screen and (min-width: 1680px) {
  .brandguide-footer {
    padding: 48px 64px;
  }
}
.brandguide-footer a {
  color: var(--color-gray-500);
}
.brandguide-footer .footer-index {
  display: flex;
  flex-wrap: wrap;
  gap: 48px;
  justify-content: space-between;
  justify-content: flex-start;
  line-height: 1.6;
}
.brandguide-footer .footer-index div {
  margin-left: auto;
}
.brandguide-footer .footer-index .footer-contact {
  font-size: inherit;
}
.brandguide-footer .footer-index .footer-contact p {
  font-size: inherit;
}
.brandguide-footer .footer-index p {
  margin: 0;
}
@media only screen and (max-width: 900px) {
  .brandguide-footer .footer-index ul {
    width: calc(30% - 48px);
  }
}
.brandguide-footer .footer-index ul li:first-child a {
  display: block;
  padding-bottom: 0.5em;
  color: var(--color-gray-300);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.brandguide-footer .footer-index a {
  text-decoration: none;
}
.brandguide-footer .footer-index a:hover {
  color: var(--color-gray-300);
}

/* Typography
   ======================================================================== */
.brandguide-bold {
  font-weight: 600;
}

.brandguide-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Components
   ======================================================================== */
/* Section Title Component */
.section-title {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  font-weight: 600;
}
.section-title.sticky {
  position: sticky;
  top: 0;
  z-index: 20;
  padding-bottom: 0px;
  background: var(--color-gray-800);
}
.section-title.sticky.sticky-nude {
  margin-bottom: -90px;
  background: none;
}
.section-title.sticky.sticky-nude span {
  visibility: hidden;
  width: 8.5em;
}
.section-title .section-title-wrap {
  flex: 1;
  font-size: 28px;
  font-size: 3.2rem;
  line-height: 1.2;
  white-space: normal;
  text-wrap: balance;
}
.section-title .section-title-wrap:not(.stacked) span {
  display: inline-block;
}
.section-title .section-title-wrap.stacked {
  display: flex;
  flex-direction: column;
}
.section-title .section-title-wrap span {
  display: block;
}
.section-title > span > span {
  text-wrap: balance;
}
.section-title > span > span.main {
  color: var(--color-gray-200);
}
.section-title > span > span.sub {
  font-weight: 500;
  color: var(--color-gray-500);
}
.section-title #size {
  width: 200px;
}
@media only screen and (max-width: 900px) {
  .section-title #size {
    display: none;
  }
}
.section-title .buttons {
  display: flex;
}
.section-title .buttons .button + .button {
  margin-left: 8px;
}

.section-title + section {
  margin-top: -68px;
}

/* Section Grid */
.section-grid {
  display: flex;
  flex-wrap: wrap;
}

/* Key Visual Component */
.key-visual {
  display: flex;
  flex-direction: column;
  gap: 5vmin;
  align-items: flex-start;
}
@media only screen and (orientation: landscape) {
  .key-visual {
    flex-direction: row;
  }
}
.key-visual .section-image {
  width: 100%;
  aspect-ratio: 1;
  background-color: var(--color-gray-900);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 10px;
}
@media only screen and (orientation: landscape) {
  .key-visual .section-image {
    width: 30%;
  }
}
.key-visual .section-content {
  flex: 2;
}
.key-visual .section-content .section-title {
  margin-bottom: 1em;
}
.key-visual p b {
  font-weight: 600;
}

/* Posts Component */
.posts {
  display: flex;
  position: relative;
  gap: 20px;
  margin: -8px -48px;
  padding: 8px 48px;
  overflow-x: scroll;
  overflow-y: hidden;
  font-size: 0;
  white-space: nowrap;
  background-color: transparent;
  border: none;
  scrollbar-width: none; /* Firefox */
  -webkit-overflow-scrolling: touch;
  transition: bottom 0.3s 0s var(--easing);
}
@media only screen and (max-width: 1000px) {
  .posts {
    margin-left: -20px;
    margin-right: -20px;
    padding: 8px 20px;
  }
}
@media only screen and (min-width: 1680px) {
  .posts {
    margin-left: -64px;
    margin-right: -64px;
    padding: 8px 64px;
  }
}

/* Instagram Quote Component */
.instagram-quote {
  display: inline-flex;
  flex-direction: row;
  overflow: hidden;
  min-width: 712px;
  margin-right: 32px;
  aspect-ratio: 1;
  white-space: normal;
  border-radius: 10px;
  container-name: instagram-quote;
  container-type: size;
}
.instagram-quote .instagram-quote-image {
  position: relative;
  min-width: 40%;
  background-position: center;
  background-size: cover;
}
.instagram-quote .instagram-quote-image .logo {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 9%;
  height: 6%;
}
.instagram-quote .instagram-quote-text {
  display: flex;
  flex-direction: column;
  padding: 5cqh;
  background-color: var(--color-gray-900);
  font-size: 6cqh;
  font-weight: 500;
  font-stretch: 96%;
  line-height: 1.15;
}
.instagram-quote .instagram-quote-text span {
  margin: 0;
  margin-top: -0.15em;
  margin-bottom: -0.3em;
  color: var(--color-green-400);
  font-size: 200%;
  font-weight: 500;
}
.instagram-quote .instagram-quote-text b {
  display: block;
  color: var(--color-green-400);
  font-weight: inherit;
}
.instagram-quote .instagram-quote-text cite {
  margin-top: auto;
  font-size: 3cqh;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
}
.instagram-quote .instagram-quote-text blockquote {
  text-wrap: balance;
}

/* Quotes Component */
.quotes {
  display: flex;
  flex: 2;
  flex-wrap: no-wrap;
  gap: 48px;
  margin: 0;
  margin-left: -48px;
  margin-right: -48px;
  padding: 24px 48px;
  padding: 0;
  max-width: 100vw;
  min-width: 100%;
  list-style: none;
  overflow-x: scroll;
  overscroll-behavior: contain auto;
  scroll-snap-type: X mandatory;
}
@media only screen and (min-width: 1680px) {
  .quotes {
    margin-left: -64px;
    margin-right: -64px;
  }
}
.wrap .quotes {
  flex-wrap: wrap;
}
.quotes li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 100%;
  border-radius: 12px;
  scroll-snap-align: center;
}
.quotes blockquote {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.quotes blockquote p {
  margin: 0;
  padding: 0;
  font-size: clamp(50px, 10vw, 120px);
  font-weight: 700;
  line-height: 1;
  text-wrap: balance;
}
.quotes blockquote p:before {
  content: '"';
}
.quotes blockquote p:after {
  content: '"';
}
.quotes blockquote cite {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0.35;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
}

.scroller {
  overscroll-behavior: contain;
  overflow: scroll;
  overscroll-behavior: contain auto;
  padding: 48px;
  margin: -48px;
}
.wrap .scroller {
  flex-wrap: wrap;
}
@media only screen and (max-width: 1000px) {
  .scroller {
    padding: 20px;
    margin: -20px;
  }
}
@media only screen and (min-width: 1680px) {
  .scroller {
    padding: 64px;
    margin: -64px;
  }
}

.illustrations {
  display: flex;
  flex: 2;
  flex-wrap: no-wrap;
  gap: 20px;
  max-width: 100vw;
  min-width: 100%;
  list-style: none;
  align-items: stretch;
}
.illustrations .aspect-2-1 {
  aspect-ratio: 2;
}
.illustrations .aspect-3-1 {
  aspect-ratio: 3;
}
.illustrations .aspect-1-1 {
  aspect-ratio: 1;
}
.illustrations img,
.illustrations svg {
  z-index: 0;
  width: auto;
  height: 100%;
  max-width: 100%;
  padding: 0;
}
.illustrations > * {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  height: 380px;
  height: 50vh;
  padding: 0 !important;
  background-color: var(--color-gray-900);
  border-radius: 12px;
  font-size: 14px;
}
.illustrations > *:hover .download-overlay {
  opacity: 1;
  transform: translateY(0%);
}
.illustrations > *:hover .download-overlay .button {
  opacity: 1;
  transform: scale(1, 1);
}
.illustrations > *:hover .download-overlay .button svg {
  transform: scale(1, 1);
}
.illustrations > * span {
  display: block;
}
.illustrations > * .name {
  display: flex;
  font-weight: 300;
  text-transform: capitalize;
}
.illustrations > * p {
  margin: 0;
}
.illustrations > * .download-overlay {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-top: 20px;
  padding: 28px 32px;
  padding-top: 20px;
  background-color: var(--color-gray-900);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  opacity: 0;
  transform: translateY(100%);
  transition: all 0.15s 0s ease-in-out;
}
.illustrations > * .download-overlay p {
  width: 100%;
}
.illustrations > * .download-overlay .button {
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 10000;
}
.illustrations > * .download-overlay .button svg {
  display: block;
}

/* Icons Color Component */
.icons-color {
  display: flex;
  flex: 2;
  flex-wrap: no-wrap;
  gap: 20px;
  max-width: 100vw;
  min-width: 100%;
  list-style: none;
}
.icons-color > a > div {
  width: 100%;
  height: 100%;
}
.icons-color img,
.icons-color svg {
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
}
.icons-color > * {
  position: relative;
  display: flex;
  flex: 1 1 0%;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: space-between;
  align-items: flex-end;
  justify-content: space-between;
  overflow: hidden;
  width: 0vmin;
  min-width: 350px;
  background-color: var(--color-gray-900);
  border-radius: 12px;
  font-size: 14px;
}
.icons-color > *:hover .download-overlay {
  opacity: 1;
  transform: translateY(0%);
}
.icons-color > *:hover .download-overlay .button {
  opacity: 1;
  transform: scale(1, 1);
}
.icons-color > *:hover .download-overlay .button svg {
  transform: scale(1, 1);
}
.icons-color > * span {
  display: block;
}
.icons-color > * .name {
  display: flex;
  font-weight: 300;
  text-transform: capitalize;
}
.icons-color > * img {
  z-index: 0;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 1;
  transform-origin: top center;
  transition: all 0.15s 0s ease-in-out;
}
.icons-color > * p {
  margin: 0;
}
.icons-color > * .download-overlay {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-top: 20px;
  padding: 28px 32px;
  padding-top: 20px;
  background-color: var(--color-gray-900);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  opacity: 0;
  transform: translateY(100%);
  transition: all 0.15s 0s ease-in-out;
}
.icons-color > * .download-overlay p {
  width: 100%;
}
.icons-color > * .download-overlay .button {
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 10000;
}
.icons-color > * .download-overlay .button svg {
  display: block;
}

/* Non-wrapped sections */
section:not(.wrap) .wrappable {
  gap: 20px;
  margin: 0;
  margin-left: -48px;
  margin-right: -48px;
  padding: 0 48px;
  padding: 0;
  list-style: none;
  overflow: scroll;
  white-space: nowrap;
  scroll-snap-type: X mandatory;
}
section:not(.wrap) .wrappable .icons-color {
  display: inline-block;
  overflow: visible;
  max-width: unset;
  min-width: unset;
  white-space: nowrap;
}
section:not(.wrap) .wrappable .icons-color > * {
  display: inline-block;
  margin-right: 24px;
}

/* Downloadable Component */
.downloadable .buttons {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10000;
  display: flex;
}
.downloadable .buttons a {
  margin-left: 4px;
}
.downloadable li {
  position: relative;
}
.downloadable .label {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  color: var(--color-gray-500) !important;
  font-size: 11px;
  line-height: 0.8;
  font-weight: 500;
  white-space: nowrap;
}
.downloadable .g-button {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
@media only screen and (min-width: 1680px) {
  .downloadable .g-button {
    margin: 0;
  }
}
.downloadable .g-button .label {
  display: none;
}

/* Utilities
   ======================================================================== */
/* Caption */
.caption {
  display: block;
  font-size: 16px;
  line-height: 1.75;
}
.caption:not(.long) {
  max-width: 45em;
  text-wrap: balance;
}
.caption.long {
  column-gap: 20px;
  column-width: 30em;
}
@media only screen and (max-width: 600px) {
  .caption {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
  }
  .caption .button {
    width: 100%;
    justify-content: flex-start;
  }
}
.caption p {
  margin-top: 0;
}
.caption p:not(:last-child) {
  margin-bottom: 1em;
}

/* Columns */
.columns {
  display: flex;
  gap: 48px;
}
.columns li {
  flex: 1;
  max-width: 45em;
  font-size: 16px;
  line-height: 1.75;
}
.columns li p {
  margin: 0;
}

/* Info Section */
.info-section {
  background-color: var(--color-green-400);
}

/* Illustration Figure */
.illustration-figure {
  display: block;
  margin: 2rem 0;
  background-color: var(--color-gray-900);
  border-radius: 12px;
  text-align: center;
}
.illustration-figure svg,
.illustration-figure img {
  width: 100%;
  height: auto;
}

/**
▗▖  ▗▖ ▗▄▖ ▗▖  ▗▖▗▄▄▖  ▗▄▖ ▗▄▄▖ 
▐▛▚▖▐▌▐▌ ▐▌▐▌  ▐▌▐▌ ▐▌▐▌ ▐▌▐▌ ▐▌
▐▌ ▝▜▌▐▛▀▜▌▐▌  ▐▌▐▛▀▚▖▐▛▀▜▌▐▛▀▚▖
▐▌  ▐▌▐▌ ▐▌ ▝▚▞▘ ▐▙▄▞▘▐▌ ▐▌▐▌ ▐▌
 *
 * Brandguide Navbar Component
 * Sidebar navigation for the Chess.com brand guidelines
 */
/* ========================================================================
   NAVBAR COMPONENT
   ======================================================================== */
/*
 * Component Structure:
 *
 * Base class: aside.navbar
 *
 * Child elements:
 * - nav (navigation container)
 * - nav.nav-tight (compact navigation variant)
 * - .search (search input container)
 * - .buttons (button container)
 * - .update (last update info)
 * - .counter (item counter)
 *
 * Usage:
 * <aside class="navbar">
 *   <nav>...</nav>
 *   <div class="search">...</div>
 *   <div class="buttons">...</div>
 *   <p class="update">...</p>
 * </aside>
 */
/* ========================================================================
   CSS CUSTOM PROPERTIES
   ======================================================================== */
aside.navbar {
  /* Core variables only - direct values preferred */
  --navbar-bg: var(--color-gray-900);
  --navbar-text: var(--color-white);
  --navbar-text-muted: var(--color-gray-700);
  --navbar-text-hover: var(--color-gray-100);
  --nav-item-hover-bg: var(--color-transparent-black-14);
}

/* ========================================================================
   BASE NAVBAR STYLES
   ======================================================================== */
aside.navbar {
  /* Positioning */
  position: relative;
  z-index: 1000;
  /* Layout */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
  /* Visual */
  background-color: var(--navbar-bg);
  box-shadow: 0 0 24px 4px rgba(49, 46, 43, 0.3);
  /* Scrolling */
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: scroll;
  /* Mobile hide */
}
@media only screen and (max-width: 900px) {
  aside.navbar {
    display: none;
  }
}

/* ========================================================================
   NAVIGATION LOGO/HEADER
   ======================================================================== */
aside.navbar figure {
  display: flex;
  padding-top: 10px;
}
aside.navbar figure img {
  height: 30px;
  display: block;
}
aside.navbar figure span {
  margin-left: -8px;
  line-height: 30px;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -0.0125em;
  text-shadow: 0 0 2px var(--navbar-bg), 0 0 2px var(--navbar-bg);
}

/* ========================================================================
   SEARCH COMPONENT
   ======================================================================== */
aside.navbar .search {
  /* Layout */
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  /* Visual */
  background: rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  /* Search label */
  /* Search icon (currently hidden) */
  /* Search input */
  /* Hover state */
}
aside.navbar .search .search-label {
  /* Positioning */
  position: absolute;
  left: 1.2rem;
  top: 4px;
  pointer-events: none;
  /* Typography */
  font-size: 10px;
  font-weight: 500;
  font-stretch: 100%;
  line-height: 0.5;
  padding-top: 0.9em;
  text-transform: uppercase;
  /* Visual */
  display: block;
  color: var(--navbar-text-muted);
}
aside.navbar .search .search-icon {
  position: absolute;
  left: 8px;
  display: none;
  align-items: center;
  pointer-events: none;
}
aside.navbar .search .search-icon svg {
  width: 32px;
  height: 32px;
  fill: var(--navbar-text-muted);
}
aside.navbar .search input {
  /* Layout */
  width: 100%;
  padding: 1.2rem 0 0 1.2rem;
  /* Visual */
  background: transparent;
  border: none;
  border-radius: 8px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
  color: var(--navbar-text-hover);
  /* Typography */
  font-size: 16px;
  font-weight: 600;
  font-stretch: 95%;
  font-feature-settings: "ss05" 1 !important;
  line-height: 38px;
}
aside.navbar .search input::placeholder {
  color: var(--navbar-text-muted);
}
aside.navbar .search input:focus {
  outline: none;
}
aside.navbar .search:hover .search-label {
  color: var(--navbar-text-hover);
}
aside.navbar .search:hover input::placeholder {
  color: var(--navbar-text-hover);
}
aside.navbar .search:hover svg {
  fill: var(--navbar-text-hover);
}

/* ========================================================================
   NAVIGATION CONTAINER
   ======================================================================== */
aside.navbar nav {
  /* Layout */
  overflow: scroll;
  padding-bottom: 32px;
  /* Typography */
  text-overflow: ellipsis;
  word-break: break-word;
  padding: 0 12px;
  /* Navigation items */
}
aside.navbar nav a {
  /* Layout */
  display: block;
  margin: 0;
  /* Typography */
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  padding: 4px 8px;
  border-radius: 4px;
  /* Visual */
  color: var(--navbar-text);
  text-decoration: none;
  /* Icons (currently hidden) */
  /* States */
}
aside.navbar nav a svg {
  display: none;
  width: 22px;
  height: 22px;
  margin-right: 0.25em;
  vertical-align: bottom;
}
aside.navbar nav a:hover {
  background-color: var(--nav-item-hover-bg);
}
aside.navbar nav a:hover .num {
  opacity: 1;
}
aside.navbar nav a.active {
  color: var(--color-gray-100);
  background-color: var(--nav-item-hover-bg);
  font-weight: 600;
}

/* ========================================================================
   COMPACT NAVIGATION VARIANT
   ======================================================================== */
aside.navbar nav.nav-tight {
  /* Layout */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  flex: 1;
  overflow: scroll;
  padding-bottom: 32px;
  /* Typography */
  text-overflow: ellipsis;
  word-break: break-word;
  /* Section headers */
  /* First item sticky */
  /* Navigation items */
}
aside.navbar nav.nav-tight h3 {
  opacity: 0.2;
}
aside.navbar nav.nav-tight > a:first-child {
  position: sticky;
  top: 0;
  background-color: var(--navbar-bg);
  box-shadow: 0 0 10px 10px var(--navbar-bg);
  margin-bottom: 10px;
  color: var(--color-gray-100);
}
aside.navbar nav.nav-tight a {
  text-transform: capitalize;
  /* Item counter */
}
aside.navbar nav.nav-tight a:after {
  content: attr(data-count);
  float: right;
  font-size: 80%;
  opacity: 0.25;
  font-feature-settings: "tnum" 1;
}
aside.navbar nav.nav-tight a:hover:after {
  opacity: 1;
}

/* ========================================================================
   NAVIGATION GROUP HEADERS
   ======================================================================== */
aside.navbar nav .nav-group-header {
  /* Layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  padding: 16px 8px 2px 8px;
  /* Typography */
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* Visual */
  color: var(--color-gray-600);
  /* Separator line */
}
aside.navbar nav .nav-group-header:after {
  flex: 1;
  content: "";
  display: block;
  height: 1px;
  background: var(--navbar-text-muted);
  opacity: 0.35;
}
aside.navbar nav .nav-group-header:first-of-type {
  padding-top: 0;
}

/* ========================================================================
   BUTTONS CONTAINER
   ======================================================================== */
aside.navbar .buttons {
  /* Layout */
  display: flex;
  flex-direction: column;
  gap: 0.4em;
  align-items: flex-start;
  margin: 0 16px;
  margin-top: auto;
  margin-bottom: 0px;
  /* Visual */
  background-color: var(--navbar-bg);
  box-shadow: 0 0 30px 30px var(--navbar-bg);
  /* Button styles */
}
aside.navbar .buttons .button {
  width: 100%;
  justify-content: flex-start;
}

/* ========================================================================
   UTILITY ELEMENTS
   ======================================================================== */
aside.navbar {
  /* Counter element */
  /* Update timestamp */
}
aside.navbar .counter {
  z-index: 10000;
  padding: 8px 16px;
  opacity: 0.5;
}
aside.navbar .update {
  padding: 16px;
  padding-top: 6px;
  font-size: 10px;
  opacity: 0.5;
}
aside.navbar .update time {
  float: right;
  font-weight: 700;
}

/* ========================================================================
   SIZE CONTROLS IN NAVBAR - OVERRIDES
   ======================================================================== */
aside.navbar .size-inputs {
  width: 100%;
  margin: 0;
  /* Hide the number input in navbar */
  /* Style the range slider to match search */
}
aside.navbar .size-inputs .size-input {
  display: none;
}
aside.navbar .size-inputs input[type=range]::-webkit-slider-runnable-track {
  background: rgba(0, 0, 0, 0.15); /* Match search container background */
  box-shadow: none; /* Remove the default box shadow */
  height: 32px;
  border-radius: 8px; /* Match search input radius */
}
aside.navbar .size-inputs input[type=range]::-moz-range-track {
  background: rgba(0, 0, 0, 0.15); /* Match search container background */
  box-shadow: none; /* Remove the default box shadow */
  height: 32px;
  border-radius: 8px; /* Match search input radius */
}

/**
 *  ▗▄▄▖ ▗▄▖ ▗▖    ▗▄▖ ▗▄▄▖  ▗▄▄▖
 * ▐▌   ▐▌ ▐▌▐▌   ▐▌ ▐▌▐▌ ▐▌▐▌   
 * ▐▌   ▐▌ ▐▌▐▌   ▐▌ ▐▌▐▛▀▚▖ ▝▀▚▖
 * ▝▚▄▄▖▝▚▄▞▘▐▙▄▄▖▝▚▄▞▘▐▌ ▐▌▗▄▄▞▘
 * 
 * BRANDGUIDE COLORS COMPONENT
 * Color display and interaction patterns for the brand colors page
 * 
 * Table of Contents:
 * 1. Container & Layout
 * 2. Color Cards
 * 3. Color Values
 * 4. Color Shades
 * 5. Section Overrides
 * 6. Color Format Selector
 * 7. Responsive Styles
 */
/* ==========================================================================
   1. CONTAINER & LAYOUT
   ========================================================================== */
/**
 * Base colors container
 * Flexible grid layout for color swatches
 */
.colors {
  display: flex;
  list-style: none;
  gap: 20px;
  margin: 0;
  flex-wrap: no-wrap;
  flex: 2;
  overflow: scroll;
  overscroll-behavior: contain auto;
  padding: 48px;
  margin: -48px;
  max-width: 100vw;
  min-width: 100%;
}
.wrap .colors {
  flex-wrap: wrap;
}

/* ==========================================================================
   2. COLOR CARDS  
   ========================================================================== */
/**
 * Individual color card
 * Contains color swatch and value information
 */
.colors .color {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2);
  background-color: var(--color-gray-900);
  padding: 24px;
  overflow: hidden;
  border-radius: 12px;
  width: 0vmin;
  min-width: 200px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 16px;
  flex: 1;
}

/**
 * White color card variant
 */
.colors .color.color-white {
  background-color: var(--color-neutrals-white);
  color: var(--color-neutrals-black);
}

/**
 * Color card title
 */
.color-title {
  margin-bottom: 16px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
}

/* ==========================================================================
   3. COLOR VALUES
   ========================================================================== */
/**
 * Primary color values display
 * Click-to-copy functionality with hover states
 */
.color-value {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  width: 100%;
  cursor: pointer;
  margin: -8px;
  padding: 8px;
  border-radius: 4px;
  line-height: 1.2;
}
.color-value:hover {
  opacity: 1;
  background: rgba(255, 255, 255, 0.05);
}
.color-value:hover:before {
  content: "Click to copy" !important;
}
.color-value:before {
  opacity: 0.5;
}

/**
 * Color value type prefixes
 */
.color-value.color-var:before {
  content: "VAR";
}

.color-value.color-hash:before {
  content: "HEX";
}

.color-value.color-rgb:before {
  content: "RGB";
}

.color-value.color-cmyk:before {
  content: "CMYK";
}

.color-value.color-pantone:before {
  content: "Pantone";
}

/**
 * Individual clickable color values
 * Provides visual feedback for copy interaction
 */
.color-var,
.color-hash,
.color-rgb,
.color-cmyk,
.color-pantone {
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  margin: 0 -0.5rem;
  border-radius: 4px;
  position: relative;
}
.color-var:hover,
.color-hash:hover,
.color-rgb:hover,
.color-cmyk:hover,
.color-pantone:hover {
  background: rgba(255, 255, 255, 0.08);
}
.color-var:active,
.color-hash:active,
.color-rgb:active,
.color-cmyk:active,
.color-pantone:active {
  background: rgba(255, 255, 255, 0.12);
}

/* ==========================================================================
   4. COLOR SHADES
   ========================================================================== */
/**
 * Secondary color shades list
 * Displays color variations with click-to-copy
 */
.color-shades {
  height: 100%;
  padding: 0;
  margin: -24px;
  margin-top: 20px;
  margin-bottom: -24px;
  display: flex;
  list-style: none;
  flex-direction: column;
  gap: 0px;
}
.color-shades li {
  text-transform: uppercase;
  font-weight: 100;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
  width: 100%;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  flex: 1;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
.color-shades li:last-child {
  padding-bottom: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}
.color-shades li:before {
  content: attr(data-color);
  display: block;
}
.color-shades li span {
  font-family: monospace;
  font-weight: 100;
  display: block;
  white-space: nowrap;
}
.color-shades li:before,
.color-shades li span {
  white-space: nowrap;
}

/**
 * Color contrast adjustments for light shades
 */
.color-shades li:nth-child(1) {
  color: black;
}
.color-shades li:nth-child(2) {
  color: black;
}
.color-shades li:nth-child(3) {
  color: black;
}

/**
 * Color format picker overlay
 * Full coverage format selector that appears on hover
 */
.color-shades li {
  position: relative;
}
.color-shades li .color-format-picker {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: stretch;
  opacity: 0;
  visibility: hidden;
  background: inherit;
}
.color-shades li .color-format-picker i {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
  user-select: none;
  opacity: 0.3;
}
.color-shades li .color-format-picker i:first-child {
  padding-left: 5%;
}
.color-shades li .color-format-picker i:last-child {
  padding-right: 5%;
}
.color-shades li .color-format-picker i:hover {
  opacity: 1;
}
.color-shades li .color-format-picker i:active {
  opacity: 0.8;
}
.color-shades li:hover .color-format-picker {
  opacity: 1;
  visibility: visible;
}

/* ==========================================================================
   5. SECTION OVERRIDES
   ========================================================================== */
/**
 * Secondary colors section specific styles
 */
#secondary-colors .color {
  min-height: 50vh;
}

/**
 * Row layout for secondary colors (unwrapped)
 * Horizontal scrolling color strips
 */
section#secondary-colors:not(.wrap) .colors {
  flex-direction: column;
  overflow: visible;
  padding: 0;
  margin: 0;
  gap: 2px;
  border-radius: 12px;
  overflow: scroll;
}
section#secondary-colors:not(.wrap) .colors .color {
  width: 100%;
  max-width: 100%;
  min-height: auto;
  min-width: 100%;
  flex: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 2px;
  line-height: 0.9;
  min-height: 60px;
  border-radius: 0;
  overflow: scroll;
}
section#secondary-colors:not(.wrap) .colors .color .color-title {
  flex: 0 0 120px;
  margin: 0;
  font-size: 16px;
  padding: 2rem;
}
section#secondary-colors:not(.wrap) .colors .color .color-shades {
  flex: 1;
  flex-direction: row;
  margin: 0;
  gap: 2px;
  white-space: nowrap;
  min-width: 100%;
}
section#secondary-colors:not(.wrap) .colors .color .color-shades li {
  padding-left: 24px;
  padding-right: 24px;
  min-width: 200px;
  flex: 1;
  min-width: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-radius: 0 !important;
  gap: 4px;
  min-width: 200px;
}
section#secondary-colors:not(.wrap) .colors .color .color-shades li:hover:before,
section#secondary-colors:not(.wrap) .colors .color .color-shades li:hover span {
  display: block;
}

/* ==========================================================================
   6. COLOR FORMAT SELECTOR
   ========================================================================== */
/**
 * Dropdown for selecting color format (HEX, RGB, HSL, etc.)
 */
.color-format-selector {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: 12px;
}
.color-format-selector .format-select {
  appearance: none;
  background-color: var(--color-gray-800);
  color: var(--color-gray-100);
  border: 1px solid var(--color-gray-700);
  border-radius: 6px;
  padding: 6px 32px 6px 12px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
}
.color-format-selector .format-select:hover {
  background-color: var(--color-gray-700);
  border-color: var(--color-gray-600);
}
.color-format-selector .format-select:focus {
  outline: none;
  border-color: var(--color-green-400);
  box-shadow: 0 0 0 2px rgba(129, 182, 76, 0.2);
}

/* ==========================================================================
   7. RESPONSIVE STYLES
   ========================================================================== */
/**
 * Tablet and below
 */
@media only screen and (max-width: 1000px) {
  .colors {
    padding: 20px;
    margin: -20px;
  }
}
/**
 * Large screens
 */
@media only screen and (min-width: 1680px) {
  .colors {
    padding: 64px;
    margin: -64px;
  }
}
.move-classifications svg {
  padding: 28px 32px;
}

.asset-cards {
  display: flex;
  list-style: none;
  gap: 20px;
  flex-wrap: no-wrap;
  flex: 2;
}
.asset-cards.pieces svg {
  padding: 15%;
}
.asset-cards.color-chips {
  white-space: nowrap;
}
.asset-cards.color-chips li {
  min-width: 200px;
}
.asset-cards.color-chips li .asset-card-details > .color {
  flex: 0;
}
.asset-cards.color-chips li .asset-card-details > .color i {
  height: 3em;
  width: 3em;
  margin-right: 1em;
}
.asset-cards li {
  background-color: var(--color-gray-900);
  overflow: hidden;
  border-radius: 12px;
  width: 0vmin;
  min-width: 300px;
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 16px;
  flex-wrap: wrap;
  align-content: space-between;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .asset-cards li {
    min-width: 300px;
  }
}
.asset-cards li .asset-card-media {
  overflow: hidden;
  aspect-ratio: 1;
  width: 100%;
  height: auto;
}
.asset-cards li .asset-card-media svg {
  transition: transform 0.1s ease-in-out 0s;
}
.asset-cards li .asset-card-media:hover svg {
  transform: scale(1.1, 1.1);
}
.asset-cards li .asset-card-details {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  padding: 24px 24px;
  padding-top: 20px;
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  flex-wrap: nowrap;
  flex-direction: row;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.asset-cards li .asset-card-details > .name {
  font-size: 28px;
}
.asset-cards li .asset-card-details > span {
  width: 100%;
}
.asset-cards li .asset-card-details p {
  order: -4;
  color: var(--color-gray-500);
  margin-top: 0;
  text-wrap: balance;
  display: none;
}
.asset-cards li .name {
  font-weight: 700;
  display: flex;
}
.asset-cards li .color i {
  display: inline-block;
  height: 1em;
  width: 1em;
  border-radius: 50%;
  vertical-align: middle;
  text-align: center;
}
.asset-cards li .color span {
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
}
.asset-cards li img {
  display: none;
}
.asset-cards li svg {
  aspect-ratio: 1;
  width: 100%;
  height: auto;
}

.font-scripts {
  display: flex;
  list-style: none;
  gap: 20px;
  padding: 0;
  margin: 0;
  flex-wrap: no-wrap;
  flex: 2;
  padding: 0 48px;
  margin-left: -48px;
  margin-right: -48px;
  overflow: scroll;
  overscroll-behavior: contain;
  scroll-snap-type: X mandatory;
  overscroll-behavior: contain auto;
  max-width: 100vw;
  min-width: 100%;
}
.wrap .font-scripts {
  flex-wrap: wrap;
}
@media only screen and (max-width: 1000px) {
  .font-scripts {
    padding: 0 20px;
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media only screen and (min-width: 1680px) {
  .font-scripts {
    padding: 0 64px;
    margin-left: -64px;
    margin-right: -64px;
  }
}
.font-scripts .font {
  scroll-snap-align: center;
}

.weight-100.font-sans-variable {
  font-weight: 100;
}

.weight-200.font-sans-variable {
  font-weight: 200;
}

.weight-300.font-sans-variable {
  font-weight: 300;
}

.weight-400.font-sans-variable {
  font-weight: 400;
}

.weight-500.font-sans-variable {
  font-weight: 500;
}

.weight-600.font-sans-variable {
  font-weight: 600;
}

.weight-700.font-sans-variable {
  font-weight: 700;
}

.weight-800.font-sans-variable {
  font-weight: 800;
}

.weight-900.font-sans-variable {
  font-weight: 900;
}

.weight-100:not(.font-sans-variable) {
  font-weight: 100;
}

.weight-200:not(.font-sans-variable) {
  font-weight: 200;
}

.weight-300:not(.font-sans-variable) {
  font-weight: 300;
}

.weight-400:not(.font-sans-variable) {
  font-weight: 400;
}

.weight-500:not(.font-sans-variable) {
  font-weight: 500;
}

.weight-600:not(.font-sans-variable) {
  font-weight: 600;
}

.weight-700:not(.font-sans-variable) {
  font-weight: 700;
}

.weight-800:not(.font-sans-variable) {
  font-weight: 800;
}

.weight-900:not(.font-sans-variable) {
  font-weight: 900;
}

#shrinker-input {
  font-size: 10vmin;
  background: transparent;
  border: none;
  font-family: "ChessSansVar";
  outline: none;
  text-align: center;
  background-color: var(--color-gray-900);
  border-radius: 12px;
  line-height: 2;
}

#random-sentence {
  font-size: 5vw;
  line-height: 1.1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  hyphens: auto;
}

#compare {
  font-size: 4vw;
  line-height: 1.2;
  user-select: none;
}
#compare div {
  position: relative;
}
#compare .off {
  opacity: 0.1;
}
#compare .legacy {
  z-index: 0;
  font-family: "MontserratVar";
  font-weight: 500;
}
#compare .sans {
  z-index: 100;
  font-weight: 500;
  font-family: "ChessSansVar";
  position: absolute;
  top: 0;
  left: 0;
}

#animated-text {
  display: block;
  font-size: 4vw;
  line-height: 1.1;
  overflow: hidden;
  hyphens: auto;
  height: 9.65em;
  margin-bottom: 0.5em;
  overflow: hidden;
  hyphens: auto;
}

.animated-text {
  display: inline;
  hyphens: auto;
}
.animated-text:nth-child(1) {
  font-weight: 100;
}
.animated-text:nth-child(2) {
  font-weight: 100;
}
.animated-text:nth-child(3) {
  font-weight: 200;
}
.animated-text:nth-child(4) {
  font-weight: 300;
}
.animated-text:nth-child(5) {
  font-weight: 300;
}
.animated-text:nth-child(6) {
  font-weight: 400;
}
.animated-text:nth-child(7) {
  font-weight: 400;
}
.animated-text:nth-child(8) {
  font-weight: 500;
}
.animated-text:nth-child(9) {
  font-weight: 500;
}
.animated-text:nth-child(10) {
  font-weight: 550;
}
.animated-text:nth-child(11) {
  font-weight: 600;
}
.animated-text:nth-child(12) {
  font-weight: 650;
}
.animated-text:nth-child(13) {
  font-weight: 650;
}
.animated-text:nth-child(14) {
  font-weight: 700;
}
.animated-text:nth-child(15) {
  font-weight: 750;
}
.animated-text:nth-child(16) {
  font-weight: 800;
}
.animated-text:nth-child(17) {
  font-weight: 750;
}
.animated-text:nth-child(18) {
  font-weight: 700;
}
.animated-text:nth-child(19) {
  font-weight: 650;
}
.animated-text:nth-child(20) {
  font-weight: 650;
}
.animated-text:nth-child(21) {
  font-weight: 600;
}
.animated-text:nth-child(22) {
  font-weight: 550;
}
.animated-text:nth-child(23) {
  font-weight: 500;
}
.animated-text:nth-child(24) {
  font-weight: 500;
}
.animated-text:nth-child(25) {
  font-weight: 400;
}
.animated-text.fade > span {
  opacity: 0;
}
.animated-text > span {
  font-family: "ChessSansVar";
  overflow: hidden;
  display: inline;
}
.animated-text > span span {
  transition: opacity 0.3s linear; /* Apply transition to font variation settings */
  display: inline;
}

.font-axis-wrap {
  overflow-x: scroll;
  max-width: 100%;
  border-radius: 10px;
  flex: 1;
}

#font-axis-words {
  height: 100%;
  table-layout: unset;
}
#font-axis-words tr {
  line-height: 1.65;
  font-size: 4.5vw;
}
#font-axis-words tr:nth-child(2n) {
  display: none;
}
#font-axis-words tr td {
  padding: 0.1em 0.25em;
}

#font-axis {
  top: 32px;
  position: sticky;
}
#font-axis th:not(:first-child),
#font-axis td:not(:first-child) {
  width: 100%;
}

.font-axis,
#font-axis {
  user-select: none;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.font-axis th:nth-child(2), .font-axis td:nth-child(2),
.font-axis th:first-child, .font-axis td:first-child,
#font-axis th:nth-child(2),
#font-axis td:nth-child(2),
#font-axis th:first-child,
#font-axis td:first-child {
  border-left: 0; /* Remove left border from the first cell in each row */
}
.font-axis th:last-child, .font-axis td:last-child,
#font-axis th:last-child,
#font-axis td:last-child {
  border-right: 0; /* Remove right border from the last cell in each row */
}
.font-axis tr:first-child th, .font-axis tr:first-child td,
#font-axis tr:first-child th,
#font-axis tr:first-child td {
  border-top: 0; /* Remove top border from the first row */
}
.font-axis tr:last-child th, .font-axis tr:last-child td,
#font-axis tr:last-child th,
#font-axis tr:last-child td {
  border-bottom: 0; /* Remove bottom border from the last row */
}
.font-axis th, .font-axis td,
#font-axis th,
#font-axis td {
  border: 2px dotted rgba(50, 50, 50, 0.75);
}
.font-axis thead th,
.font-axis thead .font-width-name,
#font-axis thead th,
#font-axis thead .font-width-name {
  font-size: 12px;
  font-weight: 500;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  position: relative;
}
.font-axis thead th span,
.font-axis thead .font-width-name span,
#font-axis thead th span,
#font-axis thead .font-width-name span {
  top: 0;
  left: 0;
  width: 100%;
  position: absolute;
  opacity: 0.25;
  padding: 6px;
  overflow: hidden !important;
  text-overflow: ellipsis;
  display: block;
}
.font-axis tbody th,
#font-axis tbody th {
  position: relative;
}
.font-axis tbody th span,
#font-axis tbody th span {
  line-height: 1;
  width: 10em;
  height: 1em;
  padding: 2px;
  position: absolute;
  bottom: 0;
  left: 0%;
  margin-left: 1.75em;
  margin-bottom: 0.75em;
  text-align: left;
  color: white;
  transform-origin: bottom left;
  font-size: 12px;
  font-stretch: 100%;
  font-weight: 500;
  transform: rotate(-90deg);
  opacity: 0.25;
}
.font-axis tbody tr td:nth-child(2),
#font-axis tbody tr td:nth-child(2) {
  font-stretch: 50%;
}
.font-axis tbody tr td:nth-child(3),
#font-axis tbody tr td:nth-child(3) {
  font-stretch: 75%;
}
.font-axis tbody tr td:nth-child(4),
#font-axis tbody tr td:nth-child(4) {
  font-stretch: 100%;
}
.font-axis tbody tr td:nth-child(5),
#font-axis tbody tr td:nth-child(5) {
  font-stretch: 125%;
}
.font-axis tbody tr td:nth-child(6),
#font-axis tbody tr td:nth-child(6) {
  font-stretch: 150%;
}
.font-axis tbody tr td:nth-child(7),
#font-axis tbody tr td:nth-child(7) {
  font-stretch: 175%;
}
.font-axis tbody tr td:nth-child(8),
#font-axis tbody tr td:nth-child(8) {
  font-stretch: 200%;
}
.font-axis tbody tr:nth-child(1) td:not(:first-child),
#font-axis tbody tr:nth-child(1) td:not(:first-child) {
  font-weight: 100;
}
.font-axis tbody tr:nth-child(2) td:not(:first-child),
#font-axis tbody tr:nth-child(2) td:not(:first-child) {
  font-weight: 200;
}
.font-axis tbody tr:nth-child(3) td:not(:first-child),
#font-axis tbody tr:nth-child(3) td:not(:first-child) {
  font-weight: 300;
}
.font-axis tbody tr:nth-child(4) td:not(:first-child),
#font-axis tbody tr:nth-child(4) td:not(:first-child) {
  font-weight: 400;
}
.font-axis tbody tr:nth-child(5) td:not(:first-child),
#font-axis tbody tr:nth-child(5) td:not(:first-child) {
  font-weight: 500;
}
.font-axis tbody tr:nth-child(6) td:not(:first-child),
#font-axis tbody tr:nth-child(6) td:not(:first-child) {
  font-weight: 600;
}
.font-axis tbody tr:nth-child(7) td:not(:first-child),
#font-axis tbody tr:nth-child(7) td:not(:first-child) {
  font-weight: 700;
}
.font-axis tbody tr:nth-child(8) td:not(:first-child),
#font-axis tbody tr:nth-child(8) td:not(:first-child) {
  font-weight: 800;
}
.font-axis tbody tr:nth-child(9) td:not(:first-child),
#font-axis tbody tr:nth-child(9) td:not(:first-child) {
  font-weight: 900;
}
.font-axis tr,
#font-axis tr {
  font-size: 4vw;
  line-height: 1.35;
}
.font-axis tr td:nth-child(2),
#font-axis tr td:nth-child(2) {
  padding-left: 0.2em;
}
.font-axis tr:first-child td,
#font-axis tr:first-child td {
  padding-top: 0.2em;
}
.font-axis tr:first-child td:nth-child(2),
#font-axis tr:first-child td:nth-child(2) {
  border-top-left-radius: 12px;
}
.font-axis tr:last-child td:nth-child(2),
#font-axis tr:last-child td:nth-child(2) {
  border-bottom-left-radius: 12px;
}
.font-axis tr:first-child td:last-child,
#font-axis tr:first-child td:last-child {
  border-top-right-radius: 12px;
}
.font-axis tr:last-child td:last-child,
#font-axis tr:last-child td:last-child {
  border-bottom-right-radius: 12px;
}
.font-axis tr td,
#font-axis tr td {
  font-family: "ChessSansVar";
  text-align: center;
  background-color: var(--color-gray-900);
}
.font-languages + .font-languages {
  margin-top: 2px;
}

.font-languages {
  background-color: var(--color-gray-900);
  border-radius: 12px;
  padding: 24px 32px;
  position: relative;
}
.font-languages h3 {
  margin: 0;
  font-size: 42px;
  margin-top: -0.1em;
}
.font-languages .count {
  font-size: 11px;
  float: right;
  font-weight: 500;
  font-weight: 500;
  opacity: 0.6;
  top: 0;
  right: 0;
  padding: 1em;
  position: absolute;
  font-weight: 600;
  font-weight: 200;
  text-transform: uppercase;
  opacity: 0.2;
  pointer-events: none;
}
.font-languages.active ul {
  display: block;
}
.font-languages ul {
  margin-top: 1em;
  display: none;
  column-width: 130px;
  column-gap: 30px;
  line-height: 1.5;
  font-size: 15px;
}
.font-testers {
  list-style: none;
  background-color: var(--color-gray-900);
  border-radius: 12px;
}
.font-testers li + li {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.font-testers li {
  display: flex;
  align-items: flex-end;
  position: relative;
  overflow: hidden;
  position: relative;
}
.font-testers li > span {
  padding: 1em;
  position: absolute;
  font-weight: 600;
  text-transform: uppercase;
  opacity: 0.2;
  pointer-events: none;
}
.font-testers li .font-weight-class {
  left: 0;
  top: 0;
}
.font-testers li .font-weight-name {
  right: 0;
  top: 0;
}

.font-tester {
  min-width: 100%;
  background: none;
  display: block;
  border: none;
  font-size: 5vmin;
  line-height: 1.75;
  text-indent: 0.25em;
  outline: none;
}
.font-system {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Helvetica, Arial, sans-serif;
}

.font-chess {
  font-family: "ChessSansVar", sans-serif;
}

.font-opensans {
  font-family: "Open Sans", sans-serif;
}

.font-hind {
  font-family: "Hind", sans-serif;
}

.font-arabic {
  font-family: "Noto Sans Arabic", sans-serif;
}

.font-korean {
  font-family: "Noto Sans KR", sans-serif;
}

.fonts {
  padding: 0;
  margin: 0;
  min-width: 100%;
  display: flex;
  flex-direction: column;
  list-style: none;
  overflow: hidden;
}

.font-chars {
  overflow: hidden;
  font-size: 5vw;
}

.font {
  position: relative;
  min-height: 50vh;
  background-color: var(--color-gray-900);
  border-radius: 12px;
  padding: 28px;
  width: 0vmin;
  min-width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 16px;
  font-size: 30vh;
  line-height: 1;
  line-height: 1.4;
}
.font .buttons {
  font-size: 0;
  display: flex;
  position: absolute;
  z-index: 10000;
  top: 10px;
  right: 10px;
}
.font .buttons .button + .button {
  margin-left: 4px;
}
.font .weights {
  overflow: hidden;
  border-radius: 12px;
  list-style: none;
  font-size: 12px;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  font-weight: 600 !important;
}
.font .weights span {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  font-weight: 500;
  line-height: 1.8;
  display: flex;
  align-content: space-between;
  justify-content: space-between;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  flex: 1;
}
.font .weights span:after {
  content: attr(weight);
  display: block;
  padding: 8px 16px;
  width: 100%;
  opacity: 0.25;
}
.font .weights span:before {
  opacity: 0.25;
  content: attr(weight-class);
  display: block;
  padding: 8px 16px;
  width: 100%;
  opacity: 0.25;
}
.font .weights span.active, .font .weights span:hover {
  background: rgba(0, 0, 0, 0.14);
}
.font .weights span.active:after, .font .weights span.active:before, .font .weights span:hover:after, .font .weights span:hover:before {
  opacity: 1;
}
.font h4 {
  z-index: 10000;
  font-size: 14px;
  font-weight: 500;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
  margin-top: -0.25em;
  display: none;
}
.font h4 span {
  display: none;
}
.font .font-preview {
  white-space: nowrap;
  display: block;
  overflow: scroll;
  display: flex;
  padding: 0;
  margin-right: -28px;
  flex: 1;
  line-height: 1.7;
  align-items: center;
  color: var(--color-gray-100);
}

.brandguide-article .brandguide-section .section-content * {
  line-height: 1.6;
}
.brandguide-article .brandguide-section .section-content h2 {
  color: white;
}
.brandguide-article .brandguide-section .section-content p {
  font-size: 2.4rem;
  font-weight: 360;
}
.brandguide-article .brandguide-section .section-content h3 {
  color: white;
  margin-top: 2.4rem;
  font-size: 2.4rem;
  font-weight: 460;
}
.brandguide-article .brandguide-section .section-content h4 {
  color: white;
}

@media only screen and (max-width: 900px) {
  .page-styleguide {
    flex-direction: column;
  }
}

#home-link {
  background: var(--color-gray-900);
  position: sticky;
  z-index: 2000;
  top: 0;
  right: 0;
  left: 0;
}
@media only screen and (min-width: 900px) {
  #home-link {
    display: none;
  }
}

#group-links {
  opacity: 0;
  transition: opacity 0.25s 0.1s ease-in-out;
  position: sticky;
  flex: 0 0 100%; /* flex-grow, flex-shrink, flex-basis */
  display: flex;
  top: 0;
  z-index: 10000;
  justify-content: space-between;
  overflow: scroll;
  width: 100%;
}
#group-links.loaded {
  opacity: 1;
}
#group-links a {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  padding: 4px 4px;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 0.5);
}
#group-links a.active {
  position: relative;
}
#group-links a.active:after {
  position: absolute;
  top: 0;
  left: 50%;
  content: "";
  display: inline-block;
  height: 2px;
  width: 2px;
  margin-left: -1px;
  background: white;
  border-radius: 50%;
}

main.inspector-open {
  position: fixed;
  width: 100% !important;
}
main.inspector-open .footer {
  display: none;
}

#color-icons-header {
  z-index: 10;
  width: 100%;
  padding: 12px;
  background: linear-gradient(rgb(30, 30, 30) 50%, rgba(30, 30, 30, 0.75) 60%, rgba(30, 30, 30, 0.5) 70%, rgba(30, 30, 30, 0.25) 80%, rgba(30, 30, 30, 0) 100%);
}
#color-icons-header #suggestionList {
  display: none;
}

#icons-header {
  /* Unset fill for icons with the special class */
  margin: 0;
  top: 0;
  right: 0;
  left: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
  flex-wrap: wrap;
  padding-top: 12px !important;
  padding-bottom: 4px;
  background: var(--color-gray-800);
  z-index: 2000;
  position: sticky;
}
.inspector-open #icons-header {
  display: none;
}
#icons-header svg path {
  fill: currentColor;
}

#grid-container {
  box-shadow: inset 0 0 0 1px rgba(100, 100, 100, 0.05), 0 0 0 1px rgba(100, 100, 100, 0.05);
  position: relative;
  object-fit: contain;
  z-index: 10000000;
  position: absolute;
  left: 50%;
  top: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  height: calc(100vmin - 48px); /* Adjust the total width as needed */
  width: calc(100vmin - 48px); /* Adjust the total width as needed */
}
@media only screen and (orientation: landscape) {
  #grid-container {
    margin-left: calc(-50vmin + 24px);
    height: calc(100vmin - 48px); /* Adjust the total width as needed */
    width: calc(100vmin - 48px); /* Adjust the total width as needed */
  }
}
@media only screen and (orientation: portrait) {
  #grid-container {
    top: 50%;
    margin-top: -50vw;
    margin-left: -50vw;
    height: 100vw; /* Adjust the total width as needed */
    width: 100vw; /* Adjust the total width as needed */
  }
}
#grid-container:after {
  pointer-events: none;
  opacity: 1;
  content: "";
  display: block;
  position: absolute;
  box-shadow: inset 0 0 0 1px rgba(100, 100, 100, 0.2), 0 0 0 1px rgba(100, 100, 100, 0.2);
}
#grid-container.grid-16:after {
  height: 62.5%;
  width: 62.5%;
  margin: 18.75%;
}
#grid-container.grid-16 .quadrant {
  flex: 1 0 6.25%; /* Adjusted flex calculation */
  height: 6.25%; /* Adjusted height as needed */
}
#grid-container.grid-18:after {
  height: 88.88888%;
  width: 88.88888%;
  margin: 5.55555%;
}
#grid-container.grid-18 .quadrant {
  flex: 1 0 5.55555%; /* Adjusted flex calculation */
  height: 5.55555%; /* Adjusted height as needed */
}
#grid-container.grid-9 .quadrant {
  flex: 1 0 11.1111111%; /* Adjusted flex calculation */
  height: 11.1111111%; /* Adjusted height as needed */
}

.quadrant {
  pointer-events: auto;
  cursor: pointer;
  box-sizing: border-box;
  transition: all 0.5s 0s ease-in-out;
  position: relative;
  box-shadow: inset 0 0 0 1px rgba(100, 100, 100, 0.05), 0 0 0 1px rgba(100, 100, 100, 0.05);
}
.quadrant:hover:active:after {
  border: 3px dotted var(--color-gray-100) !important;
}
.quadrant:hover, .quadrant.highlight {
  transition: all 0s 0s ease-in-out;
  opacity: 0.5;
  opacity: 1;
}
.quadrant:hover:before, .quadrant:hover:after, .quadrant.highlight:before, .quadrant.highlight:after {
  transition: all 0.125s ease-in-out;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: -1.5px;
  border: 3px dotted var(--color-gray-600);
}
.quadrant:hover:before, .quadrant.highlight:before {
  opacity: 0.2;
}
.quadrant:hover.added-by-me:before, .quadrant.highlight.added-by-me:before {
  background: var(--color-blue-300);
}
.quadrant:hover.added-by-others:before, .quadrant.highlight.added-by-others:before {
  background: var(--color-red-300);
  z-index: 10000;
}
.quadrant:hover.added-by-others.added-by-me:before, .quadrant.highlight.added-by-others.added-by-me:before {
  background: var(--color-purple-300);
}
.quadrant:hover.added-by-me:after, .quadrant.highlight.added-by-me:after {
  border: 3px dotted var(--color-blue-300);
}
.quadrant:hover.added-by-others:after, .quadrant.highlight.added-by-others:after {
  border: 3px dotted var(--color-red-300);
  z-index: 10000;
}
.quadrant:hover.added-by-others.added-by-me:after, .quadrant.highlight.added-by-others.added-by-me:after {
  border: 3px dotted var(--color-purple-300);
}

.color-dropdown {
  position: relative;
  z-index: 100;
}
.color-dropdown li.selected {
  display: block;
}
.color-dropdown.open {
  opacity: 1;
  color: white;
}
.color-dropdown.open ul li {
  display: block;
}
.color-dropdown ul {
  z-index: 1000;
  min-width: 40px;
  padding: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -20px;
  background-color: var(--color-gray-900);
  border-radius: 16px;
  font-size: 12px;
}
.color-dropdown ul li {
  margin: 4px;
  border-radius: 50%;
  height: 32px;
  width: 32px;
  font-size: 0;
  line-height: 32px;
  display: none;
}
.color-dropdown ul li:hover {
  box-shadow: 0 0 0 2px white;
}
.color-dropdown ul li.selected {
  height: 6px;
  width: 6px;
  position: absolute;
  top: -27px;
  left: 50%;
  margin-left: 7px;
  text-align: center;
}

#glyphs-browser {
  gap: 0;
}
#glyphs-browser svg path {
  fill: currentColor;
}

#icons-inspector-clones {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-center;
  height: 100vh;
  top: 0;
  right: calc(50% + 50vmin);
  position: absolute;
  padding: 32px;
  margin-right: -30px;
}
#icons-inspector-clones span + span {
  padding-top: 32px;
}
#icons-inspector-clones span {
  text-align: center;
}
#icons-inspector-clones span:before {
  display: block;
  opacity: 0.25;
  padding-bottom: 6px;
}
#icons-inspector-clones span svg {
  background-color: var(--color-gray-900);
  box-shadow: 0 0 4px 0 var(--color-gray-700);
}
#icons-inspector-clones span svg:not(:last-child) {
  background-color: var(--color-gray-900);
  box-shadow: 0 0 4px 0 var(--color-gray-700);
}
#icons-inspector-clones *:nth-child(1):before {
  content: "16px";
}
#icons-inspector-clones *:nth-child(1) svg {
  height: 16px;
  width: 16px;
}
#icons-inspector-clones *:nth-child(2):before {
  content: "20px";
}
#icons-inspector-clones *:nth-child(2) svg {
  height: 20px;
  width: 20px;
}
#icons-inspector-clones *:nth-child(3):before {
  content: "24px";
}
#icons-inspector-clones *:nth-child(3) svg {
  height: 24px;
  width: 24px;
}
#icons-inspector-clones *:nth-child(4):before {
  content: "32px";
}
#icons-inspector-clones *:nth-child(4) svg {
  height: 32px;
  width: 32px;
}
#icons-inspector-clones *:nth-child(5):before {
  content: "40px";
}
#icons-inspector-clones *:nth-child(5) svg {
  height: 40px;
  width: 40px;
}
#icons-inspector-clones *:nth-child(6) svg {
  background: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: calc(100vh - 50px);
  width: auto;
  display: none;
}

#icons-inspector-notifications {
  z-index: 20000000;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  opacity: 0.98;
  white-space: nowrap;
}
#icons-inspector-notifications > * {
  gap: 0.5em;
  position: absolute;
  bottom: 0;
  left: 0;
  font-family: "ChessSansVar";
  font-size: 16px;
  font-weight: 500;
  font-weight: 300;
  transform: translateY(100%);
  transition: all 0.75s 0s ease-in-out;
  width: 100vw;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#icons-inspector-notifications > *.push {
  transform: translateY(0%);
  transition: all 0.25s 0s ease-in-out;
}
#icons-inspector-notifications > *.success {
  background: var(--color-green-500);
}
#icons-inspector-notifications > *.error {
  background: var(--color-red-500);
}
#icons-inspector-notifications > *.info {
  background: var(--color-gold-500);
}
#icons-inspector-notifications > * b {
  font-weight: 600;
}

.inspector-open #icons-inspector {
  display: flex;
  justify-content: flex-end;
}

#icons-inspector {
  z-index: 3000000000;
  height: 100vh;
  top: 0;
  left: 0;
  display: none;
  pointer-events: auto;
  overflow: hidden;
  flex-wrap: nowrap;
  flex-direction: row;
  position: relative;
  background-color: var(--color-gray-800);
  z-index: 50000;
  height: calc(100vh - 48px);
}
#icons-inspector svg path {
  fill: currentColor;
}
#icons-inspector.open {
  display: flex;
  justify-content: flex-end;
}
#icons-inspector #icons-inspector-main {
  position: relative;
  flex: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
#icons-inspector #icons-inspector-sidebar {
  right: 0;
  flex: 1;
}
#icons-inspector #icons-inspector-sidebar {
  z-index: 10000000;
  background-color: var(--color-gray-850);
  top: 0;
  bottom: 0px;
  right: 0;
  left: calc(50% + 50vmin - 24px);
  display: flex;
  flex-direction: column;
}
@media only screen and (orientation: portrait) {
  #icons-inspector #icons-inspector-sidebar {
    position: absolute;
    left: 0;
    bottom: auto;
  }
  #icons-inspector #icons-inspector-sidebar #icons-inspector-head {
    flex-direction: row;
    border-bottom: 2px solid rgba(255, 255, 255, 0.025);
  }
}
#icons-inspector #icons-inspector-clone-context {
  z-index: 100000000;
  position: absolute;
  top: 0;
  left: 48px;
  bottom: 0;
  width: auto;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
#icons-inspector #icons-inspector-clone-context svg {
  position: relative;
  z-index: 10;
  height: 100%;
  width: 100%;
  filter: drop-shadow(0px 0.75vh 0px var(--color-red-700));
}
#icons-inspector #icons-inspector-clone-context span {
  overflow: hidden;
  border-radius: 50%;
  height: calc(30vmin - 48px);
  width: calc(30vmin - 48px);
  display: block;
  background-color: var(--color-red-400);
}
#icons-inspector #icons-inspector-clone {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: auto;
  height: auto;
}
#icons-inspector #icons-inspector-clone svg {
  height: 100%;
  width: 100%;
}
@media only screen and (orientation: portrait) {
  #icons-inspector #glyph-rating {
    display: none;
  }
}
#icons-inspector #icons-inspector-head {
  line-height: 1.35;
  font-size: 12px;
  position: relative;
  z-index: 1000000000;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
}
#icons-inspector #icons-inspector-head .divider {
  display: block;
  border-left: 2px solid rgba(255, 255, 255, 0.025);
}
#icons-inspector #icons-inspector-head #icons-inspector-details {
  flex: 1;
  padding-left: 24px;
  min-height: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  white-space: nowrap;
}
@media only screen and (orientation: portrait) {
  #icons-inspector #icons-inspector-head #icons-inspector-details {
    padding-left: 48px;
  }
}
#icons-inspector #icons-inspector-date {
  display: inline-block;
  color: white;
  opacity: 0.5;
}
#icons-inspector #icons-inspector-index {
  display: inline-block;
  z-index: 1000;
  pointer-events: auto;
  color: white;
  opacity: 1;
  opacity: 0.5;
}
#icons-inspector #icons-inspector-index #index-current {
  font-feature-settings: "tnum";
}
#icons-inspector #icons-inspector-index #index-total:before {
  content: "/ ";
}
#icons-inspector #icons-inspector-index #index-total:after {
  content: " — ";
}
#icons-inspector #icons-inspector-name.copied + #icons-inspector-index,
#icons-inspector #icons-inspector-name:hover + #icons-inspector-index {
  visibility: hidden;
}
#icons-inspector #icons-inspector-name {
  font-weight: 500;
  font-weight: 300;
  opacity: 1;
  cursor: pointer;
  position: relative;
}
#icons-inspector #icons-inspector-name:after {
  white-space: nowrap;
  position: absolute;
  left: 0;
}
#icons-inspector #icons-inspector-name.copied, #icons-inspector #icons-inspector-name:hover {
  color: transparent;
}
#icons-inspector #icons-inspector-name.copied:after, #icons-inspector #icons-inspector-name:hover:after {
  color: var(--color-gray-300);
  content: "Click to copy name…";
}
#icons-inspector #icons-inspector-name.copied:after {
  content: "Copied to clipboard";
}
#icons-inspector #icons-inspector-options {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1000;
}
#icons-inspector #icons-inspector-tags-wrapper {
  color: var(--color-gray-400);
  border: none;
  border-bottom: 2px solid rgba(255, 255, 255, 0.025);
  margin: 0;
  outline: none;
  padding: 14px 20px;
  font-size: 10px;
  overflow-x: hidden;
  overflow-y: scroll;
  pointer-events: auto;
  user-select: auto;
  padding: 10px 20px;
  color: white;
  opacity: 1;
  font-size: 11px;
  line-height: 1;
  font-weight: 500;
  font-weight: 300;
  display: flex;
  flex-wrap: wrap;
  min-height: 80px;
}
@media only screen and (orientation: portrait) {
  #icons-inspector #icons-inspector-tags-wrapper {
    display: none;
  }
}
#icons-inspector #icons-inspector-tags-wrapper:empty:before {
  content: "No Tags yet…";
  display: block;
  opacity: 0.25;
  width: 100%;
}
#icons-inspector #icons-inspector-tags-wrapper #tagsInput-inner {
  margin: 3px;
  border-radius: 12px;
  display: inline-block;
  line-height: 20px;
  padding: 0;
  cursor: pointer;
}
#icons-inspector #icons-inspector-tags-wrapper input[type=text] {
  font-feature-settings: "tnum";
  pointer-events: auto;
  user-select: auto;
  background: transparent;
  border: none;
  line-height: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  outline: none;
  border: none;
  border-radius: 12px;
  line-height: 20px;
  padding: 0 4px;
  display: block;
  width: 100%;
  margin: 0;
  cursor: pointer;
  font-weight: 700;
  font-weight: 300;
}
#icons-inspector #icons-inspector-tags-wrapper input[type=text]:focus {
  max-width: 100px;
}
#icons-inspector #icons-inspector-tags-wrapper .tag[data-tag=liked] {
  background-color: var(--color-green-500);
}
#icons-inspector #icons-inspector-tags-wrapper .tag[data-tag=disliked] {
  background-color: var(--color-purple-400);
}
#icons-inspector #icons-inspector-tags-wrapper .tag {
  margin: 3px;
  border-radius: 12px;
  display: inline-block;
  background-color: var(--color-gray-900);
  line-height: 20px;
  padding: 0 7px;
  cursor: pointer;
}
#icons-inspector #icons-inspector-tags-wrapper .tag.active {
  background-color: var(--color-gray-300);
  color: var(--color-gray-900);
}
#icons-inspector .comment-by-me + .comment-by-me .comment-userid,
#icons-inspector .comment-by-me + .comment-by-me .comment-username,
#icons-inspector .comment-by-me + .comment-by-me .comment-timestamp {
  display: none;
}
#icons-inspector .comment-item {
  padding: 20px;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#icons-inspector .comment-item.comment-by-others {
  border-left: 2px solid var(--color-red-300);
}
#icons-inspector .comment-item.comment-by-me {
  border-left: 2px solid var(--color-blue-300);
}
#icons-inspector .comment-item:nth-child(2n-1) {
  background-color: rgba(0, 0, 0, 0.05);
}
#icons-inspector .comment-item.comment-by-me:hover .comment-timestamp {
  display: block;
}
#icons-inspector .comment-item.comment-by-me:hover .comment-timestamp:before {
  content: "double click to Delete";
  text-transform: uppercase;
  font-size: 10px;
  text-align: right;
  display: none;
}
#icons-inspector .comment-item .comment-text {
  color: white;
  width: 100%;
}
#icons-inspector .comment-item .comment-userid {
  display: none;
}
#icons-inspector .comment-item .comment-username {
  font-size: 10px;
  display: block;
  color: var(--color-gray-600);
}
#icons-inspector .comment-item .comment-timestamp {
  font-size: 10px;
  display: block;
  text-align: right;
  color: var(--color-gray-700);
}
#icons-inspector #icons-inspector-main {
  position: relative;
}
#icons-inspector #icons-inspector-comments {
  pointer-events: auto;
  background-color: var(--color-gray-900);
  color: var(--color-gray-400);
  background: transparent;
  border: none;
  margin: 0;
  outline: none;
  flex: 1;
  font-size: 14px;
  line-height: 1.6;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-top: 0;
  overflow: scroll;
  margin-bottom: 0;
}
#icons-inspector #icons-inspector-comments #icon-comment-container {
  overflow: scroll;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
#icons-inspector #icons-inspector-comments #icon-comment-container.no-comments {
  display: flex;
  align-items: center;
  justify-content: center;
}
#icons-inspector #icons-inspector-comments #icon-comment-container.no-comments p {
  opacity: 0.25;
  text-align: center;
}
#icons-inspector #icons-inspector-comments #icons-inspector-comment-post {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 3px;
  z-index: 50000;
}
@media only screen and (orientation: portrait) {
  #icons-inspector #icons-inspector-comments {
    display: none;
  }
}
#icons-inspector #icons-inspector-comments #icons-inspector-comment-input-wrap {
  background-color: var(--color-gray-900);
  border-radius: 8px;
  margin: 12px;
  position: relative;
}
#icons-inspector #icons-inspector-comments #icons-inspector-comment-input {
  width: 100%;
  resize: none;
  padding: 0;
  outline: none;
  background: transparent;
  border: none;
  font-size: 14px;
  line-height: 1.4;
  position: sticky;
  bottom: 0;
  padding: 0 16px;
  margin-top: 12px;
  margin-bottom: 16px;
  padding-right: 50px;
  overflow: hidden;
  display: block;
}
#icons-inspector .collect-split {
  border-radius: 32px;
  margin: 0 20px;
  background-color: rgba(0, 0, 0, 0.1);
  display: flex;
}
#icons-inspector .collect-split .collect {
  flex: 1;
}
#icons-inspector #icons-inspector-main-options {
  margin-bottom: 10px;
  pointer-events: auto;
  display: flex;
}
@media only screen and (orientation: portrait) {
  #icons-inspector #icons-inspector-main-options {
    display: none;
  }
}
@media only screen and (orientation: landscape) {
  #icons-inspector #icons-inspector-main-options {
    border-bottom: 2px solid rgba(255, 255, 255, 0.025);
    border-top: 2px solid rgba(255, 255, 255, 0.025);
  }
}
#icons-inspector #icons-inspector-main-options div {
  display: flex;
  flex: 2 !important;
}
#icons-inspector #icons-inspector-main-options .button, #icons-inspector #icons-inspector-main-options div {
  flex: 1;
}
#icons-inspector > .button {
  pointer-events: auto;
  position: absolute;
  z-index: 10000000;
  margin-top: -32px;
}
#icons-inspector > .button.prev, #icons-inspector > .button.next {
  position: fixed;
  background-color: var(--color-gray-900);
  color: var(--color-gray-500);
  bottom: 0;
  height: 48px;
  width: 48px;
}
#icons-inspector > .button.prev:hover, #icons-inspector > .button.next:hover {
  color: white;
}
#icons-inspector > .button.prev {
  left: 0;
}
#icons-inspector > .button.prev:after {
  pointer-events: none;
  content: "";
  left: 100%;
  width: 200%;
  height: 100%;
  position: absolute;
  background: linear-gradient(90deg, rgb(38, 36, 33) 0%, rgba(38, 36, 33, 0.6) 10%, rgba(38, 36, 33, 0.5) 20%, rgba(38, 36, 33, 0.25) 30%, rgba(38, 36, 33, 0) 100%);
}
#icons-inspector > .button.next {
  right: 0;
}
#icons-inspector > .button.next:after {
  pointer-events: none;
  content: "";
  right: 100%;
  width: 200%;
  height: 100%;
  position: absolute;
  background: linear-gradient(-90deg, rgb(38, 36, 33) 0%, rgba(38, 36, 33, 0.6) 10%, rgba(38, 36, 33, 0.5) 20%, rgba(38, 36, 33, 0.25) 30%, rgba(38, 36, 33, 0) 100%);
}
#icons-inspector > .button.close {
  left: 0;
  top: 0;
  margin: 0;
  padding: 8px;
  z-index: 1000000000;
}
#icons-inspector > .button.copy {
  right: 32px;
  top: 0;
  margin: 0;
  opacity: 0.5;
}
#icons-inspector > .button.copy svg {
  transition: transform 0.5s ease-out;
}
#icons-inspector > .button.copy.flash svg {
  opacity: 1 !important;
  transition: transform 0s ease-out;
}
#icons-inspector > .button.copy.copied:after {
  padding: 0;
  position: absolute;
  line-height: 50px;
  font-size: 14px;
  content: "Copied SVG";
  white-space: nowrap;
  top: 0%;
  right: 100%;
  margin-left: 0px;
  opacity: 1;
}
#icons-inspector .grid-svg {
  position: absolute;
  top: 0;
  pointer-events: none;
  border: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  width: auto;
  display: none !important;
}
#icons-inspector .grid-svg.grid-16 {
  opacity: 0.075;
}
#icons-inspector .grid-svg.grid-10 {
  opacity: 0.15;
}
#icons-inspector .grid-svg > svg {
  height: 100%;
  width: 100%;
}
#icons-inspector .grid-svg > svg path {
  stroke: gray;
  stroke-width: 2px;
}

#charm-icons-browser,
#glyphs-browser {
  padding-top: 0;
  transition: width 0.25s ease-in-out;
}

#glyph-menu {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
}

#group-filter-wrap {
  position: relative;
  margin: 0 16px;
  margin-bottom: 8px;
}
#group-filter-wrap button {
  position: absolute;
  border: none;
  top: 0;
}
#group-filter-wrap #group-filter-decrement {
  left: 0;
}
#group-filter-wrap #group-filter-increment {
  right: 0;
}

#group-filter {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  position: relative;
  text-align: center;
  display: block;
  width: 100%;
  border: none;
  height: 32px;
}

#tag-monitor {
  flex-direction: column;
  display: flex;
  gap: 12px;
  padding-bottom: 32px;
  padding-top: 32px;
  /* Initialize counter */
  counter-reset: tag-group-counter;
}
#tag-monitor .tag-redundant {
  color: var(--color-gray-400);
}
#tag-monitor h3 {
  font-size: 48px;
  display: none;
}
#tag-monitor .tag-group-title {
  text-transform: capitalize;
  display: block;
  width: 100%;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
  display: block;
  z-index: 100;
  cursor: pointer;
  font-variant-numeric: tabular-nums;
  pointer-events: none;
  padding: 12px;
}
#tag-monitor .tag-group {
  break-inside: avoid;
}
#tag-monitor .tag-group-content {
  border-radius: 12px;
  padding: 12px;
  background: var(--color-gray-900);
  max-width: 100%;
  min-width: 100%;
  column-gap: 0px;
  widows: 0;
  orphans: 1;
  max-height: 100% !important;
  white-space: no-wrap;
  overflow: scroll;
  overscroll-behavior: contain auto;
  /* Increment counter for each tag-group */
  counter-increment: tag-group-counter;
  position: relative;
  column-width: 64px;
  widows: 0;
  orphans: 0;
}
#tag-monitor h4:before {
  opacity: 0.2;
  content: counter(tag-group-counter) " — ";
}
#tag-monitor .icon {
  display: inline-block;
}
#tag-monitor svg {
  break-inside: avoid;
  height: auto;
  width: 100%;
  aspect-ratio: 1;
  display: block;
}

#icons-color,
#icons-flat {
  color: white;
  font-size: 10px;
  font-weight: 100;
  opacity: 0;
  transition: opacity 0.25s 0.1s ease-in-out;
}
#icons-color .recent:after,
#icons-flat .recent:after {
  content: "!";
  position: absolute;
  top: 5px;
  left: 5px;
  color: black;
  background: yellow;
  font-weight: 700;
  border-radius: 10px;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
  min-width: 20px;
  text-align: center;
}
#icons-color #searchResults,
#icons-flat #searchResults {
  border: none;
  flex: 1;
  height: 80vh;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}
#icons-color:not(.open).empty .results-container .group-content,
#icons-flat:not(.open).empty .results-container .group-content {
  min-height: 20vh;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
#icons-color:not(.open).empty .results-container .group-content:after,
#icons-flat:not(.open).empty .results-container .group-content:after {
  opacity: 0.25;
  font-size: 13px;
  line-height: 1.55;
  content: "There are no results — Your Keyword is too specific";
}
#icons-color.loaded,
#icons-flat.loaded {
  opacity: 1;
}
#icons-color:not(.loaded):before,
#icons-flat:not(.loaded):before {
  font-size: 13px;
  line-height: 1.55;
  content: "Loading…";
}
.inspector-closed #icons-color,
.inspector-closed #icons-flat {
  padding-bottom: 48px;
  gap: 0px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
}
.inspector-closed #icons-color.tile,
.inspector-closed #icons-flat.tile {
  gap: 16px;
}
.inspector-closed #icons-color .icon.context,
.inspector-closed #icons-color .icon.hover,
.inspector-closed #icons-color .icon:hover,
.inspector-closed #icons-flat .icon.context,
.inspector-closed #icons-flat .icon.hover,
.inspector-closed #icons-flat .icon:hover {
  cursor: pointer;
  z-index: 10;
  position: relative;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.inspector-closed #icons-color .icon.context span,
.inspector-closed #icons-color .icon.hover span,
.inspector-closed #icons-color .icon:hover span,
.inspector-closed #icons-flat .icon.context span,
.inspector-closed #icons-flat .icon.hover span,
.inspector-closed #icons-flat .icon:hover span {
  color: rgb(255, 255, 255);
}
.inspector-closed #icons-color .results-container ~ *,
.inspector-closed #icons-flat .results-container ~ * {
  display: none !important;
}
.inspector-closed #icons-color .group-content + .group-content,
.inspector-closed #icons-flat .group-content + .group-content {
  margin-top: 4px;
}
.inspector-closed #icons-color .group-content,
.inspector-closed #icons-flat .group-content {
  border-radius: 12px;
  padding: 12px;
  background: var(--color-gray-900);
  max-width: 100%;
  min-width: 100%;
  column-gap: 0px;
  widows: 0;
  orphans: 1;
  max-height: 100% !important;
  white-space: no-wrap;
  overflow: scroll;
  overscroll-behavior: contain auto;
}
.inspector-closed #icons-color .group-content .icon,
.inspector-closed #icons-flat .group-content .icon {
  break-inside: avoid;
  margin: 0 !important;
}
.inspector-closed #icons-color .group-content .icon > svg,
.inspector-closed #icons-flat .group-content .icon > svg {
  padding: 10%;
  height: auto;
  width: 100%;
  break-inside: avoid;
  display: inline-block !important;
}
.inspector-closed #icons-color .group.group-hidden,
.inspector-closed #icons-flat .group.group-hidden {
  display: none;
}
.inspector-closed #icons-color.wrap .group:not(.group-open) .group-content .icon,
.inspector-closed #icons-flat.wrap .group:not(.group-open) .group-content .icon {
  break-before: unset;
}
.inspector-closed #icons-color.tile,
.inspector-closed #icons-flat.tile {
  break-before: unset;
}
.inspector-closed #icons-color.tile .group:not(.group-open) .group-content .icon,
.inspector-closed #icons-flat.tile .group:not(.group-open) .group-content .icon {
  break-before: unset;
}
.inspector-closed #icons-color .group:not(.group-open) .group-content .icon,
.inspector-closed #icons-flat .group:not(.group-open) .group-content .icon {
  break-before: column;
}
.wrap .inspector-closed #icons-color .group:not(.group-open) .group-content .icon,
.wrap .inspector-closed #icons-flat .group:not(.group-open) .group-content .icon {
  break-before: unset;
}
.tile .inspector-closed #icons-color .group:not(.group-open) .group-content .icon,
.tile .inspector-closed #icons-flat .group:not(.group-open) .group-content .icon {
  break-before: unset;
}
.inspector-closed #icons-color .group-tags,
.inspector-closed #icons-flat .group-tags {
  padding: 12px;
  white-space: normal;
  color: var(--color-gray-500);
  display: none;
  line-height: 24px;
  max-width: 700px;
}
.inspector-closed #icons-color .group-tags .tag,
.inspector-closed #icons-flat .group-tags .tag {
  border-radius: 6px;
  margin-right: 4px;
  display: inline-block;
  background-color: var(--color-gray-900);
  padding: 1px 6px;
  line-height: 1.7;
  cursor: pointer;
}
.inspector-closed #icons-color .group-tags .tag:hover,
.inspector-closed #icons-flat .group-tags .tag:hover {
  background-color: var(--color-gray-300) !important;
  color: var(--color-gray-900);
}
.inspector-closed #icons-color .group-tags .tag.active,
.inspector-closed #icons-flat .group-tags .tag.active {
  background-color: var(--color-gray-300);
  color: var(--color-gray-900);
}
.wrap .inspector-closed #icons-color .group-title,
.wrap .inspector-closed #icons-flat .group-title {
  position: sticky;
}
.inspector-closed #icons-color .group.group-open .group-tags,
.inspector-closed #icons-flat .group.group-open .group-tags {
  display: block;
}
.inspector-closed #icons-color .group.group-open .group-content,
.inspector-closed #icons-flat .group.group-open .group-content {
  white-space: normal;
  overflow: visible;
  max-height: 100% !important;
}
.inspector-closed #icons-color.tile .group,
.inspector-closed #icons-flat.tile .group {
  flex: 1;
  min-width: 280px;
  height: auto;
  aspect-ratio: 1;
}
.inspector-closed #icons-color.tile .group.group-open,
.inspector-closed #icons-flat.tile .group.group-open {
  min-width: 100%;
  aspect-ratio: unset;
}
.inspector-closed #icons-color.tile .group:not(.group-open) .group-content,
.inspector-closed #icons-flat.tile .group:not(.group-open) .group-content {
  aspect-ratio: 1;
  overflow: hidden;
}
.inspector-closed #icons-color.tile .group:not(.group-open) .group-content:hover,
.inspector-closed #icons-flat.tile .group:not(.group-open) .group-content:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.4);
  color: rgb(255, 255, 255);
}
.inspector-closed #icons-color.tile .group:not(.group-open) .group-content .icon,
.inspector-closed #icons-flat.tile .group:not(.group-open) .group-content .icon {
  pointer-events: none;
}
.inspector-closed #icons-color .group.group-open .group-title .name:hover:after,
.inspector-closed #icons-flat .group.group-open .group-title .name:hover:after {
  color: var(--color-gray-600);
  content: " — close" !important;
}
.inspector-closed #icons-color .group .group-title .name:hover:after,
.inspector-closed #icons-flat .group .group-title .name:hover:after {
  color: var(--color-gray-600);
  content: " — open";
}
.inspector-closed #icons-color .group .group-title .icon-name,
.inspector-closed #icons-flat .group .group-title .icon-name {
  color: var(--color-gray-400);
}
.inspector-closed #icons-color .group .group-title .icon-name:before,
.inspector-closed #icons-flat .group .group-title .icon-name:before {
  content: " — ";
}
.inspector-closed #icons-color .results-container,
.inspector-closed #icons-color .group,
.inspector-closed #icons-flat .results-container,
.inspector-closed #icons-flat .group {
  width: 100%;
  position: relative;
  counter-increment: group;
}
.inspector-closed #icons-color .results-container .id-spacer,
.inspector-closed #icons-color .group .id-spacer,
.inspector-closed #icons-flat .results-container .id-spacer,
.inspector-closed #icons-flat .group .id-spacer {
  position: absolute;
  top: -98px;
}
.inspector-closed #icons-color .results-container .group-title,
.inspector-closed #icons-color .group .group-title,
.inspector-closed #icons-flat .results-container .group-title,
.inspector-closed #icons-flat .group .group-title {
  display: block;
  width: 100%;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 600;
  top: 97px;
  top: 110px;
  position: sticky;
  display: block;
  z-index: 100;
  cursor: pointer;
  font-variant-numeric: tabular-nums;
  pointer-events: none;
  background: linear-gradient(rgb(49, 46, 43) 0%, rgba(49, 46, 43, 0.8) 15%, rgba(49, 46, 43, 0.6) 30%, rgba(49, 46, 43, 0) 70%);
}
.inspector-closed #icons-color .results-container .group-title .name,
.inspector-closed #icons-color .group .group-title .name,
.inspector-closed #icons-flat .results-container .group-title .name,
.inspector-closed #icons-flat .group .group-title .name {
  padding: 12px;
  pointer-events: auto;
  display: block;
}
.inspector-closed #icons-color .results-container .group-title .name:before,
.inspector-closed #icons-color .group .group-title .name:before,
.inspector-closed #icons-flat .results-container .group-title .name:before,
.inspector-closed #icons-flat .group .group-title .name:before {
  font-size: 9px;
  float: right;
  content: " " attr(data-icon-count) "  ";
  color: var(--color-gray-600);
}
.inspector-closed #icons-color .icon,
.inspector-closed #icons-flat .icon {
  min-width: 100% !important;
  margin-bottom: 24px;
  aspect-ratio: 1;
  padding-top: 100%;
  position: relative;
}
.inspector-closed #icons-color .icon > svg,
.inspector-closed #icons-flat .icon > svg {
  top: 0;
  position: absolute;
}
.inspector-closed #icons-color .icon.has-no-tags b,
.inspector-closed #icons-flat .icon.has-no-tags b {
  display: inline-block;
  color: var(--color-red-300);
}
.inspector-closed #icons-color .icon span,
.inspector-closed #icons-flat .icon span {
  padding-top: 4px;
  position: unset;
}
.inspector-closed #icons-color .icon b,
.inspector-closed #icons-flat .icon b {
  padding: 4px;
  display: inline-block;
  line-height: 0.8;
  position: absolute;
  bottom: 0;
  right: 0;
  color: white;
  font-weight: 600;
  text-align: center;
  color: var(--color-gray-600);
  display: none;
}
.inspector-closed #icons-color .icon b:before,
.inspector-closed #icons-flat .icon b:before {
  content: " " attr(data-tag-count);
}
.inspector-closed #icons-color .icon.has-quadrant-by-me,
.inspector-closed #icons-flat .icon.has-quadrant-by-me {
  position: relative;
}
.inspector-closed #icons-color .icon.has-quadrant-by-me:before,
.inspector-closed #icons-flat .icon.has-quadrant-by-me:before {
  border-left: 32px solid var(--color-blue-500);
}
.inspector-closed #icons-color .icon.has-quadrant-by-others,
.inspector-closed #icons-flat .icon.has-quadrant-by-others {
  position: relative;
}
.inspector-closed #icons-color .icon.has-quadrant-by-others:after,
.inspector-closed #icons-flat .icon.has-quadrant-by-others:after {
  border-left: 32px solid var(--color-red-500);
}
.inspector-closed #icons-color .icon.has-quadrant:before, .inspector-closed #icons-color .icon.has-quadrant:after, .inspector-closed #icons-color .icon.has-comment:before, .inspector-closed #icons-color .icon.has-comment:after,
.inspector-closed #icons-flat .icon.has-quadrant:before,
.inspector-closed #icons-flat .icon.has-quadrant:after,
.inspector-closed #icons-flat .icon.has-comment:before,
.inspector-closed #icons-flat .icon.has-comment:after {
  display: inline-block;
  height: 2px;
  width: 100%;
  content: "";
  position: absolute;
}
.inspector-closed #icons-color .icon.has-quadrant:before, .inspector-closed #icons-color .icon.has-comment:before,
.inspector-closed #icons-flat .icon.has-quadrant:before,
.inspector-closed #icons-flat .icon.has-comment:before {
  top: 0;
}
.inspector-closed #icons-color .icon.has-quadrant:after, .inspector-closed #icons-color .icon.has-comment:after,
.inspector-closed #icons-flat .icon.has-quadrant:after,
.inspector-closed #icons-flat .icon.has-comment:after {
  bottom: 0;
}
.inspector-closed #icons-color .icon.has-comment,
.inspector-closed #icons-flat .icon.has-comment {
  position: relative;
}
.inspector-closed #icons-color .icon.has-comment.has-comment-by-me:before,
.inspector-closed #icons-flat .icon.has-comment.has-comment-by-me:before {
  background-color: var(--color-blue-300);
}
.inspector-closed #icons-color .icon.has-comment.has-comment-by-others:after,
.inspector-closed #icons-flat .icon.has-comment.has-comment-by-others:after {
  background-color: var(--color-red-300);
}
.inspector-open #icons-color,
.inspector-open #icons-flat {
  background: var(--color-gray-900);
  min-height: 48px;
  background-color: var(--color-gray-900);
  position: fixed;
  flex-wrap: nowrap;
  flex-direction: row;
  display: block;
  z-index: 1000;
  height: auto;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100vw;
  gap: 0;
  overflow: hidden;
  font-size: 0;
  white-space: nowrap;
  padding-left: calc(50vw - 32px);
  padding-right: calc(50vw + 32px);
  color: white !important;
}
.inspector-open #icons-color .results-container,
.inspector-open #icons-flat .results-container {
  display: none;
}
.inspector-open #icons-color .group + .group,
.inspector-open #icons-flat .group + .group {
  margin-left: -2px;
  border-left: 2px solid rgba(255, 255, 255, 0.025);
}
.inspector-open #icons-color .group,
.inspector-open #icons-flat .group {
  display: inline-block !important;
}
.inspector-open #icons-color .group.hidden,
.inspector-open #icons-flat .group.hidden {
  display: none !important;
}
.inspector-open #icons-color .group:before,
.inspector-open #icons-flat .group:before {
  display: none;
}
.inspector-open #icons-color .group-title,
.inspector-open #icons-flat .group-title {
  display: none;
}
.inspector-open #icons-color .group-content,
.inspector-open #icons-flat .group-content {
  display: inline !important;
}
.inspector-open #icons-color .icon,
.inspector-open #icons-flat .icon {
  display: inline-block;
  position: relative;
  height: auto !important;
  position: relative;
  width: 32px !important;
  min-width: 64px !important;
  color: rgba(255, 255, 255, 0.2);
}
.inspector-open #icons-color .icon.has-quadrant.has-comment,
.inspector-open #icons-flat .icon.has-quadrant.has-comment {
  position: relative;
}
.inspector-open #icons-color .icon.has-quadrant.has-comment:before,
.inspector-open #icons-flat .icon.has-quadrant.has-comment:before {
  transform-origin: top right;
}
.inspector-open #icons-color .icon.has-quadrant.has-comment:after,
.inspector-open #icons-flat .icon.has-quadrant.has-comment:after {
  transform-origin: top left;
}
.inspector-open #icons-color .icon.has-quadrant:before, .inspector-open #icons-color .icon.has-quadrant:after, .inspector-open #icons-color .icon.has-comment:before, .inspector-open #icons-color .icon.has-comment:after,
.inspector-open #icons-flat .icon.has-quadrant:before,
.inspector-open #icons-flat .icon.has-quadrant:after,
.inspector-open #icons-flat .icon.has-comment:before,
.inspector-open #icons-flat .icon.has-comment:after {
  position: absolute;
  content: "";
  width: 100%;
  display: inline-block;
  height: 2px;
  border-width: 0;
  border-color: transparent;
  border-style: solid;
}
.inspector-open #icons-color .icon.has-quadrant:before, .inspector-open #icons-color .icon.has-comment:before,
.inspector-open #icons-flat .icon.has-quadrant:before,
.inspector-open #icons-flat .icon.has-comment:before {
  transform-origin: top right;
}
.inspector-open #icons-color .icon.has-quadrant:after, .inspector-open #icons-color .icon.has-comment:after,
.inspector-open #icons-flat .icon.has-quadrant:after,
.inspector-open #icons-flat .icon.has-comment:after {
  transform-origin: top left;
}
.inspector-open #icons-color .icon.has-quadrant-by-me:before,
.inspector-open #icons-flat .icon.has-quadrant-by-me:before {
  background-color: var(--color-blue-300);
}
.inspector-open #icons-color .icon.has-comment-by-me:before,
.inspector-open #icons-flat .icon.has-comment-by-me:before {
  border-right: 32px solid var(--color-blue-400);
}
.inspector-open #icons-color .icon i,
.inspector-open #icons-flat .icon i {
  top: 0;
}
.inspector-open #icons-color .icon i:before,
.inspector-open #icons-flat .icon i:before {
  background-color: var(--color-blue-400);
}
.inspector-open #icons-color .icon i:after,
.inspector-open #icons-flat .icon i:after {
  background-color: var(--color-blue-300);
}
.inspector-open #icons-color .icon u,
.inspector-open #icons-flat .icon u {
  bottom: 0;
}
.inspector-open #icons-color .icon u:before,
.inspector-open #icons-flat .icon u:before {
  background-color: var(--color-red-600);
}
.inspector-open #icons-color .icon u:after,
.inspector-open #icons-flat .icon u:after {
  background-color: var(--color-red-300);
}
.inspector-open #icons-color .icon u, .inspector-open #icons-color .icon i,
.inspector-open #icons-flat .icon u,
.inspector-open #icons-flat .icon i {
  position: absolute;
  display: block;
  transition: all 0.125s ease-out;
  margin: 0;
  border-radius: 0;
  width: 100%;
  border: none;
  height: 2px;
}
.inspector-open #icons-color .icon u:after, .inspector-open #icons-color .icon u:before, .inspector-open #icons-color .icon i:after, .inspector-open #icons-color .icon i:before,
.inspector-open #icons-flat .icon u:after,
.inspector-open #icons-flat .icon u:before,
.inspector-open #icons-flat .icon i:after,
.inspector-open #icons-flat .icon i:before {
  position: absolute;
  display: block;
  content: "";
  transform-origin: center;
  transition: all 0.125s ease-out;
  width: 100%;
  height: 2px;
  margin: auto;
  transform: scale(0, 1);
}
.inspector-open #icons-color .icon u:before, .inspector-open #icons-color .icon i:before,
.inspector-open #icons-flat .icon u:before,
.inspector-open #icons-flat .icon i:before {
  width: 50%;
  z-index: 10;
}
.inspector-open #icons-color .icon.has-quadrant-by-me i:before,
.inspector-open #icons-flat .icon.has-quadrant-by-me i:before {
  transform: scale(1, 1);
}
.inspector-open #icons-color .icon.has-comment-by-me i:after,
.inspector-open #icons-flat .icon.has-comment-by-me i:after {
  transform: scale(1, 1);
}
.inspector-open #icons-color .icon.has-quadrant-by-others u:before,
.inspector-open #icons-flat .icon.has-quadrant-by-others u:before {
  transform: scale(1, 1);
}
.inspector-open #icons-color .icon.has-comment-by-others u:after,
.inspector-open #icons-flat .icon.has-comment-by-others u:after {
  transform: scale(1, 1);
}
.inspector-open #icons-color .icon span,
.inspector-open #icons-flat .icon span {
  display: none;
}
.inspector-open #icons-color .icon:hover,
.inspector-open #icons-flat .icon:hover {
  background-color: rgba(0, 0, 0, 0.2);
  color: rgb(255, 255, 255);
}
.inspector-open #icons-color .icon:hover svg,
.inspector-open #icons-flat .icon:hover svg {
  cursor: pointer;
}
.inspector-open #icons-color .icon svg,
.inspector-open #icons-flat .icon svg {
  border: none;
}
.inspector-open #icons-color .icon svg,
.inspector-open #icons-flat .icon svg {
  fill: currentColor;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  height: 32px !important;
  height: 48px !important;
  padding: 5px;
}
#icons-color .icon,
#icons-flat .icon {
  counter-increment: icon;
}
#icons-color .icon.hidden-optical,
#icons-flat .icon.hidden-optical {
  display: none !important;
}
#icons-color .icon.check,
#icons-flat .icon.check {
  animation-name: pulsate;
  animation-duration: 4s;
  animation-iteration-count: infinite; /* Infinite repetitions */
  animation-timing-function: linear; /* Apply linear easing */
}
#icons-color .icon.open,
#icons-flat .icon.open {
  color: white !important;
  opacity: 1;
}
#icons-color .icon.open svg,
#icons-flat .icon.open svg {
  opacity: 1;
}
#icons-color .icon .name,
#icons-flat .icon .name {
  font-size: 10px;
  color: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  display: block;
  position: absolute;
  bottom: -18px;
  width: 100%;
}
#icons-color svg,
#icons-flat svg {
  display: block;
  height: 100%;
  width: 100%;
}

#request-glyph {
  z-index: 1000;
  position: fixed;
  bottom: 0;
  left: 0;
  margin: 12px;
  background-color: var(--color-gray-900);
  box-shadow: 0 0 10px 0px var(--color-gray-800);
}

.large-text ul {
  display: flex;
  padding: 0;
  margin: 0;
  gap: 16px;
  flex-wrap: wrap;
}
.large-text li {
  background-color: var(--color-gray-900);
  border-radius: 12px;
  padding: 24px;
  overflow: hidden;
  scroll-snap-align: center;
  min-width: 200px;
}
.large-text p, .large-text li {
  text-wrap: balance;
  flex: 1;
  font-size: 14px;
}
.large-text p svg, .large-text li svg {
  background-color: rgba(255, 255, 255, 0.0125);
  margin: -24px;
  margin-bottom: 14px;
}
.large-text p svg, .large-text li svg {
  padding: 20px;
}
.large-text p svg path, .large-text li svg path {
  fill: currentColor;
}
.large-text p img, .large-text li img {
  width: 100%;
  border-radius: 10px;
  min-width: 250px;
}
.large-text p strong, .large-text p b, .large-text li strong, .large-text li b {
  text-wrap: balance;
  font-weight: 600;
  display: block;
}

.glyphs-styleguide + .glyphs-styleguide {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.glyphs-styleguide {
  overflow: hidden;
  position: relative !important;
  display: flex !important;
  border: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 1000px) {
  .glyphs-styleguide {
    max-height: 100vh;
    flex-direction: row;
  }
}
@media only screen and (min-width: 1000px) {
  .glyphs-styleguide {
    gap: 32px;
  }
}
.glyphs-styleguide svg {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.025);
}
.glyphs-styleguide svg path {
  fill: currentColor;
}
.glyphs-styleguide .description {
  padding-right: 32px;
}
@media only screen and (min-width: 1000px) {
  .glyphs-styleguide .description {
    max-width: 280px;
    min-width: 280px;
  }
}
.glyphs-styleguide .caption {
  margin-top: 32px;
  font-size: 15px;
}
.glyphs-styleguide .glyphs-styleguide-image {
  margin: -1px;
  position: relative;
  aspect-ratio: 1;
  flex: 5;
}
.glyphs-styleguide .grid-16 {
  opacity: 0.075;
}
.glyphs-styleguide .grid-10 {
  opacity: 0.15;
}
.glyphs-styleguide .example,
.glyphs-styleguide .grid-svg {
  position: absolute;
  border: none;
  position: absolute;
  height: auto;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media only screen and (max-width: 1000px) {
  .glyphs-styleguide .example,
  .glyphs-styleguide .grid-svg {
    aspect-ratio: 1;
  }
}
.glyphs-styleguide .example svg,
.glyphs-styleguide .grid-svg svg {
  ascpect-ratio: 1;
  height: 100%;
  width: 100%;
}
.glyphs-styleguide .example {
  font-size: 0;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  scroll-snap-type: X mandatory;
}
.glyphs-styleguide .example svg {
  scroll-snap-align: center;
  display: inline-block;
  padding: 0;
}
.glyphs-styleguide .example svg path {
  fill: white;
}
.glyphs-styleguide .grid-svg {
  pointer-events: none;
}
.glyphs-styleguide .grid-svg > svg {
  padding: 0;
}
.glyphs-styleguide .grid-svg > svg path {
  stroke: gray;
  stroke-width: 2px;
}
.glyphs-styleguide .glyphs-styleguide-images {
  margin: -1px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 16px;
}
@media only screen and (max-width: 1000px) {
  .glyphs-styleguide .glyphs-styleguide-images {
    flex-direction: row;
    max-width: none;
  }
}
@media only screen and (min-width: 1000px) {
  .glyphs-styleguide .glyphs-styleguide-images {
    gap: 32px;
  }
}
.glyphs-styleguide .glyphs-styleguide-images svg {
  opacity: 1;
  aspect-ratio: 1;
}

body.page-infinite-icons {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #f5f5f5;
  font-family: "ChessSansVar";
}
body.page-infinite-icons * {
  box-sizing: border-box;
}

.infinite-viewport {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  background: #1e1e1e;
  transition: right 0.3s ease;
}
.infinite-viewport.dragging {
  cursor: grabbing;
}

.infinite-canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  transform-origin: 0 0;
  will-change: transform;
  transform: translateZ(0); /* Force GPU acceleration */
}

.icon-grid {
  position: absolute;
  display: grid;
  grid-template-columns: repeat(12, 200px);
  grid-gap: 0;
  will-change: transform;
}

.icon-cell {
  width: 200px;
  height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 20px;
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  will-change: transform, opacity;
  box-sizing: border-box;
}
.icon-cell.in-view {
  opacity: 1;
  transform: scale(1);
}
.icon-cell.empty-cell {
  opacity: 0 !important;
  pointer-events: none;
}
.icon-cell:hover img {
  transform: scale(1.05);
  z-index: 10;
}
.icon-cell img {
  width: 135px;
  height: 135px;
  object-fit: contain;
  display: block;
  transition: transform 0.1s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.icon-cell-name {
  font-size: 11px;
  line-height: 1;
  color: #666;
  text-align: center;
  word-break: break-word;
  width: 100%;
  display: none;
  position: absolute;
  top: 87.5%;
  left: 0;
  text-align: center;
}

.icon-cell:hover .icon-cell-name {
  display: block;
}

.icon-cell.selected::after {
  content: "";
  position: absolute;
  inset: 8px;
  opacity: 0.2;
  background: var(--color-gray-700);
  border-radius: 12px;
}
.tag-editor-active .icon-cell {
  cursor: pointer;
}
.tag-editor-active .icon-cell:hover:not(.selected)::after {
  content: "";
  position: absolute;
  inset: 8px;
  opacity: 0.05;
  background: var(--color-gray-500);
  border-radius: 12px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@keyframes modalFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modalSlideIn {
  from {
    transform: scale(0.9) translateY(30px);
    opacity: 0;
  }
  to {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}
@keyframes scaleIn {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scaleOut {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes blink {
  0%, 50% {
    opacity: 1;
  }
  51%, 100% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 100% {
    background: var(--color-gray-800);
    transform: scale(1);
  }
  50% {
    background: var(--color-red-600);
    transform: scale(1.05);
  }
}
@keyframes rotate-continuous {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes shake {
  0%, 100% {
    transform: translate(0, 0);
  }
  10% {
    transform: translate(-1px, -1px);
  }
  20% {
    transform: translate(1px, -1px);
  }
  30% {
    transform: translate(-1px, 1px);
  }
  40% {
    transform: translate(1px, 1px);
  }
  50% {
    transform: translate(0, -1px);
  }
  60% {
    transform: translate(-1px, 0);
  }
  70% {
    transform: translate(1px, 0);
  }
  80% {
    transform: translate(0, 1px);
  }
  90% {
    transform: translate(-1px, -1px);
  }
}
.motion-rotate-slow {
  animation: rotate-continuous 24s linear infinite;
}

.motion-rotate-medium {
  animation: rotate-continuous 8s linear infinite;
}

.motion-rotate-fast {
  animation: rotate-continuous 2s linear infinite;
}

.motion-rotate-bullet {
  animation: rotate-continuous 0.5s linear infinite;
}

.motion-pulse {
  animation: pulse 2s ease-in-out infinite;
}

.motion-pulse-fast {
  animation: pulse 1s ease-in-out infinite;
}

.motion-spin {
  animation: spin 1s linear infinite;
}

.motion-shake {
  animation: shake 0.3s ease-in-out infinite;
}

.motion-shake-subtle {
  animation: shake 0.5s ease-in-out infinite;
  animation-duration: 0.5s;
  transform-origin: center;
}

.floating-controls {
  position: fixed;
  top: 0;
  left: 0;
  background: var(--color-gray-900);
  border-radius: 12px;
  padding: 10px 15px;
  margin: 10px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  color: var(--color-gray-300);
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.floating-controls .icon-info {
  white-space: nowrap;
}
.floating-controls .button-icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.floating-controls .button-icon svg {
  width: 20px;
  height: 20px;
  fill: var(--color-gray-300);
  transition: fill 0.2s ease;
}
.floating-controls .button-ghost:hover .button-icon svg {
  fill: var(--color-gray-100);
}

#searchInput-wrap {
  overflow: visible !important;
}

#color-icons-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  padding: 10px;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to bottom, rgba(30, 30, 30, 0.95) 0%, rgba(30, 30, 30, 0.8) 50%, rgba(30, 30, 30, 0.4) 80%, transparent 100%);
  transition: padding-right 0.3s ease;
}
.tag-editor-open #color-icons-header {
  padding-right: 400px;
}
.sidebar-open #color-icons-header {
  padding-right: 300px;
}
.tag-editor-open.sidebar-open #color-icons-header {
  padding-right: 700px;
}
#color-icons-header * {
  pointer-events: auto;
}
#color-icons-header .home-button .button-icon svg {
  width: 24px;
  height: 24px;
  fill: var(--color-gray-300);
}
#color-icons-header .home-button:hover {
  background: var(--color-gray-800);
}
#color-icons-header .home-button:hover .button-icon svg {
  fill: var(--color-gray-100);
}
#color-icons-header #filter-toggle .button-icon svg {
  width: 24px;
  height: 24px;
  fill: var(--color-gray-300);
}
#color-icons-header #filter-toggle:hover {
  background: var(--color-gray-800);
}
#color-icons-header #filter-toggle:hover .button-icon svg {
  fill: var(--color-gray-100);
}

.floating-action-button {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 1000;
}
.sidebar-open .floating-action-button {
  right: 324px;
}
@media (max-width: 768px) {
  .floating-action-button.v6-button-primary {
    padding: 14px;
  }
  .floating-action-button.v6-button-primary .button-label {
    display: none;
  }
  .floating-action-button.v6-button-primary svg {
    margin: 0;
  }
}

#searchInput-inner {
  position: relative;
}
#searchInput-inner .tag-autocomplete {
  left: -12px;
  right: -12px;
  max-height: 300px;
  border-radius: 8px;
}
#searchInput-inner .tag-autocomplete .autocomplete-item:first-child {
  border-radius: 7px 7px 0 0;
}
#searchInput-inner .tag-autocomplete .autocomplete-item:last-child {
  border-radius: 0 0 7px 7px;
}

.test-mode-toggle {
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  position: fixed;
  bottom: 24px;
  left: 24px;
  z-index: 1000;
  background: var(--color-gray-850);
  border: 1px solid var(--color-gray-700);
  border-radius: 12px;
  padding: 12px 16px;
}
.test-mode-toggle .toggle-switch {
  position: relative;
  width: 36px;
  height: 20px;
  background: var(--color-gray-700);
  border-radius: 20px;
  transition: background 0.25s ease;
}
.test-mode-toggle .toggle-switch::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  background: white;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: transform 0.25s ease;
}
.test-mode-toggle.active .toggle-switch {
  background: var(--color-green-500);
}
.test-mode-toggle.active .toggle-switch::after {
  transform: translateX(16px);
}
.test-mode-toggle svg {
  width: 16px;
  height: 16px;
  fill: var(--color-gray-400);
  transition: fill 0.15s ease;
}
.test-mode-toggle:hover:not(:disabled) {
  background: var(--color-gray-800);
  border-color: var(--color-gray-600);
}
.test-mode-toggle:hover:not(:disabled) svg {
  fill: var(--color-gray-300);
}
.test-mode-toggle.active svg {
  fill: var(--color-green-500);
}
.test-mode-toggle:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.test-mode-toggle:disabled .toggle-switch {
  background: var(--color-gray-600);
}
.test-mode-toggle:disabled.active .toggle-switch {
  background: var(--color-green-400);
}

.test-progress-panel {
  position: fixed;
  bottom: 24px;
  left: 100px;
  z-index: 1000;
  background: var(--color-gray-850);
  border: 1px solid var(--color-gray-700);
  border-radius: 12px;
  width: 350px;
  max-height: 400px;
  display: none;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}
.test-progress-panel.active {
  display: block;
}
.test-progress-panel .test-progress-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid var(--color-gray-700);
}
.test-progress-panel .test-progress-header h3 {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-gray-100);
}
.test-progress-panel .test-progress-header .button-icon {
  width: 24px;
  height: 24px;
  padding: 4px;
}
.test-progress-panel .test-progress-header .button-icon svg {
  width: 16px;
  height: 16px;
  fill: var(--color-gray-400);
}
.test-progress-panel .test-progress-header .button-icon:hover svg {
  fill: var(--color-gray-200);
}
.test-progress-panel .test-progress-content {
  max-height: 320px;
  overflow-y: auto;
  padding: 8px;
}
.test-progress-panel .test-category {
  margin-bottom: 12px;
}
.test-progress-panel .test-category .category-header {
  font-size: 12px;
  font-weight: 600;
  color: var(--color-gray-300);
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.test-progress-panel .test-category .category-header .category-status {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-gray-600);
}
.test-progress-panel .test-category .category-header .category-status.pending {
  background: var(--color-gray-600);
}
.test-progress-panel .test-category .category-header .category-status.running {
  background: var(--color-blue-500);
  animation: pulse 1.5s infinite;
}
.test-progress-panel .test-category .category-header .category-status.passed {
  background: var(--color-green-500);
}
.test-progress-panel .test-category .category-header .category-status.failed {
  background: var(--color-red-500);
}
.test-progress-panel .test-category .test-items {
  margin-left: 14px;
}
.test-progress-panel .test-category .test-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 8px;
  font-size: 11px;
  color: var(--color-gray-400);
  border-radius: 4px;
  margin-bottom: 2px;
}
.test-progress-panel .test-category .test-item.running {
  background: var(--color-blue-900, rgba(59, 130, 246, 0.1));
  color: var(--color-blue-400);
}
.test-progress-panel .test-category .test-item.passed {
  color: var(--color-green-400);
}
.test-progress-panel .test-category .test-item.failed {
  background: var(--color-red-900, rgba(239, 68, 68, 0.1));
  color: var(--color-red-400);
}
.test-progress-panel .test-category .test-item .test-icon {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}
.test-progress-panel .test-category .test-item .test-icon.pending::before {
  content: "○";
  color: var(--color-gray-500);
}
.test-progress-panel .test-category .test-item .test-icon.running::before {
  content: "◉";
  color: var(--color-blue-500);
  animation: pulse 1.5s infinite;
}
.test-progress-panel .test-category .test-item .test-icon.passed::before {
  content: "✓";
  color: var(--color-green-500);
}
.test-progress-panel .test-category .test-item .test-icon.failed::before {
  content: "✗";
  color: var(--color-red-500);
}

.sidebar-panel[data-panel=tests] .test-progress-content {
  flex: 1;
  overflow-y: auto;
  padding: 0 20px 20px 20px;
}
.sidebar-panel[data-panel=tests] .nested-list {
  margin-bottom: 16px;
}
.sidebar-panel[data-panel=tests] .nested-list:last-child {
  margin-bottom: 0;
}
.sidebar-panel[data-panel=tests] .test-item.running {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}
.sidebar-panel[data-panel=tests] .test-item.passed {
  background: rgba(34, 197, 94, 0.05);
}
.sidebar-panel[data-panel=tests] .test-item.passed:hover {
  background: rgba(34, 197, 94, 0.1);
}
.sidebar-panel[data-panel=tests] .test-item.failed {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.3);
}
.sidebar-panel[data-panel=tests] .test-item.failed:hover {
  background: rgba(239, 68, 68, 0.15);
}
.sidebar-panel[data-panel=tests] .test-icon {
  margin-left: auto;
  font-size: 14px;
}
.sidebar-panel[data-panel=tests] .test-icon.running {
  animation: pulse 1.5s infinite;
}
.sidebar-panel[data-panel=tests] .category-status {
  margin-left: auto;
  font-size: 14px;
}
.sidebar-panel[data-panel=tests] .category-status.running {
  animation: pulse 1.5s infinite;
  color: var(--color-blue-400);
}
.sidebar-panel[data-panel=tests] .category-status.passed {
  color: var(--color-green-400);
}
.sidebar-panel[data-panel=tests] .category-status.failed {
  color: var(--color-red-400);
}
.sidebar-panel[data-panel=tests] .text-green {
  color: var(--color-green-400);
}
.sidebar-panel[data-panel=tests] .text-red {
  color: var(--color-red-400);
}
.sidebar-panel[data-panel=tests] .text-blue {
  color: var(--color-blue-400);
}

.checkbox {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
  user-select: none;
  cursor: pointer;
}
.checkbox .checkbox-circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1.5px solid var(--color-gray-800);
  border-radius: 50%;
}
.checkbox .checkbox-check {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  padding: 2px;
  opacity: 0;
  filter: brightness(0) invert(1);
}
.checkbox:hover .checkbox-circle {
  border-color: var(--color-gray-700);
}
.checked .checkbox .checkbox-circle {
  border-color: var(--color-gray-700);
}
.checked .checkbox .checkbox-check {
  opacity: 0.25;
}
.checkbox.checked .checkbox-circle {
  border-color: var(--color-gray-700);
}
.checkbox.checked .checkbox-check {
  opacity: 0.25;
}
.checkbox.disabled, .disabled .checkbox {
  opacity: 0.5;
  cursor: not-allowed;
}
.checkbox.disabled .checkbox-circle, .disabled .checkbox .checkbox-circle {
  border-color: var(--color-gray-900);
}
.checkbox.checkbox-sm {
  width: 16px;
  height: 16px;
}
.checkbox.checkbox-sm .checkbox-circle,
.checkbox.checkbox-sm .checkbox-check {
  width: 16px;
  height: 16px;
}
.checkbox.checkbox-sm .checkbox-check {
  padding: 1px;
}
.checkbox.checkbox-lg {
  width: 24px;
  height: 24px;
}
.checkbox.checkbox-lg .checkbox-circle,
.checkbox.checkbox-lg .checkbox-check {
  width: 24px;
  height: 24px;
}
.checkbox.checkbox-lg .checkbox-check {
  padding: 3px;
}

.list-item .checkbox {
  margin-top: 2px;
  margin-left: -4px;
}
.list-item.active .checkbox .checkbox-circle {
  border-color: var(--color-gray-700);
}
.list-item.active .checkbox .checkbox-check {
  opacity: 0.25;
}

.tag-editor-open .filter-sidebar.open {
  right: 413px;
}

.filter-sidebar .sidebar-title {
  font-size: 16px;
}

.filter-section:last-of-type {
  border-bottom: none;
  flex: 1;
  overflow-y: auto;
}

.filter-section-title {
  font-size: 13px;
  color: var(--color-gray-400);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 12px 0;
}

.filter-colors {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 8px;
}

.filter-color {
  background: var(--color-gray-800);
  border: 1px solid var(--color-gray-700);
  color: var(--color-gray-300);
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  gap: 8px;
}
.filter-color:hover {
  background: var(--color-gray-700);
  color: var(--color-gray-100);
}
.filter-color.active {
  background: var(--color-primary);
  color: white;
}
.filter-color.active .color-swatch {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
}
.filter-color .color-swatch {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  flex-shrink: 0;
  transition: box-shadow 0.2s ease;
}
.filter-color .color-name {
  text-transform: capitalize;
  font-size: 12px;
}
.filter-color .count {
  opacity: 0.6;
  font-size: 11px;
}

.filter-color-circle {
  aspect-ratio: 1;
  width: 100%;
  height: auto;
  border-radius: 50%;
  padding: 0;
  font-size: 13px;
  font-weight: 600;
  color: #000;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.filter-color-circle:hover {
  transform: scale(1.1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.filter-color-circle.v6-button-selected::after, .filter-color-circle[aria-selected=true]::after {
  content: "";
  position: absolute;
  inset: 0px;
  border: 3px solid #fff;
  border-radius: 50%;
  pointer-events: none;
}
.filter-color-circle .count {
  line-height: 1;
  font-size: 13px;
}

.filter-tags .item-name {
  text-transform: capitalize;
}

.v6-button-spread {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  text-align: left !important;
}

.filter-tag .tag-content {
  display: flex;
  align-items: center;
  gap: 10px;
}
.filter-tag .tag-icon {
  width: 32px;
  height: 32px;
  object-fit: contain;
  transition: filter 0.2s ease;
}
.filter-tag .tag-name {
  text-transform: capitalize;
}
.filter-tag .count {
  opacity: 0.6;
  font-size: 12px;
}

.clear-filters {
  background: var(--color-gray-800);
  border: 1px solid var(--color-gray-700);
  color: var(--color-gray-300);
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
}
.clear-filters:hover {
  background: var(--color-gray-700);
  color: var(--color-gray-100);
  border-color: var(--color-gray-600);
}

.filter-actions {
  transition: opacity 0.3s ease, transform 0.3s ease, max-height 0.3s ease;
  overflow: hidden;
  opacity: 1;
  transform: translateY(0);
  max-height: 100px;
}
.filter-actions.fade-hidden {
  opacity: 0;
  transform: translateY(-10px);
  max-height: 0;
  pointer-events: none;
  margin: 0;
}

.filter-toggle {
  position: fixed;
  top: 0;
  right: 0;
  margin: 10px;
  background: var(--color-gray-900);
  border: none;
  color: var(--color-gray-300);
  padding: 10px 15px;
  border-radius: 12px;
  font-size: 13px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
  z-index: 1001;
}
.filter-toggle:hover {
  background: var(--color-gray-850);
  color: var(--color-gray-100);
}
.filter-toggle .filter-toggle-icon {
  display: flex;
  align-items: center;
  transition: transform 0.2s ease;
}
.filter-toggle .filter-toggle-icon svg {
  transform: rotate(-90deg);
}

.list-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  user-select: none;
}
.list-item .checkbox {
  margin-top: 2px;
  margin-left: -4px;
}
.list-item .item-header {
  flex: 1;
}

.sidebar {
  overflow: hidden;
  position: fixed;
  top: 0;
  right: -400px;
  width: 380px;
  background: var(--color-gray-900);
  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.2);
  z-index: 1002;
  display: flex;
  flex-direction: column;
  transition: right 0.3s ease;
  margin: 14px;
  bottom: 0;
  height: auto;
  border-radius: 20px;
  box-shadow: 0 0 5px 2px var(--color-gray-800);
}
.sidebar.open {
  right: 0;
}
.sidebar.sidebar-sm {
  width: 300px;
  right: -300px;
}
.sidebar.sidebar-lg {
  width: 500px;
  right: -500px;
}
.sidebar.sidebar-offset-1.open {
  right: 300px;
}
.sidebar.sidebar-offset-2.open {
  right: 400px;
}

.sidebar-tabs {
  display: flex;
  user-select: none;
}

.sidebar-tab {
  flex: 1;
  padding: 16px 20px;
  border: none;
  height: 72px;
  color: var(--color-gray-500);
  cursor: pointer;
  background: rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0px;
  overflow: hidden;
}
.sidebar-tab .tab-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sidebar-tab .tab-icon svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}
.sidebar-tab .tab-label {
  font-weight: 600;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sidebar-tab:hover {
  color: var(--color-gray-200);
}
.sidebar-tab.active {
  color: white;
  font-weight: 700;
  background: transparent;
}
.sidebar-tab.sidebar-tab-compact {
  height: 56px;
}
.sidebar-tab.sidebar-tab-compact .tab-label {
  display: none;
}

.sidebar-panels {
  flex: 1;
  overflow: hidden;
  position: relative;
}

.sidebar-panel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.1s 0s ease;
  overflow-y: auto;
}
.sidebar-panel.active {
  transition: opacity 0.1s 0.1s ease;
  opacity: 1;
  visibility: visible;
}

.panel-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.panel-content.panel-content-flush {
  padding: 0;
}

.panel-section + .panel-section {
  padding-top: 0;
}

.panel-section {
  padding: 20px;
}
.panel-section:last-child {
  margin-bottom: 0;
}
.panel-section.panel-section-expand {
  overflow: scroll;
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.sidebar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid var(--color-gray-800);
  gap: 10px;
}

.sidebar-title {
  font-size: 20px;
  color: var(--color-gray-100);
  font-weight: 700;
  flex: 1;
}

.sidebar-close {
  padding: 8px;
  border-radius: 6px;
  transition: all 0.2s ease;
  cursor: pointer;
  border: none;
  background: transparent;
}
.sidebar-close svg {
  width: 16px;
  height: 16px;
  fill: var(--color-gray-400);
}
.sidebar-close:hover {
  background: var(--color-gray-800);
}
.sidebar-close:hover svg {
  fill: var(--color-gray-100);
}

.sidebar-footer {
  position: sticky;
  bottom: 0;
  display: flex;
  gap: 8px;
  padding: 20px;
  background: rgba(0, 0, 0, 0.1);
}
.sidebar-footer .v6-button-secondary {
  flex: 1;
}
.sidebar-footer .v6-button-secondary:first-child:nth-last-child(2) {
  flex: 2;
}
.sidebar-footer .v6-button-secondary.success {
  background: var(--color-green-600);
  color: white;
}
.sidebar-footer .v6-button-secondary.success:hover {
  background: var(--color-green-700);
}

.nested-list {
  border: 2px solid var(--color-gray-800);
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.075);
  padding: 0 20px;
}
.nested-list > .list-item,
.nested-list > .custom-tag-item,
.nested-list > .test-item {
  margin: 0 -20px;
}
.nested-list .empty-state {
  opacity: 0.25;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  height: 100%;
  margin: 0;
}
.nested-list.scrollable {
  flex: 1;
  overflow-y: auto;
}
.nested-list.scrollable::-webkit-scrollbar {
  width: 6px;
}
.nested-list.scrollable::-webkit-scrollbar-track {
  background: transparent;
}
.nested-list.scrollable::-webkit-scrollbar-thumb {
  background: var(--color-gray-700);
  border-radius: 3px;
}
.nested-list.scrollable::-webkit-scrollbar-thumb:hover {
  background: var(--color-gray-600);
}

.list-item {
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid var(--color-gray-800);
  cursor: pointer;
}
.list-item:hover {
  background: rgba(255, 255, 255, 0.03);
}
.list-item:last-child {
  border-bottom: none;
}
.list-item .item-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 0;
  white-space: nowrap;
}
.list-item .item-name {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-gray-200);
}
.list-item .item-count {
  font-size: 12px;
  line-height: 1;
  color: var(--color-gray-500);
  font-feature-settings: "tnum" 1;
}
.list-item .item-icons {
  margin-left: auto;
  pointer-events: none;
  display: flex;
  gap: 8px;
  flex-wrap: nowrap;
  overflow-x: hidden;
}
.list-item .item-icons img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.nested-list .test-item {
  margin: 0px -20px;
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.nested-list .test-item:not(:last-child) {
  border-bottom: 1px solid var(--color-gray-800);
}

.custom-tag-item {
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid var(--color-gray-800);
  cursor: default;
}
.custom-tag-item:hover {
  background: rgba(255, 255, 255, 0.03);
}
.custom-tag-item:last-child {
  border-bottom: none;
}
.custom-tag-item .custom-tag-name {
  font-size: 14px;
  color: var(--color-gray-200);
}
.custom-tag-item .custom-tag-icons {
  pointer-events: auto;
  overflow-x: scroll;
  overflow-y: hidden;
}

.custom-tag-section {
  margin-top: 30px;
}
.custom-tag-section .custom-tag-header {
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  text-transform: uppercase;
}

.label, .filter-section-title,
.tag-group-label,
.stat-label {
  font-size: 10px;
  color: var(--color-gray-500);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 500;
  margin: 0;
}
.label.label-section, .filter-section-title,
.label-section.tag-group-label,
.label-section.stat-label {
  margin: 0 0 6px 0;
}
.label.label-sticky, .label-sticky.filter-section-title,
.label-sticky.tag-group-label,
.selection-tags .tag-group .tag-group-label,
.label-sticky.stat-label {
  position: sticky;
  top: 0;
  z-index: 10;
  padding: 20px 0 6px;
  background: linear-gradient(to bottom, var(--color-gray-900) 0%, var(--color-gray-900) 60%, transparent 100%);
}

.tag-input-wrapper {
  position: relative;
}
.tag-input-wrapper .tag-input {
  width: 100%;
  background: var(--color-gray-800);
  border: 1px solid var(--color-gray-700);
  color: white;
  padding: 8px 40px 8px 12px;
  border-radius: 6px;
  font-size: 13px;
  transition: all 0.2s ease;
}
.tag-input-wrapper .tag-input:hover {
  background: var(--color-gray-750);
  border-color: var(--color-gray-600);
}
.tag-input-wrapper .tag-input:focus {
  outline: none;
  background: var(--color-gray-750);
  border-color: var(--color-green-500);
  box-shadow: 0 0 0 2px rgba(129, 182, 76, 0.2);
}
.tag-input-wrapper .tag-input::placeholder {
  color: var(--color-gray-500);
}
.tag-input-wrapper .tag-add-button {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  padding: 4px;
  min-width: auto;
  width: 28px;
  height: 28px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.tag-input-wrapper .tag-add-button:not(:disabled) {
  opacity: 1;
  pointer-events: auto;
}
.tag-input-wrapper .tag-add-button:hover {
  background: var(--color-gray-700);
}
.tag-input-wrapper .tag-add-button .button-icon svg {
  min-width: 16px;
  min-height: 16px;
  fill: var(--color-gray-300);
}
.tag-input-wrapper .tag-add-button:hover .button-icon svg {
  fill: var(--color-green-400);
}

.tag-input-section {
  padding: 0 20px;
}

.tag-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 4px;
  max-height: 200px;
  overflow-y: auto;
  background: var(--color-gray-850);
  border: 1px solid var(--color-gray-700);
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
.tag-autocomplete .autocomplete-item {
  padding: 8px 12px;
  font-size: 13px;
  color: var(--color-gray-300);
  cursor: pointer;
  transition: all 0.1s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tag-autocomplete .autocomplete-item:hover, .tag-autocomplete .autocomplete-item.selected {
  background: var(--color-gray-800);
  color: var(--color-gray-100);
}
.tag-autocomplete .autocomplete-item:first-child {
  border-radius: 5px 5px 0 0;
}
.tag-autocomplete .autocomplete-item:last-child {
  border-radius: 0 0 5px 5px;
}
.tag-autocomplete .autocomplete-item .tag-count {
  font-size: 11px;
  color: var(--color-gray-500);
  margin-left: 8px;
  flex-shrink: 0;
  font-feature-settings: "tnum" 1;
}

.tag-editor-sidebar .tag-autocomplete {
  right: 0px;
}

.tag-token {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background: var(--color-gray-800);
  border-radius: 6px;
  font-size: 13px;
  color: var(--color-gray-200);
  cursor: pointer;
}
.tag-token:hover {
  background: var(--color-gray-700);
  border-color: var(--color-gray-600);
}
.tags-container.editing .tag-token:hover, .icon-modal-tags.editing .tag-token:hover, .tokenized-input.editing .tag-token:hover {
  background: var(--color-green-600);
  color: var(--color-green-200);
}
.tag-token .tag-state {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.tag-token.tag-all .tag-state {
  background: var(--color-green-500);
}
.tag-token.tag-all:hover {
  background: rgba(224, 40, 40, 0.1);
  border-color: var(--color-red-500);
  color: var(--color-red-300);
}
.tag-token.tag-all:hover .tag-state {
  background: var(--color-red-400);
}
.tag-token.tag-partial .tag-state {
  background: var(--color-gold-400);
}
.tag-token.tag-partial:hover {
  background: rgba(129, 182, 76, 0.1);
  border-color: var(--color-green-500);
  color: var(--color-green-300);
}
.tag-token.tag-partial:hover .tag-state {
  background: var(--color-green-400);
}
.tag-token .tag-count {
  font-feature-settings: "tnum" 1;
  margin-left: auto;
  font-size: 11px;
  color: var(--color-gray-500);
}
.tag-token.tag-none {
  position: sticky;
  top: 0;
  opacity: 0.5;
  cursor: default;
}
.tag-token.tag-none .tag-state {
  background: var(--color-gray-600);
}
.tag-token.tag-none:hover {
  background: var(--color-gray-800);
  border-color: var(--color-gray-700);
  color: var(--color-gray-400);
}
.tag-token.tag-none:hover .tag-state {
  background: var(--color-gray-600);
}
.tag-token.tag-token-custom {
  background: var(--color-purple-700);
  border-color: var(--color-purple-600);
  color: var(--color-purple-200);
}
.tag-token.tag-token-custom:hover {
  background: var(--color-purple-600);
  border-color: var(--color-purple-500);
  color: var(--color-purple-100);
}
.tag-token.selected {
  background: var(--color-green-600);
  color: white;
  box-shadow: 0 0 0 2px rgba(0, 149, 217, 0.3);
}
.tag-token.tag-input-wrapper {
  background: var(--color-green-600);
}
.tag-token.tag-input-wrapper:hover {
  background: var(--color-green-500);
}
.tag-token.tag-input-wrapper:focus-within {
  background: var(--color-green-500);
  box-shadow: 0 0 0 2px var(--color-green-400);
}
.tag-token.tag-input-wrapper.tag-all .tag-state {
  background: var(--color-purple-400);
}
.tag-token.tag-input-wrapper.tag-all:hover {
  background: rgba(224, 40, 40, 0.2);
  border-color: var(--color-red-600);
  color: var(--color-red-400);
}
.tag-token.tag-input-wrapper.tag-all:hover .tag-state {
  background: var(--color-red-500);
}
.tag-token.tag-input-wrapper.tag-partial .tag-state {
  background: var(--color-purple-400);
}
.tag-token.tag-input-wrapper.tag-partial:hover {
  background: rgba(129, 182, 76, 0.2);
  border-color: var(--color-green-600);
  color: var(--color-green-400);
}
.tag-token.tag-input-wrapper.tag-partial:hover .tag-state {
  background: var(--color-green-500);
}
.tag-token.add-tag-token {
  background: var(--color-green-700);
  color: var(--color-green-400);
}
.tag-token.add-tag-token:hover {
  background: var(--color-green-600);
  color: var(--color-green-300);
  cursor: pointer;
}

@keyframes empty-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes selected-icon-in {
  0% {
    max-width: 0;
    opacity: 0;
  }
  100% {
    max-width: 50px;
    opacity: 1;
  }
}
@keyframes selected-icon-out {
  0% {
    max-width: 50px;
    opacity: 1;
  }
  100% {
    max-width: 0;
    opacity: 0;
  }
}
.icon-list-inline {
  padding: 20px;
}
.icon-list-inline .icon-list-items {
  min-height: 50px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0;
  overflow-x: auto;
  overflow-y: hidden;
}
.icon-list-inline .icon-list-items::-webkit-scrollbar {
  height: 4px;
}
.icon-list-inline .icon-list-items::-webkit-scrollbar-track {
  background: transparent;
}
.icon-list-inline .icon-list-items::-webkit-scrollbar-thumb {
  background: var(--color-gray-700);
  border-radius: 2px;
}
.icon-list-inline .icon-list-items::-webkit-scrollbar-thumb:hover {
  background: var(--color-gray-600);
}
.icon-list-inline .icon-list-items .selected-icon-item {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.1s ease;
  position: relative;
  display: flex;
  justify-content: center;
}
.icon-list-inline .icon-list-items .selected-icon-item.animating-in {
  animation: selected-icon-in 0.2s ease-out forwards;
}
.icon-list-inline .icon-list-items .selected-icon-item.animating-out {
  animation: selected-icon-out 0.2s ease-out forwards;
}
.icon-list-inline .icon-list-items .selected-icon-item:hover {
  transform: translateY(-2px) scale(1.05);
  z-index: 10;
}
.icon-list-inline .icon-list-items .selected-icon-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 6px;
}
.icon-list-inline .icon-list-items .selected-icon-item .remove-icon {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 20px;
  height: 20px;
  background: var(--color-red-400);
  border-radius: 50%;
  display: none;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--color-gray-900);
  pointer-events: none;
}
.icon-list-inline .icon-list-items .selected-icon-item .remove-icon svg {
  width: 10px;
  height: 10px;
  fill: white;
}
.icon-list-inline .icon-list-items .selected-icon-item:hover .remove-icon {
  display: flex;
}
.icon-list-inline .icon-list-items .empty-state {
  animation: empty-in 0.2s ease-out forwards;
  color: var(--color-gray-500);
  font-size: 13px;
}

.stats-display, .custom-tags-stats {
  display: flex;
  gap: 20px;
  padding-left: 10px;
}
.stats-display .stat-item, .custom-tags-stats .stat-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: baseline;
  gap: 0px;
}
.stats-display .stat-item:not(:last-child), .custom-tags-stats .stat-item:not(:last-child) {
  border-right: 1px solid var(--color-gray-800);
}
.stats-display .stat-value, .custom-tags-stats .stat-value {
  font-size: 24px;
  line-height: 1;
  font-weight: 600;
  color: var(--color-gray-100);
}
.stats-display .stat-label, .custom-tags-stats .stat-label {
  font-size: 10px;
  color: var(--color-gray-500);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 500;
}

.tag-editor-sidebar {
  z-index: 1003;
}
.tag-editor-sidebar .panel-section + .panel-section {
  padding-top: 0;
}
.tag-editor-sidebar .panel-section {
  padding: 20px;
}
.tag-editor-sidebar .panel-section.panel-section-expand {
  padding-top: 0;
  padding-bottom: 20px;
}

.filter-tags {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.custom-tags-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.custom-tags-stats {
  padding: 20px;
}

.custom-tag-item {
  cursor: default;
}

.custom-tag-icons {
  pointer-events: auto;
  overflow-x: scroll;
  overflow-y: hidden;
}

.selection-tags {
  min-height: 80px;
  overflow: scroll;
  margin-bottom: -20px;
  padding-bottom: 20px;
}
.selection-tags .empty-state {
  color: var(--color-gray-500);
  font-size: 13px;
  text-align: center;
  padding: 20px;
}
.selection-tags .tag-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.selection-tags .tag-group {
  position: relative;
}
.selection-tags .tag-group .tag-group-label {
  background: linear-gradient(to bottom, var(--color-gray-900) 0%, var(--color-gray-900) 80%, transparent 100%);
}
.selection-tags .tag-group .tag-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.selection-tags .tag-group .tag-divider {
  height: 0px;
  margin: 2px 0;
  opacity: 0.3;
}

.nav-hint {
  position: fixed;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 10px 20px;
  border-radius: 20px;
  font-size: 13px;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
  transition: opacity 0.3s ease;
  background: #1e1e1e;
}
.loading-overlay.hidden {
  opacity: 0;
  pointer-events: none;
}

.loading-spinner {
  width: 40px;
  height: 40px;
  border: 3px solid #ddd;
  border-top-color: #333;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

.toggle-switch-button {
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
}
.toggle-switch-button .toggle-switch {
  position: relative;
  width: 36px;
  height: 20px;
  background: var(--color-gray-700);
  border-radius: 20px;
  transition: background 0.25s ease;
}
.toggle-switch-button .toggle-switch::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  background: white;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: transform 0.25s ease;
}
.toggle-switch-button.active .toggle-switch {
  background: var(--color-green-500);
}
.toggle-switch-button.active .toggle-switch::after {
  transform: translateX(16px);
}
.toggle-switch-button svg {
  width: 16px;
  height: 16px;
  fill: var(--color-gray-400);
  transition: fill 0.15s ease;
}
.toggle-switch-button:hover:not(:disabled) svg {
  fill: var(--color-gray-300);
}
.toggle-switch-button.active svg {
  fill: var(--color-green-500);
}
.toggle-switch-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.toggle-switch-button:disabled .toggle-switch {
  background: var(--color-gray-600);
}
.toggle-switch-button:disabled.active .toggle-switch {
  background: var(--color-green-400);
}

.docs-menu.dropdown {
  position: relative;
}
.docs-menu.dropdown .dropdown-menu {
  bottom: 100%;
  top: auto;
  margin-bottom: 8px;
  left: 0;
  transform-origin: bottom left;
  min-width: 200px;
}
.docs-menu.dropdown.open .dropdown-menu {
  display: block;
  animation: dropdownSlideUp 0.2s ease;
}

@keyframes dropdownSlideUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.modal-base {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
  display: flex;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.modal-base.open {
  opacity: 1;
  visibility: visible;
}

.modal-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(13, 12, 11, 0.9);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  transition: opacity 0.3s ease;
}

.modal-content-base {
  position: relative;
  background: var(--color-gray-900);
  overflow: hidden;
  border: 3px solid var(--color-gray-800);
  transform: scale(0.95) translateY(20px);
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;
  transition-delay: 0.1s;
}
.modal-base.open .modal-content-base {
  transform: scale(1) translateY(0);
  opacity: 1;
}

.modal-width-sm {
  max-width: 600px !important;
}

.modal-width-md {
  max-width: 900px !important;
}

.modal-width-lg {
  max-width: 1200px !important;
}

.modal-width-xl {
  max-width: 1400px !important;
}

.modal-width-xxl {
  max-width: 1600px !important;
}

.modal-width-full {
  max-width: calc(100vw - 40px) !important;
}

@media (max-width: 1440px) {
  .modal-width-xxl {
    max-width: calc(100vw - 60px) !important;
  }
}
@media (max-width: 1280px) {
  .modal-width-xl,
  .modal-width-xxl {
    max-width: calc(100vw - 60px) !important;
  }
}
@media (max-width: 1024px) {
  .modal-width-lg,
  .modal-width-xl,
  .modal-width-xxl {
    max-width: calc(100vw - 40px) !important;
  }
}
@media (max-width: 768px) {
  .modal-width-sm,
  .modal-width-md,
  .modal-width-lg,
  .modal-width-xl,
  .modal-width-xxl {
    max-width: calc(100vw - 20px) !important;
  }
}
.modal-layout-two-panel {
  display: flex;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 768px) {
  .modal-layout-two-panel {
    flex-direction: column;
  }
}

.modal-panel-secondary {
  flex-shrink: 0;
  border-right: 1px solid var(--color-gray-800);
  overflow-y: auto;
}
@media (max-width: 768px) {
  .modal-panel-secondary {
    border-right: none;
    border-bottom: 1px solid var(--color-gray-800);
  }
}

.modal-panel-primary {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}

.modal-control {
  position: fixed;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(14px);
  border: none;
  color: var(--color-gray-400);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2001;
}
.modal-control:hover {
  background: rgba(255, 255, 255, 0.15);
  color: var(--color-gray-200);
  transform: scale(1.05);
}
.modal-control:active {
  transform: scale(0.98);
}
.modal-control svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}
.modal-control:disabled {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}
.modal-control:disabled:hover {
  background: rgba(255, 255, 255, 0.05);
  color: var(--color-gray-400);
  transform: none;
}

.modal-control-close {
  top: 20px;
  right: 20px;
}
@media (max-width: 700px) {
  .modal-control-close {
    top: 10px;
    right: 10px;
  }
}

.modal-control-nav {
  top: 50%;
  transform: translateY(-50%);
}
.modal-control-nav:hover {
  transform: translateY(-50%) scale(1.05);
}
.modal-control-nav:active {
  transform: translateY(-50%) scale(0.98);
}
.modal-control-nav.modal-control-prev {
  left: 20px;
}
@media (max-width: 700px) {
  .modal-control-nav.modal-control-prev {
    left: 10px;
  }
}
.modal-control-nav.modal-control-next {
  right: 20px;
}
@media (max-width: 700px) {
  .modal-control-nav.modal-control-next {
    right: 10px;
  }
}

.project-overview-section {
  margin-bottom: 40px;
  padding: 24px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  border: 2px solid var(--color-gray-800);
}

.content-section {
  margin-bottom: 24px;
}
.content-section:last-child {
  margin-bottom: 0;
}

.module-stats-display {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.module-stats-display .stat-item {
  flex: 1;
  min-width: 120px;
  text-align: center;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid;
}
.module-stats-display .stat-item.stat-success {
  background: rgba(39, 174, 96, 0.1);
  border-color: rgba(39, 174, 96, 0.3);
}
.module-stats-display .stat-item.stat-success .stat-number {
  color: #27ae60;
}
.module-stats-display .stat-item.stat-info {
  background: rgba(52, 152, 219, 0.1);
  border-color: rgba(52, 152, 219, 0.3);
}
.module-stats-display .stat-item.stat-info .stat-number {
  color: #3498db;
}
.module-stats-display .stat-item.stat-warning {
  background: rgba(230, 126, 34, 0.1);
  border-color: rgba(230, 126, 34, 0.3);
}
.module-stats-display .stat-item.stat-warning .stat-number {
  color: #e67e22;
}
.module-stats-display .stat-number {
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 4px;
  display: block;
}
.module-stats-display .stat-label {
  color: var(--color-gray-400);
  font-size: 0.9em;
}

.modal-content-typography h3 {
  margin: 0 0 16px 0;
  color: var(--color-gray-300);
  font-size: 1.4em;
}
.modal-content-typography h3.section-header {
  font-size: 1.1em;
  margin: 0 0 10px 0;
}
.modal-content-typography h4 {
  margin: 0 0 12px 0;
  color: var(--color-gray-300);
}
.modal-content-typography p {
  margin: 0 0 20px 0;
  font-size: 1.1em;
  color: var(--color-gray-400);
}
.modal-content-typography p:last-child {
  margin-bottom: 0;
}
.modal-content-typography ul {
  margin: 0;
  color: var(--color-gray-400);
  line-height: 1.6;
}

.content-box {
  margin: 20px;
  padding: 20px;
  background: var(--color-bg-secondary);
  border-radius: 8px;
}
.content-box h3 {
  margin-top: 0;
}
.content-box h3:not(:first-child) {
  margin-top: 20px;
}
.content-box ul {
  margin: 10px 0;
}
.content-box ul:last-child {
  margin-bottom: 0;
}

.module-table {
  margin-bottom: 30px;
}
.module-table .module-child-row {
  background: rgba(255, 255, 255, 0.02);
}
.module-table .module-child-row .module-code {
  padding-left: 40px;
}

.progress-fill.progress-70 {
  width: 70%;
}

.icon-modal {
  padding: 2.5vmin;
}

.icon-modal-content {
  margin: auto;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
}

.icon-modal-header {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 10;
}

.icon-modal-columns {
  display: flex;
  height: 100%;
  overflow: hidden;
}

.icon-modal-related {
  position: absolute;
  width: auto;
  height: 100%;
  min-width: 72px;
  max-height: 100%;
  background: transparent;
  background: var(--color-gray-900);
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 10;
}
.icon-modal-related::-webkit-scrollbar {
  width: 4px;
}
.icon-modal-related::-webkit-scrollbar-track {
  background: transparent;
}
.icon-modal-related::-webkit-scrollbar-thumb {
  background: var(--color-gray-700);
  border-radius: 2px;
}
.icon-modal-related::-webkit-scrollbar-thumb:hover {
  background: var(--color-gray-600);
}
.icon-modal-related .related-icons-list {
  list-style: none;
  margin: 0;
  width: 100px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
}
.icon-modal-related .related-icon-slot {
  position: relative;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon-modal-related .related-icon {
  width: 64px;
  height: 64px;
  background: transparent;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  overflow: hidden;
}
.icon-modal-related .related-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 12px;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
}
.icon-modal-related .related-icon:hover img {
  transform: scale(1.2);
}
.icon-modal-related .related-icon.is-active img {
  transform: scale(1.2);
}
.icon-modal-related .related-icon.scale-in img {
  animation: scaleIn 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.icon-modal-related .related-icon.scale-out img {
  animation: scaleOut 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.icon-modal-left {
  flex: 2;
  background: var(--color-gray-850);
  position: relative;
  display: flex;
}
.icon-modal-left .icon-modal-main-wrapper {
  width: 100%;
  aspect-ratio: 1;
  position: relative;
  padding: 7.5vmin;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .icon-modal-left .icon-modal-main-wrapper {
    margin-left: 100px;
  }
}
.icon-modal-left .icon-modal-name {
  position: absolute;
  padding: 20px;
  top: 0;
  left: 0;
}

.icon-modal-right {
  min-width: 250px;
  flex: 1;
  aspect-ratio: 2;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .icon-modal-columns {
    flex-direction: column;
  }
  .icon-modal-related {
    display: none;
  }
  .icon-modal-left {
    padding: 24px;
    height: auto;
  }
}
.icon-modal-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 30vw;
  z-index: 0;
}
@media (max-width: 700px) {
  .icon-modal-preview {
    width: 80vmin;
  }
}
.icon-modal-preview img {
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
  z-index: 1;
}

.pixel-grid-overlay {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  pointer-events: none;
  z-index: 0;
  display: grid;
  grid-template-columns: repeat(18, 1fr);
  grid-template-rows: repeat(18, 1fr);
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 100;
  box-shadow: 0 0 0 1px rgba(100, 100, 100, 0.1);
}
.pixel-grid-overlay .grid-cell {
  position: relative;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 1px rgba(100, 100, 100, 0.1);
  transition: background 2s ease;
  pointer-events: auto;
}
.pixel-grid-overlay .grid-cell:hover {
  transition: background 0s ease;
  background-color: rgba(255, 255, 255, 0.1);
}
.icon-modal-preview.grid-visible .pixel-grid-overlay {
  pointer-events: auto;
  opacity: 1;
}

.icon-modal-header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 12px;
}

.tag-actions-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  justify-content: space-between;
}

.icon-modal-details {
  flex: 1;
  padding: 32px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .icon-modal-details {
    padding: 40px 20px;
  }
}

.icon-modal-tags-container {
  position: relative;
  min-height: 32px;
  padding: 0px;
  margin-bottom: auto;
  flex: 1;
  overflow: scroll;
  background: rgba(0, 0, 0, 0.15);
  transition: background-color 0.3s ease;
}
.icon-modal-tags-container::before, .icon-modal-tags-container::after {
  content: "";
  position: sticky;
  left: -20px;
  right: -20px;
  height: 20px;
  pointer-events: none;
  z-index: 1000;
  display: block;
  opacity: 0.1;
}
.icon-modal-tags-container::before {
  top: 0;
  margin-bottom: -20px;
  background: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}
.icon-modal-tags-container::after {
  bottom: 0;
  margin-top: -20px;
  background: linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%, transparent 100%);
}

.icon-modal-tags {
  position: relative;
  z-index: 10;
  display: flex;
  gap: 4px;
  align-items: flex-start;
  flex-direction: column;
  min-height: 24px;
  transition: all 0.2s ease;
  margin: 20px;
  padding: 10px;
  min-height: calc(100% - 40px);
}
.icon-modal-tags:not(.editing) {
  padding: 0;
  background: transparent;
  border: 2px solid transparent;
  cursor: default;
}
.icon-modal-tags.editing {
  background: var(--color-gray-900);
  border: 2px solid var(--color-gray-800);
  border-radius: 12px;
  cursor: text;
}
.icon-modal-tags.editing:focus-within {
  border-color: var(--color-gray-600);
  outline: none;
}
.icon-modal-tags .tag-token {
  padding: 2px 7px;
  line-height: 20px;
  text-transform: capitalize;
}
.icon-modal-tags .tag-token:hover {
  transform: translateY(-1px);
}
.icon-modal-tags .tag-input {
  display: inline-block;
  align-items: center;
  padding: 2px 7px;
  border-radius: 6px;
  letter-spacing: 0;
  font-size: 13px;
  line-height: 20px;
  text-transform: capitalize;
  transition: all 0.15s ease;
  white-space: nowrap;
}
.icon-modal-tags .tag-token-custom {
  background: var(--color-purple-500) !important;
  color: var(--color-purple-100) !important;
}
.icon-modal-tags .tag-token-custom:hover {
  background: var(--color-purple-400) !important;
  color: white !important;
}
.icon-modal-tags .tag-input-field {
  background: transparent;
  border: none;
  color: white;
  outline: none;
  padding: 0;
  margin: 0;
  width: auto;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  font-family: inherit;
  font-weight: inherit;
  text-transform: inherit;
  line-height: inherit;
}
.icon-modal-tags .tag-input-field::placeholder {
  color: var(--color-green-400);
  font-weight: 300;
}
.icon-modal-tags .tag-cursor {
  display: inline-block;
  width: 2px;
  height: 18px;
  background: var(--color-gray-400);
  animation: blink 1s infinite;
  margin: 0 2px;
}

.tag-autocomplete {
  max-height: 400px;
}
.tag-autocomplete .autocomplete-item .item-count {
  float: right;
  color: var(--color-gray-500);
  font-size: 12px;
}

.icon-modal-title {
  font-size: 32px;
  font-weight: 650;
  color: white;
  margin: 0 0 8px 0;
  text-transform: capitalize;
  display: none;
}

.icon-modal-name {
  display: block;
  font-size: 16px;
  line-height: 1.4;
  color: var(--color-gray-600);
  margin: 0;
  margin-top: -0.25em;
  text-align: left;
  flex: 1;
  white-space: nowrap;
  font-weight: 600;
  cursor: pointer;
  font-family: "ChessSansVar", sans-serif !important;
  text-transform: capitalize;
}
.icon-modal-name:before {
  text-transform: none;
  overflow: hidden;
  max-height: 0;
  font-size: 11px;
  display: block;
  color: var(--color-gray-600);
  content: "Click to copy name";
  transition: all 0.2s ease;
  opacity: 0;
  font-weight: 400;
}
.icon-modal-name:hover {
  color: var(--color-gray-200);
}
.icon-modal-name:hover:before {
  opacity: 1;
  max-height: 1.4em;
}

.icon-modal-description {
  font-size: 15px;
  line-height: 1.6;
  color: var(--color-gray-300);
  margin: 0 0 32px 0;
  max-width: 600px;
}

.icon-modal-metadata {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
}
.icon-modal-metadata .metadata-item {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  padding-top: 12px;
  margin-top: 12px;
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: space-between;
}
.icon-modal-metadata .metadata-label {
  font-size: 14px;
  color: var(--color-gray-500);
  min-width: 80px;
}
.icon-modal-metadata .metadata-value {
  text-align: right;
  font-size: 14px;
  color: var(--color-gray-300);
  text-transform: capitalize;
}
.icon-modal-metadata .metadata-value code {
  text-transform: none;
  font-family: monospace;
  font-size: 12px;
  color: var(--color-gray-400);
  background: var(--color-gray-800);
  padding: 2px 6px;
  border-radius: 4px;
}

#modalColors {
  display: flex;
  gap: 8px;
  align-items: center;
}
#modalColors .color-dot {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid var(--color-gray-700);
}

.icon-modal-actions {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  gap: 8px;
  padding: 20px 24px;
}
.icon-modal-actions .button {
  width: 40px;
  height: 40px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon-modal-actions .button .button-icon svg {
  fill: var(--color-gray-400);
}
.icon-modal-actions .button:hover .button-icon svg {
  fill: var(--color-gray-200);
}
.icon-modal-actions .button.active {
  background: rgba(255, 255, 255, 0.1);
}
.icon-modal-actions .button.active .button-icon svg {
  fill: white;
}

.modification-indicator {
  position: fixed;
  top: 20px;
  right: 20px;
  background: var(--color-gray-900);
  border: 1px solid var(--color-gray-700);
  color: var(--color-gray-300);
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 13px;
  cursor: pointer;
  z-index: 1000;
  transition: all 0.2s ease;
}
.modification-indicator:hover {
  background: var(--color-gray-800);
  color: var(--color-gray-100);
  border-color: var(--color-gray-600);
}

.suggested-tags-container {
  margin-top: auto;
  margin-bottom: 0;
  background: rgba(0, 0, 0, 0.15);
  padding: 20px 20px 24px;
  margin: 20px -20px -24px;
  display: none;
}
.suggested-tags-container .suggested-tags-title {
  font-size: 10px;
  font-weight: 300;
  color: var(--color-gray-500);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 8px 0;
}

.suggested-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.suggested-tag {
  display: inline-block;
  white-space: nowrap;
  border-radius: 6px;
  background-color: var(--color-gray-800);
  color: var(--color-gray-400);
  padding: 0px 5px;
  line-height: 20px;
  text-transform: capitalize;
  cursor: pointer;
  font-size: 11px;
}
.suggested-tag:hover {
  background-color: var(--color-gray-700);
  color: var(--color-gray-100);
}
.suggested-tag:active {
  transform: translateY(0);
}

.suggested-tags-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.export-notification {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--color-gray-900);
  border: 1px solid var(--color-gray-700);
  border-radius: 8px;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  gap: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  z-index: 1500;
}
.export-notification span {
  color: var(--color-gray-300);
  font-size: 14px;
}
.export-notification .button {
  padding: 6px 16px;
  font-size: 13px;
}

.info-box, .modal-guidelines p.submit-info {
  margin: 16px 0;
  padding: 12px 16px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.5;
  border-left: 3px solid;
  position: relative;
  text-wrap: balance;
  background: rgba(190, 189, 185, 0.1);
  border-color: rgba(190, 189, 185, 0.3);
  color: var(--color-gray-300);
}
.info-box strong, .modal-guidelines p.submit-info strong {
  color: white;
  font-weight: 600;
}
.info-box.info-box-green, .modal-guidelines p.info-box-green.submit-info {
  background: rgba(129, 182, 76, 0.1);
  border-color: rgba(129, 182, 76, 0.3);
  border-left-color: var(--color-green-400);
  color: var(--color-green-200);
}
.info-box.info-box-green strong, .modal-guidelines p.info-box-green.submit-info strong {
  color: var(--color-green-100);
}
.info-box.info-box-yellow, .modal-guidelines p.info-box-yellow.submit-info {
  background: rgba(250, 212, 65, 0.1);
  border-color: rgba(250, 212, 65, 0.3);
  border-left-color: var(--color-gold-100);
  color: var(--color-gold-200);
}
.info-box.info-box-yellow strong, .modal-guidelines p.info-box-yellow.submit-info strong {
  color: var(--color-gold-100);
}
.info-box.info-box-red, .modal-guidelines p.info-box-red.submit-info {
  background: rgba(224, 40, 40, 0.1);
  border-color: rgba(224, 40, 40, 0.3);
  border-left-color: var(--color-red-400);
  color: var(--color-red-200);
}
.info-box.info-box-red strong, .modal-guidelines p.info-box-red.submit-info strong {
  color: var(--color-red-100);
}
.info-box.info-box-blue, .modal-guidelines p.info-box-blue.submit-info {
  background: rgba(0, 159, 217, 0.1);
  border-color: rgba(0, 159, 217, 0.3);
  border-left-color: var(--color-blue-200);
  color: var(--color-blue-200);
}
.info-box.info-box-blue strong, .modal-guidelines p.info-box-blue.submit-info strong {
  color: var(--color-blue-100);
}
.info-box.info-box-purple, .modal-guidelines p.info-box-purple.submit-info {
  background: rgba(122, 102, 244, 0.1);
  border-color: rgba(122, 102, 244, 0.3);
  border-left-color: var(--color-purple-300);
  color: var(--color-purple-200);
}
.info-box.info-box-purple strong, .modal-guidelines p.info-box-purple.submit-info strong {
  color: var(--color-purple-100);
}
.info-box.info-box-gray, .modal-guidelines p.info-box-gray.submit-info {
  background: rgba(190, 189, 185, 0.1);
  border-color: rgba(190, 189, 185, 0.3);
  border-left-color: var(--color-gray-400);
  color: var(--color-gray-300);
}
.info-box.info-box-gray strong, .modal-guidelines p.info-box-gray.submit-info strong {
  color: var(--color-gray-100);
}
.info-box.info-box-mono, .modal-guidelines p.info-box-mono.submit-info {
  font-family: monospace;
}
.info-box.info-box-compact, .modal-guidelines p.info-box-compact.submit-info {
  padding: 8px 12px;
  font-size: 13px;
}

.modal-scrollspy {
  align-items: center;
  justify-content: center;
}

.modal-scrollspy-content {
  margin: 20px;
  border-radius: 16px;
  width: 100%;
  max-width: 900px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
}
.modal-scrollspy-content.modal-scrollspy-content-wide {
  max-width: 1200px;
}

.modal-scrollspy-layout {
  flex: 1;
}

.modal-scrollspy-sidebar {
  width: 240px;
  padding: 24px 0;
  position: relative;
  display: flex;
  flex-direction: column;
}

.modal-scrollspy-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.modal-scrollspy-nav li {
  margin: 0;
}
.modal-scrollspy-nav .nav-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 24px;
  color: var(--color-gray-400);
  text-decoration: none;
  font-size: 14px;
  border-left: 3px solid transparent;
  position: relative;
  white-space: nowrap;
}
.modal-scrollspy-nav .nav-link svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
  flex-shrink: 0;
}
.modal-scrollspy-nav .nav-link span {
  flex: 1;
}
.modal-scrollspy-nav .nav-link:hover {
  background: rgba(255, 255, 255, 0.025);
  color: var(--color-gray-200);
}
.modal-scrollspy-nav .nav-link.active {
  background: rgba(255, 255, 255, 0.05);
  color: white;
  font-weight: 700;
}
.modal-scrollspy-nav .nav-link.active::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--color-gray-300);
}

.modal-scrollspy-sidebar-close {
  margin: auto 20px 0px;
  width: calc(40% - 40px);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.modal-scrollspy-sidebar .modal-scrollspy-title {
  font-size: 22px;
  font-weight: 700;
  color: white;
  margin: 0 0 24px 0;
  padding: 0 30px;
  line-height: 1;
  hyphens: auto;
  text-wrap: balance;
}

.keyboard-hint {
  margin: auto 20px 20px;
  text-align: center;
  color: var(--color-gray-500);
  font-size: 12px;
}
.keyboard-hint kbd {
  display: inline-block;
  padding: 2px 6px;
  background: var(--color-gray-800);
  border: 1px solid var(--color-gray-700);
  border-radius: 3px;
  font-family: monospace;
  font-size: 11px;
}

.modal-scrollspy-body {
  padding: 32px 40px;
  position: relative;
}

.modal-scrollspy-title {
  font-size: 38px;
  font-weight: 700;
  color: white;
  margin: 0 0 24px 0;
}

.modal-guidelines {
  color: var(--color-gray-300);
  line-height: 1.6;
}
.modal-guidelines a {
  color: var(--color-green-400);
  text-decoration: none;
  transition: all 0.2s ease;
}
.modal-guidelines a:hover {
  color: var(--color-green-300);
  text-decoration: underline;
}
.modal-guidelines p {
  margin: 0 0 20px 0;
  font-size: 15px;
}
.modal-guidelines p.intro {
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 32px;
}
.modal-guidelines p.intro strong {
  color: white;
  font-weight: 600;
}

.guideline-section {
  border: 1px solid rgba(255, 255, 255, 0.05);
  background-color: rgba(255, 255, 255, 0.025);
  padding: 32px;
  border-radius: 12px;
}
.guideline-section + .guideline-section {
  margin-top: 24px;
}
.guideline-section .section-header {
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
.guideline-section .section-header .section-icon {
  width: 90px;
  height: 90px;
  margin-bottom: 24px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.guideline-section .section-header .section-icon svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.guideline-section > h4 {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-gray-100);
  margin: 0 0 10px 0;
}
.guideline-section .code-block {
  background: rgba(0, 0, 0, 0.3);
  border-color: rgba(255, 255, 255, 0.05);
}
.guideline-section ul {
  list-style: none;
  padding: 0;
  margin: 16px 0;
}
.guideline-section ul li {
  padding: 12px 0;
  color: var(--color-gray-300);
  border-bottom: 1px solid rgba(255, 255, 255, 0.02);
}
.guideline-section ul li:last-child {
  border-bottom: none;
}
.guideline-section ul li strong {
  color: var(--color-gray-100);
  font-weight: 600;
}
.guideline-section p {
  color: var(--color-gray-300);
  line-height: 1.6;
  margin: 16px 0;
}

.guideline-section-title {
  margin: 0;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 600;
  color: white;
  text-wrap: balance;
  flex: 1;
  width: 70%;
}

.modal-block-container {
  border: 1px solid rgba(255, 255, 255, 0.05);
  background-color: rgba(255, 255, 255, 0.025);
  padding: 32px;
  border-radius: 12px;
  margin: 12px 0 32px 0;
}
.modal-block-container + .modal-block-container {
  margin-top: 12px;
}

.modal-table {
  border: 1px solid rgba(255, 255, 255, 0.05);
  background-color: rgba(255, 255, 255, 0.025);
  border-radius: 12px;
  margin: 12px 0 32px 0;
  overflow: hidden;
}

.reference-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  margin: 0;
}
.reference-table thead th {
  padding: 16px 24px;
  text-align: left;
  font-weight: 700;
  color: var(--color-gray-200);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  text-transform: uppercase;
}
.reference-table thead th:first-child {
  padding-left: 32px;
}
.reference-table thead th:last-child {
  padding-right: 32px;
}
.reference-table tbody tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.reference-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.02);
}
.reference-table tbody tr:last-child {
  border-bottom: none;
}
.reference-table tbody td {
  padding: 16px 24px;
  color: var(--color-gray-300);
  vertical-align: top;
}
.reference-table tbody td:first-child {
  padding-left: 32px;
}
.reference-table tbody td:last-child {
  padding-right: 32px;
}
.reference-table tbody td code {
  background: rgba(0, 0, 0, 0.2);
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 12px;
  color: var(--color-gray-100);
}

.monitor-section {
  margin-bottom: 32px;
}
.monitor-section:last-child {
  margin-bottom: 0;
}
.monitor-section h3 {
  margin: 0;
  font-size: 32px;
  font-weight: 700;
  color: var(--color-gray-100);
}

.monitor-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  margin: 12px 0 32px 0;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background-color: rgba(255, 255, 255, 0.025);
  padding: 32px;
  border-radius: 12px;
}
.monitor-stats .stat-card {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  padding: 16px;
}
.monitor-stats .stat-card .stat-label {
  font-size: 12px;
  color: var(--color-gray-500);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 4px;
}
.monitor-stats .stat-card .stat-value {
  font-size: 28px;
  font-weight: 700;
  color: var(--color-gray-100);
  line-height: 1;
}
.monitor-stats .stat-card .stat-detail {
  font-size: 13px;
  color: var(--color-gray-400);
  margin-top: 4px;
}

.component-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 12px;
  margin: 12px 0 32px 0;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background-color: rgba(255, 255, 255, 0.025);
  padding: 32px;
  border-radius: 12px;
}
.component-list .component-item {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 6px;
  padding: 12px 16px;
  font-size: 13px;
}
.component-list .component-item .component-name {
  color: var(--color-gray-100);
  font-weight: 600;
  margin-bottom: 4px;
}
.component-list .component-item .component-info {
  color: var(--color-gray-500);
  font-size: 12px;
}

.feature-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin: 20px 0;
}

.feature-card {
  background: rgba(255, 255, 255, 0.05);
  border: 2px solid var(--color-gray-700);
  border-radius: 12px;
  padding: 20px;
}

.feature-icon {
  width: 90px;
  height: 90px;
  margin: 0 auto 15px;
}
.feature-icon svg {
  width: 100%;
  height: 100%;
}

.usage-steps {
  margin: 20px 0;
}

.step {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}

.step-number {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  background: var(--color-primary);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin-right: 15px;
}

.step-content {
  flex: 1;
}

.step-content h4 {
  margin: 0 0 5px 0;
  color: var(--color-gray-300);
}

.step-content p {
  margin: 0;
  color: var(--color-gray-400);
}

.tips-list {
  list-style: none;
  padding: 0;
}

.tips-list li {
  padding: 10px 0;
  border-bottom: 1px solid var(--color-gray-800);
}

.tips-list li:last-child {
  border-bottom: none;
}

.tips-list kbd {
  background: var(--color-gray-800);
  padding: 2px 6px;
  border-radius: 3px;
  font-family: monospace;
  font-size: 0.9em;
}

.feature-highlight {
  background: rgba(52, 152, 219, 0.1);
  border: 1px solid rgba(52, 152, 219, 0.3);
  border-radius: 8px;
  padding: 20px;
  margin: 20px 0;
}

.feature-highlight h4 {
  margin: 0 0 10px 0;
  color: #3498db;
}

.feature-highlight ul {
  margin: 0;
  padding-left: 20px;
}

.module-table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
  border: 2px solid var(--color-gray-800);
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.075);
  overflow: hidden;
}

.module-table th,
.module-table td {
  padding: 15px 20px;
  text-align: left;
  border-bottom: 1px solid var(--color-gray-800);
}

.module-table thead th {
  background: var(--color-gray-900);
  color: var(--color-gray-400);
  font-weight: 600;
  font-size: 0.85em;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 2px solid var(--color-gray-800);
}

.module-table tbody tr {
  transition: background-color 0.2s ease;
}

.module-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.05);
}

.module-table tbody tr:last-child td {
  border-bottom: none;
}

.module-header th {
  background: var(--color-gray-850) !important;
  color: var(--color-gray-300) !important;
  font-size: 0.95em;
  font-weight: 700;
  text-transform: none;
  letter-spacing: normal;
  border-bottom: 2px solid var(--color-gray-800);
}

.module-code {
  background: rgba(255, 255, 255, 0.1);
  padding: 4px 8px;
  border-radius: 4px;
  font-family: var(--font-mono, monospace);
  font-size: 0.85em;
  color: var(--color-gray-300);
  border: 1px solid var(--color-gray-800);
}

.module-child-row td:first-child {
  padding-left: 50px;
}

.module-type {
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 0.75em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: inline-block;
}

.type-monolith {
  background: rgba(231, 76, 60, 0.2);
  color: #e74c3c;
  border: 1px solid rgba(231, 76, 60, 0.3);
}

.type-core {
  background: rgba(52, 152, 219, 0.2);
  color: #3498db;
  border: 1px solid rgba(52, 152, 219, 0.3);
}

.type-manager {
  background: rgba(39, 174, 96, 0.2);
  color: #27ae60;
  border: 1px solid rgba(39, 174, 96, 0.3);
}

.type-modal {
  background: rgba(230, 126, 34, 0.2);
  color: #e67e22;
  border: 1px solid rgba(230, 126, 34, 0.3);
}

.type-event {
  background: rgba(52, 73, 94, 0.2);
  color: #5d6d7e;
  border: 1px solid rgba(52, 73, 94, 0.3);
}

.type-pending {
  background: rgba(149, 165, 166, 0.2);
  color: #95a5a6;
  border: 1px solid rgba(149, 165, 166, 0.3);
}

.type-extracted {
  background: rgba(46, 204, 113, 0.2);
  color: #2ecc71;
  border: 1px solid rgba(46, 204, 113, 0.3);
}

.type-embedded {
  background: rgba(241, 196, 15, 0.2);
  color: #f1c40f;
  border: 1px solid rgba(241, 196, 15, 0.3);
}

table .size-tiny {
  color: #27ae60;
}
table .size-small {
  color: #2ecc71;
}
table .size-medium {
  color: #f39c12;
}
table .size-large {
  color: #e74c3c;
}
table .size-critical {
  color: #c0392b;
  font-weight: bold;
}
table .status-complete {
  color: #27ae60;
}
table .status-partial {
  color: #f39c12;
}
table .status-pending {
  color: #95a5a6;
}

.module-analysis {
  background: rgba(255, 255, 255, 0.03) !important;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.module-analysis:hover {
  background: rgba(255, 255, 255, 0.06) !important;
}

.module-analysis td {
  padding: 16px;
}

.analysis-toggle::before {
  content: "▶ ";
  color: #6c757d;
  transition: transform 0.2s;
  display: inline-block;
}

.module-analysis.expanded .analysis-toggle::before {
  transform: rotate(90deg);
}

.analysis-details {
  display: none;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #dee2e6;
  font-size: 0.9em;
  line-height: 1.5;
}

.module-analysis.expanded .analysis-details {
  display: block;
}

.feature-name {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-gray-100);
  margin-bottom: 8px;
}

.feature-status {
  display: inline-block;
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 4px;
  margin-bottom: 8px;
}

.feature-status.active {
  background: var(--color-green-800);
  color: var(--color-green-200);
}

.feature-status.beta {
  background: var(--color-blue-800);
  color: var(--color-blue-200);
}

.feature-status.disabled,
.feature-status.inactive {
  background: var(--color-gray-800);
  color: var(--color-gray-400);
}

.feature-description {
  font-size: 12px;
  color: var(--color-gray-500);
  line-height: 1.4;
}

.code-block {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid var(--color-gray-800);
  border-radius: 6px;
  padding: 15px;
  margin: 15px 0;
  overflow-x: auto;
}

.code-block h4 {
  margin: 0 0 10px 0;
  color: var(--color-gray-300);
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.code-block pre {
  margin: 0;
  white-space: pre-wrap;
  background: transparent;
}

.code-block code {
  color: var(--color-gray-200);
  font-family: "Monaco", "Menlo", monospace;
  font-size: 0.9em;
  line-height: 1.5;
  background: transparent;
  padding: 0;
  border: none;
  display: block;
}

.language-javascript .comment {
  color: #6A9955;
}
.language-javascript .string {
  color: #CE9178;
}
.language-javascript .keyword {
  color: #569CD6;
}
.language-javascript .function {
  color: #DCDCAA;
}
.language-javascript .number {
  color: #B5CEA8;
}

.shortcuts-section {
  margin-bottom: 30px;
}

.shortcuts-section:last-child {
  margin-bottom: 0;
}

.shortcuts-section h3 {
  margin: 0 0 15px 0;
  color: var(--color-primary);
  font-size: 1.1em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.shortcut-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.shortcut-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid var(--color-gray-800);
  border-radius: 6px;
  gap: 12px;
}

.shortcut-item:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: var(--color-gray-700);
}

.shortcut-keys {
  display: flex;
  gap: 5px;
  align-items: center;
}

.shortcut-keys kbd {
  display: inline-block;
  padding: 3px 8px;
  background: var(--color-gray-800);
  border: 1px solid var(--color-gray-700);
  border-radius: 4px;
  font-family: "Monaco", "Menlo", monospace;
  font-size: 0.85em;
  color: var(--color-gray-200);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
  min-width: 28px;
  text-align: center;
}

.shortcut-description {
  color: var(--color-gray-400);
  font-size: 0.95em;
}

.hljs {
  background: transparent !important;
  color: var(--color-gray-300) !important;
}

.comment, .hljs-comment {
  color: var(--color-gray-500);
  font-style: italic;
}

.keyword, .hljs-keyword, .hljs-built_in {
  color: var(--color-purple-400);
  font-weight: 600;
}

.function, .hljs-function, .hljs-title {
  color: var(--color-blue-400);
}

.string, .hljs-string {
  color: var(--color-green-400);
}

.number, .hljs-number {
  color: var(--color-orange-400);
}

.operator, .hljs-operator {
  color: var(--color-gray-400);
}

.hljs-variable, .hljs-params {
  color: var(--color-gray-200);
}

.hljs-meta {
  color: var(--color-yellow-400);
}

kbd {
  display: inline-block;
  padding: 3px 6px;
  background: var(--color-gray-800);
  border: 1px solid var(--color-gray-700);
  border-radius: 4px;
  font-family: "SF Mono", "Monaco", "Consolas", monospace;
  font-size: 0.85em;
  font-weight: 500;
  color: var(--color-gray-200);
  box-shadow: 0 2px 0 var(--color-gray-900);
  vertical-align: middle;
  white-space: nowrap;
}

.monitor-section ul,
.modal-scrollspy-body > ul {
  border: 1px solid rgba(255, 255, 255, 0.05);
  background-color: rgba(255, 255, 255, 0.025);
  padding: 24px 32px;
  border-radius: 12px;
  margin: 12px 0 32px 0;
  list-style: none;
}
.monitor-section ul li,
.modal-scrollspy-body > ul li {
  padding: 8px 0;
  color: var(--color-gray-300);
}
.monitor-section ul li strong,
.modal-scrollspy-body > ul li strong {
  color: var(--color-gray-100);
  font-weight: 600;
}
.monitor-section ul li + li,
.modal-scrollspy-body > ul li + li {
  border-top: 1px solid rgba(255, 255, 255, 0.02);
  padding-top: 12px;
}

.modal-guidelines li + li {
  border-top: 1px dotted rgba(255, 255, 255, 0.05);
}
.modal-guidelines p.submit-info {
  margin-top: 16px;
  margin-bottom: 12px;
}
.modal-guidelines p.contact-info {
  margin-bottom: 0;
  font-size: 14px;
  color: var(--color-gray-400);
}
.modal-guidelines .section-content p {
  margin-bottom: 12px;
}
.modal-guidelines ul.has-icons li svg, .modal-guidelines ol.has-icons li svg {
  color: var(--color-gray-500);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -20px;
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  fill: currentColor;
  display: none;
}
.modal-guidelines ul li, .modal-guidelines ol li {
  padding: 1em 0;
  font-size: 15px;
  line-height: 1.5;
  text-wrap: balance;
  position: relative;
}
.modal-guidelines ul li strong, .modal-guidelines ol li strong {
  display: block;
  color: white;
  font-weight: 600;
}
.modal-guidelines ol li {
  padding-left: 4px;
}
.modal-guidelines #shuffleExample,
.modal-guidelines #copyTemplate {
  margin-right: 12px;
}
.modal-guidelines #shuffleExample.copied,
.modal-guidelines #copyTemplate.copied {
  background: var(--color-green-800);
  border-color: var(--color-green-600);
  color: var(--color-green-400);
}
.modal-guidelines .example .label-detail {
  opacity: 0.7;
  font-weight: 400;
}
.modal-guidelines .icon-request-form .form-group + .form-group {
  padding-top: 12px;
  margin-top: 12px;
  border-top: 1px dotted rgba(255, 255, 255, 0.05);
}
.modal-guidelines .icon-request-form .form-group label {
  display: block;
  margin-bottom: 4px;
  color: var(--color-gray-200);
  font-size: 14px;
}
.modal-guidelines .icon-request-form .form-group label strong {
  color: white;
}
.modal-guidelines .icon-request-form .form-group label .label-detail {
  opacity: 0.7;
}
.modal-guidelines .icon-request-form .form-group label .label-optional {
  color: var(--color-gray-500);
  font-weight: 400;
}
.modal-guidelines .icon-request-form .form-group input[type=text],
.modal-guidelines .icon-request-form .form-group textarea {
  width: 100%;
  background: var(--color-gray-800);
  border: 1px solid var(--color-gray-700);
  color: white;
  padding: 10px 14px;
  border-radius: 6px;
  font-size: 14px;
  font-family: inherit;
  font-weight: 400;
  transition: all 0.2s ease;
}
.modal-guidelines .icon-request-form .form-group input[type=text]:hover,
.modal-guidelines .icon-request-form .form-group textarea:hover {
  background: var(--color-gray-750);
  border-color: var(--color-gray-600);
}
.modal-guidelines .icon-request-form .form-group input[type=text]:focus,
.modal-guidelines .icon-request-form .form-group textarea:focus {
  outline: none;
  background: var(--color-gray-750);
  border-color: var(--color-gray-500);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
}
.modal-guidelines .icon-request-form .form-group select {
  width: 100%;
  background: var(--color-gray-800);
  border: 1px solid var(--color-gray-700);
  color: white;
  padding: 10px 14px;
  border-radius: 6px;
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  transition: all 0.2s ease;
}
.modal-guidelines .icon-request-form .form-group select:hover {
  background: var(--color-gray-750);
  border-color: var(--color-gray-600);
}
.modal-guidelines .icon-request-form .form-group select:focus {
  outline: none;
  background: var(--color-gray-750);
  border-color: var(--color-green-500);
  box-shadow: 0 0 0 2px rgba(129, 182, 76, 0.2);
}
.modal-guidelines .icon-request-form .form-group select::placeholder {
  color: var(--color-gray-500);
}
.modal-guidelines .icon-request-form .form-group textarea {
  resize: vertical;
  min-height: 60px;
  line-height: 1.5;
  display: block;
}
.modal-guidelines .icon-request-form .form-group textarea:focus + small,
.modal-guidelines .icon-request-form .form-group input:focus + small {
  display: block;
}
.modal-guidelines .icon-request-form .form-group small {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: var(--color-gray-500);
  line-height: 1.4;
  text-wrap: balance;
  display: none;
}
.modal-guidelines .icon-request-form .form-group small .char-count {
  float: right;
  font-family: monospace;
  transition: color 0.2s ease;
}
.modal-guidelines .icon-request-form .checklist-group {
  margin-top: 20px;
}
.modal-guidelines .icon-request-form .checklist-group .checkbox-label {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  cursor: pointer;
  font-size: 13px;
  color: var(--color-gray-300);
}
.modal-guidelines .icon-request-form .checklist-group .checkbox-label input[type=checkbox] {
  margin-right: 8px;
  cursor: pointer;
}
.modal-guidelines .icon-request-form .checklist-group .checkbox-label:hover {
  color: var(--color-gray-200);
}
.modal-guidelines .icon-request-form .form-actions {
  display: flex;
  gap: 12px;
  margin-top: 24px;
}
.modal-guidelines .icon-request-form .yaml-output {
  margin-top: 20px;
  background: var(--color-gray-850);
  border: 1px solid var(--color-gray-700);
  border-radius: 6px;
  padding: 16px;
}
.modal-guidelines .icon-request-form .yaml-output pre {
  margin: 0;
  overflow-x: auto;
}
.modal-guidelines .icon-request-form .yaml-output pre code {
  font-family: "Monaco", "Menlo", monospace;
  font-size: 13px;
  line-height: 1.5;
  color: var(--color-green-400);
}
.modal-guidelines .modal-conclusion {
  margin-top: 32px;
  color: var(--color-gray-400);
  font-size: 14px;
  text-wrap: balance;
  opacity: 0.5;
}

.request-modal-footer {
  padding: 20px 40px;
  background: var(--color-gray-850);
  border-top: 1px solid var(--color-gray-800);
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  align-items: center;
  border-radius: 0 0 16px 16px;
  padding-left: 240px;
}
.request-modal-footer .v6-button-primary,
.request-modal-footer .v6-button-secondary {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .request-modal-footer {
    padding-left: 40px;
  }
}

@media (max-width: 768px) {
  .request-modal-sidebar {
    display: none;
  }
}
@media (max-width: 640px) {
  .request-modal-content {
    margin: 0;
    border-radius: 0;
    max-height: 100vh;
    height: 100vh;
  }
  .request-modal-body {
    padding: 24px;
  }
  .request-modal-title {
    font-size: 24px;
  }
  .request-modal-footer {
    padding: 20px 24px;
    flex-direction: column;
    gap: 8px;
  }
  .request-modal-footer .v6-button-primary,
  .request-modal-footer .button-ghost {
    width: 100%;
  }
}
.fade-transition {
  transition: opacity 0.3s ease, transform 0.3s ease;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.fade-transition.fade-hidden {
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
}

.suggested-tags-container {
  transition: opacity 0.3s ease, transform 0.3s ease, max-height 0.3s ease;
  overflow: hidden;
  opacity: 1;
  transform: translateY(0);
  max-height: 300px;
}
.suggested-tags-container.fade-hidden {
  opacity: 0;
  transform: translateY(-10px);
  max-height: 0;
  pointer-events: none;
}

.icon-modal-description-container.has-suggestion {
  background: rgba(76, 175, 80, 0.08);
}
.icon-modal-description-container.has-suggestion .description-textarea::placeholder {
  color: var(--color-green-400);
  opacity: 0.8;
}
.icon-modal-description-container .description-wrapper {
  position: relative;
}
.icon-modal-description-container .description-textarea {
  text-wrap: balance;
  width: 100%;
  background: transparent;
  border: none;
  padding: 16px 20px 38px;
  color: var(--color-gray-500);
  font-size: 14px;
  line-height: 1.5;
  resize: none;
  min-height: 140px;
  max-height: 200px;
  transition: background-color 0.2s ease, height 0.15s ease;
  font-weight: 500;
}
.icon-modal-description-container .description-textarea::placeholder {
  color: var(--color-gray-700);
}
.icon-modal-description-container .description-textarea:focus::placeholder {
  color: var(--color-gray-600);
}
.icon-modal-description-container .description-textarea:focus {
  outline: none;
  color: var(--color-gray-200);
}
.icon-modal-description-container .description-textarea:hover:not(:focus):not([readonly]) {
  background-color: rgba(0, 0, 0, 0.05);
}
.icon-modal-description-container .description-textarea[readonly] {
  color: var(--color-gray-600);
  user-select: none;
  pointer-events: none;
  cursor: default;
}
.icon-modal-description-container .description-textarea[readonly]:focus {
  background: transparent;
}
.icon-modal-description-container .modal-tabs {
  display: flex;
  border-bottom: 1px solid var(--color-gray-300);
  margin-bottom: 20px;
  gap: 4px;
}
.icon-modal-description-container .tab-button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  background: transparent;
  border: none;
  border-radius: 6px 6px 0 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--color-gray-600);
  cursor: pointer;
  transition: all 0.2s ease;
}
.icon-modal-description-container .tab-button svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}
.icon-modal-description-container .tab-button:hover {
  background-color: var(--color-gray-100);
  color: var(--color-gray-800);
}
.icon-modal-description-container .tab-button.active {
  background-color: var(--color-blue-50);
  color: var(--color-blue-700);
  border-bottom: 2px solid var(--color-blue-600);
}
.icon-modal-description-container .tab-content {
  display: none;
}
.icon-modal-description-container .tab-content.active {
  display: block;
}
.icon-modal-description-container .about-content {
  padding: 0 4px;
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}
.icon-modal-description-container .about-content h3 {
  color: var(--color-gray-900);
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 12px 0;
}
.icon-modal-description-container .about-content h4 {
  color: var(--color-gray-800);
  font-size: 14px;
  font-weight: 600;
  margin: 20px 0 8px 0;
}
.icon-modal-description-container .about-content p {
  color: var(--color-gray-700);
  font-size: 13px;
  line-height: 1.5;
  margin: 0 0 12px 0;
}
.icon-modal-description-container .about-content ul {
  margin: 0 0 16px 0;
  padding-left: 20px;
}
.icon-modal-description-container .about-content ul li {
  color: var(--color-gray-700);
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 4px;
}
.icon-modal-description-container .about-content ul li strong {
  color: var(--color-gray-900);
  font-weight: 600;
}
.icon-modal-description-container .about-stats {
  display: flex;
  gap: 16px;
  margin-top: 20px;
  padding: 16px;
  background: var(--color-gray-50);
  border-radius: 8px;
}
.icon-modal-description-container .stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.icon-modal-description-container .stat-item .stat-number {
  font-size: 20px;
  font-weight: 700;
  color: var(--color-blue-600);
  line-height: 1;
}
.icon-modal-description-container .stat-item .stat-label {
  font-size: 11px;
  color: var(--color-gray-600);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 4px;
}
.icon-modal-description-container .description-status {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 16px 20px;
  font-size: 10px;
  font-weight: 500;
  color: var(--color-gray-500);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: all 0.2s ease;
  opacity: 0.6;
}
.icon-modal-description-container .description-status.warning {
  color: var(--color-orange-400);
  opacity: 1;
}
.icon-modal-description-container .description-status.danger {
  color: var(--color-red-400);
  opacity: 1;
}
.icon-modal-description-container .description-status.clickable {
  cursor: pointer;
  user-select: none;
}
.icon-modal-description-container .description-status.suggestion {
  color: var(--color-green-400);
  opacity: 1;
  text-transform: none;
}
.icon-modal-description-container .description-status.suggestion:hover {
  color: var(--color-green-300);
  transform: translateY(-1px);
}
.icon-modal-description-container .description-status.suggestion:active {
  transform: translateY(0);
}
.icon-modal-description-container .description-status.saving {
  color: var(--color-blue-400);
  opacity: 1;
}
.icon-modal-description-container .description-status.saved {
  color: var(--color-green-400);
  opacity: 1;
}
.icon-modal-description-container .description-save-button {
  position: absolute;
  bottom: 8px;
  right: 8px;
  padding: 6px 8px;
  background: transparent;
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  opacity: 0;
  transform: translateY(4px);
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon-modal-description-container .description-save-button svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}
.icon-modal-description-container .description-save-button:not(:disabled) {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}
.icon-modal-description-container .description-save-button:active:not(:disabled) {
  transform: scale(0.95);
}
.icon-modal-description-container .description-save-button.saved {
  background: var(--color-green-700);
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}
.icon-modal-description-container .description-save-button.saved:hover {
  background: var(--color-green-800);
}
.icon-modal-description-container .description-save-button:disabled {
  cursor: default;
}

.icon-modal-main-wrapper {
  position: relative;
}
.icon-modal-main-wrapper .icon-download-menu {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}
.icon-modal-main-wrapper .dropdown-menu .menu-header {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-gray-500);
  font-weight: 600;
  padding: 8px 16px 4px;
  margin: 0;
}
.icon-modal-main-wrapper .dropdown-menu .menu-item .sublabel {
  display: block;
  font-size: 12px;
  color: var(--color-gray-500);
  margin-top: 2px;
}

.icon-progress-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
}
.icon-progress-overlay.fade-out {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.icon-progress-overlay .progress-modal {
  background: var(--color-gray-900);
  border: 1px solid var(--color-gray-700);
  border-radius: 8px;
  padding: 32px;
  min-width: 320px;
  text-align: center;
}
.icon-progress-overlay .progress-modal .progress-message {
  font-size: 16px;
  color: white;
  margin-bottom: 16px;
  font-weight: 500;
}
.icon-progress-overlay .progress-modal .progress-bar {
  height: 4px;
  background: var(--color-gray-700);
  border-radius: 2px;
  overflow: hidden;
  margin-bottom: 12px;
}
.icon-progress-overlay .progress-modal .progress-bar .progress-fill {
  height: 100%;
  background: var(--color-green-500);
  transition: width 0.3s ease;
}
.icon-progress-overlay .progress-modal .progress-status {
  font-size: 13px;
  color: var(--color-gray-400);
}

.icon-notification {
  position: fixed;
  bottom: 24px;
  right: 24px;
  background: var(--color-gray-800);
  border: 1px solid var(--color-gray-700);
  border-radius: 6px;
  padding: 16px 24px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.3s ease;
  z-index: 10001;
}
.icon-notification.show {
  opacity: 1;
  transform: translateY(0);
}
.icon-notification.success {
  background: var(--color-green-700);
  border-color: var(--color-green-600);
}
.icon-notification.success .notification-message {
  color: white;
}
.icon-notification.error {
  background: var(--color-red-700);
  border-color: var(--color-red-600);
}
.icon-notification.error .notification-message {
  color: white;
}
.icon-notification .notification-message {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-gray-200);
}

/**
 * Global Notification System Styles
 * Based on #icons-inspector-notifications but generalized for site-wide use
 */
@keyframes notification-in {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 50px;
  }
}
@keyframes notification-out {
  0% {
    max-height: 50px;
  }
  100% {
    max-height: 0;
  }
}
#brandguide-notifications,
#icons-inspector-notifications {
  z-index: 20000000;
  position: sticky;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0.98;
  white-space: nowrap;
  display: flex;
  flex-direction: column-reverse;
  align-items: stretch;
  gap: 1px;
}
#brandguide-notifications > *,
#icons-inspector-notifications > * {
  gap: 0.5em;
  position: relative;
  font-family: "ChessSansVar", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: 50px;
  opacity: 1;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
#brandguide-notifications > *.push,
#icons-inspector-notifications > *.push {
  animation: notification-in 0.3s ease-out forwards;
}
#brandguide-notifications > *.removing,
#icons-inspector-notifications > *.removing {
  animation: notification-out 0.3s ease-in forwards;
}
#brandguide-notifications > *.success,
#icons-inspector-notifications > *.success {
  background: var(--color-green-500);
}
#brandguide-notifications > *.error,
#icons-inspector-notifications > *.error {
  background: var(--color-red-500);
}
#brandguide-notifications > *.info,
#icons-inspector-notifications > *.info {
  background: var(--color-gold-500);
}
#brandguide-notifications > *.warning,
#icons-inspector-notifications > *.warning {
  background: var(--color-orange-500, #ff8c00);
}
#brandguide-notifications > * b, #brandguide-notifications > * strong,
#icons-inspector-notifications > * b,
#icons-inspector-notifications > * strong {
  font-weight: 700;
}
#brandguide-notifications > * a,
#icons-inspector-notifications > * a {
  color: inherit;
  text-decoration: underline;
}
#brandguide-notifications > * a:hover,
#icons-inspector-notifications > * a:hover {
  text-decoration: none;
}
#brandguide-notifications > *:hover,
#icons-inspector-notifications > *:hover {
  cursor: pointer;
  opacity: 0.9;
}
#brandguide-notifications > * .icon,
#brandguide-notifications > * svg,
#icons-inspector-notifications > * .icon,
#icons-inspector-notifications > * svg {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin: 0 4px;
}
@media (max-width: 768px) {
  #brandguide-notifications > *,
  #icons-inspector-notifications > * {
    font-size: 14px;
    padding: 0 20px;
  }
}

@media (prefers-color-scheme: dark) {
  #brandguide-notifications > *.info,
  #icons-inspector-notifications > *.info {
    background: var(--color-gold-600, var(--color-gold-500));
  }
}
@media print {
  #brandguide-notifications,
  #icons-inspector-notifications {
    display: none !important;
  }
}
@keyframes shake {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(-1deg);
  }
  20% {
    transform: rotate(1deg);
  }
  30% {
    transform: rotate(-0.5deg);
  }
  40% {
    transform: rotate(0.5deg);
  }
  50% {
    transform: rotate(-0.2deg);
  }
  60% {
    transform: rotate(0.2deg);
  }
  70% {
    transform: rotate(0deg);
  }
  80% {
    transform: rotate(0deg);
  }
  90% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes softShake {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(-0.5deg);
  }
  20% {
    transform: rotate(0.5deg);
  }
  30% {
    transform: rotate(-0.25deg);
  }
  40% {
    transform: rotate(0.25deg);
  }
  50% {
    transform: rotate(-0.1deg);
  }
  60% {
    transform: rotate(0.1deg);
  }
  70% {
    transform: rotate(0deg);
  }
  80% {
    transform: rotate(0deg);
  }
  90% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
/* Add shake and softShake classes */
.shake {
  animation: shake 1s ease-in-out forwards;
}

.soft-shake {
  transform-origin: center center !important;
  animation: softShake 0.45s ease-in-out forwards;
}

/* J'adoube Challenge - Center snap animation */
@keyframes centerSnap {
  0% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(0, 0) scale(1.1);
  }
  100% {
    transform: translate(0, 0) scale(1);
  }
}
/* J'adoube Challenge - Off-center pieces */
.piece.off-center {
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  cursor: pointer;
}
.piece.off-center:hover {
  filter: brightness(1.2);
}
.piece.centered {
  transform: translate(0, 0) rotate(0deg) !important;
  animation: centerSnap 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
  pointer-events: none;
}

/* J'adoube Challenge - Cells needing adjustment */
.cell.needs-adjustment {
  background-color: rgba(255, 200, 0, 0.08);
}
.cell.needs-adjustment:hover {
  background-color: rgba(255, 200, 0, 0.15);
}

/* Initial state of confetti particles */
.confetti-container {
  z-index: -1;
  transform: translateY(200%);
  transition: all 1.5s 0s ease-in-out;
  height: 200%;
  width: 200%;
  top: 50%;
  left: 50%;
  margin: -100%;
  position: absolute;
}
.confetti-container.insert {
  transform: translateY(0%);
}
.confetti-container.remove {
  transform: translateY(300%);
  opacity: 0;
}
.confetti-container.remove .confetti {
  transform: scale(0);
}

.confetti {
  position: absolute !important;
  width: 30px;
  height: 30px;
  margin: -15px;
  background-color: hsl(0, 100%, 50%);
  pointer-events: none;
  transition: all 1s ease-out;
  background: white;
  /* Initial random positions will be set by inline styles */
}
.confetti:nth-child(2n) {
  border-radius: 50%;
}
.confetti:nth-child(3n) {
  transform: rotate(-45deg);
}
.confetti.insert {
  opacity: 1;
  left: 50% !important;
  top: 50% !important;
}

#challenges {
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  flex-direction: row;
  user-select: none;
  -webkit-user-select: none;
  height: 100vh;
}

#play {
  flex-direction: row;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex: 1;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  padding: 16px;
  gap: 16px;
}

#menu {
  z-index: 100000;
  background-color: var(--color-gray-900);
  min-height: 100%;
  position: sticky;
  top: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-shrink: 0;
}
#menu .main-menu {
  display: flex;
  flex-direction: column;
}
#menu .main-menu > li {
  cursor: pointer;
  max-height: 46px;
  padding: 0 4px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
#menu .main-menu > li:hover {
  color: white;
  background-color: rgba(0, 0, 0, 0.2);
}
#menu .main-menu > li:first-child {
  height: 50px;
  margin-top: 3px;
}
#menu .main-menu > li:first-child img {
  width: 132px;
  padding: 0px 12px;
}
@media screen and (max-width: 1000px) {
  #menu .main-menu > li:first-child img {
    display: none;
  }
}
@media screen and (min-width: 1000px) {
  #menu .main-menu > li:first-child svg {
    display: none;
  }
}
#menu .main-menu > li span {
  font-weight: 700;
  font-weight: 800;
  font-size: 16px;
  padding-right: 2em;
}
@media screen and (max-width: 1000px) {
  #menu .main-menu > li span {
    display: none;
  }
}
#menu .main-menu > li svg {
  height: 46px;
  width: 46px;
  padding: 9px;
  display: block;
}
#menu .sub-menu {
  display: none;
  background-color: rgb(20, 20, 20);
  height: 100vh;
  min-width: 16em;
  font-weight: 600;
  font-size: 14px;
  padding: 0.4em 0;
  min-width: 20em;
  margin-right: -20em;
}
#menu .sub-menu.active {
  display: block;
}
#menu .sub-menu li {
  cursor: pointer;
  line-height: 40px;
  padding: 0em 0.8em;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
#menu .sub-menu li:hover {
  background-color: rgb(10, 10, 10);
  color: white;
}
#menu .sub-menu li svg {
  height: 40px;
  width: 40px;
  padding: 8px;
  display: block;
}
@media screen and (max-width: 600px) {
  #menu {
    display: none;
  }
}

.coach {
  margin: -2.4rem;
  padding: 2.4rem;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  margin-bottom: -2.4rem;
  min-height: 180px;
}
.coach .coach-avatar svg {
  width: 88px;
  height: 88px;
  margin-bottom: -0.4em;
  margin-left: -1.6em;
}
.coach .coach-bubble {
  flex: 5;
  background: white;
  color: black;
  border-radius: 8px;
  position: relative;
  transition: all 0.25s 0.125s ease-in-out;
}
.coach .coach-bubble:before {
  content: "";
  position: absolute;
  left: -20px; /* Adjust the position as needed */
  bottom: 12px; /* Adjust the position as needed */
  border-width: 10px;
  border-style: solid;
  border-color: transparent white transparent transparent; /* Adjust the colors as needed */
}
.coach .coach-bubble .coach-bubble-content {
  padding: 1em 1.4em;
  width: 100%;
  transition: all 0.125s 0.25s ease-in-out;
  transform: scale(1, 1);
  transform-origin: center bottom;
  opacity: 0.999;
}
.coach .coach-bubble .coach-bubble-content:not(.active) {
  position: absolute;
  transition: all 0.125s 0s ease-in-out;
  opacity: 0;
  transform: scale(1, 1.1);
}
.coach .coach-bubble p {
  margin: 0;
  letter-spacing: 0;
  font-size: 18px;
  line-height: 1.25;
  font-feature-settings: "ss05" 1 !important;
  font-family: "ChessSansVar";
  font-weight: 500; /* Define the font weight range */
  font-weight: 600; /* Define the font weight range */
  font-stretch: 90%; /* Define the font width range */
}
.coach .coach-bubble p b {
  font-weight: 900; /* Define the font weight range */
}
.coach .coach-bubble p + p {
  margin-top: 1em;
}

#sidebar {
  position: relative;
  min-width: 400px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex: 1.5;
  background-color: var(--color-gray-900);
  border-radius: 5px;
  overflow: hidden;
}
@media screen and (min-width: 796px) {
  #sidebar {
    height: 100%;
    max-height: calc(100vh - 32px);
  }
}
#sidebar .active ~ .sidebarDepth {
  transform: translateX(10%);
}
#sidebar .sidebarDepth {
  transform-origin: center left;
  background-color: var(--color-gray-900);
  position: absolute;
  min-width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  transform: translateX(-10%);
  opacity: 0;
  transition: transform 0.5s 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.25s 0s cubic-bezier(0.2, 0.8, 0.2, 1);
  pointer-events: none;
}
#sidebar .sidebarDepth.active {
  position: relative;
  pointer-events: all;
  transition: transform 0.5s 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.35s 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
  opacity: 1;
  transform: translateX(0%);
}

#sidebarContent .tab.history {
  justify-content: flex-start;
  list-style: none;
  gap: 0;
}
#sidebarContent .tab.history .chart {
  height: 100px;
  display: flex;
  align-items: flex-end;
  gap: 2px;
  margin-bottom: 1em;
  font-size: 8px;
}
#sidebarContent .tab.history .chart .bar {
  overflow: hidden;
  white-space: nowrap;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex: 1;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.1);
}
#sidebarContent .tab.history ul {
  flex: 1;
  overflow: hidden;
}
#sidebarContent .tab.history li + li {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#sidebarContent .tab.history li {
  margin: 0;
  padding: 0.5rem 0;
  font-weight: 600;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.72);
  letter-spacing: 0;
  font-family: -apple-system, "system-ui", "Segoe UI", system-ui, Helvetica, Arial, sans-serif;
  font-size: 14px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  font-feature-settings: "tnum" 1;
  gap: 2em;
}
#sidebarContent .tab.history li svg {
  margin: -0.35em;
}
#sidebarContent .tab.history li svg path {
  fill: currentColor;
}
#sidebarContent .tab.history li:not(:first-child) dt {
  display: none;
}
#sidebarContent .tab.history li dl {
  text-align: right;
  flex: 0.2;
  margin: 0;
  padding: 0.05em 0em;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
}
#sidebarContent .tab.history li dl:first-child {
  flex: 0;
  margin-left: 0em;
}
#sidebarContent .tab.history li dl:last-child {
  text-align: right;
  white-space: nowrap;
}
#sidebarContent .tab.history li dl dt, #sidebarContent .tab.history li dl dd {
  margin: 0;
}
#sidebarContent .tab.history li dl dt {
  opacity: 0.5;
  font-weight: 400;
  line-height: 2.4;
}
.sidebarFooter,
#sidebarFooter {
  background-color: rgba(0, 0, 0, 0.14);
  position: relative;
}

#sidebarContent {
  position: relative;
  z-index: 100;
  padding: 2.4rem;
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  flex: 1;
  align-content: center;
  align-items: stretch;
  justify-content: space-between;
}
#sidebarContent .tab {
  padding: 2.4rem;
  margin-right: -2.4rem;
  margin-left: -2.4rem;
  margin-bottom: -2.4rem;
  position: relative;
  min-width: 100%;
  gap: 0.6rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: space-between;
}
#sidebarContent .tab:not(.active) {
  display: none;
}
#sidebarContent .sidebarFooter,
#sidebarContent #sidebarFooter {
  margin-top: auto;
  margin-left: -2.4rem;
  margin-right: -2.4rem;
  margin-bottom: -2.4rem;
}
#sidebarContent .tabs {
  flex: 1;
  max-height: 48px;
  lign-items: center;
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin: 0 -2.4rem;
  margin-top: -2.4rem;
}
#sidebarContent .tabs button {
  border-radius: 0;
  font-family: -apple-system, "system-ui", "Segoe UI", system-ui, Helvetica, Arial, sans-serif;
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  line-height: 3;
  font-weight: 700;
  flex: 1;
  border-bottom: 3px solid rgba(255, 255, 255, 0);
}
#sidebarContent .tabs button.active {
  color: rgb(255, 255, 255);
  border-bottom: 3px solid rgb(255, 255, 255);
}
#sidebarContent .not-available {
  background-color: var(--color-red-300);
  font-size: 40%;
  display: inline-block;
  padding: 0.5em 0.5em;
  line-height: 1;
  border-radius: 4px;
  vertical-align: middle;
  margin-top: -0.25em;
}
#sidebarContent .index-sidebar-items {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
#sidebarContent .index-sidebar-items > *:nth-child(1) {
  transition-delay: 0.3s;
}
#sidebarContent .index-sidebar-items > *:nth-child(2) {
  transition-delay: 0.325s;
}
#sidebarContent .index-sidebar-items > *:nth-child(3) {
  transition-delay: 0.35s;
}
#sidebarContent .index-sidebar-items > *:nth-child(4) {
  transition-delay: 0.375s;
}
#sidebarContent .index-sidebar-items > *:nth-child(5) {
  transition-delay: 0.4s;
}
#sidebarContent .index-sidebar-items > *:nth-child(6) {
  transition-delay: 0.425s;
}
#sidebarContent .index-sidebar-items > *:nth-child(7) {
  transition-delay: 0.45s;
}
#sidebarContent .index-sidebar-items > *:nth-child(8) {
  transition-delay: 0.5s;
}
#sidebarContent .index-sidebar-items > * {
  transform: translateY(-10%) scale(1, 1);
  opacity: 0;
  transition: all 0.25s 0.3s ease-in-out;
}
.active #sidebarContent .index-sidebar-items > * {
  opacity: 1;
  transform: translateY(0%) scale(1, 1);
}
#sidebarContent .direct-menu-item-component {
  background-color: var(--globalColorNeutral100);
  background-color: rgba(0, 0, 0, 0.2);
  text-align: left;
  border-radius: 0.5rem;
  box-shadow: inset 0 -0.1rem 0 0 rgba(0, 0, 0, 0.14);
  display: flex;
  gap: 2rem;
  padding: 1.6rem 2.4rem;
  font-size: 15px;
  outline: none;
  border: none;
}
#sidebarContent .direct-menu-item-component .direct-menu-item-img svg {
  height: 48px;
  width: 48px;
  padding: 0;
  display: block;
}
#sidebarContent .direct-menu-item-component .direct-menu-item-text {
  flex: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#sidebarContent .direct-menu-item-component .direct-menu-item-text div {
  text-wrap: balance;
  color: rgba(255, 255, 255, 0.72);
  font-family: -apple-system, "system-ui", "Segoe UI", system-ui, Helvetica, Arial, sans-serif;
  line-height: 1.8;
  font-family: "ChessSansVar";
  font-weight: 500; /* Define the font weight range */
  font-stretch: 83%; /* Define the font width range */
  margin-bottom: -0.4em;
  letter-spacing: 0.0125em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
#sidebarContent .direct-menu-item-component h2 {
  color: white;
  margin: 0;
  margin-top: -0.1em;
  margin-bottom: -0.1em;
  font-weight: 800;
  font-weight: 850;
  font-stretch: 95%;
  font-feature-settings: "ss05" 1 !important;
  font-family: "ChessSansVar", sans-serif !important;
  transition: all 0.1s 0s ease-in-out;
}
#sidebarContent .direct-menu-item-component .direct-menu-item-value {
  font-weight: 700;
  font-weight: 600;
  margin: 0;
  background-color: rgba(255, 255, 255, 0.072);
  font-size: 1.4rem;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8;
  text-align: center;
  border-radius: 50%;
}
#sidebarContent .direct-menu-item-component:after {
  border-radius: 5px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: box-shadow 0.25s 0s ease-in-out;
  box-shadow: var(--color-green-300) 0 0 0 0 inset;
}
#sidebarContent .direct-menu-item-component.selected {
  background-color: rgba(0, 0, 0, 0.35);
}
#sidebarContent .direct-menu-item-component.selected:after {
  transition: border 0.25s 0.5s ease-in-out;
  box-shadow: var(--color-green-300) 0 0 0 0.2em inset;
}
#sidebarContent .direct-menu-item-img {
  display: block;
  transition: all 0.5 0s ease-in-out;
}
#sidebarContent .direct-menu-item-component:hover {
  background-color: rgba(0, 0, 0, 0.35);
}
#sidebarContent .direct-menu-item-component:hover h2 {
  font-weight: 900;
  font-stretch: 120%; /* Define the font width range */
}
#sidebarContent .direct-menu-item-component:hover .direct-menu-item-img {
  transform: scale(1.1, 1.1);
}

#timer {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1;
  font-size: 22px;
  font-weight: 600;
  font-weight: 600; /* Define the font weight range */
  font-feature-settings: "tnum" 1;
}
#timer svg {
  height: 1em;
  width: 1.3em;
}
#timer.below-ten .milliseconds {
  display: block;
}
#timer .milliseconds {
  display: none;
}

#timerDisplay span + span:before {
  content: ":";
  display: inline-block;
}
#timerDisplay .milliseconds {
  font-weight: 600;
  font-weight: 600; /* Define the font weight range */
  font-size: 50%;
  opacity: 0.5;
}

#fen {
  text-align: center;
  opacity: 0.25;
  transition: opacity 1s 0s ease-in-out;
}
#fen.copied {
  transition: opacity 0s 0s ease-in-out;
  opacity: 1;
}

#scores {
  display: flex;
  flex-direction: row;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-bottom: auto;
}
#scores .progressbar {
  height: 10px;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  display: flex;
  overflow: hidden;
}
#scores .progressbar div {
  min-width: 10px;
  height: 10px;
  transition: all 0.25s 0s ease-in-out;
  border-radius: 16px;
  background: var(--color-green-300);
  width: 50%;
  box-shadow: var(--color-green-500) 0 -1px 0 0 inset;
}
#scores > .score + .score {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
#scores #timer svg path {
  fill: currentColor;
}
#scores .score {
  padding: 1rem 0;
  padding: 0.6rem 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex: 1;
  flex-wrap: nowrap;
  align-items: center;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.72);
  letter-spacing: 0;
  font-family: -apple-system, "system-ui", "Segoe UI", system-ui, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.8;
  font-family: "ChessSansVar";
  font-weight: 600; /* Define the font weight range */
  font-stretch: 83%; /* Define the font width range */
  margin-bottom: -0.4em;
  letter-spacing: 0.0125em;
}
#scores .score.score-total {
  flex: 1;
  flex-wrap: wrap;
  padding-top: 2em;
  padding-bottom: 2em;
  font-feature-settings: "tnum" 1;
}
#scores .score.score-total div {
  display: flex;
  align-items: center;
}
#scores .score.score-total #timerDisplay {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
#scores .score.score-total .score-total-icon {
  height: 56px;
  width: 56px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 -0.125em;
  margin-right: -0.25em;
  top: -0.075em;
}
#scores .score.score-total .score-total-icon svg {
  padding: 5%;
  height: 100%;
  width: 100%;
}
#scores .score.score-total .countdown,
#scores .score.score-total .val {
  color: white;
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  flex: 1;
  font-weight: 850; /* Define the font weight range */
}
#scores .score.score-total .delta {
  flex: 0;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1;
  font-size: 16px;
  font-weight: 700;
  margin-left: 0.5em;
  margin-bottom: -0.025em;
  font-feature-settings: "tnum" 1;
  font-family: "ChessSans", futura, Sans-Serif;
}
#scores .score.score-total .delta.pos {
  color: var(--color-green-400);
}
#scores .score.score-total .delta.neg {
  color: var(--color-red-300);
}
#scores .score .score-icon {
  display: none;
  margin-right: 0.4em;
}
#scores .score .score-label {
  text-align: left;
  white-space: nowrap;
  flex: 1;
}
#scores .score .val {
  color: rgb(255, 255, 255);
  line-height: 1;
  font-size: 16px;
  font-weight: 600;
  font-weight: 600; /* Define the font weight range */
  margin-bottom: -0.025em;
  font-feature-settings: "tnum" 1;
}

#sidebarHeader {
  position: relative;
  background-color: rgba(0, 0, 0, 0.14);
  padding: 1rem 1.2rem;
  width: 100%;
  text-align: center;
  font-size: 17px;
  font-weight: 700;
  display: flex;
  color: rgba(255, 255, 255, 0.5);
  color: rgb(255, 255, 255);
  font-family: "ChessSansVar", sans-serif !important;
  font-weight: 700;
}
#sidebarHeader.hero {
  padding-bottom: 5em;
  margin-bottom: -5em;
  background: radial-gradient(150% 25rem at top center, rgba(0, 0, 0, 0.2) 40%, rgba(2, 1, 1, 0) 0);
}
#sidebarHeader.hero .title {
  color: white;
  font-size: 32px;
  font-weight: 800;
  flex: 1;
  font-family: "ChessSans", futura, Sans-Serif;
  letter-spacing: 0;
  font-weight: 850;
  font-stretch: 105%;
  font-stretch: 70%;
  font-stretch: 115%;
  font-feature-settings: "ss05" 1 !important;
  font-family: "ChessSansVar", sans-serif !important;
}
#sidebarHeader.hero .title svg {
  opacity: 0;
  transition: all 0.25s 0s ease-in-out;
  transform: translateY(-10%) scale(0.75, 0.75);
  display: block;
  margin: auto;
  min-width: 88px;
  min-height: 88px;
}
.active #sidebarHeader.hero .title svg {
  opacity: 1;
  transition: all 0.3s 0.3s ease-in-out;
  transform: translateY(0%) scale(1, 1);
  font-stretch: 115%;
}
#sidebarHeader span {
  width: 100%;
  flex: 1;
}
#sidebarHeader .sidebarHeader-index {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  line-height: 48px;
  padding-right: 24px;
  font-weight: 600;
  font-size: 13px;
  opacity: 0.5;
}
#sidebarHeader .button {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 48px;
  min-width: 48px;
}
#sidebarHeader .button svg {
  padding: 12px;
}

.sidebarFooter {
  display: flex;
  gap: 0.8em;
  flex: 1;
  position: relative;
  transition: transform 0.25s 0.125s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.25s 0s cubic-bezier(0.2, 0.8, 0.2, 1);
  transform: translateY(0%) scale(1, 1);
  opacity: 1;
  padding: 1.6rem 2.4rem 2.4rem;
  width: 100%;
  display: flex;
  gap: 0.8em;
  flex: 0;
  width: auto;
}
.sidebarFooter .button-group.row {
  margin-bottom: 1.8rem;
  width: auto;
  flex: 1;
  margin: 0 !important;
}
.sidebarFooter.wait {
  pointer-events: none;
  opacity: 0.25 !important;
}
.sidebarFooter p {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  text-wrap: balance;
  text-align: center;
  color: rgba(255, 255, 255, 0.72);
}
.sidebarFooter.hidden-footer {
  opacity: 0;
  transform: translateY(10%) scale(1, 1);
  top: 0;
  width: 100%;
  position: absolute;
  pointer-events: none;
}
.sidebarFooter:not(.hidden-footer) {
  transform: translateY(10%) scale(1, 1);
  opacity: 0;
  transition: all 0.25s 0.5s ease-in-out;
}
.active .sidebarFooter:not(.hidden-footer) {
  opacity: 1;
  transform: translateY(0%) scale(1, 1);
}

#sidebarContent .button,
#sidebarFooter .button {
  flex-grow: 1;
  display: block;
  margin: 0;
  padding: 0.4em 0.4em;
  font-size: 18px !important;
  line-height: 1.6;
  outline: none;
  background: none;
  border: none;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.1);
  font-weight: 700;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.72);
  box-shadow: rgba(0, 0, 0, 0.204) 0px -1px 0px 0px inset;
  font-family: -apple-system, "system-ui", "Segoe UI", system-ui, Helvetica, Arial, sans-serif;
  white-space: nowrap;
  position: relative;
}
#sidebarContent .button:after,
#sidebarFooter .button:after {
  border-radius: 5px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: box-shadow 0.25s 0s ease-in-out;
  box-shadow: var(--color-green-300) 0 0 0 0 inset;
}
#sidebarContent .button.selected:after,
#sidebarFooter .button.selected:after {
  transition: border 0.25s 0.5s ease-in-out;
  box-shadow: var(--color-green-300) 0 0 0 0.2em inset;
}
#sidebarContent .button:hover,
#sidebarFooter .button:hover {
  background-color: rgba(255, 255, 255, 0.16);
  color: rgb(255, 255, 255);
}
#sidebarContent .button:active,
#sidebarFooter .button:active {
  background-color: rgba(255, 255, 255, 0.2);
  color: rgb(255, 255, 255);
}
#sidebarContent .button.primary.large,
#sidebarFooter .button.primary.large {
  border-radius: 10px;
  padding-bottom: 0.6em;
  box-shadow: rgba(0, 0, 0, 0.4) 0px -0.2em 0px 0px inset;
}
#sidebarContent .button.primary.large .button-label,
#sidebarFooter .button.primary.large .button-label {
  font-size: 24px;
  font-weight: 800;
  font-family: "ChessSans", futura, Sans-Serif;
  font-stretch: 90%;
  font-feature-settings: "ss05" 1 !important;
  font-family: "ChessSansVar", sans-serif !important;
}
#sidebarContent .button.primary,
#sidebarFooter .button.primary {
  background-color: var(--color-green-300);
  color: rgb(255, 255, 255);
  box-shadow: var(--color-green-500) 0px -1px 0px 0px inset;
  text-shadow: 0 1px var(--color-green-400);
}
#sidebarContent .button.primary svg,
#sidebarFooter .button.primary svg {
  filter: drop-shadow(0px 1px 0 var(--color-green-400));
}
#sidebarContent .button .button-icon + .button-label,
#sidebarFooter .button .button-icon + .button-label {
  font-size: 18px !important;
  margin-left: 0.4em;
  padding-right: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}
#sidebarContent .button .button-icon svg path,
#sidebarFooter .button .button-icon svg path {
  fill: currentColor;
}
#sidebarContent .button svg,
#sidebarFooter .button svg {
  margin-left: -0.65em;
  margin-left: -0.75em;
  margin-right: -0.65em;
  height: 44px;
  width: 44px;
}
#sidebarContent .button-group,
#sidebarFooter .button-group {
  display: flex;
  gap: 0.6em;
  min-width: 60%;
}
#sidebarContent .button-group.row,
#sidebarFooter .button-group.row {
  flex-direction: row;
  margin-bottom: 1.8rem;
}
#sidebarContent .button-group.row .button,
#sidebarFooter .button-group.row .button {
  flex: 1;
}
#sidebarContent .button-group.column,
#sidebarFooter .button-group.column {
  flex: 1;
  justify-content: center;
  flex-direction: column;
}
#sidebarContent > .button,
#sidebarFooter > .button {
  min-width: 60%;
}

#play-cheer-leader {
  position: absolute;
  z-index: 20000;
  color: white;
  font-size: 190px;
  line-height: 0.7;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0px 2px 0px rgba(0, 0, 0, 0.2));
  pointer-events: none;
  flex-direction: column;
  text-shadow: 0 0 100px rgba(0, 0, 0, 0.2);
}
#play-cheer-leader svg {
  position: absolute;
  height: 100%;
  width: 100%;
}
#play-cheer-leader div.tier-2 {
  transform: scale(1.1, 1.1) translateX(-25%);
}
#play-cheer-leader div.tier-2.insert {
  transform: scale(1, 1) translateX(0%);
}
#play-cheer-leader div.tier-2.inserted {
  transform: scale(1.1, 1.1) translateX(25%);
}
#play-cheer-leader div.tier-1 {
  transform: scale(1.1, 1.1) translateX(25%);
}
#play-cheer-leader div.tier-1.insert {
  transform: scale(1, 1) translateX(0%);
}
#play-cheer-leader div.tier-1.inserted {
  transform: scale(1.1, 1.1) translateX(-25%);
}
#play-cheer-leader div {
  transform: scale(1.9, 1.9);
  /* Separate transitions for each property */
  transition: opacity 0.125s ease-in-out, font-weight 0.25s ease-out, letter-spacing 4s linear, font-stretch 2s linear, transform 0.25s ease-in-out;
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  font-weight: 100;
  font-stretch: 100%; /* Define the font width range */
  letter-spacing: -0.04em;
}
#play-cheer-leader div span {
  display: inline-block;
}
#play-cheer-leader div > span span {
  transition: transform 0.125s ease-in-out;
}
#play-cheer-leader div.insert {
  transform: translateX(0%);
  font-weight: 900;
  opacity: 1;
  letter-spacing: -0.01em;
  font-stretch: 110%; /* Define the font width range */
  transform: scale(1, 1);
}
#play-cheer-leader div.insert > span span {
  transform: translateX(0%);
}
#play-cheer-leader div.inserted {
  /* Separate transitions for each property */
  transition: opacity 0.15s ease-in-out, font-weight 0.25s ease-out, letter-spacing 2s linear, font-stretch 0.35s linear, transform 0.25s ease-in-out;
  opacity: 0;
  font-weight: 100;
  font-stretch: 150%; /* Define the font width range */
  transform: scale(1.2, 1.2);
}
#grid-wrapper {
  position: relative;
  flex: 2.75;
  flex-shrink: 0;
}

#grid {
  position: relative;
  z-index: 10000;
  max-width: 768px;
  min-width: 300px;
  width: 100%;
  aspect-ratio: 1;
  flex: 2.75;
  flex-shrink: 0;
  display: grid;
  grid-template-columns: repeat(1, 100%);
  grid-template-rows: repeat(8, 12.5%);
}
#grid.gameover {
  pointer-events: none !important;
}
#grid .row:nth-child(1) .cell:nth-child(1) {
  border-top-left-radius: 5px;
}
#grid .row:nth-child(1) .cell:nth-child(8) {
  border-top-right-radius: 5px;
}
#grid .row:nth-child(8) .cell:nth-child(1) {
  border-bottom-left-radius: 5px;
}
#grid .row:nth-child(8) .cell:nth-child(8) {
  border-bottom-right-radius: 5px;
}

.row {
  display: grid;
  grid-template-columns: repeat(8, 12.5%);
}
.row .cell {
  width: 100%; /* Ensures cells take the full width */
  height: 100%; /* Ensures cells take the full height */
}
.row .cell.light {
  background-color: #EBECD0; /* Light square color */
  color: #779556; /* Text color for light squares */
}
.row .cell.light.illegal {
  background: rgba(139, 137, 135, 0.35);
}
.row .cell.dark {
  background-color: #779556; /* Dark square color */
  color: #EBECD0; /* Text color for dark squares */
}
.row .cell.dark.illegal {
  background: rgba(102, 101, 100, 0.35);
}

.cell {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: white;
  background-color: #EBECD0;
  color: #779556;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cell.print:after {
  background: rgb(255, 0, 0);
  opacity: 0.5;
}
.cell.current {
  z-index: 220000;
}
.cell.placed {
  transition: transform 0s 0s cubic-bezier(0.2, 0.8, 0.2, 1);
  transform: scale(1.1);
}
.cell.legal:hover {
  box-shadow: inset 0 0 0px 2px rgb(255, 255, 255);
}
.cell.legal:hover .marker {
  transform: scale(0.9);
  transition: all 0.125s 0s ease-in-out;
}

.legal .marker {
  transform: scale(1);
}

.distance-0.legal.pulse-off .marker,
.distance-1.legal.pulse-off .marker,
.distance-2.legal.pulse-off .marker,
.distance-3.legal.pulse-off .marker,
.distance-4.legal.pulse-off .marker,
.distance-5.legal.pulse-off .marker,
.distance-6.legal.pulse-off .marker,
.distance-7.legal.pulse-off .marker {
  transition: all 0.5s 0s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.distance-0.legal.pulse-on .marker,
.distance-1.legal.pulse-on .marker,
.distance-2.legal.pulse-on .marker,
.distance-3.legal.pulse-on .marker,
.distance-4.legal.pulse-on .marker,
.distance-5.legal.pulse-on .marker,
.distance-6.legal.pulse-on .marker,
.distance-7.legal.pulse-on .marker {
  transition: all 0s 0s cubic-bezier(0.2, 0.8, 0.2, 1);
  opacity: 0.1;
  transform: scale(0.95);
}

.distance-0.legal .marker {
  transition-delay: 0s;
}

.distance-1.legal .marker {
  transition-delay: 0.025s;
}

.distance-2.legal .marker {
  transition-delay: 0.05s;
}

.distance-3.legal .marker {
  transition-delay: 0.075s;
}

.distance-4.legal .marker {
  transition-delay: 0.1s;
}

.distance-5.legal .marker {
  transition-delay: 0.125s;
}

.distance-6.legal .marker {
  transition-delay: 0.15s;
}

.distance-7.legal .marker {
  transition-delay: 0.175s;
}

.legal.capturable .marker {
  background: transparent;
  border: 0.5vmin solid black;
  height: 90%;
  width: 90%;
}

.marker {
  height: 30%;
  width: 30%;
  background: black;
  opacity: 0.2;
  border-radius: 50%;
  transition: all 0.25s 0s cubic-bezier(0.2, 0.8, 0.2, 1);
  transform: scale(0);
}

.classification {
  pointer-events: none;
  z-index: 2000;
  position: absolute;
  top: 5%;
  right: 5%;
  margin: -20%;
  height: 40%;
  width: 40%;
  opacity: 1;
  border-radius: 50%;
  transition: all 0.125s 0s ease-out;
  box-shadow: 0 2px rgba(0, 0, 0, 0.2);
  transform: scale(0);
  background: var(--color-gray-800);
  color: var(--color-gray-100);
  overflow: hidden;
}
.classification.pop {
  transition: all 0.125s 0.05s cubic-bezier(0.2, 0.8, 0.2, 1);
  transform: scale(1);
}
.classification svg {
  padding: 3%;
}
.classification svg path {
  fill: currentColor;
}
.classification.spinning:after {
  position: absolute;
  height: 100%;
  width: 100%;
  box-shadow: inset 0 0 0 2px var(--color-gray-800);
  border-radius: 50%;
  z-index: 100;
}
.classification.spinning:before {
  border-radius: 50%;
  content: "";
  position: absolute;
  background: white;
  height: 100%;
  width: 100%;
  transform-origin: center center;
  animation-name: timeoutBar;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-duration: 1s;
}
.classification.streak {
  background: var(--color-orange-200);
  color: var(--color-gray-100);
}
.classification.streak svg {
  filter: drop-shadow(0px 2px 0 var(--color-orange-300));
}
.classification.exclam {
  background: var(--color-blue-200);
  color: var(--color-gray-100);
}
.classification.exclam svg {
  filter: drop-shadow(0px 2px 0 var(--color-blue-300));
}
.classification.doubleexclam {
  background: var(--color-aqua-300);
  color: var(--color-gray-100);
}
.classification.doubleexclam svg {
  filter: drop-shadow(0px 2px 0 var(--color-aqua-400));
}
.classification.win {
  background: var(--color-gold-200);
  color: var(--color-gray-800);
}
.classification.win svg {
  filter: drop-shadow(0px 2px 0 var(--color-gold-300));
}
.classification.flag {
  background: var(--color-gray-800);
  color: var(--color-gray-100);
}
.classification.cross {
  background: var(--color-red-400);
  color: var(--color-gray-100);
}
.classification.cross svg {
  filter: drop-shadow(0px 2px 0 var(--color-gold-500));
}
.classification.check {
  background: var(--color-green-300);
  color: var(--color-gray-100);
}
.classification.check svg {
  filter: drop-shadow(0px 2px 0 var(--color-green-400));
}
.classification.star {
  background: var(--color-green-300);
  color: var(--color-gray-100);
}
.classification.star svg {
  filter: drop-shadow(0px 2px 0 var(--color-green-400));
}

.gameover .classification {
  transform: scale(1);
}
.gameover .classification.reset {
  transform: scale(0);
}

.cell {
  transition: background-color 0.5s 0s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.5s 0s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.5s 0s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.7s 0s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.cell:after {
  z-index: 0;
  display: block;
  background: rgb(255, 255, 51);
  opacity: 0;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  transition: all 0.5s 0s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.cell.current:after, .cell.previous:after {
  opacity: 0.5;
}
.cell.check:after {
  background: rgb(255, 0, 0);
  opacity: 0.5;
}

.distance-0 {
  transition-delay: 0s;
}

.distance-1 {
  transition-delay: 0.025s;
}

.distance-2 {
  transition-delay: 0.05s;
}

.distance-3 {
  transition-delay: 0.075s;
}

.distance-4 {
  transition-delay: 0.1s;
}

.distance-5 {
  transition-delay: 0.125s;
}

.distance-6 {
  transition-delay: 0.15s;
}

.distance-7 {
  transition-delay: 0.175s;
}

.cell.illegal:after {
  transition: all 0s 0s cubic-bezier(0.2, 0.8, 0.2, 1);
  background: rgb(0, 0, 0);
  opacity: 0.25;
}

.cell.error:after {
  transition: all 0s 0s cubic-bezier(0.2, 0.8, 0.2, 1);
  background: rgb(255, 0, 0);
  opacity: 0.5;
}

@keyframes coinSpin {
  0% {
    transform: rotate(-50deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.coin-explosion {
  z-index: 100;
  pointer-events: none;
  position: absolute;
  height: 300%;
  width: 300%;
  left: -100%;
  top: -100%;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  animation-name: coinExplosion;
  animation-fill-mode: forwards;
  animation-duration: 0.65s;
}

.red-explosion {
  z-index: 100;
  pointer-events: none;
  position: absolute;
  height: 300%;
  width: 300%;
  left: -100%;
  top: -100%;
  background: rgba(255, 0, 0, 0.4);
  border-radius: 50%;
  animation-name: coinExplosion;
  animation-fill-mode: forwards;
  animation-duration: 0.5s;
}

@keyframes timeoutBar {
  0% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0, 0);
  }
}
@keyframes coinExplosion {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.coin {
  background-image: url("/img/chesspieces/neo/coin-starless.png");
}
.coin:before, .coin:after {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 100;
  background-size: contain;
  background-position: center center;
  transition: transform 0.25s 0s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.25s 0s cubic-bezier(0.2, 0.8, 0.2, 1);
  animation-name: coinSpin;
  animation-fill-mode: forwards;
  animation-duration: 0.5s;
}
.coin:after {
  top: -2%;
  background-image: url("/img/chesspieces/neo/coin-star-light.png");
}
.coin:before {
  background-image: url("/img/chesspieces/neo/coin-star-dark.png");
}

.current .piece {
  z-index: 2000;
}

.piece {
  position: relative;
  z-index: 200;
  filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.2));
}
.illegal .piece {
  opacity: 0.25;
}
.piece.white:hover {
  cursor: grab;
  filter: drop-shadow(0px 2px 0px rgba(0, 0, 0, 0.2));
}
.piece.dragging:hover {
  cursor: grabbing;
  filter: drop-shadow(0px 5px 0px rgba(0, 0, 0, 0.2));
}

/* Initially scale down */
.piece.remove,
.piece.insert {
  transform: scale(0) translateY(20%);
  transition: transform 0.4s ease;
}

/* When the .insert class is removed, it will smoothly scale to normal size (1) */
.piece {
  transform: scale(1) translateY(0%);
  transition: transform 0.4s ease filter 2s linear;
}

.coin,
.piece {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 100;
  background-size: contain;
  background-position: center center;
  transition: filter 0.1s 0s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.4s 0s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.25s 0s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.coin.black.king,
.piece.black.king {
  background-image: url("/img/chesspieces/neo/bk.png");
}
.coin.black.knight,
.piece.black.knight {
  background-image: url("/img/chesspieces/neo/bn.png");
}
.coin.black.queen,
.piece.black.queen {
  background-image: url("/img/chesspieces/neo/bq.png");
}
.coin.black.rook,
.piece.black.rook {
  background-image: url("/img/chesspieces/neo/br.png");
}
.coin.black.bishop,
.piece.black.bishop {
  background-image: url("/img/chesspieces/neo/bb.png");
}
.coin.black.pawn,
.piece.black.pawn {
  background-image: url("/img/chesspieces/neo/bp.png");
}
.coin.white.king,
.piece.white.king {
  background-image: url("/img/chesspieces/neo/wk.png");
}
.coin.white.knight,
.piece.white.knight {
  background-image: url("/img/chesspieces/neo/wn.png");
}
.coin.white.queen,
.piece.white.queen {
  background-image: url("/img/chesspieces/neo/wq.png");
}
.coin.white.rook,
.piece.white.rook {
  background-image: url("/img/chesspieces/neo/wr.png");
}
.coin.white.bishop,
.piece.white.bishop {
  background-image: url("/img/chesspieces/neo/wb.png");
}
.coin.white.pawn,
.piece.white.pawn {
  background-image: url("/img/chesspieces/neo/wp.png");
}

.opponent {
  background-color: red;
}

#myBoard {
  user-select: none;
  position: relative;
  height: 80vmin;
  width: 80vmin;
}

.clearfix-7da63 {
  clear: both;
}

.board-b72b1 {
  box-sizing: content-box;
  border-radius: 3px;
  overflow: hidden;
}

.square-55d63 {
  float: left;
  position: relative;
  /* disable any native browser highlighting */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.highlight1-32417,
.highlight2-9c5d2 {
  box-shadow: inset 0 0 0px 3px white;
}

.highlight2-9c5d2:after {
  display: block;
  background: #FFF000;
  opacity: 0.6;
  content: "";
  top: 3px;
  bottom: 3px;
  left: 3px;
  right: 3px;
  position: absolute;
}

.notation {
  cursor: default;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: absolute;
  font-size: 15px;
  font-family: "ChessSansVar";
  font-weight: 700; /* Define the font weight range */
  font-stretch: 100%; /* Define the font width range */
}
.illegal .notation {
  opacity: 0.125;
}

.alpha {
  bottom: 0;
  right: 0;
}

.numeric {
  top: 0;
  left: 0;
}

.alpha,
.numeric {
  padding: 0.2em 0.45em;
}

.range-segmented {
  flex: 0;
  position: relative;
}
.range-segmented .range-segmented-labels {
  pointer-events: none;
  position: absolute;
  width: 100%;
  top: 0;
  display: flex;
  justify-content: space-between;
  color: rgba(255, 255, 255, 0.3);
}
.range-segmented .range-segmented-labels span {
  text-align: center;
  width: 32px;
  height: 32px;
  line-height: 32px;
  display: inline-block;
}

/* Style the wrapper div */
.select {
  position: relative;
  width: 100%; /* Set a width for the dropdown */
}

/* Style the select element */
.select {
  padding: 12px;
  width: 100%;
}
.select select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 14px;
  width: 100%;
  padding: 12px 18px;
  border: none;
  border-radius: 12px;
  background-color: transparent;
  cursor: pointer;
  outline: none;
  background: var(--color-gray-900);
}

/* Style the arrow icon */
.select::after {
  content: "…"; /* Unicode character for a downward arrow */
  font-size: 30px;
  margin-top: -0.3em;
  color: var(--color-gray-500);
  position: absolute;
  top: 50%;
  right: 0px;
  padding: 12px 24px;
  transform: translateY(-50%);
}

/* Style options in the dropdown */
.select select option {
  background-color: #fff;
  color: #333;
}

/* Style the dropdown when open */
.select select:focus {
  box-shadow: 0 0 5px rgba(0, 122, 204, 0.5);
}

#suggestionList {
  z-index: -1;
  opacity: 0;
  transition: opacity 0.25s 0.1s ease-in-out;
  background: linear-gradient(rgb(49, 46, 43) 50%, rgba(49, 46, 43, 0.75) 60%, rgba(49, 46, 43, 0.5) 70%, rgba(49, 46, 43, 0.25) 80%, rgba(49, 46, 43, 0) 100%);
  user-select: none;
  pointer-events: auto;
  width: 100%;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  display: block;
  line-height: 36px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  left: 0;
  padding: 0 12px;
}
#suggestionList.loaded {
  opacity: 1;
}
#suggestionList:not(:empty):before {
  display: inline-block;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 600;
  content: "Suggestions";
  padding-top: 0px;
  vertical-align: middle;
  position: relative;
}
#suggestionList:empty:before {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  content: "Sorry, no more suggestions… ";
  padding-top: 0px;
  vertical-align: middle;
  color: var(--color-gray-500);
}
#suggestionList .tag {
  position: relative;
  pointer-events: auto;
  color: var(--color-gray-500);
  border-radius: 12px;
  display: inline-block;
  cursor: pointer;
  font-size: 11px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5);
  text-transform: capitalize;
}
#suggestionList .tag:before {
  margin: 0 5px;
  content: "•";
  opacity: 0.5;
}
#suggestionList .tag:hover, #suggestionList .tag.active {
  color: white;
}

#download-visible-glyphs {
  margin-left: 5px;
  position: absolute;
  background-color: var(--color-gray-900);
  z-index: 100;
}
#download-visible-glyphs .button-icon svg {
  height: 36px;
  width: 36px;
  padding: 4px;
  min-height: auto;
  min-width: auto;
}

#searchTokens:empty + #download-visible-glyphs {
  display: none !important;
}

#searchTokens:empty + #searchReset {
  display: none !important;
}

#searchIcon {
  opacity: 0.25;
  padding-left: 7px;
  display: flex;
  align-items: center;
}
#searchIcon svg {
  padding: 2px;
}

#searchTokens {
  color: var(--color-gray-400);
  border: none;
  margin: 0;
  z-index: 55000;
  font-size: 10px;
  pointer-events: auto;
  text-wrap: balance;
  color: white;
  opacity: 1;
  font-size: 11px;
  line-height: 1;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 4px;
  padding-right: 10px;
}
#searchTokens:empty {
  display: none;
}
#searchTokens .token {
  white-space: nowrap;
  border-radius: 6px;
  display: inline-block;
  background-color: var(--color-gray-800);
  padding: 0px 5px;
  line-height: 20px;
  text-transform: capitalize;
  cursor: pointer;
}
#searchTokens .token.name-token:before {
  content: "📁 ";
}
#searchTokens .token.name-token span {
  display: inline-block;
  vertical-align: middle;
  padding-right: 4px;
  margin-top: -2px;
  margin-left: -1px;
}
#searchTokens .token.name-token svg {
  display: block;
  height: 16px;
  width: 16px;
}
#searchTokens .token.folder-token, #searchTokens .token#folder-token {
  background-color: black;
}
#searchTokens .token.folder-token span, #searchTokens .token#folder-token span {
  display: inline-block;
  vertical-align: middle;
  padding-right: 4px;
  margin-top: -2px;
  margin-left: -1px;
}
#searchTokens .token.folder-token svg, #searchTokens .token#folder-token svg {
  display: block;
  height: 16px;
  width: 16px;
}
#searchTokens .token:hover {
  background-color: var(--color-gray-300) !important;
  color: var(--color-gray-900);
}
#searchTokens .token.active {
  background-color: var(--color-gray-300);
  color: var(--color-gray-900);
}

#searchInput-wrap {
  overflow: hidden;
  box-shadow: 0 0 5px 2px var(--color-gray-800);
  background-color: var(--color-gray-900);
  border-radius: 50px;
  flex: 90;
  position: relative;
  display: flex;
}
#searchInput-wrap #searchReset {
  z-index: 100;
  margin-right: 2px;
}
#searchInput-wrap #searchReset svg {
  display: block;
  color: var(--color-gray-700);
  padding: 8px;
  height: 36px;
  width: 36px;
}
#searchInput-wrap #searchReset svg path {
  fill: currentColor;
}
#searchInput-wrap #searchInput-inner {
  width: 100%;
  position: relative;
  border-right: 2px solid var(--color-gray-800);
}
#searchInput-wrap #searchInput-inner #searchLength {
  position: absolute;
  line-height: 32px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.01em;
  padding-left: 2px;
  z-index: 2000;
  padding-top: 3px;
  opacity: 0.25;
  pointer-events: none;
  right: 1.2em;
  font-feature-settings: "tnum";
}
#searchInput-wrap #searchInput-inner #searchComplete {
  position: absolute;
  line-height: 32px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.01em;
  padding-left: 2px;
  z-index: 2000;
  padding-top: 2px;
  pointer-events: none;
  opacity: 0.25;
}
#searchInput-wrap #searchInput-inner #searchComplete span {
  visibility: hidden;
}
#searchInput-wrap input[type=text] {
  font-feature-settings: "tnum";
  padding-bottom: 2px;
  line-height: 32px;
  pointer-events: auto;
  user-select: auto;
  background: transparent;
  color: var(--foreground);
  font-size: 16px;
  border: none;
  font-size: 11px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.01em;
  flex: 1;
  backdrop-filter: blur(15px);
  outline: none;
  border: none;
  background-color: var(--color-gray-900);
  border-radius: 50px;
  padding-right: 16px;
  padding-left: 2px;
  width: 100%;
  height: 36px;
}

input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

#icons-header > .button {
  margin: -5px 0;
}

.line-height {
  font-weight: 500;
  font-size: 14px;
  line-height: 32px;
  font-feature-settings: "tnum" 1;
  letter-spacing: 0.01em;
  width: unset;
  position: absolute;
  line-height: 1;
  background-color: transparent;
  pointer-events: none;
  letter-spacing: 0.1em;
  font-size: 9px !important;
  opacity: 0.4;
  text-transform: uppercase;
  padding: 8px;
}

.filter-age {
  background-color: var(--color-gray-900);
  border-radius: 50px;
}
.filter-age input[type=number] {
  text-align: center;
  min-width: 32px;
}

.number-input,
.size-input,
#sizeInput {
  font-feature-settings: "tnum";
  line-height: 32px;
  pointer-events: auto;
  user-select: auto;
  background: transparent;
  color: var(--foreground);
  font-size: 16px;
  border: none;
  font-size: 11px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.01em;
  flex: 1;
  background-color: transparent;
  outline: none;
  border: none;
  border-radius: 50px;
  height: 32px;
  width: 32px;
  font-size: 14px;
  min-width: 44px;
  display: inline-block;
  text-align: center;
  height: unset;
  width: unset;
  min-width: unset;
}

.size-inputs + .buttons {
  margin-left: 16px;
}

.buttons .size-inputs {
  width: 100%;
}

.size-inputs,
#size {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .size-inputs,
  #size {
    display: none;
  }
}
.size-inputs span,
#size span {
  font-size: 12px;
  font-weight: 500;
  padding: 0 10px;
  width: 50px;
  text-align: right;
  line-height: 32px;
}
.size-inputs input,
#size input {
  width: 100%;
}

input {
  font-family: "ChessSansVar";
  font-weight: 500;
}

input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  cursor: pointer;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0px;
  margin-right: 0px;
}

input[type=range] + span {
  margin-left: 10px;
  margin-right: 10px;
}

label + input[type=range] {
  margin-left: 10px;
}

/* Removes default focus */
input[type=range]:focus {
  outline: none;
}

/***** Chrome, Safari, Opera, and Edge Chromium styles *****/
/* Slider track */
input[type=range]::-webkit-slider-runnable-track {
  background-color: var(--color-gray-900);
  border-radius: 20px;
  height: 20px;
  height: 32px;
  box-shadow: 0 0 5px 2px var(--color-gray-800);
}
.theme-light input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(0, 0, 0, 0.1);
}

/* Slider thumb */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  background-color: #817e7f;
  height: 32px;
  width: 32px;
  background-clip: content-box;
  border: none;
  border-radius: 50%;
  cursor: pointer;
}

/* Slider thumb */
input[type=range]::-webkit-slider-thumb:hover {
  background-color: #fff;
}

input[type=range]::-moz-range-track {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  height: 20px;
}
.theme-light input[type=range]::-moz-range-track {
  background-color: rgba(0, 0, 0, 0.1);
}

input[type=range]::-moz-range-thumb {
  background-color: #817e7f;
  height: 20px;
  width: 20px;
  background-clip: content-box;
  border: none;
  border-radius: 50%;
  cursor: pointer;
}

input[type=range]:hover::-moz-range-thumb {
  background-color: rgb(255, 255, 255);
}
.theme-light input[type=range]:hover::-moz-range-thumb {
  background-color: rgb(0, 0, 0);
}

/* Firefox styles */
input[type=range]::-moz-focus-outer {
  border: 0;
}

/* Firefox - Remove default track color */
input[type=range]::-moz-range-progress {
  background-color: transparent;
}

/* Firefox - Remove default thumb styling */
input[type=range]::-moz-range-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
}

/* Firefox - Add custom styling to thumb on hover */
input[type=range]:hover::-moz-range-thumb {
  background-color: rgb(255, 255, 255);
}

.custom-select {
  position: relative;
  width: 100%;
  font-family: inherit;
  font-weight: 400;
}

.custom-select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: var(--color-gray-800);
  border: 1px solid var(--color-gray-700);
  color: white;
  padding: 10px 14px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  transition: all 0.2s ease;
  user-select: none;
}
.custom-select-trigger:hover {
  background: var(--color-gray-750);
  border-color: var(--color-gray-600);
}
.custom-select-trigger:focus {
  outline: none;
  background: var(--color-gray-750);
  border-color: var(--color-green-500);
  box-shadow: 0 0 0 2px rgba(129, 182, 76, 0.2);
}
.custom-select-trigger[aria-expanded=true] {
  background: var(--color-gray-750);
  border-color: var(--color-gray-500);
}
.custom-select-trigger[aria-expanded=true] .custom-select-arrow svg {
  transform: rotate(180deg);
}
.custom-select-trigger:disabled, .custom-select-trigger[aria-disabled=true] {
  opacity: 0.5;
  cursor: not-allowed;
}
.custom-select-trigger:disabled:hover, .custom-select-trigger[aria-disabled=true]:hover {
  background: var(--color-gray-800);
  border-color: var(--color-gray-700);
}

.custom-select-value {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.custom-select-value[data-placeholder] {
  color: var(--color-gray-500);
}

.custom-select-arrow {
  display: flex;
  align-items: center;
  margin-left: 10px;
  flex-shrink: 0;
}
.custom-select-arrow svg {
  width: 16px;
  height: 16px;
  fill: var(--color-gray-400);
  transition: transform 0.2s ease;
}

.custom-select-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: var(--color-gray-850);
  border: 1px solid var(--color-gray-700);
  border-radius: 6px;
  margin-top: 4px;
  z-index: 1000;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-10px);
  transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease, transform 0.2s ease;
}
.custom-select-options.open {
  max-height: 240px;
  opacity: 1;
  transform: translateY(0);
}
.custom-select-options.open {
  overflow-y: auto;
}
.custom-select-options::-webkit-scrollbar {
  width: 6px;
}
.custom-select-options::-webkit-scrollbar-track {
  background: var(--color-gray-800);
}
.custom-select-options::-webkit-scrollbar-thumb {
  background: var(--color-gray-600);
  border-radius: 3px;
}
.custom-select-options::-webkit-scrollbar-thumb:hover {
  background: var(--color-gray-500);
}

.custom-select-option {
  padding: 10px 14px;
  font-size: 14px;
  color: var(--color-gray-300);
  cursor: pointer;
  transition: all 0.1s ease;
  font-weight: 400;
  user-select: none;
}
.custom-select-option:hover {
  background: var(--color-gray-800);
  color: white;
}
.custom-select-option:focus {
  outline: none;
  background: var(--color-gray-800);
  color: white;
}
.custom-select-option[aria-selected=true] {
  background: var(--color-gray-700);
  color: white;
  position: relative;
}
.custom-select-option[aria-selected=true]::after {
  content: "✓";
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-green-400);
  font-size: 12px;
}
.custom-select-option[aria-disabled=true] {
  opacity: 0.5;
  cursor: not-allowed;
}
.custom-select-option[aria-disabled=true]:hover {
  background: transparent;
  color: var(--color-gray-300);
}
.custom-select-option[data-value=""] {
  color: var(--color-gray-500);
}
.custom-select-option.option-group-header {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-gray-500);
  padding: 8px 14px 4px;
  cursor: default;
}
.custom-select-option.option-group-header:hover {
  background: transparent;
  color: var(--color-gray-500);
}

.custom-select-sm .custom-select-trigger {
  padding: 6px 10px;
  font-size: 13px;
}
.custom-select-sm .custom-select-arrow svg {
  width: 14px;
  height: 14px;
}
.custom-select-sm .custom-select-option {
  padding: 6px 10px;
  font-size: 13px;
}

.custom-select-lg .custom-select-trigger {
  padding: 14px 18px;
  font-size: 16px;
}
.custom-select-lg .custom-select-arrow svg {
  width: 20px;
  height: 20px;
}
.custom-select-lg .custom-select-option {
  padding: 14px 18px;
  font-size: 16px;
}

.custom-select-light .custom-select-trigger {
  background: white;
  border-color: var(--color-gray-300);
  color: var(--color-gray-900);
}
.custom-select-light .custom-select-trigger:hover {
  background: var(--color-gray-50);
  border-color: var(--color-gray-400);
}
.custom-select-light .custom-select-trigger:focus {
  border-color: var(--color-green-500);
  box-shadow: 0 0 0 2px rgba(129, 182, 76, 0.2);
}
.custom-select-light .custom-select-arrow svg {
  fill: var(--color-gray-600);
}
.custom-select-light .custom-select-options {
  background: white;
  border-color: var(--color-gray-300);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.custom-select-light .custom-select-option {
  color: var(--color-gray-700);
}
.custom-select-light .custom-select-option:hover, .custom-select-light .custom-select-option:focus {
  background: var(--color-gray-100);
  color: var(--color-gray-900);
}
.custom-select-light .custom-select-option[aria-selected=true] {
  background: var(--color-gray-200);
  color: var(--color-gray-900);
}

.custom-select-inline {
  display: inline-block;
  width: auto;
}

.custom-select-error .custom-select-trigger {
  border-color: var(--color-red-500);
}
.custom-select-error .custom-select-trigger:focus {
  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.2);
}

.tooltip {
  position: absolute;
  z-index: 10000;
  text-align: center;
  padding: 0.5em 1em;
  margin: 0;
  background-color: var(--color-gray-1000);
  border-radius: 8px;
  font-size: 12px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  opacity: 0;
  transform: translateY(-15px) scale(0.5, 0.25);
  transition: opacity 0.25s var(--easing), transform 0.25s var(--easing);
}
.tooltip.visible {
  opacity: 1;
  transform: translateY(0) scale(1, 1);
  transition: opacity 0.25s var(--easing), transform 0.25s var(--easing);
}
.tooltip:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -10px;
  border-width: 0 10px 10px 10px;
  border-style: solid;
  border-color: transparent transparent var(--color-gray-1000) transparent;
}

#icons-inspector.open + #glyph-menu {
  display: none !important;
}

#glyph-menu-underlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2100;
  opacity: 0.5;
  background-color: var(--color-gray-900);
  display: none;
}
#glyph-menu-underlay.open {
  display: block;
}

#glyph-menu {
  display: none;
  position: absolute;
  z-index: 2150;
}
#glyph-menu ul {
  background-color: var(--color-gray-800);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  width: 200px;
}
#glyph-menu ul svg {
  margin: -4px;
  height: 24px;
  width: 24px;
}

.dropdown.open + .dropdown-underlay {
  display: block;
}

.dropdown-underlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  background-color: rgba(23, 23, 23, 0.8);
  display: none;
}

.dropdown {
  position: relative;
  display: inline-block;
  z-index: 200;
  pointer-events: auto;
}
.dropdown svg path {
  fill: currentColor;
}
.dropdown .button {
  opacity: 0.5;
}
.dropdown .button:hover {
  opacity: 1;
}
.dropdown.open .button {
  opacity: 0.5;
  color: white;
}
.dropdown.up ul {
  top: auto;
  bottom: 100%;
}
.dropdown.open ul {
  display: block;
}
.dropdown.bottom-middle ul {
  top: 24px;
  left: 50%;
  margin-left: -100px;
  width: 200px;
  overflow: unset;
}
.dropdown.bottom-middle ul:before {
  content: "";
  position: absolute;
  top: -10px;
  right: auto;
  left: 50%;
  margin-left: -10px;
  border-width: 0 10px 10px 10px;
  border-style: solid;
  border-color: transparent transparent var(--color-gray-800) transparent;
}
.dropdown ul {
  position: absolute;
  right: 0;
  z-index: 1000;
  display: none;
  list-style-type: none;
  padding: 0.5em 0;
  margin: 0;
  background-color: var(--color-gray-800);
  border-radius: 8px;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 20px 3px rgba(0, 0, 0, 0.1);
  font-size: 12px;
  font-weight: 400;
  overflow: hidden;
  overscroll-behavior: contain auto;
  max-height: 70vh;
}
.dropdown ul:before {
  content: "";
  position: absolute;
  top: -10px;
  right: 14px;
  margin-left: -10px;
  border-width: 0 10px 10px 10px;
  border-style: solid;
  border-color: transparent transparent var(--color-gray-800) transparent;
}
.dropdown #my-userid:before {
  content: "My ID: ";
  display: inline-block;
  padding-right: 0.5em;
}
.dropdown .not-clickable {
  position: sticky;
  top: 0;
  z-index: 10;
  pointer-events: none;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.25);
  margin-bottom: 4px;
}
.dropdown .not-clickable .menu-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropdown li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  cursor: pointer;
  padding: 6px 14px;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.75);
  font-weight: 500;
}
.dropdown li:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: white;
}
.dropdown li:hover .button-icon {
  opacity: 1;
}
.dropdown li:active {
  color: white;
}
.dropdown li.copied:before {
  flex: 1;
  content: "Copied…";
}
.dropdown li.copied .label {
  display: none;
}
.dropdown li.divider {
  border-top: 2px solid rgba(255, 255, 255, 0.05);
  padding: 0;
}
.dropdown li:last-child {
  border-bottom: none;
}
.dropdown .menu-label {
  flex: 0 0 auto;
}
.dropdown .menu-sublabel {
  flex: 0 0 auto;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
}
.dropdown li .button-icon {
  padding-left: 0;
  opacity: 0.5;
}
.dropdown li .button-icon svg {
  display: block;
  height: 20px;
  width: 20px;
}

.button-group {
  padding: 8px;
}
@media only screen and (max-width: 900px) {
  .button-group .button {
    display: none;
  }
  .button-group .button.active {
    color: rgba(255, 255, 255, 0.25) !important;
    display: block;
  }
  .button-group .button.active:hover {
    color: rgb(255, 255, 255) !important;
    display: block;
  }
}
.button-group .button .button-icon svg {
  min-height: 32px;
  min-width: 32px;
  padding: 0;
}

.button {
  user-select: none;
  position: relative;
  text-decoration: none;
  color: white;
  display: inline-block;
  background: none;
  color: rgba(255, 255, 255, 0.5);
  border: none;
  outline: none;
  display: inline-flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  padding: 0px;
  vertical-align: middle;
  cursor: pointer;
  line-height: 24px;
}
.button.active {
  color: rgb(255, 255, 255) !important;
}
.button span {
  display: inline-block;
}
.button.spinning:after {
  animation-name: spinning;
  animation-duration: 0.35s;
  animation-iteration-count: infinite; /* Infinite repetitions */
  animation-timing-function: linear; /* Apply linear easing */
  position: absolute;
  content: "";
  min-height: 32px;
  min-width: 32px;
  border-radius: 50%;
  border-top: 4px solid var(--color-blue-300);
  display: inline-block;
}
.button b {
  font-size: 12px;
}
.button:hover {
  color: white;
}
.button .button-icon {
  z-index: 10;
}
.button .button-icon svg path {
  fill: currentColor;
}
.button .button-icon.size-xs svg {
  min-height: 16px;
  min-width: 16px;
}
.button .button-icon.size-s svg {
  min-height: 20px;
  min-width: 20px;
}
.button .button-icon.size-m svg {
  min-height: 24px;
  min-width: 24px;
}
.button .button-icon.size-l svg {
  min-height: 32px;
  min-width: 32px;
}
.button .button-icon.size-xl svg {
  min-height: 48px;
  min-width: 48px;
}
.button .button-icon svg {
  min-height: 48px;
  min-width: 48px;
  padding: 8px;
  padding: 15%;
}
.button .button-icon svg path {
  fill: currentColor;
}
.button .button-icon + .button-label {
  padding-left: 0;
  margin-left: -0.2em;
}
.button.large {
  border-radius: 10px;
  padding-bottom: 0.6em;
  box-shadow: rgba(0, 0, 0, 0.4) 0px -0.2em 0px 0px inset;
}
.button.large .button-label {
  font-size: 24px;
  line-height: 1.6;
  font-weight: 700;
  font-stretch: 90%;
  font-feature-settings: "ss05" 1 !important;
  font-family: "ChessSansVar", sans-serif !important;
}
.button .button-label {
  white-space: nowrap;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  z-index: 10;
  font-weight: 700;
  font-size: 16px;
  padding: 0.4em 0.8em;
  font-stretch: 95%;
  font-feature-settings: "ss05" 1 !important;
  font-family: "ChessSansVar", sans-serif !important;
}
.button .button-label .inset {
  text-transform: uppercase;
  font-size: 10px;
  line-height: 0.5;
  padding-top: 0.9em;
  display: block;
  font-weight: 500;
  font-stretch: 100%;
  margin-bottom: -0.1em;
}
.button .button-label:last-child {
  padding-right: 0.8em;
}
.button .button-label:first-child:last-child {
  padding: 0.4em 0.8em;
}
.button.button-dark {
  background-color: var(--color-gray-900);
}
.button.button-nude {
  background: rgba(255, 255, 255, 0.05);
}
.button.button-nude:not(.button-toggle):hover {
  color: rgb(255, 255, 255);
}
.button.button-nude:hover {
  background: rgba(255, 255, 255, 0.075);
}
.button.button-tooltip .label {
  font-weight: 700;
  font-weight: 600;
  text-transform: capitalize;
}
.button.button-tooltip.active:hover, .button.button-tooltip.active {
  color: white;
}
.button.button-tooltip.active:hover .button-icon, .button.button-tooltip.active .button-icon {
  display: block;
}
.button.button-tooltip.active:hover .label, .button.button-tooltip.active .label {
  display: none;
}
.button.button-tooltip:hover .button-icon {
  display: none;
}
.button.button-tooltip:hover .label {
  display: block;
}
.button.button-tooltip .label {
  display: none;
}
.button.button-ghost {
  color: rgba(255, 255, 255, 0.25);
}
.button.button-ghost .button-label {
  font-weight: 550;
}
.button.button-ghost:hover {
  color: rgb(255, 255, 255);
}
.button.button-green {
  background-color: var(--color-green-300);
  box-shadow: inset 0 -4px 0 0 var(--color-green-500), 0 0px 0px 0 var(--color-green-300);
  text-shadow: 0 1.5px var(--color-green-500);
  color: white;
  padding-bottom: 4px;
  color: var(--color-gray-100);
  margin-top: 2px;
  padding-bottom: 2px;
  box-shadow: inset 0 -3px 0 0 var(--color-green-500), inset 0 -2px 30px 0 var(--color-green-200);
}
.button.button-green:hover {
  margin-top: 2px;
  padding-bottom: 2px;
  box-shadow: inset 0 -2px 0 0 var(--color-green-500), 0 -2px 20px 0 var(--color-green-300);
}
.button.button-green:hover:after {
  z-index: 0;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--color-green-400);
  opacity: 0.4;
}
.button.button-green:active:after {
  z-index: 0;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--color-green-400);
  opacity: 0.6;
}
.button.button-green svg {
  filter: drop-shadow(0 1.5px 0px var(--color-green-500));
  display: block;
  height: 32px;
  width: 32px;
}
.button.button-toggle:not(.collapsed) .button-icon + .button-icon {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.button.button-toggle.collapsed {
  color: rgba(255, 255, 255, 0.25);
}
.button.button-toggle.collapsed:hover {
  color: rgb(255, 255, 255);
}
.button.button-toggle.collapsed.button-toggle-on .button-icon:nth-child(1) {
  display: none;
}
.button.button-toggle.collapsed.button-toggle-off .button-icon:nth-child(2) {
  display: none;
}
.button.button-toggle.button-toggle-on .button-icon:nth-child(1) {
  color: rgb(255, 255, 255);
}
.button.button-toggle.button-toggle-off .button-icon:nth-child(2) {
  color: rgb(255, 255, 255);
}
.button .button-icon svg {
  display: block;
  display: inline-block;
  vertical-align: middle;
  height: 32px;
  width: 32px;
}
.button .button-icon svg path {
  fill: currentColor;
}

.v6-button-icon {
  aspect-ratio: 1;
  min-width: 0px !important;
}

.v6-button, .v6-button-ghost, .v6-button-streaming, .v6-button-secondary, .v6-button-primary {
  user-select: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-family: "ChessSansVar";
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  line-height: 28px;
  text-align: center;
  font-feature-settings: "liga" off;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s ease;
  outline: none;
}
.v6-button svg, .v6-button-ghost svg, .v6-button-streaming svg, .v6-button-secondary svg, .v6-button-primary svg {
  flex: none;
  order: 0;
  flex-grow: 0;
  fill: currentColor;
  display: block;
}
.v6-button .button-label, .v6-button-ghost .button-label, .v6-button-streaming .button-label, .v6-button-secondary .button-label, .v6-button-primary .button-label,
.v6-button svg,
.v6-button-ghost svg,
.v6-button-streaming svg,
.v6-button-secondary svg,
.v6-button-primary svg {
  filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
}

.v6-button-primary {
  padding: 16px;
  min-width: 180px;
  height: 64px;
  max-height: 64px;
  background: linear-gradient(180deg, #81B64C 0%, #5D9948 100%);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.14), 0px 2px 4px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(178, 224, 104, 0.4), inset 0px -1px 0px #45753C, inset 0px 2px 4px rgba(178, 224, 104, 0.5), inset 0px -2px 4px rgba(69, 117, 60, 0.5);
  color: #FFFFFF;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
}
.v6-button-primary svg {
  width: 32px;
  height: 32px;
}
.v6-button-primary.v6-button-auto {
  padding: 16px 28px;
}
.v6-button-primary.v6-button-auto:not(:has(.button-label)) {
  padding: 16px;
  min-width: auto;
}
.v6-button-primary:hover {
  background: linear-gradient(180deg, #8CC252 0%, #65A34F 100%);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16), 0px 4px 8px rgba(0, 0, 0, 0.12), inset 0px 1px 0px rgba(178, 224, 104, 0.5), inset 0px -1px 0px #45753C, inset 0px 2px 4px rgba(178, 224, 104, 0.6), inset 0px -2px 4px rgba(69, 117, 60, 0.6);
}
.v6-button-primary:active {
  background: linear-gradient(180deg, #76AA44 0%, #528641 100%);
  transform: translateY(0);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.14), 0px 1px 2px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(178, 224, 104, 0.3), inset 0px -1px 0px #45753C, inset 0px 2px 4px rgba(69, 117, 60, 0.6), inset 0px -2px 4px rgba(69, 117, 60, 0.7);
}
.v6-button-primary:disabled, .v6-button-primary.v6-disabled {
  cursor: not-allowed;
  opacity: 0.5;
  background: linear-gradient(180deg, #666666 0%, #555555 100%);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.1), inset 0px -1px 0px #444444;
  opacity: 0.7;
}
.v6-button-primary:disabled:hover, .v6-button-primary.v6-disabled:hover {
  transform: none;
}

.v6-button-secondary {
  padding: 16px;
  min-width: 133px;
  height: 64px;
  max-height: 64px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.14), 0px 2px 4px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  color: rgba(255, 255, 255, 0.85);
}
.v6-button-secondary svg {
  width: 32px;
  height: 32px;
  fill: rgba(255, 255, 255, 0.72);
}
.v6-button-secondary:hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.08) 100%);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.16), 0px 4px 8px rgba(0, 0, 0, 0.12), inset 0px 1px 0px rgba(255, 255, 255, 0.12);
}
.v6-button-secondary:hover svg {
  fill: rgba(255, 255, 255, 0.85);
}
.v6-button-secondary:active {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.02) 100%);
  transform: translateY(0);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.14), 0px 2px 4px rgba(0, 0, 0, 0.1), inset 0px -1px 0px rgba(255, 255, 255, 0.1);
}
.v6-button-secondary:active svg {
  fill: rgba(255, 255, 255, 0.72);
}
.v6-button-secondary:disabled, .v6-button-secondary.v6-disabled {
  cursor: not-allowed;
  opacity: 0.5;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.4);
}
.v6-button-secondary:disabled:hover, .v6-button-secondary.v6-disabled:hover {
  transform: none;
}
.v6-button-secondary:disabled svg, .v6-button-secondary.v6-disabled svg {
  fill: rgba(255, 255, 255, 0.3);
}

.v6-button-streaming {
  background: linear-gradient(180deg, #7A66F4 0%, #5E53D9 100%);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.14), 0px 2px 4px rgba(0, 0, 0, 0.1), inset 0px 1px 0px rgba(201, 172, 255, 0.4), inset 0px 2px 4px rgba(152, 129, 242, 0.5), inset 0px -1px 0px #303D8A, inset 0px -2px 4px rgba(48, 61, 138, 0.5);
  color: #FFFFFF;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
}
.v6-button-streaming svg,
.v6-button-streaming .button-icon {
  filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
  color: #FFFFFF;
  fill: #FFFFFF;
}
.v6-button-streaming:hover {
  background: linear-gradient(180deg, rgba(201, 172, 255, 0.5) 0%, rgba(201, 172, 255, 0) 100%), linear-gradient(180deg, #7A66F4 0%, #5E53D9 100%);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.14), 0px 2px 4px rgba(0, 0, 0, 0.1), inset 0px 2px 4px rgba(201, 172, 255, 0.5), inset 0px -2px 4px rgba(48, 61, 138, 0.5), inset 0px 1px 0px rgba(232, 219, 255, 0.5), inset 0px -1px 0px rgba(48, 61, 138, 0.5);
}
.v6-button-streaming:active {
  background: linear-gradient(180deg, #7A66F4 0%, #303D8A 100%);
  transform: translateY(0);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.14), 0px 2px 4px rgba(0, 0, 0, 0.1), inset 0px -1px 0px #7A66F4, inset 0px -2px 4px #5E53D9;
  color: #F6EDFF;
}
.v6-button-streaming:active svg {
  fill: #F6EDFF;
}
.v6-button-streaming:focus, .v6-button-streaming:focus-visible {
  background: linear-gradient(180deg, #7A66F4 0%, #303D8A 100%);
  border: 1px solid #FFFFFF;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.14), 0px 2px 4px rgba(0, 0, 0, 0.1), inset 0px 0px 0px 3px #0069AB, inset 0px 1px 0px rgba(77, 195, 234, 0.4), inset 0px -1px 0px #0B548C, inset 0px 2px 4px rgba(77, 195, 234, 0.5), inset 0px -2px 4px rgba(8, 58, 102, 0.5);
  outline: none;
}
.v6-button-streaming:disabled, .v6-button-streaming.v6-disabled {
  cursor: not-allowed;
  opacity: 0.5;
  background: linear-gradient(180deg, #7A66F4 0%, #5E53D9 100%);
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}
.v6-button-streaming:disabled:hover, .v6-button-streaming.v6-disabled:hover {
  transform: none;
}
.v6-button-streaming:disabled svg, .v6-button-streaming.v6-disabled svg {
  fill: rgba(255, 255, 255, 0.6);
}

.v6-button-sm,
.v6-button-md {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  border-radius: 5px;
  padding: 8px 16px;
}

.v6-button-sm {
  min-width: 93px;
  height: 32px;
  max-height: 32px;
}
.v6-button-sm svg {
  width: 20px;
  height: 20px;
}

.v6-button-md {
  min-width: 97px;
  height: 40px;
  max-height: 40px;
}
.v6-button-md svg {
  width: 20px;
  height: 20px;
}

.v6-button-lg {
  min-width: 111px;
  height: 48px;
  max-height: 48px;
  padding: 12px 16px;
  font-weight: 700;
  font-size: 17px;
  line-height: 20px;
}
.v6-button-lg svg {
  width: 24px;
  height: 24px;
}

.v6-button-xl,
.v6-button-xxl {
  font-weight: 700;
  font-size: 22px;
  line-height: 28px;
}

.v6-button-xl {
  min-width: 124px;
  height: 56px;
  max-height: 56px;
  padding: 12px 16px;
}
.v6-button-xl svg {
  width: 32px;
  height: 32px;
}

.v6-button-xxl {
  min-width: 133px;
  height: 64px;
  max-height: 64px;
  padding: 16px;
}
.v6-button-xxl svg {
  width: 32px;
  height: 32px;
}

.v6-button-full {
  width: 100%;
}

.v6-button-auto {
  min-width: auto;
}

.v6-button-primary.v6-button-selected,
.v6-button-primary[aria-selected=true],
.v6-button-secondary.v6-button-selected,
.v6-button-secondary[aria-selected=true],
.v6-button-tertiary.v6-button-selected,
.v6-button-tertiary[aria-selected=true],
.v6-button-ghost.v6-button-selected,
.v6-button-ghost[aria-selected=true] {
  position: relative;
}
.v6-button-primary.v6-button-selected:after,
.v6-button-primary[aria-selected=true]:after,
.v6-button-secondary.v6-button-selected:after,
.v6-button-secondary[aria-selected=true]:after,
.v6-button-tertiary.v6-button-selected:after,
.v6-button-tertiary[aria-selected=true]:after,
.v6-button-ghost.v6-button-selected:after,
.v6-button-ghost[aria-selected=true]:after {
  border-radius: 12px;
  content: "";
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  box-shadow: 0 0 0 2px var(--color-green-300);
  position: absolute;
  pointer-events: none;
}

/* Add your modal styles here */
.spinner {
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  border-top: 4px solid #3498db;
  width: 20px;
  height: 20px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.modal-message {
  padding: 10px;
  border-radius: 5px;
  margin-top: 10px;
}

.modal-message.success {
  background-color: #d4edda;
  color: #155724;
}

.modal-message.error {
  background-color: #f8d7da;
  color: #721c24;
}

.modal-tab-nav {
  display: flex;
  margin: -32px;
  margin-bottom: 32px;
}
.modal-tab-nav div {
  flex: 1;
  cursor: pointer;
  padding: 20px 32px;
  background: rgba(0, 0, 0, 0.2);
}
.modal-tab-nav div h2 {
  white-space: nowrap;
  text-align: center;
  font-weight: 100;
  color: var(--color-gray-600);
}
.modal-tab-nav div:hover h2 {
  color: var(--color-gray-100);
}
.modal-tab-nav div.active {
  background: transparent;
}
.modal-tab-nav div.active h2 {
  font-weight: 600;
  color: var(--color-gray-100);
}

.modal-wrapper {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1000000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
}
.modal-wrapper:after {
  content: "";
  display: block;
  background: var(--color-gray-800);
  background: rgb(19, 19, 19);
  opacity: 0.9;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
}
.modal-wrapper label {
  font-family: "ChessSansVar";
  font-size: 11px;
  line-height: 1;
  font-weight: 100;
  text-transform: uppercase;
  top: 0;
  flex: 1;
  position: absolute;
  padding: 0.5em 0.75em;
  color: var(--color-gray-500);
  margin: 0;
  z-index: 100;
  pointer-events: none;
}
.modal-wrapper input {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  position: relative;
  text-decoration: none;
  color: white;
  color: var(--color-gray-100);
  border: none;
  outline: none;
  align-content: center;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  padding: 0px;
  vertical-align: middle;
  cursor: pointer;
  text-indent: 8px;
  line-height: 28px;
  padding-top: 12px;
  cursor: text;
  width: 100%;
  font-size: 14px;
}
.modal-wrapper input:hover {
  background: rgba(255, 255, 255, 0.15);
}
.modal-wrapper input:focus {
  background: rgba(255, 255, 255, 0.15);
}
.modal-wrapper input:active {
  background: rgba(255, 255, 255, 0.2);
}
.modal-wrapper input:hover + label {
  color: var(--color-gray-100);
}
.modal-wrapper input:focus + label {
  color: var(--color-gray-500);
}
.modal-wrapper input:hover:focus + label {
  color: var(--color-gray-100);
}
.modal-wrapper .modal {
  background: var(--color-gray-900);
  padding: 32px;
  border-radius: 12px;
}
.modal-wrapper .form-appendix {
  margin-left: -32px;
  margin-right: -32px;
  margin-bottom: -32px;
  padding-bottom: 24px;
  background: rgba(0, 0, 0, 0.1);
}
.modal-wrapper .form-appendix button {
  display: block;
  width: 100%;
}
.modal-wrapper .form-appendix .button-ghost {
  margin-bottom: -12px;
}
.modal-wrapper form {
  min-width: 250px;
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.modal-wrapper form .input-group + .input-group {
  margin-top: 12px;
}
.modal-wrapper form .input-group {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  position: relative;
}
.modal-wrapper form .button {
  width: 100%;
}
.modal-wrapper form:last-child .form-footer {
  margin-bottom: -32px;
  padding-bottom: 32px;
}
.modal-wrapper form .form-footer {
  margin-left: -32px;
  margin-right: -32px;
  margin-top: 12px;
  padding-top: 24px;
  padding-left: 32px;
  padding-right: 32px;
  background: rgba(0, 0, 0, 0.1);
}

.architecture-category ul,
ul.table {
  margin-top: 10px;
  margin-bottom: 30px;
}
.architecture-category ul li + li,
ul.table li + li {
  border-top: 2px solid var(--color-gray-800);
}
.architecture-category ul li,
ul.table li {
  padding: 0.75em 1em;
  font-family: "ChessSansVar";
  background-color: var(--color-gray-900);
}
.architecture-category ul li:first-child,
ul.table li:first-child {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
}
.architecture-category ul li:last-child,
ul.table li:last-child {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}

h4 + .table {
  margin-top: 1rem;
}

.table + h4 {
  margin-top: 2rem;
}

.table.right-wrong th:nth-child(2) {
  color: var(--color-green-300);
  font-weight: 800;
}
.table.right-wrong th:nth-child(3) {
  color: var(--color-red-200);
  font-weight: 800;
}

table.table {
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  position: relative;
  color: var(--color-gray-400);
  border: 1px solid var(--color-gray-800);
  border-radius: 1.6rem;
  box-sizing: border-box;
  background: var(--color-gray-850);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
table.table th:last-child,
table.table td:last-child {
  border-right: 0; /* Remove right border from the last cell in each row */
}
table.table tr:first-child td {
  border-top: 0; /* Remove top border from the first row */
}
table.table tr:last-child td {
  border-bottom: 0; /* Remove bottom border from the last row */
}
table.table th, table.table td {
  border: none;
  font-size: 16px;
  line-height: 1.4;
  text-align: left;
  padding: 0.75em 1em;
  text-wrap: balance;
  vertical-align: top;
}
table.table th {
  padding: 1.6rem 2.4rem;
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--color-text-bolder);
  background: var(--color-gray-850);
  border-bottom: 2px solid var(--color-gray-850);
  border-right: 2px solid var(--color-gray-850);
}
table.table th:last-child {
  border-right: none;
}
table.table.no-wrap td {
  white-space: nowrap;
}
table.table .table-sub-section td,
table.table .table-section td {
  padding: 0;
  font-size: 28px;
  font-weight: 600;
  background: transparent;
}
table.table .table-sub-section + tr td:first-child {
  border-top-left-radius: 12px;
}
table.table .table-sub-section + tr td:last-child {
  border-top-right-radius: 12px;
}
table.table .main + .sub tr:first-child td {
  padding-top: 0em;
}
table.table tbody:not(:first-child) .table-section td {
  padding-top: 2em;
}
table.table .table-sub-section td {
  line-height: 1.25;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  color: var(--color-gray-500);
}
table.table thead .font-width-name {
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  position: relative;
}
table.table thead .font-width-name span {
  top: 0;
  left: 0;
  width: 100%;
  position: absolute;
  opacity: 0.25;
  padding: 6px;
  overflow: hidden !important;
  text-overflow: ellipsis;
  display: block;
}
table.table tbody th {
  position: relative;
}
table.table tr:not(.table-sub-section) {
  counter-increment: table-rows;
}
table.table tr:last-child td:first-child {
  border-bottom-left-radius: 12px;
}
table.table tr:last-child td:last-child {
  border-bottom-right-radius: 12px;
}
table.table tr:first-child td {
  padding-top: 2rem;
}
table.table tr:last-child td {
  padding-bottom: 2rem;
}
table.table tr td {
  padding: 1.6rem 2.4rem;
  font-size: 1.6rem;
  font-family: "ChessSansVar";
  color: var(--color-text-subtle);
  color: var(--color-gray-500);
  background-color: var(--color-gray-900);
  border-right: 2px solid var(--color-gray-850);
}
table.table tr td > strong {
  color: var(--color-text-bolder);
  font-weight: 600;
}
table.table tr td > b {
  font-weight: 720;
}
table.table tr td:last-child {
  border-right: none;
}
table.table tr:not(:last-child) td {
  border-bottom: 2px solid var(--color-gray-850);
}

.icon-filename {
  text-align: center;
  display: block;
  cursor: pointer;
  font-size: 1rem;
  line-height: 0.8;
  color: var(--color-text-muted);
  opacity: 0.5;
  display: block;
  margin-top: 0.5rem;
  text-transform: uppercase;
}
.icon-filename:hover {
  opacity: 0.75;
}

#glyphs-lessons label {
  display: block;
  margin-bottom: 0.4em;
}
#glyphs-lessons td:not(:nth-child(3)) {
  white-space: nowrap;
  width: 0;
}
#glyphs-lessons tr:hover a {
  display: inline-block;
}
#glyphs-lessons tr a {
  display: inline-block;
  text-align: center;
  font-size: 12px;
  line-height: 1.65;
  padding: 0.75em 1em;
  text-decoration: none;
  opacity: 0.25;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
#glyphs-lessons tr a:hover {
  opacity: 1;
}
.table-wrap {
  counter-reset: counterLessons; /* Initialize a counter named 'counterLessons' */
}
.table-wrap .row-counter {
  font-weight: 600;
  font-feature-settings: "tnum" 1;
  counter-increment: counterLessons; /* Increment the counter for each th */
}
.table-wrap .row-counter:before {
  content: counter(counterLessons); /* Show the current counter value */
  display: inline-block; /* Ensure it behaves like text */
}

.table-wrap + h1,
.table-wrap + h2,
.table-wrap + h3,
.table-wrap + h4 {
  margin-top: 4.8rem !important;
}

.table-wrap {
  max-height: 100%;
  overflow-y: scroll;
}
.table-wrap table {
  width: 100%;
  border-collapse: collapse;
}
.table-wrap table th:nth-child(2), .table-wrap table td:nth-child(2),
.table-wrap table th:first-child, .table-wrap table td:first-child {
  border-left: 0; /* Remove left border from the first cell in each row */
}
.table-wrap table th:first-child, .table-wrap table td:first-child {
  padding-left: 0;
  white-space: nowrap;
}
.table-wrap table th:first-child p, .table-wrap table td:first-child p {
  white-space: normal;
  min-width: 300px;
}
.table-wrap table th:last-child, .table-wrap table td:last-child {
  border-right: 0; /* Remove right border from the last cell in each row */
}
.table-wrap table tr:first-child th, .table-wrap table tr:first-child td {
  border-top: 0; /* Remove top border from the first row */
}
.table-wrap table tr:last-child th, .table-wrap table tr:last-child td {
  border-bottom: 0; /* Remove bottom border from the last row */
}
.table-wrap table th, .table-wrap table td {
  border-top: 2px dotted var(--color-gray-800);
  font-size: 16px;
  line-height: 1.25;
  text-align: left;
  padding: 0.75em 1em;
  text-wrap: balance;
}
.table-wrap table .icon + td {
  padding-left: 0;
}
.table-wrap table th {
  color: rgba(255, 255, 255, 0.2);
}
.table-wrap table th:nth-child(1) {
  width: 0%;
}
.table-wrap table.no-wrap td {
  white-space: nowrap;
}
.table-wrap table .table-sub-section td,
.table-wrap table .table-section td {
  padding: 0;
  font-size: 28px;
  font-weight: 600;
  background: transparent !important;
}
.table-wrap table tr:first-child td:nth-child(2),
.table-wrap table .table-sub-section + tr td:nth-child(2) {
  border-top-left-radius: 12px;
}
.table-wrap table tr:first-child td:last-child,
.table-wrap table .table-sub-section + tr td:last-child {
  border-top-right-radius: 12px;
}
.table-wrap table .main + .sub tr:first-child td {
  padding-top: 0em;
}
.table-wrap table tbody:not(:first-child) .table-section td {
  padding-top: 2em;
}
.table-wrap table .table-sub-section td {
  line-height: 1.25;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  color: var(--color-gray-500);
}
.table-wrap table svg path {
  fill: currentColor;
}
.table-wrap table > svg {
  aspect-ratio: 1;
  min-height: 48px;
  min-width: 48px;
  display: inline-block;
  vertical-align: middle;
  max-width: 48px;
  max-height: 48px;
}
.table-wrap table thead .font-width-name {
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  position: relative;
}
.table-wrap table thead .font-width-name span {
  top: 0;
  left: 0;
  width: 100%;
  position: absolute;
  opacity: 0.25;
  padding: 6px;
  overflow: hidden !important;
  text-overflow: ellipsis;
  display: block;
}
.table-wrap table tbody th {
  position: relative;
}
.table-wrap table tr:not(.table-sub-section) {
  counter-increment: table-rows;
}
.table-wrap table tr:last-child td:nth-child(2) {
  border-bottom-left-radius: 12px;
}
.table-wrap table tr:last-child td:last-child {
  border-bottom-right-radius: 12px;
}
.table-wrap table tr td:not(:first-child) {
  font-family: "ChessSansVar";
  background-color: var(--color-gray-900);
}

.mobile-nav {
  overflow: hidden !important;
  overflow-y: hidden !important;
  touch-action: none;
}

#mobile-nav-background-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  z-index: 90000;
  pointer-events: none;
  overflow: hidden;
}

#mobile-nav-background {
  background-color: #1a1a1c;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  z-index: 90000;
  pointer-events: none;
  transform: translateY(-100%);
  animation-fill-mode: forwards;
  animation-duration: 0.5s;
}
.mobile-in #mobile-nav-background {
  pointer-events: auto;
  animation-name: sc-in;
}
.mobile-out #mobile-nav-background {
  animation-name: sc-out;
  pointer-events: auto;
}

#mobile-nav {
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  z-index: 100000;
  padding: 15px 30px;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 25px !important;
  transition: all 0.125s ease-in-out 0s;
  transform: translateY(-20px);
}
#mobile-nav div {
  font-size: 11px;
  color: white;
  padding-top: 5px;
}
#mobile-nav ul {
  padding: 0;
}
.mobile-nav #mobile-nav {
  transition: all 0.25s ease-in-out 0.15s;
  transform: translateY(0px);
  opacity: 1;
  pointer-events: auto;
}
#mobile-nav ul {
  pointer-events: none;
}
#mobile-nav ul:nth-child(1) {
  transition-delay: 0s;
}
#mobile-nav ul:nth-child(2) {
  transition-delay: 0s;
}
#mobile-nav ul:nth-child(3) {
  transition-delay: 0s;
}
#mobile-nav ul:nth-child(4) {
  transition-delay: 0s;
}
.mobile-nav #mobile-nav ul {
  opacity: 1;
  pointer-events: auto;
}
.mobile-nav #mobile-nav ul:nth-child(1) {
  transition-delay: 0.05s;
}
.mobile-nav #mobile-nav ul:nth-child(2) {
  transition-delay: 0.1s;
}
.mobile-nav #mobile-nav ul:nth-child(3) {
  transition-delay: 0.15s;
}
.mobile-nav #mobile-nav ul:nth-child(4) {
  transition-delay: 0.2s;
}

#mobile-nav-directions {
  border-bottom: 2px dotted rgba(243, 233, 232, 0.125);
  margin-bottom: 20px;
  display: none;
}

#mobile-nav-secondary {
  z-index: 100010;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  text-transform: uppercase;
  font-size: 12px;
  z-index: 10000;
  padding: 0;
  margin: 0;
  padding: 0;
  margin-bottom: 4vmin;
  list-style: none;
  line-height: 2;
  max-width: 700px;
}
#mobile-nav-secondary > li {
  line-height: 1.2;
  display: inline-block;
  font-size: 12px;
  letter-spacing: 0.1em;
  margin: 0 0.75vmin;
}

#mobile-nav-tertiary {
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: none;
}
#mobile-nav-tertiary a img {
  display: block;
  height: 20px;
}
#mobile-nav-tertiary a {
  display: inline-block;
  color: var(--color-light);
  height: 44px;
  text-align: center;
  text-transform: uppercase;
  line-height: 44px;
}
#mobile-nav-tertiary a:not(:last-child) i {
  margin-right: 1em;
}
#mobile-nav-tertiary a img {
  display: inline-block;
  vertical-align: middle;
}
#mobile-nav-tertiary a i {
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
}
@media only screen and (max-width: 700px) {
  #mobile-nav-tertiary a i {
    display: none;
  }
}

.invert {
  filter: invert(100%) hue-rotate(180deg);
}
.invert .personal-message img {
  filter: invert(100%) hue-rotate(180deg);
}
.invert #day-toggle .sun span {
  margin-left: -5px;
  width: 10px;
}

#day-toggle {
  outline: none;
  transition: transform 0.35s ease-in-out 0.1s;
  pointer-events: auto;
  position: fixed;
  z-index: 100010;
  top: 0;
  right: 50px;
  background: transparent;
  background: black;
  border: none;
  border-radius: 50px;
  padding: 0;
  height: 45px;
  width: 45px;
  margin: 6px;
  display: none;
}
#day-toggle .moon {
  width: 14px;
  height: 14px;
  border: 2px solid var(--color-light);
  display: inline-block;
  background: black;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -7px;
  margin-top: -7px;
}
#day-toggle:hover .sun span {
  width: 18px;
  margin-left: -9px;
}
#day-toggle .sun {
  width: 14px;
  height: 14px;
  border: 2px solid var(--color-light);
  display: inline-block;
}
#day-toggle .sun span {
  transition: all 0.25s ease-in-out 0s;
  width: 24px;
  height: 2px;
  background: var(--color-light);
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  margin-left: -12px;
}
#day-toggle .sun span:nth-child(1) {
  transform: rotate(0deg);
}
#day-toggle .sun span:nth-child(2) {
  transform: rotate(45deg);
}
#day-toggle .sun span:nth-child(3) {
  transform: rotate(90deg);
}
#day-toggle .sun span:nth-child(4) {
  transform: rotate(135deg);
}
#day-toggle > i {
  border-radius: 50%;
  height: 45px;
  width: 45px;
  margin: 6px;
  background: black;
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: column;
  justify-content: center;
}
#day-toggle > i span {
  font-size: 20px;
  font-style: normal;
}

#mobile-nav-toggle {
  cursor: pointer;
  outline: none;
  transition: transform 0.125s ease-in-out 0s;
  pointer-events: auto;
  position: fixed;
  z-index: 100010;
  top: 0;
  right: 0;
  background: transparent;
  border: none;
  padding: 0;
  width: 65px;
  height: 60px;
}
.mobile-nav #mobile-nav-toggle span:nth-child(1) {
  transform: translateY(4px) rotate(-90deg) scale(0, 1);
}
.mobile-nav #mobile-nav-toggle span:nth-child(2) {
  transform: translateY(-4px) rotate(0deg) scale(1, 1);
}
.mobile-nav #mobile-nav-toggle span {
  transition: all 0.125s ease-in-out 0s;
}
#mobile-nav-toggle:hover span:nth-child(1) {
  transform: translateY(4px) rotate(-90deg) scale(1, 1);
}
#mobile-nav-toggle:hover span:nth-child(2) {
  transform: translateY(-4px) rotate(0) scale(1, 1);
}
.mobile-nav #mobile-nav-toggle:hover span:nth-child(1) {
  transform: translateY(4px) rotate(-90deg) scale(0, 1);
}
.mobile-nav #mobile-nav-toggle:hover span:nth-child(2) {
  transform: translateY(-4px) rotate(0deg) scale(1, 1);
}
#mobile-nav-toggle:hover span {
  transition: all 0.125s ease-in-out 0s;
}
#mobile-nav-toggle > i {
  background: rgba(23, 23, 26, 0.5);
  box-shadow: 0 0 20px 7px rgb(23, 23, 26);
  display: inline-block;
  border-radius: 50%;
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: column;
  justify-content: center;
}
#mobile-nav-toggle span + span {
  margin-top: 7px;
}
#mobile-nav-toggle span {
  transition: all 0.125s ease-in-out 0s;
  display: block;
  background: white;
  height: 1px;
  width: 20px;
}
#mobile-nav-toggle:hover i {
  transform: scale(0.9, 0.9);
}
#mobile-nav-main {
  padding: 0;
  flex: 100;
  justify-content: center;
  display: flex;
  flex-direction: column;
  white-space: normal;
  align-content: center;
  align-items: center;
  text-align: center;
}
#mobile-nav-main ul {
  text-align: center;
  width: 100vw;
}
#mobile-nav-main li {
  min-width: 20px;
  cursor: pointer;
  position: relative;
  padding: 0;
}
#mobile-nav-main li a {
  cursor: pointer;
  display: block;
  text-shadow: none;
  position: relative;
  font-weight: 400;
}
#mobile-nav-main li a:hover {
  opacity: 1;
}
#mobile-nav-main li a:hover span {
  opacity: 1;
  font-weight: 700;
}
#mobile-nav-main li a:hover img {
  opacity: 1;
  transform: scale(1, 1);
}
#mobile-nav-main li a:hover svg path {
  stroke-width: 9px; /*Between 1px and 2px*/
}
#mobile-nav-main li a img {
  height: 70px;
  margin-bottom: 15px;
  transition: all 0.125s ease-in-out 0s;
  transform: scale(1, 1);
}
#mobile-nav-main li a img:hover {
  transform: scale(1.1, 1.1);
}
#mobile-nav-main li a span {
  cursor: pointer;
  line-height: 1.7;
  line-height: 7vh;
  font-size: 5vmin;
  letter-spacing: 0.05em;
  font-weight: 500;
  padding: 5px 5px;
  display: block;
}
@media only screen and (max-width: 600px) {
  #mobile-nav-main li a span {
    font-size: 10vmin;
  }
}
#mobile-nav-main li a p {
  letter-spacing: 0.0125em;
  padding: 15px;
  font-size: 12px;
  line-height: 1.4;
  font-weight: normal;
  text-transform: none;
  margin: 0;
  display: none;
}
#mobile-nav-main li a svg {
  cursor: pointer;
  padding: 10px;
  padding-bottom: 20px;
  transform: scale(0.96, 0.96);
  transition: all 0.5s ease-in-out 0s;
  transform: scale(1.25, 1.25);
  opacity: 0;
  display: none;
}
.mobile-nav #mobile-nav-main li a svg {
  opacity: 1;
  transition: all 0.5s ease-in-out 0.3s;
  transform: scale(1, 1);
}
#mobile-nav-main li a svg path {
  transition: stroke-width 0.1s ease-in-out 0s;
  stroke-width: 3px; /*Between 1px and 2px*/
}

.inspector-open + #all-tags-wrapper {
  display: none !important;
}

#all-tags-wrapper {
  z-index: 1000;
  flex: 10;
  height: auto;
  min-width: 250px;
  max-height: 100vh;
  position: sticky;
  top: 0;
  overflow: scroll;
  flex: unset;
  height: 0px;
  background-color: var(--color-gray-900);
  padding: 16px 24px;
}
#all-tags-wrapper.closed {
  display: none;
}

#view-tags {
  display: none;
}

.tag-container {
  position: relative;
  column-gap: 0px;
  column-fill: balance;
  column-width: 90px;
  padding-top: 4em;
}
.tag-container:not(:first-child) {
  margin-top: 1em;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

#all-tags {
  opacity: 1;
  max-width: 100%;
  overflow: hidden;
  counter-reset: alltags;
  position: relative;
  orphans: 1;
  widows: 1;
}
#all-tags h1 {
  padding-top: 0.25em;
}

.tag-container {
  width: 100%;
  font-size: 13px;
  line-height: 1.55;
}
@media only screen and (max-width: 768px) {
  .tag-container {
    font-size: 11px;
    max-height: 8em;
  }
}
.tag-container .letter {
  position: absolute;
  top: 10px;
  color: var(--foreground);
  opacity: 1;
  font-weight: 600;
  font-size: 200%;
  font-size: 28px;
}
.tag-container .tag {
  display: block;
  width: 100%;
  counter-increment: alltags;
  display: block !important;
  padding: 0;
  margin-top: 0.5em;
  background: transparent;
  text-transform: capitalize;
  margin: 0;
  color: var(--foreground);
  opacity: 0.5;
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 1em;
  cursor: pointer;
}
.tag-container .tag:after {
  content: " " attr(data-tag-count);
  opacity: 0.5;
}
.tag-container .tag.active:before {
  content: "✓ ";
}
.tag-container .tag.active, .tag-container .tag:hover {
  opacity: 1;
}

.section-placeholder {
  display: block;
}

.zoomed {
  justify-content: space-between;
  background-color: var(--color-gray-800);
  transition: top 0.25s ease, left 0.25s ease, width 0.25s ease, height 0.25s ease, opacity 0.25s ease;
  z-index: 10000;
  cursor: default;
  top: 0;
  left: 0;
  position: fixed;
  height: 100%;
  width: 100%;
  max-height: 100vh;
  overflow: scroll;
}
.zoomed .table-wrap {
  overflow: visible;
}

.section-title {
  opacity: 1;
  transition: opacity 0.25s ease;
}

body.overflow-hidden {
  overflow: hidden;
}
body.overflow-hidden #sandwhich {
  opacity: 1;
}

#sandwhich {
  transition: opacity 0.25s ease;
  opacity: 0;
  pointer-events: none;
  z-index: 90000;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  position: fixed;
  height: 100%;
  width: 100%;
}

div + .font-testers-config {
  margin-top: 2px;
}

.range-segmented {
  position: sticky;
  bottom: 12px;
  background-color: var(--color-gray-800);
  box-shadow: 0 4px 8px 17px var(--color-gray-800);
}

.font-testers-config {
  display: flex;
  gap: 2px;
  border-radius: 10px;
  overflow: hidden;
  position: sticky;
  bottom: 12px;
  background-color: var(--color-gray-800);
  box-shadow: 0 4px 8px 16px var(--color-gray-800);
  margin-top: 12px;
  min-height: 40px;
}
@media only screen and (max-width: 1000px) {
  .font-testers-config {
    flex-direction: column;
  }
}
.font-testers-config .stylistic-sets {
  width: 100%;
}
.font-testers-config .stylistic-sets button {
  line-height: 1;
  height: unset;
}
.font-testers-config .stylistic-sets button .button-icon {
  font-size: 15vmin;
}
.font-testers-config .stylistic-sets button span {
  position: relative;
  top: -0.33em;
}
.font-testers-config > *,
.font-testers-config .stylistic-sets,
.font-testers-config .shuffle-languages {
  display: flex;
  gap: 2px;
}
.font-testers-config input[type=range]::-webkit-slider-runnable-track {
  height: 44px;
  border-radius: 0;
  box-shadow: none;
}
.font-testers-config input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  background-color: #817e7f;
  height: 100%;
  width: 4px;
  background-clip: content-box;
  border: none;
  border-radius: 0;
  cursor: pointer;
}
.font-testers-config .button {
  border-radius: 0px;
  flex: 1;
  height: 44px;
  width: 44px;
  background-color: var(--color-gray-900);
}

.size-inputs.inline {
  position: relative;
  display: flex;
  width: 100%;
}
.size-inputs.inline .line-height {
  position: absolute;
  letter-spacing: 0.1em;
  font-size: 9px !important;
  line-height: 1;
  opacity: 0.4;
  text-transform: uppercase;
  text-align: right;
  top: 0;
  right: 0;
  padding: 8px;
}
.size-inputs.inline .size-input {
  width: unset;
  position: absolute;
  line-height: 1;
  padding: 0;
  background-color: transparent;
  pointer-events: none;
  opacity: 0.2;
  letter-spacing: 0.1em;
  font-size: 9px !important;
  opacity: 0.4;
  text-transform: uppercase;
  padding: 8px;
}
.size-inputs.inline .size-input.right {
  left: 10px;
}
.size-inputs.inline .size-input.left {
  right: 10px;
}

.paragraphs-inner {
  position: relative;
  overflow: hidden;
  flex: 1;
}
.paragraphs-inner.inline p {
  display: inline;
}

.long-text {
  background-color: var(--color-gray-900);
  border-radius: 12px;
  padding: 4vmin;
  column-gap: 48px;
  orphans: 0;
  widows: 1;
  max-height: 750px;
  hyphens: auto;
  overflow: hidden;
  hyphens: auto;
  line-height: 1.6;
}
.zoomed .long-text {
  max-height: 100%;
  height: 100%;
}
.long-text p + p {
  margin-top: 0;
}
.long-text p {
  color: var(--color-gray-100);
  margin: 0;
  display: inline;
  font-size: inherit;
}
.long-text p b {
  color: var(--color-gray-100);
  font-weight: unset;
}

.box {
  border-radius: 12px;
  overflow: hidden;
  background-color: var(--color-gray-900);
  display: block;
  position: relative;
}
.box .tabs {
  background: rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid var(--borderColor);
  display: flex;
  list-style: none;
  margin: 0 0 2.5rem;
  padding: 0;
  margin-left: -24px;
  margin-right: -24px;
  margin-top: -24px;
}
.box .tabs .tab {
  width: 50%;
}
.box .tabs .tab {
  align-items: center;
  background-color: transparent;
  border: 0;
  border-bottom: 0.2rem solid transparent;
  color: var(--tabTitleColor);
  display: flex;
  font-size: 1.4rem;
  font-weight: 500;
  height: 5rem;
  justify-content: center;
  margin: 0;
  padding: 0.3rem;
  text-align: center;
  width: 100%;
  word-break: break-word;
  color: rgba(255, 255, 255, 0.4);
  letter-spacing: 0;
}
.box .tabs .tab.active {
  border-bottom-color: var(--tabSelectedBorderColor);
  color: var(--tabSelectedTitleColor);
}

#tnum {
  letter-spacing: 0;
  font-size: 20vmin;
  line-height: 1;
  padding: 100px 0;
  white-space: nowrap;
}

.opentype-features-browse,
.weights {
  overflow: hidden;
  border-radius: 12px;
  list-style: none;
  font-size: 12px;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  font-family: "ChessSansVar", sans-serif !important;
}
.opentype-features-browse.locked li.active:hover:before,
.opentype-features-browse.locked li.active:before,
.weights.locked li.active:hover:before,
.weights.locked li.active:before {
  content: "🔒" !important;
  font-size: 200%;
  padding-top: 0.125em;
}
.opentype-features-browse li,
.weights li {
  color: rgba(255, 255, 255, 0.25);
  text-align: center;
  display: flex;
  align-content: space-between;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  flex: 1;
}
.opentype-features-browse li:before,
.weights li:before {
  line-height: 1.8;
  font-size: 12px;
  content: attr(weight-class);
  display: block;
  width: 100%;
  text-align: center;
  padding: 8px 16px;
}
.opentype-features-browse li:after,
.weights li:after {
  content: attr(name);
  font-size: 12px;
  display: block;
  padding: 24px 24px;
  line-height: 1.8;
  width: 100%;
  max-width: 100%;
  text-align: center;
  padding: 8px 16px;
}
.opentype-features-browse li.active,
.weights li.active {
  color: rgb(255, 255, 255);
}
.opentype-features-browse li.active:after,
.weights li.active:after {
  opacity: 1;
}
.opentype-features-browse li:hover,
.weights li:hover {
  color: white;
}

.opentype-features-browse li:before {
  content: attr(opentype-feature);
}

#ChessSans-Stage {
  overflow: hidden;
  background-color: var(--color-gray-900);
  border-radius: 12px;
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}
#ChessSans-Stage #ChessSans-input {
  font-size: clamp(100px, 20vw, 300px);
  display: block;
  width: 100%;
  text-align: center;
  line-height: 1;
  font-size: 22.5vw;
  line-height: 55vh;
}
.zoomed #ChessSans-Stage #ChessSans-input {
  line-height: 100vh;
}
#ChessSans-Stage .input-target {
  letter-spacing: -0.03em;
  white-space: nowrap;
  position: relative;
  pointer-events: none;
}
#ChessSans-Stage .input-target:after {
  top: 50%;
  margin-top: -0.175em;
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 1.1em;
  width: 0.025em;
  margin-right: -0.05em;
  margin-left: 0.05em;
  background-color: var(--color-blue-500);
  animation: blink-caret 0.8s infinite;
}

.guides {
  pointer-events: none;
  z-index: 10;
  position: absolute;
  width: 100%;
  top: 50%;
  opacity: 0.5;
}
.weight-100 .guides .xheight {
  margin-top: -0.165em;
}
.weight-200 .guides .xheight {
  margin-top: -0.1675em;
}
.weight-300 .guides .xheight {
  margin-top: -0.17em;
}
.weight-400 .guides .xheight {
  margin-top: -0.1725em;
}
.weight-500 .guides .xheight {
  margin-top: -0.175em;
}
.weight-600 .guides .xheight {
  margin-top: -0.18em;
}
.weight-700 .guides .xheight {
  margin-top: -0.185em;
}
.weight-800 .guides .xheight {
  margin-top: -0.19em;
}
.weight-900 .guides .xheight {
  margin-top: -0.195em;
}
.guides li {
  position: absolute;
  width: 100%;
  border-top: 2px dotted var(--color-gray-700);
}
.guides .ascender {
  margin-top: -0.3875em;
}
.guides .cap {
  margin-top: -0.35em;
}
.guides .base {
  margin-top: 0.36em;
}
.guides .descender {
  margin-top: 0.555em;
}

#font-browser {
  display: flex;
  gap: 32px;
}
@media only screen and (max-width: 1000px) {
  #font-browser {
    flex-direction: column;
  }
}
#font-browser #font-container {
  flex: 3;
  min-width: calc(40% - 16px);
}
#font-browser #font-inspector {
  min-width: calc(60% - 16px);
  flex: 5;
}
#font-browser #font-inspector #font-character-meta {
  border-top: 2px dotted rgba(50, 50, 50, 0.75);
  line-height: 1.8;
  position: absolute;
  bottom: 0;
  width: 100%;
  color: var(--color-gray-600);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding-left: 24px;
}
#font-browser #font-inspector #font-character-meta #font-character-name {
  color: var(--color-gray-300);
}
#font-browser #font-inspector-inner {
  top: 15px;
  position: sticky;
}
#font-browser #font-inspector-inner h2 {
  margin: 0;
  font-size: 12px;
  line-height: 34px;
  font-weight: 400;
  font-weight: 100;
  break-inside: avoid;
  color: rgba(255, 255, 255, 0.25);
}
#font-browser #font-inspector-inner h2 span:hover, #font-browser #font-inspector-inner h2 span.active {
  color: rgb(255, 255, 255);
}
#font-browser #font-character-wrap {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
  flex-direction: column;
}
#font-browser #font-character {
  background-color: var(--color-gray-900);
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  text-align: center;
  width: 100%;
}
#font-browser #font-character #font-character-preview {
  font-size: 25vw;
  line-height: 92vh;
  pointer-events: none;
}
@media only screen and (max-width: 1000px) {
  #font-browser #font-character #font-character-preview {
    font-size: 50vw;
  }
}
#font-browser #font-character #font-character-preview .default-char {
  z-index: 0;
  position: relative;
}
#font-browser #font-character #font-character-preview .prev-char,
#font-browser #font-character #font-character-preview .next-char {
  opacity: 0.5;
  z-index: -1;
  position: absolute;
  color: var(--color-gray-900);
  text-shadow: 0 0 1px var(--color-gray-700), 1px 1px 1px var(--color-gray-700), -1px -1px 1px var(--color-gray-700), 1px -1px 1px var(--color-gray-700), -1px 1px 1px var(--color-gray-700);
}
#font-browser #font-character #font-character-preview .prev-char {
  right: 100%;
}
#font-browser #font-character #font-character-preview .next-char {
  left: 100%;
}
#font-browser #font-character .weights li:after {
  display: none;
}

.zoomed #font-container {
  overflow: scroll;
  height: 100vh;
}
#font-container h2 {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  font-weight: 100;
  break-inside: avoid;
  padding-top: 8px;
  padding-bottom: 8px;
  opacity: 0.25;
}
#font-container .character-group {
  break-inside: avoid;
}
#font-container .character-group:hover h2 {
  opacity: 1;
}
#font-container .character-group.active h2 {
  opacity: 1;
}
@media only screen and (max-width: 1000px) {
  #font-container .character-group.active h2 {
    display: none;
  }
}
#font-container .character-group.active .character-group-content {
  grid-auto-flow: unset; /* Ensure items are placed in a single row */
}
#font-container .character-group-content {
  overflow: hidden;
  background-color: var(--color-gray-900);
  border-radius: 12px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(10%, 1fr));
  grid-auto-flow: column; /* Ensure items are placed in a single row */
}
@media only screen and (max-width: 600px) {
  #font-container .character-group-content {
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
  }
}
@media only screen and (min-width: 800px) and (max-width: 1200px) {
  #font-container .character-group-content {
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
  }
}
@media only screen and (min-width: 1200px) {
  #font-container .character-group-content {
    grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
  }
}
#font-container .character-group-content span {
  cursor: pointer;
  border: 2px dotted rgba(50, 50, 50, 0.75);
  margin: -1px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  font-size: 60px;
  aspect-ratio: 1;
  break-inside: avoid;
}
#font-container .character-group-content span.active {
  color: var(--color-blue-300);
}
#font-container .character-group-content span:hover {
  background: rgba(255, 255, 255, 0.02);
  z-index: 1000;
}

@keyframes blink-caret {
  50% {
    opacity: 0;
  }
}
#font-magnifier-toggle {
  z-index: 100000;
  color: white;
  border-radius: 0;
  background: transparent;
}
#font-magnifier-toggle.inactive {
  color: rgba(255, 255, 255, 0.2) !important;
}
#font-magnifier-toggle.inactive:hover {
  color: white !important;
}

#font-character-magnifier-options {
  display: flex;
  z-index: 100000;
}
#font-character-magnifier-options button {
  border-radius: 0;
  font-weight: 500;
  font-weight: 100;
  border-left: 2px dotted rgba(50, 50, 50, 0.75);
  height: 44px;
  width: 44px;
}
#font-character-magnifier-options button.active {
  opacity: 1;
  color: white;
}

#font-magnifier {
  z-index: 100;
  top: 0%;
  left: 0%;
  position: absolute;
  border-radius: 50%;
  cursor: none;
  width: 200px;
  height: 200px;
  overflow: hidden;
  display: none;
  pointer-events: none;
  background-color: var(--color-gray-800);
  opacity: 1;
  cursor: none !important;
}

#font-magnifier-content {
  transform-origin: center;
  pointer-events: none;
  position: absolute;
  -webkit-text-stroke-width: 0.5px; /* Width of the stroke */
  -webkit-text-stroke-color: var(--color-gray-400);
  color: transparent;
  text-align: center;
  opacity: 0.95;
  background: rgba(0, 0, 0, 0.1);
}

.album {
  overflow: hidden;
}
@media (hover: hover) {
  .album:hover > .album-default {
    visibility: hidden;
  }
  .album:hover > .album-items {
    display: table;
    table-layout: fixed;
  }
}

.has-alternate .album-default {
  width: 50%;
  margin-right: auto;
  text-align: right;
  color: transparent;
}
.has-alternate .album-items i:before {
  width: 50%;
  left: 0;
}

.album-alternate,
.album-default {
  padding: 0;
  display: block;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-align: center;
}

.album-alternate {
  text-align: left;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  pointer-events: none;
  display: none;
}

.album-items {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  margin: 0;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.album-items i {
  font-style: normal;
  width: 100%;
  height: 100%;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  display: table-cell;
  vertical-align: middle;
}
.album-items i:hover {
  background: rgba(0, 0, 0, 0.1);
}
.album-items i:before {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: inline-block;
}
@media (hover: hover) {
  .album-items i:hover:before {
    content: attr(data-album);
  }
}

.active-opentype {
  display: inline-flex;
  margin-bottom: -0.2em;
}
.active-opentype .pill + .pill {
  margin-left: 0.5em;
}
.active-opentype .pill {
  margin-left: 0.5em;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1.55;
  border-radius: 12px;
  display: inline-block;
  font-weight: 600;
  color: var(--color-gray-500);
  background-color: var(--color-gray-900);
  line-height: 20px;
  padding: 0.2em 0.65em;
  top: -0.2em;
  position: relative;
  cursor: pointer;
  vertical-align: baseline;
}
.active-opentype .pill:before {
  content: "✓ ";
}
.active-opentype .pill:hover {
  background-color: var(--color-red-400);
  color: white;
}
.active-opentype .pill:hover:before {
  content: "✕ ";
}

.opentype-features {
  padding: 8px 48px;
  margin-top: -8px;
  margin-bottom: -8px;
  margin-left: -48px;
  margin-right: -48px;
  overflow-y: hidden;
  overflow-x: scroll;
  scrollbar-width: none; /* Firefox */
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  font-size: 0;
  text-align: center;
  position: relative;
  background-color: transparent;
  border: none;
  transition: bottom 0.3s 0s var(--easing);
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 1000px) {
  .opentype-features {
    padding: 8px 20px;
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media only screen and (min-width: 1680px) {
  .opentype-features {
    padding: 8px 64px;
    margin-left: -64px;
    margin-right: -64px;
  }
}
.wrap .opentype-features {
  flex-wrap: wrap;
}
.wrap .opentype-features .ot-feature {
  flex: 1;
  max-width: calc(20% - 17px);
}

.ot-feature {
  border: none;
  overflow: hidden;
  background-color: var(--color-gray-900);
  color: var(--color-gray-200);
  border-radius: 12px;
  vertical-align: middle;
  position: relative;
  pointer-events: auto;
  font-weight: 600 !important;
  container-name: opentype-feature;
  container-type: size;
}
.ot-feature .guides {
  opacity: 0;
  transition: opacity 0.25s 0s ease-in-out;
}
.ot-feature:hover .guides {
  opacity: 0.5;
}
.ot-feature .ot-feature-title:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  opacity: 0.25;
  content: "🔓";
  font-size: 150%;
  width: 50px;
  position: relative;
  top: -0.1em;
}
.ot-feature.on .ot-feature-title:before {
  opacity: 1;
  content: "🔒";
}
.ot-feature.on .ot-feature-title:after {
  transition: all 0.125s 0s var(--easing);
  content: "ON";
}
.ot-feature .ot-feature-title:after {
  width: 50px;
  text-align: right;
  transition: all 0.125s 0s var(--easing);
  content: "OFF";
}
.ot-feature abbr,
.ot-feature .ot-feature-description,
.ot-feature .ot-feature-title {
  font-size: 12px;
  letter-spacing: 0.025em;
  font-weight: 400 !important;
  line-height: 1;
  padding: 16px 20px;
  display: block;
  text-align: left;
}
.ot-feature abbr:after,
.ot-feature .ot-feature-description:after,
.ot-feature .ot-feature-title:after {
  opacity: 0.25;
}
.ot-feature abbr {
  top: 0;
  position: absolute;
  width: 100%;
  text-transform: uppercase;
  opacity: 0.25;
  text-align: center;
}
.ot-feature .ot-feature-title {
  bottom: 0;
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.ot-feature .ot-feature-description {
  white-space: normal;
  font-size: 12px;
  line-height: 1.5;
  top: 100%;
  position: absolute;
  margin: 0;
  letter-spacing: 0.0125em;
  text-wrap: balance;
  text-align: center;
  pointer-events: none;
  display: none;
}
.ot-feature .album-default {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit;
  vertical-align: middle;
  display: block;
  letter-spacing: 0;
}
.ot-feature .album-default .ss {
  display: inline;
  opacity: 0.05;
}
.ot-feature .album-default.ot-tnum.ot-feature-set > span {
  font-size: 55%;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.4em;
}
.ot-feature .album-default.ot-tnum.ot-feature-set > span span {
  display: block;
}
.ot-feature .album-default.ot-tnum.ot-feature-set > span span span {
  line-height: 1;
  display: inline-block;
}
.ot-feature.comma .album-items, .ot-feature.comma .album-default {
  line-height: 0.3;
  font-size: 200% !important;
}
.ot-feature:focus {
  outline: none;
}
@media (hover: hover) {
  .ot-feature:hover {
    z-index: 100;
  }
  .ot-feature:hover:before {
    transition: all 0.5s 0.125s var(--easing);
    transform: translate(0, 0%);
  }
}
.ot-feature.not {
  display: none !important;
}
@media only screen and (min-width: 1px) {
  .ot-feature {
    min-width: 250px;
    line-height: 19.5cqh;
    aspect-ratio: 1.25;
    font-size: 10vmin;
    font-size: 10cqh; /* 5% of the container's width */
  }
  .ot-feature:hover {
    opacity: 0.95;
    position: relative;
  }
}
@media (hover: hover) {
  .ot-feature:hover {
    cursor: pointer;
  }
  .ot-feature:hover .ot-feature-title:after {
    opacity: 1;
  }
}

.ot-none {
  font-feature-settings: normal;
}

.ot-tnum-onum {
  font-feature-settings: "onum" 1, "tnum" 1;
}
.ot-tnum-onum.off {
  font-feature-settings: "onum" 0, "tnum" 0;
}

.ot-ordn {
  font-variant-numeric: ordinal;
}
.ot-ordn.off {
  font-variant-numeric: initial;
}

.ot-tnum {
  font-feature-settings: "tnum" 1;
}
.ot-tnum.off {
  font-feature-settings: "tnum" 0;
}

.ot-onum {
  font-feature-settings: "onum" 1;
  font-variant-numeric: oldstyle-nums; /* <numeric-figure-values> */
}
.ot-onum.off {
  font-feature-settings: "onum" 0;
}

.ot-frac {
  font-feature-settings: "frac" 1;
}
.ot-frac.off {
  font-feature-settings: "frac" 0;
}

.ot-dnom {
  font-feature-settings: "dnom" 1;
}
.ot-dnom.off {
  font-feature-settings: "dnom" 0;
}

.ot-numr {
  font-feature-settings: "numr" 1;
}
.ot-numr.off {
  font-feature-settings: "numr" 0;
}

.ot-liga {
  font-feature-settings: "liga" on;
  font-variant-ligatures: normal;
}
.ot-liga.off {
  font-feature-settings: "liga" off;
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: no-common-ligatures;
}

.ot-dlig {
  font-feature-settings: "dlig" on;
}
.ot-dlig.off {
  font-feature-settings: "dlig" off;
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: no-common-ligatures;
}

.ot-smcp {
  font-feature-settings: "smcp" 1;
}
.ot-smcp.off {
  font-feature-settings: "smcp" 0;
}

.ot-pcap {
  font-feature-settings: "pcap" 1;
}
.ot-pcap.off {
  font-feature-settings: "pcap" 0;
}

.ot-case {
  text-transform: uppercase;
  font-feature-settings: "case" 1;
}
.ot-case.off {
  text-transform: none;
  font-feature-settings: "case" 0;
}

.ot-sinf {
  font-feature-settings: "sinf" 1;
}
.ot-sinf.off {
  font-feature-settings: "sinf" 0;
}
.ot-sinf.off sub {
  vertical-align: baseline !important;
  font-size: inherit !important;
}

.ot-sups {
  font-feature-settings: "sups" 1;
}
.ot-sups.off {
  font-feature-settings: "sups" 0;
}
.ot-sups sup {
  vertical-align: baseline !important;
  font-size: inherit !important;
}

.ot-calt {
  font-feature-settings: "calt" on;
}
.ot-calt.off {
  font-feature-settings: "calt" off;
}

.ot-aalt {
  font-feature-settings: "aalt" 1;
}
.ot-aalt.off {
  font-feature-settings: "aalt" 0;
}

.ot-swsh {
  font-feature-settings: "swsh" 1;
}
.ot-swsh.off {
  font-feature-settings: "swsh" 0;
}

.ot-ss-01 {
  font-feature-settings: "ss01";
}
.ot-ss-01.off {
  font-feature-settings: "ss01" 0 !important;
}

.ot-ss-02 {
  font-feature-settings: "ss02";
}
.ot-ss-02.off {
  font-feature-settings: "ss02" 0 !important;
}

.ot-ss-03 {
  font-feature-settings: "ss03";
}
.ot-ss-03.off {
  font-feature-settings: "ss03" 0 !important;
}

.ot-ss-04 {
  font-feature-settings: "ss04";
}
.ot-ss-04.off {
  font-feature-settings: "ss04" 0 !important;
}

.ot-ss-05 {
  font-feature-settings: "ss05";
}
.ot-ss-05.off {
  font-feature-settings: "ss05" 0 !important;
}

.ot-ss-06 {
  font-feature-settings: "ss06";
}
.ot-ss-06.off {
  font-feature-settings: "ss06" 0 !important;
}

.ot-ss-07 {
  font-feature-settings: "ss07";
}
.ot-ss-07.off {
  font-feature-settings: "ss07" 0 !important;
}

.ot-ss-08 {
  font-feature-settings: "ss08";
}
.ot-ss-08.off {
  font-feature-settings: "ss08" 0 !important;
}

.ot-ss-09 {
  font-feature-settings: "ss09";
}
.ot-ss-09.off {
  font-feature-settings: "ss09" 0 !important;
}

.ot-ss-10 {
  font-feature-settings: "ss10";
}
.ot-ss-10.off {
  font-feature-settings: "ss10" 0 !important;
}

.ot-ss-11 {
  font-feature-settings: "ss11";
}
.ot-ss-11.off {
  font-feature-settings: "ss11" 0 !important;
}

.ot-ss-12 {
  font-feature-settings: "ss12";
}
.ot-ss-12.off {
  font-feature-settings: "ss12" 0 !important;
}

.ot-ss-13 {
  font-feature-settings: "ss13";
}
.ot-ss-13.off {
  font-feature-settings: "ss13" 0 !important;
}

.ot-ss-14 {
  font-feature-settings: "ss14";
}
.ot-ss-14.off {
  font-feature-settings: "ss14" 0 !important;
}

.ot-ss-15 {
  font-feature-settings: "ss15";
}
.ot-ss-15.off {
  font-feature-settings: "ss15" 0 !important;
}

.ot-ss-16 {
  font-feature-settings: "ss16";
}
.ot-ss-16.off {
  font-feature-settings: "ss16" 0 !important;
}

.ot-ss-17 {
  font-feature-settings: "ss17";
}
.ot-ss-17.off {
  font-feature-settings: "ss17" 0 !important;
}

.ot-ss-18 {
  font-feature-settings: "ss18";
}
.ot-ss-18.off {
  font-feature-settings: "ss18" 0 !important;
}

.ot-ss-19 {
  font-feature-settings: "ss19";
}
.ot-ss-19.off {
  font-feature-settings: "ss19" 0 !important;
}

.ot-ss-20 {
  font-feature-settings: "ss20";
}
.ot-ss-20.off {
  font-feature-settings: "ss20" 0 !important;
}

.ot-ss {
  font-feature-settings: "ss01" 1, "ss02" 1, "ss03" 1, "ss04" 1, "ss05" 1, "ss06" 1, "ss08" 1, "ss09" 1, "ss10" 1, "ss11" 1, "ss12" 1, "ss13" 1, "ss14" 1, "ss15" 1, "ss16" 1, "ss17" 1, "ss18" 1, "ss19" 1, "ss20" 1;
}
.ot-ss.off {
  font-feature-settings: "ss01" 0, "ss02" 0, "ss03" 0, "ss04" 0, "ss05" 0, "ss06" 0, "ss08" 0, "ss09" 0, "ss10" 0, "ss11" 0, "ss12" 0, "ss13" 0, "ss14" 0, "ss15" 0, "ss16" 0, "ss17" 0, "ss18" 0, "ss19" 0, "ss20" 0 !important;
}

.ot-ss-all {
  font-feature-settings: "ss01" 1, "ss02" 1, "ss03" 1, "ss04" 1, "ss05" 1, "ss06" 1, "ss08" 1, "ss09" 1, "ss10" 1, "ss11" 1, "ss12" 1, "ss13" 1, "ss14" 1, "ss15" 1, "ss16" 1, "ss17" 1, "ss18" 1, "ss19" 1, "ss20" 1;
}
.ot-ss-all.off {
  font-feature-settings: "ss01" 0, "ss02" 0, "ss03" 0, "ss04" 0, "ss05" 0, "ss06" 0, "ss08" 0, "ss09" 0, "ss10" 0, "ss11" 0, "ss12" 0, "ss13" 0, "ss14" 0, "ss15" 0, "ss16" 0, "ss17" 0, "ss18" 0, "ss19" 0, "ss20" 0 !important;
}

#color-icons-all {
  transition: opacity 0.25s 0.1s ease-in-out;
  opacity: 0;
  color: white;
  font-size: 10px;
  font-weight: 100;
}
#color-icons-all.loaded {
  opacity: 1;
}
#color-icons-all:not(.loaded):before {
  font-size: 13px;
  line-height: 1.55;
  content: "Loading…";
}
#color-icons-all.empty {
  display: none !important;
}
#color-icons-all.empty:before {
  font-size: 13px;
  line-height: 1.55;
  content: "There are no results — Your Keyword is too specific";
}
#color-icons-all:not(.open) {
  gap: 32px;
  display: flex;
  flex-wrap: wrap;
}
#color-icons-all:not(.open) .color-icons + .color-icons + .color-icons {
  min-width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  border-left: none;
}
#color-icons-all:not(.open) .color-icons + .color-icons + .color-icons:empty {
  display: none !important;
}
#color-icons-all:not(.open) .color-icons + .color-icons {
  border-left: 1px solid rgba(255, 255, 255, 0.05);
}
#color-icons-all:not(.open) .color-icons:before {
  display: block;
  width: 100%;
  text-transform: uppercase;
  margin-bottom: 12px;
}
#color-icons-all:not(.open) .color-icons:after {
  content: " ";
  display: block;
  width: 100%;
  text-transform: uppercase;
}
#color-icons-all:not(.open) .color-icons:nth-child(2):before {
  content: "Revised";
}
#color-icons-all:not(.open) .color-icons:nth-child(2):nth-last-child(1):before {
  content: "No Pairs";
}
#color-icons-all:not(.open) .color-icons:nth-child(3):before {
  content: "Legacy";
}
#color-icons-all:not(.open) .color-icons:nth-child(4):before {
  content: "No Pairs";
}
#color-icons-all:not(.open) section {
  min-width: 100%;
  flex-direction: unset;
  flex-wrap: wrap;
  gap: 0px;
  padding: 0;
  display: flex;
}
#color-icons-all:not(.open) section .color-icons {
  display: flex;
  flex-wrap: wrap;
  padding: 0 48px;
  padding-bottom: 24px;
  flex: 1;
  align-items: flex-start;
  justify-content: flex-start;
  align-content: flex-start;
}
#color-icons-all:not(.open) section h2 {
  padding-left: 48px;
  padding-right: 48px;
  margin: 0;
  margin-bottom: -12px;
  min-width: 100%;
}
#color-icons-all:not(.open) section h2 .main {
  opacity: 1;
}
#color-icons-all:not(.open) .icon {
  position: relative;
}
#color-icons-all:not(.open) .icon.has-quadrant-by-me {
  position: relative;
}
#color-icons-all:not(.open) .icon.has-quadrant-by-me:before {
  border-left: 31px solid var(--color-blue-500);
}
#color-icons-all:not(.open) .icon.has-quadrant-by-others {
  position: relative;
}
#color-icons-all:not(.open) .icon.has-quadrant-by-others:after {
  border-left: 31px solid var(--color-red-500);
}
#color-icons-all:not(.open) .icon:before, #color-icons-all:not(.open) .icon:after {
  display: inline-block;
  height: 2px;
  width: 100%;
  content: "";
  position: absolute;
}
#color-icons-all:not(.open) .icon:before {
  top: 0;
}
#color-icons-all:not(.open) .icon:after {
  bottom: 0;
}
#color-icons-all:not(.open) .icon.has-comment {
  position: relative;
}
#color-icons-all:not(.open) .icon.has-comment.has-comment-by-me:before {
  background-color: var(--color-blue-300);
}
#color-icons-all:not(.open) .icon.has-comment.has-comment-by-others:after {
  background-color: var(--color-red-300);
}
#color-icons-all.open {
  background-color: var(--color-gray-900);
  position: fixed;
  flex-wrap: nowrap;
  flex-direction: row;
  display: block;
  z-index: 1000;
  height: auto;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100vw;
  gap: 0;
  overflow: hidden;
  font-size: 0;
  white-space: nowrap;
  padding-left: calc(50vw - 32px);
  padding-right: calc(50vw + 32px);
  color: white !important;
}
#color-icons-all.open h2 {
  display: none !important;
}
#color-icons-all.open section {
  white-space: nowrap;
  display: inline;
  border: none;
  padding: 0;
  margin: 0;
}
#color-icons-all.open .color-icons {
  display: inline;
}
#color-icons-all.open .icon {
  display: inline-block;
  position: relative;
  height: auto !important;
  position: relative;
  width: 32px !important;
  min-width: 64px !important;
}
#color-icons-all.open .icon.open svg {
  opacity: 1;
  filter: saturate(100%);
}
#color-icons-all.open .icon span {
  display: none;
}
#color-icons-all.open .icon:hover svg {
  cursor: pointer;
  opacity: 0.5;
  border: none !important;
}
#color-icons-all.open .icon svg {
  border: none;
  filter: saturate(0);
  opacity: 0.25;
  height: 32px !important;
  height: 48px !important;
  padding: 7px;
}
#color-icons-all.open .icon.has-quadrant.has-comment {
  position: relative;
}
#color-icons-all.open .icon.has-quadrant.has-comment:before, #color-icons-all.open .icon.has-quadrant.has-comment:after {
  width: 50%;
}
#color-icons-all.open .icon.has-quadrant.has-comment:before {
  transform-origin: top right;
}
#color-icons-all.open .icon.has-quadrant.has-comment:after {
  transform-origin: top left;
}
#color-icons-all.open .icon.has-comment-by-others:after {
  background-color: var(--color-red-300);
}
#color-icons-all.open .icon i {
  top: 0;
}
#color-icons-all.open .icon i:before {
  background-color: var(--color-blue-400);
}
#color-icons-all.open .icon i:after {
  background-color: var(--color-blue-300);
}
#color-icons-all.open .icon u {
  bottom: 0;
}
#color-icons-all.open .icon u:before {
  background-color: var(--color-red-600);
}
#color-icons-all.open .icon u:after {
  background-color: var(--color-red-300);
}
#color-icons-all.open .icon u, #color-icons-all.open .icon i {
  position: absolute;
  display: block;
  transition: all 0.125s ease-out;
  margin: 0;
  border-radius: 0;
  width: 100%;
  border: none;
  height: 2px;
}
#color-icons-all.open .icon u:after, #color-icons-all.open .icon u:before, #color-icons-all.open .icon i:after, #color-icons-all.open .icon i:before {
  position: absolute;
  display: block;
  content: "";
  transform-origin: center;
  transition: all 0.125s ease-out;
  width: 100%;
  height: 2px;
  margin: auto;
  transform: scale(0, 1);
}
#color-icons-all.open .icon u:before, #color-icons-all.open .icon i:before {
  width: 50%;
  z-index: 10;
}
#color-icons-all.open .icon.has-quadrant-by-me i:before {
  transform: scale(1, 1);
}
#color-icons-all.open .icon.has-comment-by-me i:after {
  transform: scale(1, 1);
}
#color-icons-all.open .icon.has-quadrant-by-others u:before {
  transform: scale(1, 1);
}
#color-icons-all.open .icon.has-comment-by-others u:after {
  transform: scale(1, 1);
}
#color-icons-all .icon {
  counter-increment: icon;
  cursor: zoom-in;
}
#color-icons-all .icon:hover {
  cursor: pointer;
}
#color-icons-all .icon:hover span {
  opacity: 1;
}
#color-icons-all .icon span {
  font-size: 10px;
  opacity: 0.5;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  display: block;
  color: white;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}
#color-icons-all .icon svg {
  padding: 20px;
  display: block;
  height: 100%;
  width: 100%;
}

.layout {
  padding: clamp(4px, 4vw, 32px);
}

.articles {
  max-width: 728px;
  margin-left: auto;
  margin-right: auto;
}
.articles article {
  overflow: hidden;
  border-radius: 8px;
  background-color: var(--color-gray-900);
  margin-bottom: 24px;
  padding: 2.4rem 2.4rem;
}
@media screen and (min-width: 50em) {
  .articles article {
    padding: 2.4rem 3.2rem;
    padding-bottom: 3.2rem;
  }
}
.articles article .post-preview-image {
  margin: -2.4rem -3.2rem;
  margin-bottom: 2.4rem;
}
.articles article .post-preview-image:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  box-shadow: inset 0 0 30px white;
  opacity: 0.2;
}
.articles article a {
  text-decoration: none;
}
.articles article h1 {
  line-height: 1.2;
  margin: 0;
}
.articles article .post-preview-meta-separator {
  opacity: 0.5;
  padding: 0 0.2rem;
}
.articles article .post-preview-meta-separator:after {
  content: "•";
}
.articles article h2 {
  text-wrap: balance;
  line-height: 1.2;
  margin: 0;
  margin-top: -0.5rem;
  margin-bottom: -0.2rem;
}
.articles article p {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
.articles article .post-preview-meta-component {
  font-size: 14px;
  line-height: 20px;
  margin: 0.5rem 0;
  color: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
}
.articles article:not(:first-child) {
  padding: 2.4rem 2.4rem;
}
@media screen and (min-width: 50em) {
  .articles article:not(:first-child) {
    padding: 2.4rem 3.2rem;
  }
}
.articles article:not(:first-child) .post-preview-image {
  padding-bottom: 65%;
  margin: -2.4rem -3.2rem;
  margin-bottom: 2rem;
}
.articles article:not(:first-child) .post-preview-image img {
  transition: transform 0.05s ease-in-out 0s;
}
.articles article:not(:first-child) .post-preview-image:hover img {
  transform: scale(1.025, 1.025);
}
@media screen and (min-width: 50em) {
  .articles article:not(:first-child) .post-preview-image {
    float: left;
    margin: -2.4rem -3.2rem;
    margin-right: 2.4rem;
    width: calc(50% + 1.6rem);
    padding-bottom: 31%;
  }
}

.article {
  padding: 3.2rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 728px;
  border-radius: 8px;
  background-color: var(--color-gray-900);
  overflow: hidden;
}
.article .post-view-image {
  margin: -3.2rem;
  margin-bottom: 2.4rem;
}
.article .post-view-content {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 2px dotted var(--color-gray-700);
}
.article .post-view-content ul {
  margin-top: 40px;
  margin-bottom: 40px;
  border-bottom: 2px solid var(--color-gray-800);
  border-top: 2px solid var(--color-gray-800);
}
.article .post-view-content ul li {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.article .post-view-content ul li:before {
  content: "• ";
}
.article .post-view-content ul li a {
  color: var(--color-gray-100) !important;
  border: none;
}
.article .post-view-content ul li:not(:first-child) {
  border-top: 2px solid var(--color-gray-800);
}
.article .post-view-content .post-view-about {
  color: var(--color-gray-500);
  font-weight: 500;
  line-height: 1.3;
}
.article .post-view-content .post-view-about .user-username-component {
  font-weight: 700;
  letter-spacing: 0.025em;
  color: var(--color-gray-400);
}
.article .post-view-content .post-view-about .post-view-meta-stats > *:not(:last-child):after {
  margin: 0 0.25em;
  content: "•";
  opacity: 0.5;
}
.article .post-view-content .post-view-meta-separator {
  display: none;
}
.article .post-view-content img {
  width: 100%;
  height: auto;
}
.article .post-view-content div + h1 {
  margin-top: 0.25em;
}
.article .post-view-content h1, .article .post-view-content h2, .article .post-view-content h3, .article .post-view-content h4, .article .post-view-content h5, .article .post-view-content h6 {
  margin: 0;
  font-family: "ChessSans", sans-serif !important;
  color: var(--color-gray-300);
  text-wrap: balance;
}
.article .post-view-content h1 {
  font-size: 40px;
  line-height: 1;
  font-weight: 700;
  text-wrap: balance;
  margin-top: -0.2em;
  margin-bottom: 0.4em;
}
.article .post-view-content h2 {
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  color: white;
  font-size: 32px;
  text-transform: uppercase;
  font-weight: 800;
  font-stretch: 65%;
  font-family: "ChessSansVar", sans-serif !important;
}
.article .post-view-content h3 {
  font-size: 1.6rem;
  line-height: 1.6 !important;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: white;
  text-transform: uppercase;
  font-weight: 750;
  font-stretch: 170%;
  font-family: "ChessSansVar", sans-serif !important;
}
.article .post-view-content p {
  hyphens: auto;
  max-width: 38em;
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.5;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Helvetica, Arial, sans-serif;
  color: var(--color-gray-300) !important;
  letter-spacing: 0.01em;
  font-family: "ChessSans", sans-serif !important;
  font-weight: 400;
  font-size: 1.5rem !important;
  line-height: 1.6 !important;
  font-weight: 500;
  font-stretch: 85%;
  font-family: "ChessSansVar", sans-serif !important;
  font-feature-settings: "ss05" 1 !important;
  line-height: 1.65 !important;
  letter-spacing: 0.005em;
}
.article .post-view-content p a, .article .post-view-content p b {
  font-weight: 700 !important;
}
.article .post-view-content p a {
  transition: all 1s ease;
}
.article .post-view-content p:hover a {
  transition: all 0.15s ease;
  color: var(--color-blue-200) !important;
}
.article .post-view-content p:hover a:hover {
  color: var(--color-blue-100) !important;
  border-bottom: 2px dotted var(--color-blue-100);
}
.article .post-view-content p a, .article .post-view-content li a {
  color: var(--color-gray-400) !important;
  font-weight: 500;
  text-decoration: none;
  border-bottom: 2px dotted var(--color-gray-700);
}
.article .post-view-content p a:hover, .article .post-view-content li a:hover {
  color: var(--color-gray-100) !important;
  border-bottom: 2px dotted var(--color-gray-200);
}
.article .post-view-content * + h2 {
  margin-bottom: 0.25em !important;
  margin-top: 2em;
}
.article .post-view-content * + h3 {
  margin-top: 1em !important;
}
.article .post-view-content * + iframe,
.article .post-view-content p + p {
  margin-top: 1rem;
}
.article .post-view-content figure + p {
  margin-top: 1rem;
}
.article .post-view-content iframe,
.article .post-view-content figure {
  width: 100%;
  margin-top: 3rem;
  margin-bottom: 3rem;
  display: block;
  border-radius: 8px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.2);
}
.article .post-view-content iframe img,
.article .post-view-content figure img {
  display: block;
}
.article .post-view-content .figcaption {
  padding: 1rem 1.5rem;
  font-family: "ChessSans", sans-serif !important;
  font-weight: 400;
  font-size: 1rem !important;
  line-height: 1.6 !important;
  color: var(--color-gray-500) !important;
  background: rgba(0, 0, 0, 0.2);
}

.section-highlight-component {
  background-color: var(--color-gray-100);
  padding: 1.5rem;
}

.dark-mode .section-highlight-component {
  background-color: rgba(0, 0, 0, 0.3);
}

.section-highlight-component + .section-highlight-component {
  padding-top: 0;
}

.index-top-pagination {
  padding-bottom: 1.5rem;
}

.index-pagination {
  border-top: 0.1rem solid var(--color-border-default);
  padding-top: 1.5rem;
}

.index-pagination-placeholder {
  min-height: 2.5rem;
}

@media (min-width: 48em) {
  .index-pagination {
    padding-top: 2rem;
  }
}
.post-btn-upload-input input[type=file] {
  display: none;
}

.post-header {
  display: flex;
  justify-content: space-between;
}

.post-time-wrapper {
  display: grid;
  gap: 0.8rem;
  grid-template-columns: 1fr 1fr max-content;
}

.post-upload-preview {
  min-width: 30rem;
}

.post-upload-preview img {
  border: 0.1rem solid var(--color-border-default);
  display: block;
  height: 16.9rem;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 30rem;
}

.post-upload-input {
  width: 100%;
}

.post-upload-input,
.post-upload-input > div {
  display: flex;
  flex-direction: column;
}

.post-upload-small {
  color: var(--color-text-default);
  font-size: 1.2rem;
  line-height: 1.42857143;
}

.post-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}

.post-url-wrapper {
  align-items: center;
  display: grid;
  gap: 0.8rem;
  grid-template-columns: auto auto;
  justify-content: start;
  width: 100%;
}

.post-url-wrapper a {
  color: var(--color-text-link);
}

.post-url-label {
  font-weight: 600;
}

.post-url-link {
  direction: rtl;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.post-url-link:before {
  content: "/";
  left: -0.4rem;
  position: relative;
}

html[dir=rtl] .post-url-link {
  direction: ltr;
}

.post-url-link-disabled {
  pointer-events: none;
}

.post-url-field {
  display: none;
}

.post-url-edit {
  flex-shrink: 0;
}

.post-can-edit-url {
  grid-template-columns: 2fr 8fr;
}

.post-can-edit-url .post-url-field {
  display: block;
}

.post-can-edit-url .post-url-edit,
.post-can-edit-url .post-url-permalink {
  display: none;
}

.post-title {
  color: var(--color-text-boldest);
}

.post-caption {
  padding-bottom: 0.5rem;
}

.post-upload-small-caption {
  color: var(--color-text-default);
  display: block;
  font-size: 1.2rem;
}

.post-row {
  display: grid;
}

@media (min-width: 48em) {
  .post-create-form {
    padding: 1.5rem;
  }
  .post-form {
    width: 66.66666667%;
  }
  .post-form-upload {
    display: flex;
  }
  .post-row {
    align-items: start;
    -moz-column-gap: 1.6rem;
    column-gap: 1.6rem;
    grid-template-columns: 3fr 8fr;
  }
}
.post-caption-input {
  min-height: 8.2rem;
}

.post-help-text {
  color: var(--color-text-default);
  display: block;
  font-size: 1.2rem;
}

.post-checkbox {
  display: flex;
}

.post-category-header-title {
  color: var(--color-text-boldest);
  font-size: 2.4rem;
}

.post-category-header-title-bold + h2,
.post-category-header-title-bold {
  color: var(--color-text-boldest);
  font-family: var(--globalSecondaryFont);
  font-size: clamp(2.1rem, 4vw, 3.8rem);
  line-height: 1.15;
  word-break: break-word;
  text-wrap: balance;
  cursor: pointer;
  margin: 0;
  font-weight: 850;
  font-stretch: 95%;
  font-family: "ChessSansVar", sans-serif !important;
  font-feature-settings: "ss05" 1 !important;
  width: 90%;
}

.post-category-header-title-bold + h2 {
  color: var(--color-transparent-white-72);
  font-weight: 500;
  font-weight: 700;
  font-stretch: 95%;
  text-wrap: balance;
}

.post-category-header-text {
  color: var(--color-text-default);
}

.post-category-link-component {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
}

.post-category-link-category {
  background-color: transparent;
  color: var(--color-text-default);
  display: inline-flex;
  font-size: 1.4rem;
  line-height: 1.25;
  padding: 0.2rem 0.3rem 0.2rem 1.8rem;
  position: relative;
  text-align: left;
}

.post-category-link-category:before {
  border-color: transparent transparent transparent var(--color-icon-default);
  border-style: solid;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  content: "";
  height: 0;
  left: 0.2rem;
  position: absolute;
  top: 0.6rem;
  width: 0;
}

.post-category-link-category:hover {
  color: var(--color-text-default-hovered);
}

button.post-category-link-category {
  background: 0;
  border: 0;
  text-align: left;
}

.post-category-link-badge {
  background-color: var(--color-gray-400);
  border-radius: 0.2rem;
  color: var(--color-neutrals-white);
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  min-width: 2rem;
  padding: 0.3rem 0.4rem;
  text-align: center;
  transition: background-color 0.3s ease;
}

.post-category-link-badge:hover {
  background-color: var(--color-gray-600);
  color: var(--color-neutrals-white);
}

.dark-mode .post-category-link-badge {
  background-color: var(--color-transparent-white-25);
}

.dark-mode .post-category-link-badge:hover {
  background-color: var(--color-transparent-white-10);
}

.post-category-preview-component {
  border-bottom: 0.1rem solid var(--color-border-default);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1.6rem;
  justify-content: center;
  padding: 1.6rem 0;
  width: 100%;
}

.post-category-preview-component:first-child {
  padding-top: 0;
}

.post-category-preview-image {
  aspect-ratio: 16/9;
  background-color: var(--color-bg-subtle);
  flex-shrink: 0;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  width: 30rem;
}

.post-category-preview-thumbnail {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.post-category-preview-right {
  flex-grow: 1;
}

.post-category-preview-header {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--globalColorThemeBlueToHigh);
  display: -webkit-box;
  font-size: clamp(1.6rem, 4vw, 1.8rem);
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
}

.post-category-preview-title {
  word-wrap: break-word;
  color: var(--globalColorThemeBlueToHigh);
  word-break: break-word;
}

.post-category-preview-title:hover {
  color: var(--globalColorThemeBlueToHighHover);
}

.post-category-preview-excerpt {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  color: var(--color-text-default);
  display: -webkit-box;
  font-size: 1.4rem;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.post-category-preview-empty {
  color: var(--globalColorThemeFullToMid);
}

@media screen and (min-width: 40em) {
  .post-category-preview-component {
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .post-category-preview-image-small {
    height: 8.5rem;
    width: 15rem;
  }
}
.post-preview-list-component {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 1.5rem;
}

.post-preview-list-empty {
  color: var(--color-text-default);
}

.post-preview-list-empty-links {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.post-preview-meta-component {
  align-items: center;
  color: var(--color-text-subtle);
  display: flex;
  font-size: 1.3rem;
}

.post-preview-meta-title {
  background-color: var(--color-bg-chesstitle);
  border-radius: 0.3rem;
  color: var(--color-neutrals-white) !important;
  font-size: 0.9rem;
  font-weight: 600;
  font-weight: 650;
  line-height: 1;
  padding: 0.2rem 0.3rem;
}

.post-preview-meta-username {
  color: var(--color-text-subtle);
  font-weight: 600;
  font-weight: 650;
}

.post-preview-meta-username:hover {
  color: var(--color-text-default);
}

.post-preview-meta-comments,
.post-preview-meta-time,
.post-preview-meta-views {
  align-items: center;
  display: flex;
}

.post-preview-meta-separator {
  padding: 0 0.4rem;
}

.post-preview-meta-icon {
  color: var(--color-icon-default);
  font-size: 1.6rem;
}

.post-preview-meta-category {
  color: var(--color-text-subtle);
}

.post-preview-meta-category:hover {
  color: var(--color-text-default);
}

.post-preview-component {
  width: 100%;
}

.post-preview-image {
  background-color: var(--color-bg-subtle);
  display: flex;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

.post-preview-thumbnail {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.post-preview-draft,
.post-preview-scheduled {
  font-size: 2.4rem;
}

.post-preview-draft {
  color: var(--color-red-400);
}

.post-preview-scheduled {
  color: var(--color-green-500);
}

.post-preview-titlecontainer {
  align-items: baseline;
}

.post-preview-title,
.post-preview-subtitle {
  color: var(--globalColorThemeBlueToHigh);
  font-size: clamp(1.6rem, 4vw, 1.8rem);
  word-break: break-word;
}

.post-preview-subtitle {
  opacity: 0.72;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  display: block;
}

.post-preview-title:hover {
  color: var(--globalColorThemeBlueToHighHover);
}

.post-preview-title:not(.post-preview-static) {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
}

.post-preview-excerpt {
  color: var(--globalColorThemeFullToMid);
  font-size: 1.4rem;
  line-height: 2rem;
}

.post-preview-excerpt:not(.post-preview-whole-text) {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  max-height: 6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.post-preview-image-icon-wrapper {
  background-color: var(--color-transparent-white-85);
  border-radius: 50%;
  color: var(--color-gray-500);
  display: grid;
  height: 5rem;
  left: 50%;
  place-items: center;
  position: absolute;
  top: 50%;
  width: 5rem;
}

.post-preview-image-icon {
  font-size: 3.2rem;
}

.post-preview-image-icon.play {
  /*rtl:ignore*/
}

.post-preview-video-time {
  align-items: center;
  background-color: rgba(50, 50, 50, 0.8);
  border-radius: 0.3rem;
  bottom: 0.5rem;
  color: var(--color-neutrals-white);
  display: flex;
  gap: 0.4rem;
  line-height: 2.2rem;
  padding: 0.3rem 1rem 0.3rem 0.6rem;
  position: absolute;
  right: 0.5rem;
}

.post-preview-video-time-icon {
  font-size: 2rem;
}

.post-preview-board {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (min-width: 40em) {
  .post-preview-component.post-preview-headline {
    width: 100%;
  }
  .post-preview-headline .post-preview-subtitle,
  .post-preview-headline .post-preview-title {
    font-family: var(--globalSecondaryFont);
    font-size: clamp(2rem, 4vw, 2.8rem);
    line-height: 1.2;
  }
  .post-preview-headline .post-preview-image-icon-wrapper {
    height: 10rem;
    width: 10rem;
  }
  .post-preview-headline .post-preview-image-icon-wrapper.post-preview-watched {
    padding-left: 0.5rem;
  }
  .post-preview-headline .post-preview-image-icon {
    font-size: 6.4rem;
  }
  .post-preview-headline .post-preview-image-icon.play {
    /*rtl:ignore*/
  }
  .post-preview-headline .post-preview-video-time {
    bottom: 1rem;
    right: 1rem;
  }
}
.post-view-meta-component {
  align-items: center;
  display: inline-flex;
}
.post-view-meta-component a {
  text-decoration: none;
}

.post-view-meta-avatar {
  display: flex;
  flex-shrink: 0;
  position: relative;
  margin-right: 1em;
}
.post-view-meta-avatar img {
  border-radius: 3px;
}

.post-view-meta-image {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.post-view-meta-details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px !important;
  letter-spacing: 0em;
}

.post-view-meta-user {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  max-width: 100%;
}

.post-view-meta-title {
  background-color: var(--color-bg-chesstitle);
  border-radius: 0.3rem;
  color: var(--color-neutrals-white) !important;
  font-size: 1rem;
  font-weight: 600;
  font-weight: 650;
  line-height: 1;
  padding: 0.2rem 0.3rem;
}

.post-view-meta-username {
  color: #3a729c;
  font-weight: 600;
  font-weight: 650;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.post-view-meta-membership {
  height: 1.7rem;
  width: 1.7rem;
}

.post-view-meta-category {
  color: var(--globalColorThemeBlueToMid);
}

.post-view-meta-category:hover {
  color: var(--globalColorThemeBlueToMidHover);
}

.post-view-meta-club-admin {
  color: var(--color-slate-300);
  font-size: 1.6rem;
}

.post-view-meta-rating {
  color: var(--color-gray-500);
  font-size: 1.3rem;
}

.post-view-meta-stats {
  align-items: center;
  color: var(--color-text-subtle);
  display: flex;
  flex-wrap: wrap;
}

.post-view-meta-icon {
  font-size: 1.6rem;
}

.post-view-more-component {
  clear: both;
  display: flex;
  flex-direction: column;
}

.post-view-more-author {
  color: var(--color-text-default);
  font-size: 1.4rem;
  font-weight: 600;
  font-weight: 650;
  line-height: 1.25;
}

.post-view-more-author .post-view-more-title {
  background-color: var(--color-bg-chesstitle);
  border-radius: 0.3rem;
  color: var(--color-neutrals-white) !important;
  font-size: 1rem;
  font-weight: 600;
  font-weight: 650;
  line-height: 1;
  padding: 0.2rem 0.3rem;
}

.post-view-more-username {
  color: var(--globalColorThemeBlueToMid);
}

.post-view-more-posts {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.post-view-more-post {
  width: calc(50% - 1.5rem);
}

.post-view-more-image {
  background-color: var(--color-bg-subtle);
  display: flex;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

.post-view-more-thumbnail {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.post-view-more-post .post-view-more-title {
  word-wrap: break-word;
  color: var(--globalColorThemeBlueToMid);
  font-size: 1.8rem;
  line-height: 1.1;
}

.post-view-more-post .post-view-more-title:hover {
  color: var(--globalColorThemeBlueToMidHover);
}

@media screen and (max-width: 39.938em) {
  .post-view-more-post {
    width: 100%;
  }
}
.post-view-translation-helper-component {
  background-color: #e6f5fa;
  border-radius: 0.3rem;
  padding: 1.5rem;
}

.dark-mode .post-view-translation-helper-component {
  background: var(--color-transparent-black-20);
}

.post-view-translation-helper-component a {
  color: var(--color-text-link);
}

.post-view-translation-helper-component a:hover {
  color: var(--color-text-link-hovered);
}

.post-view-button-wrap {
  text-align: center;
}

a.ui_v5-button-component.content-button {
  cursor: pointer;
  height: -moz-fit-content !important;
  height: fit-content !important;
  min-height: 4rem;
  text-decoration: none;
  white-space: normal !important;
}

a.ui_v5-button-component.content-button:hover {
  color: var(--color-neutrals-white);
}

.post-view-image {
  background-color: var(--color-bg-subtle);
  display: flex;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

.post-view-header {
  margin-bottom: 1.5rem;
}

.post-view-caption {
  color: var(--color-text-default);
  display: block;
}

.post-view-thumbnail {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.post-view-about {
  display: flex;
  flex-wrap: wrap;
}

.post-view-language-wrapper {
  padding-left: 0.5rem;
}

.post-view-languages {
  align-items: center;
  align-self: flex-end;
  display: flex;
}

.post-view-mod-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}

.post-view-content {
  word-break: break-word;
}

.post-view-content,
.post-view-content > ol,
.post-view-content > p,
.post-view-content > ul {
  font-size: 1.6rem;
  line-height: 1.8;
}

.post-view-content > [style*="width:"] {
  max-width: 100%;
}

.post-view-content span[class*="username v-user-popover"] {
  color: var(--color-text-link);
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 600;
}

.post-view-content p:empty {
  display: none;
}

.post-view-content hr {
  background-color: var(--color-border-default);
}

.post-view-content blockquote:not(.tiktok-embed) {
  color: var(--color-text-bolder);
  display: block;
  font-style: normal;
  line-height: 1.4;
  padding: 1rem 1rem 1rem 5rem;
  position: relative;
}

.post-view-content blockquote:not(.tiktok-embed):before {
  color: var(--color-green-400);
  content: "“";
  display: inline-block;
  font-family: Georgia, Bookman, serif;
  font-size: 7rem;
  font-weight: 800;
  left: 0;
  line-height: 1.8rem;
  position: absolute;
  top: 3rem;
}

.post-view-content blockquote:not(.tiktok-embed) p {
  color: var(--color-text-bolder);
  font-style: italic;
  font-weight: 600;
  line-height: 1.6;
}

.post-view-content blockquote:not(.tiktok-embed) p strong {
  font-size: 2.2rem;
  font-style: normal;
  line-height: 1.4;
}

.post-view-content audio {
  max-width: 100%;
}

.post-view-content .twitter-tweet:not(.twitter-tweet-rendered) {
  display: none;
}

.post-view-content .post-view-premium-box {
  background-color: var(--color-bg-tertiary);
  border-radius: 0 0 0.3rem 0.3rem;
  padding: 1.5rem;
}

.post-view-content .post-view-premium-box > p {
  color: var(--color-neutrals-white);
  font-weight: 600;
}

.post-view-content .post-view-premium-login {
  text-align: center;
}

.post-view-content .post-view-premium-login > a,
.post-view-content .post-view-premium-login > a:hover {
  color: var(--color-neutrals-white);
}

.dark-mode .post-view-content [style*="background-color: #e6e6e6"] {
  background-color: var(--color-transparent-black-20) !important;
}

.dark-mode .post-view-content [style*="background-color: #f8f8f8"] {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.dark-mode .post-view-content [style*="background-color: #e8e7e6"] {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.post-view-content ol,
.post-view-content p,
.post-view-content ul {
  color: var(--globalColorThemeFullToMid);
}

.post-view-content h1,
.post-view-content h2,
.post-view-content h3,
.post-view-content h4,
.post-view-content h5,
.post-view-content h6 {
  color: var(--color-text-bolder);
}

.post-view-content table {
  border-color: var(--color-border-default);
}

.post-view-content a:not(.btn),
.post-view-content a:not(.post-view-btn) {
  color: var(--color-text-link);
}

.post-view-content a:not(.btn):hover,
.post-view-content a:not(.post-view-btn):hover {
  color: var(--color-text-link-hovered);
}

.post-view-content h1,
.post-view-content h2,
.post-view-content h3,
.post-view-content h4 {
  padding: 0;
}

.post-view-content iframe,
.post-view-content img,
.post-view-content object,
.post-view-content video {
  max-width: 100% !important;
}

.post-view-content img,
.post-view-content video {
  height: auto;
  min-width: 0;
}

.post-view-content .video-defer-placeholder,
.post-view-content iframe[src*="twitch.tv"]:not(.tv-player-iframe),
.post-view-content iframe[src*="www.youtube.com"]:not(.tv-player-iframe) {
  aspect-ratio: 16/9;
  background-color: var(--color-neutrals-black);
  border: 0;
  height: calc(56.25vw - 3rem);
  min-width: 100%;
}

.post-view-content ol,
.post-view-content ul {
  line-height: 1.4;
  padding: 0;
}

.post-view-content pre {
  white-space: pre-wrap;
}

@media (min-width: 34.375em) {
  .post-view-about {
    flex-wrap: nowrap;
  }
}
@media (min-width: 40em) {
  .post-view-content {
    font-size: 1.5rem;
  }
  .post-view-content:after {
    clear: both;
    content: "";
    display: block;
  }
  .post-view-content ol,
  .post-view-content p,
  .post-view-content ul {
    font-size: 1.5rem;
  }
}
@media (min-width: 48em) {
  .post-view-content .video-defer-placeholder,
  .post-view-content iframe[src*="twitch.tv"]:not(.tv-player-iframe),
  .post-view-content iframe[src*="www.youtube.com"]:not(.tv-player-iframe) {
    height: auto;
  }
}
.tooltip-component {
  pointer-events: none;
  position: fixed;
  transition-duration: 0.2s;
  transition-property: opacity, transform;
  transition-timing-function: ease-out;
  z-index: 9999;
}

.tooltip-content {
  display: flex;
  position: absolute;
  width: 20rem;
}

.tooltip-content.tooltip-top {
  bottom: 100%;
  justify-content: center;
  left: 50%;
  padding-bottom: var(--tooltip-padding);
  transform: translateX(-50%);
}

.tooltip-content.tooltip-bottom {
  justify-content: center;
  left: 50%;
  padding-top: var(--tooltip-padding);
  top: 100%;
  transform: translateX(-50%);
}

.tooltip-content.tooltip-left {
  justify-content: flex-end;
  padding-right: var(--tooltip-padding);
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.tooltip-content.tooltip-right {
  left: 100%;
  padding-left: var(--tooltip-padding);
  top: 50%;
  transform: translateY(-50%);
}

.tooltip-content.tooltip-top.tooltip-left {
  bottom: 100%;
  left: unset;
  right: 100%;
  top: unset;
  transform: translateX(calc(var(--tooltip-padding) + var(--target-width)));
}

.tooltip-content.tooltip-top.tooltip-right {
  bottom: 100%;
  left: 100%;
  right: unset;
  top: unset;
  transform: translateX(calc(var(--target-width) * -1 - var(--tooltip-padding)));
}

.tooltip-content.tooltip-bottom.tooltip-left {
  bottom: unset;
  left: unset;
  right: 100%;
  top: 100%;
  transform: translateX(calc(var(--tooltip-padding) + var(--target-width)));
}

.tooltip-content.tooltip-bottom.tooltip-right {
  bottom: unset;
  left: 100%;
  right: unset;
  top: 100%;
  transform: translateX(calc(var(--target-width) * -1 - var(--tooltip-padding)));
}

.tooltip-body {
  background: rgba(0, 0, 0, 0.75);
  border-radius: 0.2rem;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 0.5rem 0.8rem;
  position: relative;
  text-align: center;
}

.tooltip-body:after {
  border: 0.5rem solid transparent;
  content: "";
  display: block;
  height: 0;
  position: absolute;
}

.tooltip-body.tooltip-right:after {
  border-right: 0.5rem solid rgba(0, 0, 0, 0.75);
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.tooltip-body.tooltip-left:after {
  border-left: 0.5rem solid rgba(0, 0, 0, 0.75);
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.tooltip-body.tooltip-top:after {
  border-top: 0.5rem solid rgba(0, 0, 0, 0.75);
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
}

.tooltip-body.tooltip-bottom:after {
  border-bottom: 0.5rem solid rgba(0, 0, 0, 0.75);
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.tooltip-body.tooltip-top.tooltip-left:after {
  border-left: 0.5rem solid transparent;
  border-top: 0.5rem solid rgba(0, 0, 0, 0.75);
  bottom: unset;
  left: unset;
  right: 0;
  top: 100%;
  transform: translateX(-50%);
}

.tooltip-body.tooltip-top.tooltip-right:after {
  border-right: 0.5rem solid transparent;
  border-top: 0.5rem solid rgba(0, 0, 0, 0.75);
  bottom: unset;
  left: 0;
  right: unset;
  top: 100%;
  transform: translateX(50%);
}

.tooltip-body.tooltip-bottom.tooltip-left:after {
  border-bottom: 0.5rem solid rgba(0, 0, 0, 0.75);
  border-left: 0.5rem solid transparent;
  bottom: 100%;
  left: unset;
  right: 0;
  top: unset;
  transform: translateX(-50%);
}

.tooltip-body.tooltip-bottom.tooltip-right:after {
  border-bottom: 0.5rem solid rgba(0, 0, 0, 0.75);
  border-right: 0.5rem solid transparent;
  bottom: 100%;
  left: 0;
  right: unset;
  top: unset;
  transform: translateX(50%);
}

.loader-three-bounce-component {
  text-align: center;
}

.loader-three-bounce-circle .loader-three-bounce-dot {
  border-radius: 100%;
}

.loader-three-bounce-dot {
  animation: loader-three-bounce-animate 1.4s ease-in-out 0s infinite both;
  background-color: #8c8a88;
  border-radius: 0.1rem;
  display: inline-block;
}

.loader-three-bounce-bounce1 {
  animation-delay: -0.32s;
}

.loader-three-bounce-bounce2 {
  animation-delay: -0.16s;
}

@keyframes loader-three-bounce-animate {
  0%, 80%, to {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.icon-button-link {
  align-items: center;
  background-color: transparent;
  border: none;
  color: var(--color-text-subtle);
  display: flex;
  gap: 0.3rem;
  margin: 0 0.3rem 0 0;
  padding: 0;
  position: relative;
  text-align: left;
}

.icon-button-link:hover {
  color: var(--color-text-default);
}

.icon-button-label {
  color: currentColor;
  font-size: 1.4rem;
  font-weight: 500;
  max-width: 12rem;
  word-break: break-word;
}

.icon-button-icon {
  color: currentColor;
  flex-shrink: 0;
  font-size: 2.4rem;
  padding: 0.3rem;
  width: 3rem;
}

.icon-button-blue {
  color: var(--color-blue-300);
}

.icon-button-blue:hover {
  color: var(--color-blue-400);
}

.dark-mode .icon-button-blue:hover {
  color: var(--color-blue-200);
}

.icon-button-red {
  color: var(--color-red-400);
}

.icon-button-red:hover {
  color: var(--color-red-300);
}

.admin-actions-component {
  display: flex;
  padding: 0.5rem 1rem 0.2rem;
}

.admin-actions-separator {
  background-color: #dbd9d7;
  height: 1.5rem;
  margin: auto 0.5rem;
  width: 0.1rem;
}

.analysis-options-dropdown-component {
  background-color: var(--color-neutrals-white);
  border: 0.1rem solid var(--color-gray-400);
  border-radius: 0.3rem;
  box-shadow: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.175);
  display: none;
  left: 0;
  list-style-type: none;
  margin: 0.2rem 0 0;
  min-width: 12.5rem;
  padding: 2rem 0 0.5rem;
  position: fixed;
  text-align: left;
  top: 0;
  z-index: 1;
}

.analysis-options-dropdown-component li {
  cursor: pointer;
  max-width: 12.5rem;
  overflow: hidden;
  padding: 0.2rem 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.analysis-options-dropdown-component li:hover {
  background-color: var(--color-gray-100);
}

.analysis-options-dropdown-component .analysis-options-dropdown-close {
  cursor: pointer;
  font-size: 2rem;
  line-height: 2rem;
  padding-bottom: 0.4rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 2rem;
}

.analysis-options-dropdown-component .analysis-options-dropdown-close:hover {
  background-color: var(--color-gray-100);
}

.analysis-options-dropdown-component .analysis-options-dropdown-title {
  background-color: var(--color-gray-300);
  color: var(--color-gray-600);
  padding: 0 0 0.4rem 1rem;
  position: absolute;
  top: 0;
  width: 100%;
}

.chat-options-dropdown-component {
  background-color: var(--color-neutrals-white);
  border: 0.1rem solid var(--color-gray-400);
  border-radius: 0.3rem;
  box-shadow: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.175);
  display: none;
  left: 0;
  list-style-type: none;
  margin: 0.2rem 0 0;
  min-width: 12.5rem;
  padding: 2rem 0 0.5rem;
  position: fixed;
  text-align: left;
  top: 0;
  z-index: 1;
}

.chat-options-dropdown-component li {
  cursor: pointer;
  max-width: 12.5rem;
  overflow: hidden;
  padding: 0.2rem 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chat-options-dropdown-component li:hover {
  background-color: var(--color-gray-100);
}

.chat-options-dropdown-component .chat-options-dropdown-close {
  cursor: pointer;
  font-size: 2rem;
  line-height: 2rem;
  padding-bottom: 0.4rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 2rem;
}

.chat-options-dropdown-component .chat-options-dropdown-close:hover {
  background-color: var(--color-gray-100);
}

.chat-options-dropdown-component .chat-options-dropdown-title {
  background-color: var(--color-gray-300);
  color: var(--color-gray-600);
  padding: 0 0 0.4rem 1rem;
  position: absolute;
  top: 0;
  width: 100%;
}

.icon-link-link {
  align-items: center;
  background-color: transparent;
  border: none;
  color: var(--color-text-subtle);
  display: flex;
  gap: 0.3rem;
  margin: 0 0.3rem 0 0;
  padding: 0;
  position: relative;
  text-align: left;
}

.icon-link-link:hover {
  color: var(--color-text-default);
}

.icon-link-label {
  color: currentColor;
  font-size: 1.4rem;
  font-weight: 500;
  max-width: 12rem;
  word-break: break-word;
}

.icon-link-icon {
  color: currentColor;
  flex-shrink: 0;
  font-size: 2.4rem;
  padding: 0.3rem;
  width: 3rem;
}

.icon-link-blue {
  color: var(--color-blue-300);
}

.icon-link-blue:hover {
  color: var(--color-blue-400);
}

.dark-mode .icon-link-blue:hover {
  color: var(--color-blue-200);
}

.icon-link-red {
  color: var(--color-red-400);
}

.icon-link-red:hover {
  color: var(--color-red-300);
}

.presence-square-component {
  bottom: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 1;
}

.presence-square-component .presence-square-square {
  height: 3rem;
  width: 3rem;
}

.presence-square-component .presence-square-round {
  border-top-left-radius: 0.5rem;
}

.presence-square-component .presence-square-red {
  background: var(--color-red-300);
}

.presence-square-component .presence-square-green {
  background: var(--color-green-300);
}

.labeled-icon-button-link {
  align-items: center;
  background-color: transparent;
  border: none;
  color: var(--color-text-subtle);
  display: flex;
  gap: 0.3rem;
  margin: 0 0.3rem 0 0;
  padding: 0;
  position: relative;
  text-align: left;
}

.labeled-icon-button-link:hover {
  color: var(--color-text-default);
}

.labeled-icon-button-label {
  color: currentColor;
  font-size: 1.4rem;
  font-weight: 500;
  max-width: 12rem;
  word-break: break-word;
}

.labeled-icon-button-icon {
  color: currentColor;
  flex-shrink: 0;
  font-size: 2.4rem;
  padding: 0.3rem;
  width: 3rem;
}

.labeled-icon-button-blue {
  color: var(--color-blue-300);
}

.labeled-icon-button-blue:hover {
  color: var(--color-blue-400);
}

.dark-mode .labeled-icon-button-blue:hover {
  color: var(--color-blue-200);
}

.labeled-icon-button-red {
  color: var(--color-red-400);
}

.labeled-icon-button-red:hover {
  color: var(--color-red-300);
}

.user-avatar-component {
  display: flex;
  flex-shrink: 0;
  position: relative;
}

.user-avatar-image {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.labeled-icon-link-link {
  align-items: center;
  background-color: transparent;
  border: none;
  color: var(--color-text-subtle);
  display: flex;
  gap: 0.3rem;
  margin: 0 0.3rem 0 0;
  padding: 0;
  position: relative;
  text-align: left;
}

.labeled-icon-link-link:hover {
  color: var(--color-text-default);
}

.labeled-icon-link-label {
  color: currentColor;
  font-size: 1.4rem;
  font-weight: 500;
  max-width: 12rem;
  word-break: break-word;
}

.labeled-icon-link-icon {
  color: currentColor;
  flex-shrink: 0;
  font-size: 2.4rem;
  padding: 0.3rem;
  width: 3rem;
}

.labeled-icon-link-blue {
  color: var(--color-blue-300);
}

.labeled-icon-link-blue:hover {
  color: var(--color-blue-400);
}

.dark-mode .labeled-icon-link-blue:hover {
  color: var(--color-blue-200);
}

.labeled-icon-link-red {
  color: var(--color-red-400);
}

.labeled-icon-link-red:hover {
  color: var(--color-red-300);
}

.user-flair-icon-component {
  display: inline-flex;
}

.user-flair-icon-component[href=""] span {
  cursor: default;
}

.user-chess-title-component {
  background-color: var(--color-bg-chesstitle);
  border-radius: 0.3rem;
  color: var(--color-neutrals-white) !important;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  padding: 0.2rem 0.3rem;
}

.user-actions-component {
  align-items: center;
  display: flex;
}

.user-actions-icons-list {
  display: flex;
  width: 100%;
}

.user-actions-more {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: var(--color-text-subtle);
  display: flex;
  font-size: 1.4rem;
  gap: 0.3rem;
  height: 3rem;
  margin-left: auto;
}

.user-actions-more:hover {
  color: var(--color-text-default);
}

.user-actions-caret {
  font-size: 1.6rem;
  margin-top: 0.3rem;
}

.user-actions-buttonsList {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
}

.user-username-link {
  cursor: pointer;
}

.user-username-gray {
  color: #a7a6a2;
}

.user-username-gray.user-username-link:hover {
  color: #666463;
}

.user-username-darkgray {
  color: var(--color-text-default);
}

.user-username-darkgray.user-username-link:hover {
  color: var(--color-text-default-hovered);
}

.user-username-theme-high {
  color: var(--color-text-bolder);
}

.user-username-theme-high.user-username-link:hover {
  color: var(--color-text-boldest);
}

.user-username-blue, .user-username-blue:hover {
  color: var(--color-blue-400);
}

.user-username-lightgray {
  color: var(--color-gray-400);
}

.user-username-current, .user-username-current:hover {
  color: currentColor;
}

.user-username-white, .user-username-white:hover {
  color: var(--color-neutrals-white);
}

.user-username-bright {
  font-weight: 400;
}

.user-username-bright, .user-username-bright-bold {
  color: var(--color-text-boldest);
}

.user-username-blue-with-dark-mode {
  color: var(--globalColorThemeBlueToMid);
}

.user-username-blue-to-water {
  color: var(--color-text-link);
}

.mvp-badge-component {
  align-items: center;
  border-radius: 0.3rem;
  display: inline-flex;
  flex-shrink: 0;
  height: 1.6rem;
  justify-content: center;
  width: 1.6rem;
}

.mvp-badge-component .mvp-badge-icon {
  font-size: 1.2rem;
}

.mvp-badge-component.mvp-badge-staff {
  background: var(--color-green-400);
  color: var(--color-green-200);
}

.dark-mode .mvp-badge-component.mvp-badge-staff {
  background: var(--color-green-600);
  color: var(--color-green-300);
}

.mvp-badge-component.mvp-badge-moderator {
  background: color-mix(in srgb, var(--color-slate-400), rgba(0, 0, 0, 0) 80%);
  color: var(--color-slate-400);
}

.dark-mode .mvp-badge-component.mvp-badge-moderator {
  background: color-mix(in srgb, var(--color-slate-300), rgba(0, 0, 0, 0) 80%);
  color: var(--color-slate-300);
}

.mvp-badge-component.mvp-badge-gold {
  background: var(--color-gray-100);
  color: var(--color-gold-400);
}

.dark-mode .mvp-badge-component.mvp-badge-gold {
  background: var(--color-gray-700);
}

.mvp-badge-component.mvp-badge-platinum {
  background: color-mix(in srgb, var(--color-slate-300), rgba(0, 0, 0, 0) 80%);
  color: var(--color-slate-300);
}

.dark-mode .mvp-badge-component.mvp-badge-platinum {
  background: color-mix(in srgb, var(--color-slate-200), rgba(0, 0, 0, 0) 80%);
  color: var(--color-slate-200);
}

.mvp-badge-component.mvp-badge-diamond {
  background: var(--color-blue-200);
  color: var(--color-blue-25);
}

.dark-mode .mvp-badge-component.mvp-badge-diamond {
  background: var(--color-blue-400);
  color: var(--color-blue-75);
}

.user-flair-status-component {
  line-height: 1.2;
  margin: 0.3em 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.user-tagline-component {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  max-width: 100%;
  position: relative;
}

.user-tagline-component a.user-tagline-username {
  cursor: pointer;
}

.user-tagline-component a.user-tagline-not-clickable {
  cursor: text;
}

.user-tagline-username {
  max-width: 30rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.user-tagline-rating {
  color: var(--color-text-default);
}

.user-tagline-rating.user-tagline-white {
  color: var(--color-transparent-white-72);
}

.user-lifetime-score-component {
  align-items: center;
  color: var(--color-text-bolder);
  display: inline-flex;
  font-weight: 600;
  height: 1.4rem;
  justify-content: flex-start;
  margin-bottom: 1.5rem;
  max-width: 100%;
  opacity: 0.8;
  overflow: hidden;
}

.user-lifetime-score-component > span:first-child {
  margin-left: 0;
}

.user-lifetime-score-component > :not(.user-lifetime-score-tagline) {
  display: flex;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}

a.user-lifetime-score-component:hover {
  opacity: 1;
}

.user-lifetime-score-win {
  color: var(--color-text-win);
}

.user-lifetime-score-lose {
  color: var(--color-text-loss);
}

.user-lifetime-score-tagline {
  margin-left: 0.3rem;
  max-width: 20rem;
}

.user-lifetime-score-icon {
  font-size: 1.2rem;
  justify-content: center;
}

.user-rating-component {
  align-items: center;
  display: flex;
  gap: 0.5rem;
}

.user-rating-icon {
  font-size: 2.4rem;
}

.user-rating-rating {
  color: var(--color-text-default);
  font-size: 1.4rem;
  font-weight: 700;
}

.presence-button-component {
  display: flex;
  flex: 1 1;
  justify-content: flex-end;
}

.presence-button-component .staffGreen {
  background: var(--color-green-300);
}

.presence-button-component .staffGreen:hover {
  background: var(--color-green-200) !important;
}

.presence-button-hidden, .presence-button-placeholder, .presence-button-visible {
  color: inherit;
}

.presence-button-narrow {
  max-width: 3rem;
}

.presence-button-challengeIconOnly, .presence-button-watchIconOnly {
  background: transparent;
  color: var(--color-red-400);
  height: 1.9rem !important;
}

.presence-button-challengeIconOnly {
  color: var(--color-green-500);
}

.user-popover-popover {
  border-radius: 0.3rem;
  box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.5);
  left: 0;
  position: fixed;
  top: 0;
  z-index: 9002;
}

.user-popover-popover.user-popover-bottom {
  margin-top: 0.5rem;
}

.user-popover-popover.user-popover-top {
  margin-bottom: 0.5rem;
}

.user-popover-component {
  background-color: var(--color-bg-opaque);
  border-radius: 0.3rem;
  color: var(--color-text-default);
  display: flex;
  flex-direction: column;
  font-size: 1.3rem;
  overflow: hidden;
  width: 32rem;
}

.user-popover-avatar-placeholder {
  background-color: var(--color-bg-subtle);
  height: 5rem;
  width: 5rem;
}

.user-popover-profile {
  padding: 1.5rem 1.5rem 0;
}

.user-popover-meta {
  display: grid;
  grid-template-columns: 5rem 1fr repeat(2, auto);
  margin-bottom: 1.5rem;
}

.user-popover-info {
  margin-left: 1.5rem;
  overflow: hidden;
}

.user-popover-status {
  margin-left: 1rem;
  text-align: right;
}

.user-popover-details {
  display: flex;
  flex-direction: column;
}

.user-popover-secondary {
  align-items: center;
  display: flex;
  justify-content: space-between;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  min-height: 1.3rem;
}

.user-popover-loader {
  margin: 0;
  text-align: left;
}

.user-popover-actions {
  background-color: var(--color-bg-tertiary);
  flex: 0 0 4rem;
  padding: 0.5rem 1rem;
}

.user-popover-ratings {
  display: flex;
}

.user-popover-ratings > span {
  padding-right: 0.7rem;
}

.user-popover-ratings > span:last-child {
  padding-right: 0;
}

.user-popover-confirm {
  align-items: center;
  background-color: var(--color-bg-opaque);
  border-radius: 0.3rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.user-popover-confirm p {
  color: var(--color-text-bolder);
  margin: 1.5rem;
  text-align: center;
}

.user-popover-confirm button {
  margin-right: 0.5rem;
}

.user-popover-moderator-message {
  margin-top: 0.5rem;
  width: 100%;
}

.user-popover-badge {
  align-self: start;
  display: block;
}

.user-popover-badge img {
  height: 2.8rem;
  width: 3.8rem;
}

.user-popover-full-name {
  color: var(--color-text-bolder);
  font-size: 1.4rem;
  line-height: 1;
  margin: 0.3rem 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.user-popover-placeholder-popover {
  border-radius: 0.3rem;
  box-shadow: 0.2rem 0.2rem 0.8rem rgba(0, 0, 0, 0.5);
  left: 0;
  position: fixed;
  top: 0;
  z-index: 9002;
}

.user-popover-placeholder-popover.user-popover-bottom {
  margin-top: 0.5rem;
}

.user-popover-placeholder-popover.user-popover-top {
  margin-bottom: 0.5rem;
}

.user-popover-placeholder-component {
  background-color: var(--color-bg-opaque);
  border-radius: 0.3rem;
  color: var(--color-text-default);
  display: flex;
  flex-direction: column;
  font-size: 1.3rem;
  overflow: hidden;
  width: 32rem;
}

.user-popover-placeholder-profile {
  border-bottom: 4rem solid var(--color-bg-tertiary);
  padding: 1.5rem 1.5rem 4.8rem;
}

.user-popover-placeholder-avatar {
  background-color: var(--color-bg-subtle);
  float: left;
  height: 5rem;
  margin-right: 1.5rem;
  width: 5rem;
}

.user-popover-placeholder-info {
  font-size: 1.5rem;
  font-weight: 600;
}

.layout-component {
  align-content: start;
  display: grid;
  flex: 1 0 auto;
  gap: 2.4rem;
  grid-template-columns: 100%;
  margin: 0 auto;
  max-width: 108.2rem;
  width: 100%;
}

.layout-component + .navigation-footer-component {
  padding-top: 2.4rem;
}

@media (min-width: 60em) {
  .layout-component {
    padding: 1.5rem;
    row-gap: 2rem;
  }
  .layout-component + .navigation-footer-component {
    padding-top: 0.9rem;
  }
  .layout-component:not(.layout-single) {
    grid-template-columns: minmax(0, 1fr) 30rem;
  }
  .layout-component:not(.layout-single) .layout-title {
    grid-column: 1;
    grid-row: 1;
  }
  .layout-column-one {
    grid-column: 1;
  }
  .layout-column-two {
    grid-column: 2;
  }
  .layout-component.layout-title-in-sidebar {
    grid-template-rows: auto 1fr;
  }
  .layout-component.layout-title-in-sidebar .layout-title {
    grid-column: 2;
    grid-row: 1;
  }
  .layout-component.layout-title-in-sidebar .layout-column-one {
    grid-column: 1;
    grid-row: 1/3;
  }
}
@media only screen and (max-width: 800px) {
  #local-storage {
    display: none !important;
  }
}
#local-storage-options {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  margin: 6px;
}

#local-storage {
  display: none;
  pointer-events: auto;
  font-size: 11px;
  background: var(--color-gray-900);
  color: var(--color-gray-600);
  top: 0;
  bottom: 0px;
  letter-spacing: 0;
  position: sticky;
  max-height: 100vh;
}
#local-storage.open {
  display: block;
}
#local-storage span:hover {
  color: var(--color-gray-200);
}
#local-storage #local-storage-inner {
  overflow: scroll;
  height: 100%;
  user-select: auto;
  font-family: "consolas", Courier, monospace;
  white-space: pre;
  width: 250px;
  padding: 12px;
  display: block;
  position: sticky;
  top: 0;
}

* {
  box-sizing: border-box;
}

.gambit-framework .d-block {
  line-height: 1.5;
}
.gambit-framework pre code {
  margin: 0;
  padding: 0;
  background: transparent;
  line-height: 1.5;
}
.gambit-framework p code {
  line-height: 1;
}
.gambit-framework pre code {
  line-height: 1.5;
  display: inline-block;
}
.gambit-framework a.code,
.gambit-framework code {
  background: var(--color-bg-subtle);
  padding: 0.1em 0.2em;
  border-radius: 0.2em;
  font-size: 0.9em;
  font-family: monospace;
  color: var(--color-text-bolder);
  color: var(--color-text-regular);
  display: inline;
  font-family: monospace;
  font-size: inherit;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05);
  line-height: 1;
  font-weight: 500;
}
.gambit-framework a.code.full,
.gambit-framework code.full {
  width: 100%;
}
.gambit-framework a.code.class-danger, .gambit-framework a.code.class-component, .gambit-framework a.code.class-modifier, .gambit-framework a.code.class-subcomponent, .gambit-framework a.code.class-utility,
.gambit-framework code.class-danger,
.gambit-framework code.class-component,
.gambit-framework code.class-modifier,
.gambit-framework code.class-subcomponent,
.gambit-framework code.class-utility {
  width: auto;
  white-space: nowrap;
}
.gambit-framework a.code.class-danger:before, .gambit-framework a.code.class-component:before, .gambit-framework a.code.class-modifier:before, .gambit-framework a.code.class-subcomponent:before, .gambit-framework a.code.class-utility:before,
.gambit-framework code.class-danger:before,
.gambit-framework code.class-component:before,
.gambit-framework code.class-modifier:before,
.gambit-framework code.class-subcomponent:before,
.gambit-framework code.class-utility:before {
  content: ".";
  opacity: 0.5;
}
.gambit-framework a.code.class-danger,
.gambit-framework code.class-danger {
  background: color-mix(in srgb, var(--color-red-200) 10%, transparent);
  color: var(--color-red-200);
}
.gambit-framework a.code.class-component,
.gambit-framework code.class-component {
  background: color-mix(in srgb, var(--color-blue-200) 10%, transparent);
  color: var(--color-blue-200);
}
.gambit-framework a.code.class-modifier,
.gambit-framework code.class-modifier {
  background: color-mix(in srgb, var(--color-green-300) 10%, transparent);
  color: var(--color-green-300);
}
.gambit-framework a.code.class-subcomponent,
.gambit-framework code.class-subcomponent {
  background: color-mix(in srgb, var(--color-purple-300) 10%, transparent);
  color: var(--color-purple-300);
}
.gambit-framework a.code.class-utility,
.gambit-framework code.class-utility {
  background: color-mix(in srgb, var(--color-gold-300) 10%, transparent);
  color: var(--color-gold-300);
}
.gambit-framework code.d-block {
  border-radius: var(--radius-l);
  background-color: var(--color-gray-850);
  display: block;
  margin: 0;
  padding: var(--space-12);
  overflow-x: auto;
  white-space: pre;
  padding-right: 48px;
  max-height: 400px;
}
.gambit-framework code.d-block span.class-component {
  background: color-mix(in srgb, var(--color-blue-200) 10%, transparent);
  color: var(--color-blue-200);
  padding: 0 var(--space-4);
  border-radius: var(--radius-s);
}
.gambit-framework code.d-block span.class-modifier {
  background: color-mix(in srgb, var(--color-green-300) 10%, transparent);
  color: var(--color-green-300);
  padding: 0 var(--space-4);
  border-radius: var(--radius-s);
}
.gambit-framework code.d-block span.class-subcomponent {
  background: color-mix(in srgb, var(--color-purple-300) 10%, transparent);
  color: var(--color-purple-300);
  padding: 0 var(--space-4);
  border-radius: var(--radius-s);
}
.gambit-framework code.d-block span.class-utility {
  background: color-mix(in srgb, var(--color-green-300) 10%, transparent);
  color: var(--color-green-300);
  padding: 0 var(--space-4);
  border-radius: var(--radius-s);
}
.gambit-framework .demo-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
  align-items: center;
  margin: var(--space-16) 0;
}
.gambit-framework .example-preview {
  padding: var(--space-16);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-m);
  margin-bottom: var(--space-16);
}
.gambit-framework .nav-menu {
  position: sticky;
  top: var(--space-24);
  max-height: calc(100vh - var(--space-48));
  overflow-y: auto;
}
.gambit-framework .nav-link {
  display: block;
  padding: var(--space-8) var(--space-16);
  color: var(--color-text-default);
  text-decoration: none;
  border-radius: var(--radius-s);
  margin-bottom: var(--space-4);
}
.gambit-framework .nav-link:hover {
  background: var(--color-bg-subtle);
  color: var(--color-text-boldest);
}
.gambit-framework .main-grid {
  display: grid;
  grid-template-columns: 250px 1fr;
  gap: var(--space-32);
  align-items: start;
}
@media (max-width: 768px) {
  .gambit-framework .main-grid {
    grid-template-columns: 1fr;
  }
  .gambit-framework .nav-menu {
    position: relative;
    margin-bottom: var(--space-32);
  }
}
.gambit-framework .description {
  color: var(--color-text-subtle);
}
.gambit-framework .color-coding-legend {
  background: var(--color-bg-secondary);
  padding: var(--space-24);
  border-radius: var(--radius-l);
  border: 1px solid var(--color-border-subtlest);
}
.gambit-framework .color-coding-legend .legend-item {
  display: flex;
  align-items: center;
}
.gambit-framework .color-coding-legend .legend-item code {
  min-width: 180px;
  margin-right: var(--space-16);
}
.gambit-framework .ml-12 {
  margin-left: var(--space-12);
}
.gambit-framework .variant-badge {
  display: inline-block;
  padding: var(--space-2) var(--space-8);
  background: var(--color-bg-subtle);
  border-radius: var(--radius-s);
  font-size: 12px;
  margin-right: var(--space-4);
}
.gambit-framework label {
  display: flex;
  align-items: center;
  gap: var(--space-4);
}

/* ========================================================================
   CONVENTIONS SECTION
   ======================================================================== */
.component-states-table {
  max-width: 100%;
  overflow: scroll;
}
.component-states-table button {
  display: inline-block;
}
.component-states-table table tr th, .component-states-table table tr td {
  width: 20%;
}
.component-states-table table tr th {
  text-align: center;
}
.component-states-table table tr td {
  padding: 25px;
  text-align: center;
  vertical-align: middle;
}

#component-classes .convention-types,
#subcomponent-classes .convention-types,
#modifier-classes .convention-types,
#conventions .convention-types {
  display: flex;
  flex-direction: column;
  gap: var(--space-24);
}
#component-classes .convention-type,
#subcomponent-classes .convention-type,
#modifier-classes .convention-type,
#conventions .convention-type {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
@media (max-width: 2000px) {
  #component-classes .convention-type,
  #subcomponent-classes .convention-type,
  #modifier-classes .convention-type,
  #conventions .convention-type {
    flex-direction: column;
    align-items: stretch;
  }
}
#component-classes .convention-type .convention-type-head,
#subcomponent-classes .convention-type .convention-type-head,
#modifier-classes .convention-type .convention-type-head,
#conventions .convention-type .convention-type-head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: var(--radius-l);
  padding: 20px;
  background-color: var(--color-gray-900);
}
#component-classes .convention-type .convention-type-head p,
#subcomponent-classes .convention-type .convention-type-head p,
#modifier-classes .convention-type .convention-type-head p,
#conventions .convention-type .convention-type-head p {
  margin-top: auto;
  color: var(--color-gray-500);
}
#component-classes .convention-type .convention-type-good-bad,
#subcomponent-classes .convention-type .convention-type-good-bad,
#modifier-classes .convention-type .convention-type-good-bad,
#conventions .convention-type .convention-type-good-bad {
  display: flex;
  flex-direction: row;
  gap: 2px;
}
@media (max-width: 768px) {
  #component-classes .convention-type .convention-type-good-bad,
  #subcomponent-classes .convention-type .convention-type-good-bad,
  #modifier-classes .convention-type .convention-type-good-bad,
  #conventions .convention-type .convention-type-good-bad {
    flex-direction: column;
    align-items: stretch;
  }
}
#component-classes .convention-type .convention-type-good,
#component-classes .convention-type .convention-type-bad,
#subcomponent-classes .convention-type .convention-type-good,
#subcomponent-classes .convention-type .convention-type-bad,
#modifier-classes .convention-type .convention-type-good,
#modifier-classes .convention-type .convention-type-bad,
#conventions .convention-type .convention-type-good,
#conventions .convention-type .convention-type-bad {
  border-radius: var(--radius-l);
  background: var(--color-gray-850);
  padding: 20px;
}
#component-classes .convention-type .convention-type-good,
#subcomponent-classes .convention-type .convention-type-good,
#modifier-classes .convention-type .convention-type-good,
#conventions .convention-type .convention-type-good {
  flex: 1;
}
#component-classes .convention-type .convention-type-bad,
#subcomponent-classes .convention-type .convention-type-bad,
#modifier-classes .convention-type .convention-type-bad,
#conventions .convention-type .convention-type-bad {
  flex: 1;
}
#component-classes .convention-type h4,
#subcomponent-classes .convention-type h4,
#modifier-classes .convention-type h4,
#conventions .convention-type h4 {
  font-size: 1.5rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
#component-classes .convention-type p,
#subcomponent-classes .convention-type p,
#modifier-classes .convention-type p,
#conventions .convention-type p {
  text-wrap: balance;
}
#component-classes .convention-type ul,
#subcomponent-classes .convention-type ul,
#modifier-classes .convention-type ul,
#conventions .convention-type ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
#component-classes .convention-type ul li,
#subcomponent-classes .convention-type ul li,
#modifier-classes .convention-type ul li,
#conventions .convention-type ul li {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
#component-classes .convention-type ul li:before,
#subcomponent-classes .convention-type ul li:before,
#modifier-classes .convention-type ul li:before,
#conventions .convention-type ul li:before {
  content: "•";
  color: var(--color-text-subtle);
  font-weight: bold;
  flex-shrink: 0;
}
#component-classes .convention-type ul li code,
#subcomponent-classes .convention-type ul li code,
#modifier-classes .convention-type ul li code,
#conventions .convention-type ul li code {
  margin: 0;
}
#component-classes .convention-type .convention-type-content,
#subcomponent-classes .convention-type .convention-type-content,
#modifier-classes .convention-type .convention-type-content,
#conventions .convention-type .convention-type-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex: 1;
}
#component-classes .convention-type .convention-type-code,
#subcomponent-classes .convention-type .convention-type-code,
#modifier-classes .convention-type .convention-type-code,
#conventions .convention-type .convention-type-code {
  display: flex;
  flex-direction: row;
  gap: 2px;
}
@media (max-width: 1200px) {
  #component-classes .convention-type .convention-type-code,
  #subcomponent-classes .convention-type .convention-type-code,
  #modifier-classes .convention-type .convention-type-code,
  #conventions .convention-type .convention-type-code {
    flex-direction: column;
  }
}
#component-classes .convention-type .convention-type-code-html,
#component-classes .convention-type .convention-type-code-css,
#subcomponent-classes .convention-type .convention-type-code-html,
#subcomponent-classes .convention-type .convention-type-code-css,
#modifier-classes .convention-type .convention-type-code-html,
#modifier-classes .convention-type .convention-type-code-css,
#conventions .convention-type .convention-type-code-html,
#conventions .convention-type .convention-type-code-css {
  overflow: scroll;
  flex: 1;
  margin-top: 2px;
  padding: 20px;
  background: var(--color-gray-850);
  border-radius: var(--radius-l);
}
#component-classes .convention-type .convention-type-code-html code,
#component-classes .convention-type .convention-type-code-css code,
#subcomponent-classes .convention-type .convention-type-code-html code,
#subcomponent-classes .convention-type .convention-type-code-css code,
#modifier-classes .convention-type .convention-type-code-html code,
#modifier-classes .convention-type .convention-type-code-css code,
#conventions .convention-type .convention-type-code-html code,
#conventions .convention-type .convention-type-code-css code {
  margin: -20px;
  padding: 20px;
  max-height: 200px;
}
#component-classes .convention-type .convention-type-code-html h4,
#component-classes .convention-type .convention-type-code-css h4,
#subcomponent-classes .convention-type .convention-type-code-html h4,
#subcomponent-classes .convention-type .convention-type-code-css h4,
#modifier-classes .convention-type .convention-type-code-html h4,
#modifier-classes .convention-type .convention-type-code-css h4,
#conventions .convention-type .convention-type-code-html h4,
#conventions .convention-type .convention-type-code-css h4 {
  color: var(--color-text-subtle);
}
#component-classes ol,
#subcomponent-classes ol,
#modifier-classes ol,
#conventions ol {
  margin-left: var(--space-24);
}

/* ========================================================================
   COMPONENT SEARCH EMPTY STATE
   ======================================================================== */
.brandguide main {
  display: flex;
  flex-direction: column;
}

.search-empty-state {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
}

/* ========================================================================
   CONFIGURATOR TOGGLE
   ======================================================================== */
.configurator-toggle-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 8px 16px;
  position: relative;
}
.configurator-toggle-container .system-label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--color-gray-600);
  transition: color 0.2s ease;
}
.configurator-toggle-container .system-label.active {
  color: var(--color-gray-100);
}
.configurator-toggle-container .system-label:first-child.active {
  color: #FA412D;
}
.configurator-toggle-container .system-label:last-child.active {
  color: #81B64C;
}
.configurator-toggle-container::after {
  content: "Switch between Monolithic and Modular Systems (Ctrl+Shift+M)";
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  margin-left: 12px;
  background: rgba(0, 0, 0, 0.9);
  color: white;
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 11px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 1000;
}
.configurator-toggle-container:hover::after {
  opacity: 1;
}

.configurator-modular .tokens code {
  cursor: pointer;
  transition: all 0.15s ease;
}
.configurator-modular .tokens code:hover {
  background: var(--color-fill-interaction-hover);
  color: var(--color-text-strong);
}
.configurator-modular .tokens code.active {
  background: var(--color-fill-primary);
  color: var(--color-text-on-color);
}
.configurator-modular .tokens code.active:hover {
  background: var(--color-fill-primary-hover);
}
.configurator-modular .tokens code.default {
  font-weight: 600;
}

/* Voice Page Styles */
/* All voice-related component styles have been moved to generic Gambit components */
/* This file is kept for potential future voice-specific styles that are truly page-specific */
.page-voice {
  /* Currently empty - all styles refactored to generic components */
}

/**
 * Voice Page Non-Bento Sections
 * Technical content sections that balance the fluffy bento grids
 */
.view-content {
  height: 100%;
}
.view-content .code-example {
  height: 100%;
}

/* Page-level styles for voice related pages */
.page-voice {
  /* Note: sidebar-layout styles are now in _layout-utilities.scss for global use */
  /* Principle details grid - using same bento style */
  /* Punctuation reference table */
  /* Detail columns for various sections */
  /* Rule lists using dl/dt/dd */
  /* Note: rule-columns and rule-item styles are now in _layout-utilities.scss for global use */
  /* Rule columns with icons */
  /* Broadcast guidelines have uppercase labels */
  /* Note: principle-subsection styles are now in _layout-utilities.scss for global use */
  /* Code examples - matching bento style */
}
.page-voice .principle-details {
  /* Bento card appearance */
  position: relative;
  background: var(--color-gray-900);
  color: var(--color-gray-400);
  border: 1px solid var(--color-gray-800);
  border-radius: 1.6rem;
  padding: 2.4rem;
  box-sizing: border-box;
  /* Flexbox layout like rule-columns */
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
}
.page-voice .principle-details .detail-group {
  /* Same as rule-item styling */
  display: flex;
  flex-direction: column;
  margin: 0;
  flex: 1 1 280px;
  padding: 1.6rem;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 0.8rem;
  transition: background 0.2s ease;
}
.page-voice .principle-details .detail-group:hover {
  background: rgba(255, 255, 255, 0.04);
}
.page-voice .principle-details .detail-group h4 {
  font-size: 1.8rem;
  font-weight: 700;
  margin: 0 0 1rem 0;
  color: var(--color-text-bolder);
  text-transform: uppercase;
}
.page-voice .principle-details .detail-group ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.page-voice .principle-details .detail-group ul li {
  text-wrap: balance;
  padding: 0.5rem 0;
  font-size: 1.5rem;
  line-height: 1.5;
  color: var(--color-accent-primary);
  font-family: var(--font-family-mono);
}
.page-voice .principle-details .detail-group ul li:not(:last-child) {
  margin-bottom: 0.5rem;
}
.page-voice .style-reference {
  width: 100%;
  border-collapse: collapse;
  font-size: 1.6rem;
}
.page-voice .style-reference th {
  text-align: left;
  padding: 1.5rem;
  border-bottom: 2px solid var(--color-gray-800);
  font-weight: 600;
  color: var(--color-text-bolder);
}
.page-voice .style-reference td {
  padding: 1.5rem;
  border-bottom: 1px solid var(--color-border-subtlest);
}
.page-voice .style-reference td.correct {
  color: var(--color-success);
}
.page-voice .style-reference td.incorrect {
  color: var(--color-error);
  text-decoration: line-through;
  opacity: 0.7;
}
.page-voice .style-reference tr:hover {
  background: var(--color-gray-950);
}
.page-voice .detail-columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 6rem;
}
.page-voice .detail-columns h4 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 2rem;
  color: var(--color-text-bolder);
}
.page-voice .rule-list {
  margin: 0;
  padding: 0;
}
.page-voice.with-icons .rule-label {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.page-voice.with-icons .rule-icon {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
}
.page-voice.with-icons .rule-icon svg {
  width: 100%;
  height: 100%;
  opacity: 0.6;
}
.page-voice .broadcast-details .rule-item dt {
  text-transform: uppercase;
}
.page-voice .code-example {
  background: var(--color-gray-900);
  border: 1px solid var(--color-gray-800);
  border-radius: 1.6rem;
  padding: 2.4rem;
  overflow-x: auto;
  margin-top: 2rem;
  height: 100%;
  /* Inner code block styling */
  background: rgba(255, 255, 255, 0.02);
}
.page-voice .code-example pre {
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.6;
}
.page-voice .code-example code {
  color: var(--color-accent-primary);
  font-family: var(--font-family-mono);
}

/* Technical Guidelines Intro Section */
.voice-technical-intro {
  padding: 8rem 0;
  background: var(--color-gray-950);
}
.voice-technical-intro p.heading {
  font-size: 3.2rem;
  line-height: 1.4;
  color: var(--color-text-default);
  font-weight: 500;
  margin: 0 0 5rem 0;
  opacity: 0.9;
}
.voice-technical-intro .technical-guide-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 3rem;
}
.voice-technical-intro .guide-card {
  background: var(--color-gray-900);
  border: 1px solid var(--color-gray-800);
  border-radius: 12px;
  padding: 3rem;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.voice-technical-intro .guide-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}
.voice-technical-intro .guide-card h3 {
  font-size: 2rem;
  font-weight: 600;
  margin: 0 0 1rem 0;
  color: var(--color-text-bolder);
}
.voice-technical-intro .guide-card p {
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--color-text-muted);
  margin: 0 0 2rem 0;
}
.voice-technical-intro .guide-card .guide-link {
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--color-accent-primary);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  transition: color 0.2s ease;
}
.voice-technical-intro .guide-card .guide-link:hover {
  color: var(--color-accent-primary-hover);
}
.voice-technical-intro .guide-card .guide-links-row {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}
.voice-technical-intro .guide-card:last-child {
  grid-column: span 2;
  background: var(--color-accent-primary);
  background: linear-gradient(135deg, var(--color-accent-primary), var(--color-accent-secondary));
  border: none;
}
.voice-technical-intro .guide-card:last-child h3, .voice-technical-intro .guide-card:last-child p {
  color: white;
}
.voice-technical-intro .guide-card:last-child .guide-link {
  color: white;
  opacity: 0.9;
}
.voice-technical-intro .guide-card:last-child .guide-link:hover {
  opacity: 1;
}
@media (max-width: 768px) {
  .voice-technical-intro .guide-card:last-child {
    grid-column: span 1;
  }
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .page-voice p.heading {
    font-size: 2.4rem;
    margin-bottom: 3rem;
  }
  .page-voice .principle-details,
  .page-voice .detail-columns {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
  .page-voice .style-reference {
    font-size: 1.4rem;
  }
  .page-voice .style-reference th, .page-voice .style-reference td {
    padding: 1rem;
  }
}
:root {
  --board-light: #EBECD0;
  --board-dark: #739552;
}

.themes-grid {
  display: grid;
  gap: 0;
  padding: 0;
  margin: 0;
  border-radius: 12px;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .themes-grid {
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
  .themes-grid > a:nth-child(12n+1), .themes-grid > a:nth-child(12n+3), .themes-grid > a:nth-child(12n+5), .themes-grid > a:nth-child(12n+8), .themes-grid > a:nth-child(12n+10), .themes-grid > a:nth-child(12n+12) {
    background-color: var(--board-light);
  }
  .themes-grid > a:nth-child(12n+2), .themes-grid > a:nth-child(12n+4), .themes-grid > a:nth-child(12n+6), .themes-grid > a:nth-child(12n+7), .themes-grid > a:nth-child(12n+9), .themes-grid > a:nth-child(12n+11) {
    background-color: var(--board-dark);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .themes-grid {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
  .themes-grid > a:nth-child(8n+1), .themes-grid > a:nth-child(8n+3), .themes-grid > a:nth-child(8n+6), .themes-grid > a:nth-child(8n+8) {
    background-color: var(--board-light);
  }
  .themes-grid > a:nth-child(8n+2), .themes-grid > a:nth-child(8n+4), .themes-grid > a:nth-child(8n+5), .themes-grid > a:nth-child(8n+7) {
    background-color: var(--board-dark);
  }
}
@media (max-width: 767px) {
  .themes-grid {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }
  .themes-grid > a:nth-child(6n+1), .themes-grid > a:nth-child(6n+3), .themes-grid > a:nth-child(6n+5) {
    background-color: var(--board-light);
  }
  .themes-grid > a:nth-child(6n+2), .themes-grid > a:nth-child(6n+4), .themes-grid > a:nth-child(6n+6) {
    background-color: var(--board-dark);
  }
}
.themes-grid > a {
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  text-decoration: none;
  transition: all 0.2s ease;
  position: relative;
  overflow: hidden;
}
.themes-grid > a:hover {
  z-index: 1;
}
.themes-grid > a img {
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
  transition: transform 0.2s ease;
}
.themes-grid > a:hover img {
  transform: scale(1.1);
}

.themes-gallery {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.themes-gallery [data-theme-group] {
  position: relative;
  padding-top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.themes-gallery [data-theme-group]::before {
  content: attr(data-theme-group);
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-gray-500);
  opacity: 0.6;
}
.themes-gallery .theme-item h3 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: white;
}
.themes-gallery .theme-item[data-theme=green] {
  --board-light: #EBECD0;
  --board-dark: #739552;
}
.themes-gallery .theme-item[data-theme=brown] {
  --board-light: #F0D9B5;
  --board-dark: #B58863;
}
.themes-gallery .theme-item[data-theme=blue] {
  --board-light: #D6E4F0;
  --board-dark: #4B7399;
}
.themes-gallery .theme-item[data-theme=purple] {
  --board-light: #E8E0F0;
  --board-dark: #7B61A6;
}

.themes-grid:nth-of-type(7n+1) {
  --board-light: #EBECD0;
  --board-dark: #739552;
}
.themes-grid:nth-of-type(7n+2) {
  --board-light: #F0D9B5;
  --board-dark: #B58863;
}
.themes-grid:nth-of-type(7n+3) {
  --board-light: #D6E4F0;
  --board-dark: #4B7399;
}
.themes-grid:nth-of-type(7n+4) {
  --board-light: #E8E0F0;
  --board-dark: #7B61A6;
}
.themes-grid:nth-of-type(7n+5) {
  --board-light: #F7E4F0;
  --board-dark: #E8A4C9;
}
.themes-grid:nth-of-type(7n+6) {
  --board-light: #D4A76A;
  --board-dark: #8B4513;
}
.themes-grid:nth-of-type(7n+7) {
  --board-light: #C0E4F0;
  --board-dark: #5A8CA0;
}

.theme-item:nth-child(7n+1) .themes-grid {
  --board-light: #EBECD0;
  --board-dark: #739552;
}
.theme-item:nth-child(7n+2) .themes-grid {
  --board-light: #F0D9B5;
  --board-dark: #B58863;
}
.theme-item:nth-child(7n+3) .themes-grid {
  --board-light: #D6E4F0;
  --board-dark: #4B7399;
}
.theme-item:nth-child(7n+4) .themes-grid {
  --board-light: #E8E0F0;
  --board-dark: #7B61A6;
}
.theme-item:nth-child(7n+5) .themes-grid {
  --board-light: #F7E4F0;
  --board-dark: #E8A4C9;
}
.theme-item:nth-child(7n+6) .themes-grid {
  --board-light: #D4A76A;
  --board-dark: #8B4513;
}
.theme-item:nth-child(7n+7) .themes-grid {
  --board-light: #C0E4F0;
  --board-dark: #5A8CA0;
}
.theme-item:nth-child(11n+1) .themes-grid {
  --board-light: #F5F5DC;
  --board-dark: #505050;
}
.theme-item:nth-child(11n+3) .themes-grid {
  --board-light: #C5915D;
  --board-dark: #7D5A3C;
}
.theme-item:nth-child(11n+5) .themes-grid {
  --board-light: #DCE8F2;
  --board-dark: #5878A0;
}
.theme-item:nth-child(11n+7) .themes-grid {
  --board-light: #CAC0B0;
  --board-dark: #8A8078;
}
.theme-item:nth-child(11n+9) .themes-grid {
  --board-light: #C0C0C0;
  --board-dark: #808080;
}
.theme-item:nth-child(13n+2) .themes-grid {
  --board-light: #FFCCFF;
  --board-dark: #FF99CC;
}
.theme-item:nth-child(13n+4) .themes-grid {
  --board-light: #F0E68C;
  --board-dark: #CD5C5C;
}
.theme-item:nth-child(13n+6) .themes-grid {
  --board-light: #FFE5B4;
  --board-dark: #FF8C00;
}
.theme-item:nth-child(13n+8) .themes-grid {
  --board-light: #FFCCCC;
  --board-dark: #CC0000;
}

section[id^=themes-]:nth-of-type(7n+1) .themes-grid {
  --board-light: #EBECD0;
  --board-dark: #739552;
}
section[id^=themes-]:nth-of-type(7n+2) .themes-grid {
  --board-light: #F0D9B5;
  --board-dark: #B58863;
}
section[id^=themes-]:nth-of-type(7n+3) .themes-grid {
  --board-light: #D6E4F0;
  --board-dark: #4B7399;
}
section[id^=themes-]:nth-of-type(7n+4) .themes-grid {
  --board-light: #E8E0F0;
  --board-dark: #7B61A6;
}
section[id^=themes-]:nth-of-type(7n+5) .themes-grid {
  --board-light: #F7E4F0;
  --board-dark: #E8A4C9;
}
section[id^=themes-]:nth-of-type(7n+6) .themes-grid {
  --board-light: #D4A76A;
  --board-dark: #8B4513;
}
section[id^=themes-]:nth-of-type(7n+7) .themes-grid {
  --board-light: #C0E4F0;
  --board-dark: #5A8CA0;
}
section[id^=themes-]:nth-of-type(11n+1) .themes-grid {
  --board-light: #F5F5DC;
  --board-dark: #505050;
}
section[id^=themes-]:nth-of-type(11n+3) .themes-grid {
  --board-light: #C5915D;
  --board-dark: #7D5A3C;
}
section[id^=themes-]:nth-of-type(11n+5) .themes-grid {
  --board-light: #DCE8F2;
  --board-dark: #5878A0;
}
section[id^=themes-]:nth-of-type(11n+7) .themes-grid {
  --board-light: #CAC0B0;
  --board-dark: #8A8078;
}
section[id^=themes-]:nth-of-type(11n+9) .themes-grid {
  --board-light: #C0C0C0;
  --board-dark: #808080;
}

:root {
  /* Layout & Spacing */
  --radius: 5px;
  --unit: 50px;
  --gutter-grid: 40px;
  /* Animations */
  --easing: cubic-bezier(0.645, 0.045, 0.355, 1);
  --bounce: cubic-bezier(1,.22,.31,1.64);
  /* Legacy Colors */
  --color-light: #f3e9e8;
  /* Colors */
  --color-green-25: rgb(246, 255, 227);
  --color-green-50: rgb(243, 255, 207);
  --color-green-75: rgb(235, 255, 189);
  --color-green-100: rgb(216, 250, 157);
  --color-green-200: rgb(178, 224, 104);
  --color-green-300: rgb(129, 182, 76);
  --color-green-400: rgb(93, 153, 72);
  --color-green-500: rgb(69, 117, 60);
  --color-green-600: rgb(48, 87, 48);
  --color-green-700: rgb(32, 66, 39);
  --color-green-800: rgb(28, 55, 36);
  --color-green-900: rgb(22, 41, 33);
  --color-aqua-25: rgb(234, 255, 250);
  --color-aqua-50: rgb(221, 255, 245);
  --color-aqua-75: rgb(204, 255, 236);
  --color-aqua-100: rgb(173, 251, 216);
  --color-aqua-200: rgb(98, 246, 202);
  --color-aqua-300: rgb(38, 194, 163);
  --color-aqua-400: rgb(16, 152, 136);
  --color-aqua-500: rgb(16, 119, 124);
  --color-aqua-600: rgb(9, 80, 95);
  --color-aqua-700: rgb(7, 55, 69);
  --color-aqua-800: rgb(4, 39, 51);
  --color-aqua-900: rgb(5, 28, 38);
  --color-blue-25: rgb(206, 245, 255);
  --color-blue-50: rgb(178, 240, 255);
  --color-blue-75: rgb(131, 222, 252);
  --color-blue-100: rgb(77, 195, 234);
  --color-blue-200: rgb(0, 159, 217);
  --color-blue-300: rgb(0, 140, 209);
  --color-blue-400: rgb(0, 105, 171);
  --color-blue-500: rgb(11, 84, 140);
  --color-blue-600: rgb(8, 58, 102);
  --color-blue-700: rgb(7, 42, 79);
  --color-blue-800: rgb(7, 27, 54);
  --color-blue-900: rgb(8, 19, 37);
  --color-slate-25: rgb(250, 255, 255);
  --color-slate-50: rgb(242, 252, 255);
  --color-slate-75: rgb(229, 246, 255);
  --color-slate-100: rgb(208, 230, 251);
  --color-slate-200: rgb(174, 208, 240);
  --color-slate-300: rgb(116, 155, 191);
  --color-slate-400: rgb(72, 102, 136);
  --color-slate-500: rgb(50, 70, 96);
  --color-slate-600: rgb(38, 50, 66);
  --color-slate-700: rgb(30, 37, 51);
  --color-slate-800: rgb(25, 29, 41);
  --color-slate-900: rgb(18, 19, 29);
  --color-purple-25: rgb(246, 237, 255);
  --color-purple-50: rgb(232, 219, 255);
  --color-purple-75: rgb(213, 198, 255);
  --color-purple-100: rgb(201, 172, 255);
  --color-purple-200: rgb(152, 129, 242);
  --color-purple-300: rgb(122, 102, 244);
  --color-purple-400: rgb(94, 83, 217);
  --color-purple-500: rgb(48, 61, 138);
  --color-purple-600: rgb(33, 46, 93);
  --color-purple-700: rgb(21, 34, 67);
  --color-purple-800: rgb(16, 28, 51);
  --color-purple-900: rgb(10, 21, 35);
  --color-fuchsia-25: rgb(255, 212, 212);
  --color-fuchsia-50: rgb(255, 181, 185);
  --color-fuchsia-75: rgb(255, 148, 157);
  --color-fuchsia-100: rgb(255, 120, 138);
  --color-fuchsia-200: rgb(250, 70, 106);
  --color-fuchsia-300: rgb(237, 36, 86);
  --color-fuchsia-400: rgb(196, 20, 79);
  --color-fuchsia-500: rgb(148, 12, 69);
  --color-fuchsia-600: rgb(97, 7, 52);
  --color-fuchsia-700: rgb(73, 5, 45);
  --color-fuchsia-800: rgb(52, 5, 36);
  --color-fuchsia-900: rgb(31, 4, 26);
  --color-red-25: rgb(255, 224, 202);
  --color-red-50: rgb(255, 203, 178);
  --color-red-75: rgb(255, 177, 150);
  --color-red-100: rgb(255, 138, 117);
  --color-red-200: rgb(255, 99, 82);
  --color-red-300: rgb(250, 65, 45);
  --color-red-400: rgb(224, 40, 40);
  --color-red-500: rgb(173, 31, 36);
  --color-red-600: rgb(136, 24, 34);
  --color-red-700: rgb(99, 16, 24);
  --color-red-800: rgb(66, 12, 20);
  --color-red-900: rgb(43, 9, 16);
  --color-orange-25: rgb(255, 251, 218);
  --color-orange-50: rgb(255, 243, 194);
  --color-orange-75: rgb(255, 229, 168);
  --color-orange-100: rgb(255, 213, 145);
  --color-orange-200: rgb(255, 164, 89);
  --color-orange-300: rgb(250, 116, 44);
  --color-orange-400: rgb(220, 80, 29);
  --color-orange-500: rgb(169, 54, 22);
  --color-orange-600: rgb(122, 26, 11);
  --color-orange-700: rgb(97, 8, 8);
  --color-orange-800: rgb(74, 5, 12);
  --color-orange-900: rgb(48, 2, 12);
  --color-gold-25: rgb(255, 255, 199);
  --color-gold-50: rgb(255, 245, 153);
  --color-gold-75: rgb(252, 226, 106);
  --color-gold-100: rgb(250, 213, 65);
  --color-gold-200: rgb(247, 198, 49);
  --color-gold-300: rgb(227, 170, 36);
  --color-gold-400: rgb(207, 141, 27);
  --color-gold-500: rgb(178, 115, 20);
  --color-gold-600: rgb(153, 88, 14);
  --color-gold-700: rgb(122, 68, 20);
  --color-gold-800: rgb(87, 44, 18);
  --color-gold-900: rgb(51, 25, 13);
  --color-brown-25: rgb(255, 254, 245);
  --color-brown-50: rgb(251, 247, 236);
  --color-brown-75: rgb(251, 243, 216);
  --color-brown-100: rgb(251, 235, 193);
  --color-brown-200: rgb(249, 217, 131);
  --color-brown-300: rgb(226, 182, 100);
  --color-brown-400: rgb(202, 147, 80);
  --color-brown-500: rgb(157, 108, 62);
  --color-brown-600: rgb(106, 70, 50);
  --color-brown-700: rgb(84, 52, 38);
  --color-brown-800: rgb(64, 36, 26);
  --color-brown-900: rgb(48, 27, 23);
  --color-skin-25: rgb(255, 252, 232);
  --color-skin-50: rgb(255, 243, 212);
  --color-skin-75: rgb(251, 231, 196);
  --color-skin-100: rgb(250, 218, 174);
  --color-skin-200: rgb(227, 194, 156);
  --color-skin-300: rgb(213, 164, 125);
  --color-skin-400: rgb(141, 105, 75);
  --color-skin-500: rgb(107, 77, 58);
  --color-skin-600: rgb(84, 63, 52);
  --color-skin-700: rgb(74, 53, 46);
  --color-skin-800: rgb(64, 44, 40);
  --color-skin-900: rgb(51, 34, 32);
  --color-neutrals-white: rgb(255, 255, 255);
  --color-neutrals-black: rgb(0, 0, 0);
  --color-gray-75: rgb(248, 248, 248); /* #f8f8f8 */
  --color-gray-100: rgb(241, 241, 241); /* #f1f1f1 */
  --color-gray-200: rgb(231, 230, 229); /* #e7e6e5 */
  --color-gray-300: rgb(218, 216, 214); /* #dad8d6 */
  --color-gray-400: rgb(190, 189, 185); /* #bebdb9 */
  --color-gray-500: rgb(139, 137, 135); /* #8b8987 */
  --color-gray-600: rgb(102, 101, 100); /* #666564 */
  --color-gray-700: rgb(75, 72, 71); /* #4b4847 */
  --color-gray-800: rgb(49, 46, 43); /* #312e2b */
  --color-gray-850: rgb(43, 41, 38); /* #262421 */
  --color-gray-900: rgb(38, 36, 33); /* #262421 */
  --color-gray-1000: rgb(26, 24, 22); /* #1A1816 */
  --color-transparent-white-2: hsla(0,0%,100%,.02);
  --color-transparent-white-5: hsla(0,0%,100%,.05);
  --color-transparent-white-8: hsla(0,0%,100%,.08);
  --color-transparent-white-10: hsla(0,0%,100%,.1);
  --color-transparent-white-14: hsla(0,0%,100%,.14);
  --color-transparent-white-25: hsla(0,0%,100%,.25);
  --color-transparent-white-40: hsla(0,0%,100%,.4);
  --color-transparent-white-50: hsla(0,0%,100%,.5);
  --color-transparent-white-65: hsla(0,0%,100%,.65);
  --color-transparent-white-72: hsla(0,0%,100%,.72);
  --color-transparent-white-85: hsla(0,0%,100%,.85);
  --color-transparent-white-95: hsla(0,0%,100%,.95);
  /* 
   * DEV NOTE: The transparent-black scale is confusing/opaque:
   * - Arbitrary values: 14, 18, 20, 65, 77 (why these specific numbers?)
   * - Missing common stops that transparent-white has: 2, 5, 8, 10, 25, 40, 50
   * - Inconsistent with the more logical transparent-white scale above
   * - Makes it hard to choose the right opacity ("do I need 14 or 18?")
   * 
   * IMPORTANT: Gambit core (gambit-core.scss) has the COMPLETE scale:
   * - Black: 2, 5, 10, 14, 18, 20, 30, 50, 65, 77
   * - White: 2, 5, 8, 10, 14, 25, 40, 50, 65, 72, 85, 95
   * We should use Gambit's definitions as the source of truth, not redefine here.
   */
  --color-transparent-black-14: rgba(0,0,0,.14);
  --color-transparent-black-18: rgba(0,0,0,.18);
  --color-transparent-black-20: rgba(0,0,0,.2);
  --color-transparent-black-65: rgba(0,0,0,.65);
  --color-transparent-black-77: rgba(0,0,0,.77);
  --color-streak-high: var(--color-red-300);
  --color-streak-medium: var(--color-orange-300);
  --color-streak-low: var(--color-orange-200);
  --color-streak-lowest: var(--color-gold-100);
  --color-classification-brilliant: var(--color-aqua-400);
  --color-classification-great: var(--color-slate-400);
  --color-classification-best: var(--color-green-400);
  --color-classification-excellent: var(--color-green-400);
  --color-classification-good: #89960e;
  --color-classification-book: var(--color-skin-400);
  --color-classification-inaccuracy: var(--color-gold-300);
  --color-classification-mistake: #dd7c2c;
  --color-classification-miss: #ff7769;
  --color-classification-blunder: var(--color-red-400) ;
}

.bg-white {
  background-color: white;
}

.bg-black {
  background-color: black;
}

.bg-green-25 {
  background: var(--color-green-25) !important;
}

.bg-green-26 {
  background: var(--color-green-26) !important;
}

.bg-green-27 {
  background: var(--color-green-27) !important;
}

.bg-green-28 {
  background: var(--color-green-28) !important;
}

.bg-green-29 {
  background: var(--color-green-29) !important;
}

.bg-green-30 {
  background: var(--color-green-30) !important;
}

.bg-green-31 {
  background: var(--color-green-31) !important;
}

.bg-green-32 {
  background: var(--color-green-32) !important;
}

.bg-green-33 {
  background: var(--color-green-33) !important;
}

.bg-green-34 {
  background: var(--color-green-34) !important;
}

.bg-green-35 {
  background: var(--color-green-35) !important;
}

.bg-green-36 {
  background: var(--color-green-36) !important;
}

.bg-green-37 {
  background: var(--color-green-37) !important;
}

.bg-green-38 {
  background: var(--color-green-38) !important;
}

.bg-green-39 {
  background: var(--color-green-39) !important;
}

.bg-green-40 {
  background: var(--color-green-40) !important;
}

.bg-green-41 {
  background: var(--color-green-41) !important;
}

.bg-green-42 {
  background: var(--color-green-42) !important;
}

.bg-green-43 {
  background: var(--color-green-43) !important;
}

.bg-green-44 {
  background: var(--color-green-44) !important;
}

.bg-green-45 {
  background: var(--color-green-45) !important;
}

.bg-green-46 {
  background: var(--color-green-46) !important;
}

.bg-green-47 {
  background: var(--color-green-47) !important;
}

.bg-green-48 {
  background: var(--color-green-48) !important;
}

.bg-green-49 {
  background: var(--color-green-49) !important;
}

.bg-green-50 {
  background: var(--color-green-50) !important;
}

.bg-green-51 {
  background: var(--color-green-51) !important;
}

.bg-green-52 {
  background: var(--color-green-52) !important;
}

.bg-green-53 {
  background: var(--color-green-53) !important;
}

.bg-green-54 {
  background: var(--color-green-54) !important;
}

.bg-green-55 {
  background: var(--color-green-55) !important;
}

.bg-green-56 {
  background: var(--color-green-56) !important;
}

.bg-green-57 {
  background: var(--color-green-57) !important;
}

.bg-green-58 {
  background: var(--color-green-58) !important;
}

.bg-green-59 {
  background: var(--color-green-59) !important;
}

.bg-green-60 {
  background: var(--color-green-60) !important;
}

.bg-green-61 {
  background: var(--color-green-61) !important;
}

.bg-green-62 {
  background: var(--color-green-62) !important;
}

.bg-green-63 {
  background: var(--color-green-63) !important;
}

.bg-green-64 {
  background: var(--color-green-64) !important;
}

.bg-green-65 {
  background: var(--color-green-65) !important;
}

.bg-green-66 {
  background: var(--color-green-66) !important;
}

.bg-green-67 {
  background: var(--color-green-67) !important;
}

.bg-green-68 {
  background: var(--color-green-68) !important;
}

.bg-green-69 {
  background: var(--color-green-69) !important;
}

.bg-green-70 {
  background: var(--color-green-70) !important;
}

.bg-green-71 {
  background: var(--color-green-71) !important;
}

.bg-green-72 {
  background: var(--color-green-72) !important;
}

.bg-green-73 {
  background: var(--color-green-73) !important;
}

.bg-green-74 {
  background: var(--color-green-74) !important;
}

.bg-green-75 {
  background: var(--color-green-75) !important;
}

.bg-green-76 {
  background: var(--color-green-76) !important;
}

.bg-green-77 {
  background: var(--color-green-77) !important;
}

.bg-green-78 {
  background: var(--color-green-78) !important;
}

.bg-green-79 {
  background: var(--color-green-79) !important;
}

.bg-green-80 {
  background: var(--color-green-80) !important;
}

.bg-green-81 {
  background: var(--color-green-81) !important;
}

.bg-green-82 {
  background: var(--color-green-82) !important;
}

.bg-green-83 {
  background: var(--color-green-83) !important;
}

.bg-green-84 {
  background: var(--color-green-84) !important;
}

.bg-green-85 {
  background: var(--color-green-85) !important;
}

.bg-green-86 {
  background: var(--color-green-86) !important;
}

.bg-green-87 {
  background: var(--color-green-87) !important;
}

.bg-green-88 {
  background: var(--color-green-88) !important;
}

.bg-green-89 {
  background: var(--color-green-89) !important;
}

.bg-green-90 {
  background: var(--color-green-90) !important;
}

.bg-green-91 {
  background: var(--color-green-91) !important;
}

.bg-green-92 {
  background: var(--color-green-92) !important;
}

.bg-green-93 {
  background: var(--color-green-93) !important;
}

.bg-green-94 {
  background: var(--color-green-94) !important;
}

.bg-green-95 {
  background: var(--color-green-95) !important;
}

.bg-green-96 {
  background: var(--color-green-96) !important;
}

.bg-green-97 {
  background: var(--color-green-97) !important;
}

.bg-green-98 {
  background: var(--color-green-98) !important;
}

.bg-green-99 {
  background: var(--color-green-99) !important;
}

.bg-green-100 {
  background: var(--color-green-100) !important;
}

.bg-green-101 {
  background: var(--color-green-101) !important;
}

.bg-green-102 {
  background: var(--color-green-102) !important;
}

.bg-green-103 {
  background: var(--color-green-103) !important;
}

.bg-green-104 {
  background: var(--color-green-104) !important;
}

.bg-green-105 {
  background: var(--color-green-105) !important;
}

.bg-green-106 {
  background: var(--color-green-106) !important;
}

.bg-green-107 {
  background: var(--color-green-107) !important;
}

.bg-green-108 {
  background: var(--color-green-108) !important;
}

.bg-green-109 {
  background: var(--color-green-109) !important;
}

.bg-green-110 {
  background: var(--color-green-110) !important;
}

.bg-green-111 {
  background: var(--color-green-111) !important;
}

.bg-green-112 {
  background: var(--color-green-112) !important;
}

.bg-green-113 {
  background: var(--color-green-113) !important;
}

.bg-green-114 {
  background: var(--color-green-114) !important;
}

.bg-green-115 {
  background: var(--color-green-115) !important;
}

.bg-green-116 {
  background: var(--color-green-116) !important;
}

.bg-green-117 {
  background: var(--color-green-117) !important;
}

.bg-green-118 {
  background: var(--color-green-118) !important;
}

.bg-green-119 {
  background: var(--color-green-119) !important;
}

.bg-green-120 {
  background: var(--color-green-120) !important;
}

.bg-green-121 {
  background: var(--color-green-121) !important;
}

.bg-green-122 {
  background: var(--color-green-122) !important;
}

.bg-green-123 {
  background: var(--color-green-123) !important;
}

.bg-green-124 {
  background: var(--color-green-124) !important;
}

.bg-green-125 {
  background: var(--color-green-125) !important;
}

.bg-green-126 {
  background: var(--color-green-126) !important;
}

.bg-green-127 {
  background: var(--color-green-127) !important;
}

.bg-green-128 {
  background: var(--color-green-128) !important;
}

.bg-green-129 {
  background: var(--color-green-129) !important;
}

.bg-green-130 {
  background: var(--color-green-130) !important;
}

.bg-green-131 {
  background: var(--color-green-131) !important;
}

.bg-green-132 {
  background: var(--color-green-132) !important;
}

.bg-green-133 {
  background: var(--color-green-133) !important;
}

.bg-green-134 {
  background: var(--color-green-134) !important;
}

.bg-green-135 {
  background: var(--color-green-135) !important;
}

.bg-green-136 {
  background: var(--color-green-136) !important;
}

.bg-green-137 {
  background: var(--color-green-137) !important;
}

.bg-green-138 {
  background: var(--color-green-138) !important;
}

.bg-green-139 {
  background: var(--color-green-139) !important;
}

.bg-green-140 {
  background: var(--color-green-140) !important;
}

.bg-green-141 {
  background: var(--color-green-141) !important;
}

.bg-green-142 {
  background: var(--color-green-142) !important;
}

.bg-green-143 {
  background: var(--color-green-143) !important;
}

.bg-green-144 {
  background: var(--color-green-144) !important;
}

.bg-green-145 {
  background: var(--color-green-145) !important;
}

.bg-green-146 {
  background: var(--color-green-146) !important;
}

.bg-green-147 {
  background: var(--color-green-147) !important;
}

.bg-green-148 {
  background: var(--color-green-148) !important;
}

.bg-green-149 {
  background: var(--color-green-149) !important;
}

.bg-green-150 {
  background: var(--color-green-150) !important;
}

.bg-green-151 {
  background: var(--color-green-151) !important;
}

.bg-green-152 {
  background: var(--color-green-152) !important;
}

.bg-green-153 {
  background: var(--color-green-153) !important;
}

.bg-green-154 {
  background: var(--color-green-154) !important;
}

.bg-green-155 {
  background: var(--color-green-155) !important;
}

.bg-green-156 {
  background: var(--color-green-156) !important;
}

.bg-green-157 {
  background: var(--color-green-157) !important;
}

.bg-green-158 {
  background: var(--color-green-158) !important;
}

.bg-green-159 {
  background: var(--color-green-159) !important;
}

.bg-green-160 {
  background: var(--color-green-160) !important;
}

.bg-green-161 {
  background: var(--color-green-161) !important;
}

.bg-green-162 {
  background: var(--color-green-162) !important;
}

.bg-green-163 {
  background: var(--color-green-163) !important;
}

.bg-green-164 {
  background: var(--color-green-164) !important;
}

.bg-green-165 {
  background: var(--color-green-165) !important;
}

.bg-green-166 {
  background: var(--color-green-166) !important;
}

.bg-green-167 {
  background: var(--color-green-167) !important;
}

.bg-green-168 {
  background: var(--color-green-168) !important;
}

.bg-green-169 {
  background: var(--color-green-169) !important;
}

.bg-green-170 {
  background: var(--color-green-170) !important;
}

.bg-green-171 {
  background: var(--color-green-171) !important;
}

.bg-green-172 {
  background: var(--color-green-172) !important;
}

.bg-green-173 {
  background: var(--color-green-173) !important;
}

.bg-green-174 {
  background: var(--color-green-174) !important;
}

.bg-green-175 {
  background: var(--color-green-175) !important;
}

.bg-green-176 {
  background: var(--color-green-176) !important;
}

.bg-green-177 {
  background: var(--color-green-177) !important;
}

.bg-green-178 {
  background: var(--color-green-178) !important;
}

.bg-green-179 {
  background: var(--color-green-179) !important;
}

.bg-green-180 {
  background: var(--color-green-180) !important;
}

.bg-green-181 {
  background: var(--color-green-181) !important;
}

.bg-green-182 {
  background: var(--color-green-182) !important;
}

.bg-green-183 {
  background: var(--color-green-183) !important;
}

.bg-green-184 {
  background: var(--color-green-184) !important;
}

.bg-green-185 {
  background: var(--color-green-185) !important;
}

.bg-green-186 {
  background: var(--color-green-186) !important;
}

.bg-green-187 {
  background: var(--color-green-187) !important;
}

.bg-green-188 {
  background: var(--color-green-188) !important;
}

.bg-green-189 {
  background: var(--color-green-189) !important;
}

.bg-green-190 {
  background: var(--color-green-190) !important;
}

.bg-green-191 {
  background: var(--color-green-191) !important;
}

.bg-green-192 {
  background: var(--color-green-192) !important;
}

.bg-green-193 {
  background: var(--color-green-193) !important;
}

.bg-green-194 {
  background: var(--color-green-194) !important;
}

.bg-green-195 {
  background: var(--color-green-195) !important;
}

.bg-green-196 {
  background: var(--color-green-196) !important;
}

.bg-green-197 {
  background: var(--color-green-197) !important;
}

.bg-green-198 {
  background: var(--color-green-198) !important;
}

.bg-green-199 {
  background: var(--color-green-199) !important;
}

.bg-green-200 {
  background: var(--color-green-200) !important;
}

.bg-green-201 {
  background: var(--color-green-201) !important;
}

.bg-green-202 {
  background: var(--color-green-202) !important;
}

.bg-green-203 {
  background: var(--color-green-203) !important;
}

.bg-green-204 {
  background: var(--color-green-204) !important;
}

.bg-green-205 {
  background: var(--color-green-205) !important;
}

.bg-green-206 {
  background: var(--color-green-206) !important;
}

.bg-green-207 {
  background: var(--color-green-207) !important;
}

.bg-green-208 {
  background: var(--color-green-208) !important;
}

.bg-green-209 {
  background: var(--color-green-209) !important;
}

.bg-green-210 {
  background: var(--color-green-210) !important;
}

.bg-green-211 {
  background: var(--color-green-211) !important;
}

.bg-green-212 {
  background: var(--color-green-212) !important;
}

.bg-green-213 {
  background: var(--color-green-213) !important;
}

.bg-green-214 {
  background: var(--color-green-214) !important;
}

.bg-green-215 {
  background: var(--color-green-215) !important;
}

.bg-green-216 {
  background: var(--color-green-216) !important;
}

.bg-green-217 {
  background: var(--color-green-217) !important;
}

.bg-green-218 {
  background: var(--color-green-218) !important;
}

.bg-green-219 {
  background: var(--color-green-219) !important;
}

.bg-green-220 {
  background: var(--color-green-220) !important;
}

.bg-green-221 {
  background: var(--color-green-221) !important;
}

.bg-green-222 {
  background: var(--color-green-222) !important;
}

.bg-green-223 {
  background: var(--color-green-223) !important;
}

.bg-green-224 {
  background: var(--color-green-224) !important;
}

.bg-green-225 {
  background: var(--color-green-225) !important;
}

.bg-green-226 {
  background: var(--color-green-226) !important;
}

.bg-green-227 {
  background: var(--color-green-227) !important;
}

.bg-green-228 {
  background: var(--color-green-228) !important;
}

.bg-green-229 {
  background: var(--color-green-229) !important;
}

.bg-green-230 {
  background: var(--color-green-230) !important;
}

.bg-green-231 {
  background: var(--color-green-231) !important;
}

.bg-green-232 {
  background: var(--color-green-232) !important;
}

.bg-green-233 {
  background: var(--color-green-233) !important;
}

.bg-green-234 {
  background: var(--color-green-234) !important;
}

.bg-green-235 {
  background: var(--color-green-235) !important;
}

.bg-green-236 {
  background: var(--color-green-236) !important;
}

.bg-green-237 {
  background: var(--color-green-237) !important;
}

.bg-green-238 {
  background: var(--color-green-238) !important;
}

.bg-green-239 {
  background: var(--color-green-239) !important;
}

.bg-green-240 {
  background: var(--color-green-240) !important;
}

.bg-green-241 {
  background: var(--color-green-241) !important;
}

.bg-green-242 {
  background: var(--color-green-242) !important;
}

.bg-green-243 {
  background: var(--color-green-243) !important;
}

.bg-green-244 {
  background: var(--color-green-244) !important;
}

.bg-green-245 {
  background: var(--color-green-245) !important;
}

.bg-green-246 {
  background: var(--color-green-246) !important;
}

.bg-green-247 {
  background: var(--color-green-247) !important;
}

.bg-green-248 {
  background: var(--color-green-248) !important;
}

.bg-green-249 {
  background: var(--color-green-249) !important;
}

.bg-green-250 {
  background: var(--color-green-250) !important;
}

.bg-green-251 {
  background: var(--color-green-251) !important;
}

.bg-green-252 {
  background: var(--color-green-252) !important;
}

.bg-green-253 {
  background: var(--color-green-253) !important;
}

.bg-green-254 {
  background: var(--color-green-254) !important;
}

.bg-green-255 {
  background: var(--color-green-255) !important;
}

.bg-green-256 {
  background: var(--color-green-256) !important;
}

.bg-green-257 {
  background: var(--color-green-257) !important;
}

.bg-green-258 {
  background: var(--color-green-258) !important;
}

.bg-green-259 {
  background: var(--color-green-259) !important;
}

.bg-green-260 {
  background: var(--color-green-260) !important;
}

.bg-green-261 {
  background: var(--color-green-261) !important;
}

.bg-green-262 {
  background: var(--color-green-262) !important;
}

.bg-green-263 {
  background: var(--color-green-263) !important;
}

.bg-green-264 {
  background: var(--color-green-264) !important;
}

.bg-green-265 {
  background: var(--color-green-265) !important;
}

.bg-green-266 {
  background: var(--color-green-266) !important;
}

.bg-green-267 {
  background: var(--color-green-267) !important;
}

.bg-green-268 {
  background: var(--color-green-268) !important;
}

.bg-green-269 {
  background: var(--color-green-269) !important;
}

.bg-green-270 {
  background: var(--color-green-270) !important;
}

.bg-green-271 {
  background: var(--color-green-271) !important;
}

.bg-green-272 {
  background: var(--color-green-272) !important;
}

.bg-green-273 {
  background: var(--color-green-273) !important;
}

.bg-green-274 {
  background: var(--color-green-274) !important;
}

.bg-green-275 {
  background: var(--color-green-275) !important;
}

.bg-green-276 {
  background: var(--color-green-276) !important;
}

.bg-green-277 {
  background: var(--color-green-277) !important;
}

.bg-green-278 {
  background: var(--color-green-278) !important;
}

.bg-green-279 {
  background: var(--color-green-279) !important;
}

.bg-green-280 {
  background: var(--color-green-280) !important;
}

.bg-green-281 {
  background: var(--color-green-281) !important;
}

.bg-green-282 {
  background: var(--color-green-282) !important;
}

.bg-green-283 {
  background: var(--color-green-283) !important;
}

.bg-green-284 {
  background: var(--color-green-284) !important;
}

.bg-green-285 {
  background: var(--color-green-285) !important;
}

.bg-green-286 {
  background: var(--color-green-286) !important;
}

.bg-green-287 {
  background: var(--color-green-287) !important;
}

.bg-green-288 {
  background: var(--color-green-288) !important;
}

.bg-green-289 {
  background: var(--color-green-289) !important;
}

.bg-green-290 {
  background: var(--color-green-290) !important;
}

.bg-green-291 {
  background: var(--color-green-291) !important;
}

.bg-green-292 {
  background: var(--color-green-292) !important;
}

.bg-green-293 {
  background: var(--color-green-293) !important;
}

.bg-green-294 {
  background: var(--color-green-294) !important;
}

.bg-green-295 {
  background: var(--color-green-295) !important;
}

.bg-green-296 {
  background: var(--color-green-296) !important;
}

.bg-green-297 {
  background: var(--color-green-297) !important;
}

.bg-green-298 {
  background: var(--color-green-298) !important;
}

.bg-green-299 {
  background: var(--color-green-299) !important;
}

.bg-green-300 {
  background: var(--color-green-300) !important;
}

.bg-green-301 {
  background: var(--color-green-301) !important;
}

.bg-green-302 {
  background: var(--color-green-302) !important;
}

.bg-green-303 {
  background: var(--color-green-303) !important;
}

.bg-green-304 {
  background: var(--color-green-304) !important;
}

.bg-green-305 {
  background: var(--color-green-305) !important;
}

.bg-green-306 {
  background: var(--color-green-306) !important;
}

.bg-green-307 {
  background: var(--color-green-307) !important;
}

.bg-green-308 {
  background: var(--color-green-308) !important;
}

.bg-green-309 {
  background: var(--color-green-309) !important;
}

.bg-green-310 {
  background: var(--color-green-310) !important;
}

.bg-green-311 {
  background: var(--color-green-311) !important;
}

.bg-green-312 {
  background: var(--color-green-312) !important;
}

.bg-green-313 {
  background: var(--color-green-313) !important;
}

.bg-green-314 {
  background: var(--color-green-314) !important;
}

.bg-green-315 {
  background: var(--color-green-315) !important;
}

.bg-green-316 {
  background: var(--color-green-316) !important;
}

.bg-green-317 {
  background: var(--color-green-317) !important;
}

.bg-green-318 {
  background: var(--color-green-318) !important;
}

.bg-green-319 {
  background: var(--color-green-319) !important;
}

.bg-green-320 {
  background: var(--color-green-320) !important;
}

.bg-green-321 {
  background: var(--color-green-321) !important;
}

.bg-green-322 {
  background: var(--color-green-322) !important;
}

.bg-green-323 {
  background: var(--color-green-323) !important;
}

.bg-green-324 {
  background: var(--color-green-324) !important;
}

.bg-green-325 {
  background: var(--color-green-325) !important;
}

.bg-green-326 {
  background: var(--color-green-326) !important;
}

.bg-green-327 {
  background: var(--color-green-327) !important;
}

.bg-green-328 {
  background: var(--color-green-328) !important;
}

.bg-green-329 {
  background: var(--color-green-329) !important;
}

.bg-green-330 {
  background: var(--color-green-330) !important;
}

.bg-green-331 {
  background: var(--color-green-331) !important;
}

.bg-green-332 {
  background: var(--color-green-332) !important;
}

.bg-green-333 {
  background: var(--color-green-333) !important;
}

.bg-green-334 {
  background: var(--color-green-334) !important;
}

.bg-green-335 {
  background: var(--color-green-335) !important;
}

.bg-green-336 {
  background: var(--color-green-336) !important;
}

.bg-green-337 {
  background: var(--color-green-337) !important;
}

.bg-green-338 {
  background: var(--color-green-338) !important;
}

.bg-green-339 {
  background: var(--color-green-339) !important;
}

.bg-green-340 {
  background: var(--color-green-340) !important;
}

.bg-green-341 {
  background: var(--color-green-341) !important;
}

.bg-green-342 {
  background: var(--color-green-342) !important;
}

.bg-green-343 {
  background: var(--color-green-343) !important;
}

.bg-green-344 {
  background: var(--color-green-344) !important;
}

.bg-green-345 {
  background: var(--color-green-345) !important;
}

.bg-green-346 {
  background: var(--color-green-346) !important;
}

.bg-green-347 {
  background: var(--color-green-347) !important;
}

.bg-green-348 {
  background: var(--color-green-348) !important;
}

.bg-green-349 {
  background: var(--color-green-349) !important;
}

.bg-green-350 {
  background: var(--color-green-350) !important;
}

.bg-green-351 {
  background: var(--color-green-351) !important;
}

.bg-green-352 {
  background: var(--color-green-352) !important;
}

.bg-green-353 {
  background: var(--color-green-353) !important;
}

.bg-green-354 {
  background: var(--color-green-354) !important;
}

.bg-green-355 {
  background: var(--color-green-355) !important;
}

.bg-green-356 {
  background: var(--color-green-356) !important;
}

.bg-green-357 {
  background: var(--color-green-357) !important;
}

.bg-green-358 {
  background: var(--color-green-358) !important;
}

.bg-green-359 {
  background: var(--color-green-359) !important;
}

.bg-green-360 {
  background: var(--color-green-360) !important;
}

.bg-green-361 {
  background: var(--color-green-361) !important;
}

.bg-green-362 {
  background: var(--color-green-362) !important;
}

.bg-green-363 {
  background: var(--color-green-363) !important;
}

.bg-green-364 {
  background: var(--color-green-364) !important;
}

.bg-green-365 {
  background: var(--color-green-365) !important;
}

.bg-green-366 {
  background: var(--color-green-366) !important;
}

.bg-green-367 {
  background: var(--color-green-367) !important;
}

.bg-green-368 {
  background: var(--color-green-368) !important;
}

.bg-green-369 {
  background: var(--color-green-369) !important;
}

.bg-green-370 {
  background: var(--color-green-370) !important;
}

.bg-green-371 {
  background: var(--color-green-371) !important;
}

.bg-green-372 {
  background: var(--color-green-372) !important;
}

.bg-green-373 {
  background: var(--color-green-373) !important;
}

.bg-green-374 {
  background: var(--color-green-374) !important;
}

.bg-green-375 {
  background: var(--color-green-375) !important;
}

.bg-green-376 {
  background: var(--color-green-376) !important;
}

.bg-green-377 {
  background: var(--color-green-377) !important;
}

.bg-green-378 {
  background: var(--color-green-378) !important;
}

.bg-green-379 {
  background: var(--color-green-379) !important;
}

.bg-green-380 {
  background: var(--color-green-380) !important;
}

.bg-green-381 {
  background: var(--color-green-381) !important;
}

.bg-green-382 {
  background: var(--color-green-382) !important;
}

.bg-green-383 {
  background: var(--color-green-383) !important;
}

.bg-green-384 {
  background: var(--color-green-384) !important;
}

.bg-green-385 {
  background: var(--color-green-385) !important;
}

.bg-green-386 {
  background: var(--color-green-386) !important;
}

.bg-green-387 {
  background: var(--color-green-387) !important;
}

.bg-green-388 {
  background: var(--color-green-388) !important;
}

.bg-green-389 {
  background: var(--color-green-389) !important;
}

.bg-green-390 {
  background: var(--color-green-390) !important;
}

.bg-green-391 {
  background: var(--color-green-391) !important;
}

.bg-green-392 {
  background: var(--color-green-392) !important;
}

.bg-green-393 {
  background: var(--color-green-393) !important;
}

.bg-green-394 {
  background: var(--color-green-394) !important;
}

.bg-green-395 {
  background: var(--color-green-395) !important;
}

.bg-green-396 {
  background: var(--color-green-396) !important;
}

.bg-green-397 {
  background: var(--color-green-397) !important;
}

.bg-green-398 {
  background: var(--color-green-398) !important;
}

.bg-green-399 {
  background: var(--color-green-399) !important;
}

.bg-green-400 {
  background: var(--color-green-400) !important;
}

.bg-green-401 {
  background: var(--color-green-401) !important;
}

.bg-green-402 {
  background: var(--color-green-402) !important;
}

.bg-green-403 {
  background: var(--color-green-403) !important;
}

.bg-green-404 {
  background: var(--color-green-404) !important;
}

.bg-green-405 {
  background: var(--color-green-405) !important;
}

.bg-green-406 {
  background: var(--color-green-406) !important;
}

.bg-green-407 {
  background: var(--color-green-407) !important;
}

.bg-green-408 {
  background: var(--color-green-408) !important;
}

.bg-green-409 {
  background: var(--color-green-409) !important;
}

.bg-green-410 {
  background: var(--color-green-410) !important;
}

.bg-green-411 {
  background: var(--color-green-411) !important;
}

.bg-green-412 {
  background: var(--color-green-412) !important;
}

.bg-green-413 {
  background: var(--color-green-413) !important;
}

.bg-green-414 {
  background: var(--color-green-414) !important;
}

.bg-green-415 {
  background: var(--color-green-415) !important;
}

.bg-green-416 {
  background: var(--color-green-416) !important;
}

.bg-green-417 {
  background: var(--color-green-417) !important;
}

.bg-green-418 {
  background: var(--color-green-418) !important;
}

.bg-green-419 {
  background: var(--color-green-419) !important;
}

.bg-green-420 {
  background: var(--color-green-420) !important;
}

.bg-green-421 {
  background: var(--color-green-421) !important;
}

.bg-green-422 {
  background: var(--color-green-422) !important;
}

.bg-green-423 {
  background: var(--color-green-423) !important;
}

.bg-green-424 {
  background: var(--color-green-424) !important;
}

.bg-green-425 {
  background: var(--color-green-425) !important;
}

.bg-green-426 {
  background: var(--color-green-426) !important;
}

.bg-green-427 {
  background: var(--color-green-427) !important;
}

.bg-green-428 {
  background: var(--color-green-428) !important;
}

.bg-green-429 {
  background: var(--color-green-429) !important;
}

.bg-green-430 {
  background: var(--color-green-430) !important;
}

.bg-green-431 {
  background: var(--color-green-431) !important;
}

.bg-green-432 {
  background: var(--color-green-432) !important;
}

.bg-green-433 {
  background: var(--color-green-433) !important;
}

.bg-green-434 {
  background: var(--color-green-434) !important;
}

.bg-green-435 {
  background: var(--color-green-435) !important;
}

.bg-green-436 {
  background: var(--color-green-436) !important;
}

.bg-green-437 {
  background: var(--color-green-437) !important;
}

.bg-green-438 {
  background: var(--color-green-438) !important;
}

.bg-green-439 {
  background: var(--color-green-439) !important;
}

.bg-green-440 {
  background: var(--color-green-440) !important;
}

.bg-green-441 {
  background: var(--color-green-441) !important;
}

.bg-green-442 {
  background: var(--color-green-442) !important;
}

.bg-green-443 {
  background: var(--color-green-443) !important;
}

.bg-green-444 {
  background: var(--color-green-444) !important;
}

.bg-green-445 {
  background: var(--color-green-445) !important;
}

.bg-green-446 {
  background: var(--color-green-446) !important;
}

.bg-green-447 {
  background: var(--color-green-447) !important;
}

.bg-green-448 {
  background: var(--color-green-448) !important;
}

.bg-green-449 {
  background: var(--color-green-449) !important;
}

.bg-green-450 {
  background: var(--color-green-450) !important;
}

.bg-green-451 {
  background: var(--color-green-451) !important;
}

.bg-green-452 {
  background: var(--color-green-452) !important;
}

.bg-green-453 {
  background: var(--color-green-453) !important;
}

.bg-green-454 {
  background: var(--color-green-454) !important;
}

.bg-green-455 {
  background: var(--color-green-455) !important;
}

.bg-green-456 {
  background: var(--color-green-456) !important;
}

.bg-green-457 {
  background: var(--color-green-457) !important;
}

.bg-green-458 {
  background: var(--color-green-458) !important;
}

.bg-green-459 {
  background: var(--color-green-459) !important;
}

.bg-green-460 {
  background: var(--color-green-460) !important;
}

.bg-green-461 {
  background: var(--color-green-461) !important;
}

.bg-green-462 {
  background: var(--color-green-462) !important;
}

.bg-green-463 {
  background: var(--color-green-463) !important;
}

.bg-green-464 {
  background: var(--color-green-464) !important;
}

.bg-green-465 {
  background: var(--color-green-465) !important;
}

.bg-green-466 {
  background: var(--color-green-466) !important;
}

.bg-green-467 {
  background: var(--color-green-467) !important;
}

.bg-green-468 {
  background: var(--color-green-468) !important;
}

.bg-green-469 {
  background: var(--color-green-469) !important;
}

.bg-green-470 {
  background: var(--color-green-470) !important;
}

.bg-green-471 {
  background: var(--color-green-471) !important;
}

.bg-green-472 {
  background: var(--color-green-472) !important;
}

.bg-green-473 {
  background: var(--color-green-473) !important;
}

.bg-green-474 {
  background: var(--color-green-474) !important;
}

.bg-green-475 {
  background: var(--color-green-475) !important;
}

.bg-green-476 {
  background: var(--color-green-476) !important;
}

.bg-green-477 {
  background: var(--color-green-477) !important;
}

.bg-green-478 {
  background: var(--color-green-478) !important;
}

.bg-green-479 {
  background: var(--color-green-479) !important;
}

.bg-green-480 {
  background: var(--color-green-480) !important;
}

.bg-green-481 {
  background: var(--color-green-481) !important;
}

.bg-green-482 {
  background: var(--color-green-482) !important;
}

.bg-green-483 {
  background: var(--color-green-483) !important;
}

.bg-green-484 {
  background: var(--color-green-484) !important;
}

.bg-green-485 {
  background: var(--color-green-485) !important;
}

.bg-green-486 {
  background: var(--color-green-486) !important;
}

.bg-green-487 {
  background: var(--color-green-487) !important;
}

.bg-green-488 {
  background: var(--color-green-488) !important;
}

.bg-green-489 {
  background: var(--color-green-489) !important;
}

.bg-green-490 {
  background: var(--color-green-490) !important;
}

.bg-green-491 {
  background: var(--color-green-491) !important;
}

.bg-green-492 {
  background: var(--color-green-492) !important;
}

.bg-green-493 {
  background: var(--color-green-493) !important;
}

.bg-green-494 {
  background: var(--color-green-494) !important;
}

.bg-green-495 {
  background: var(--color-green-495) !important;
}

.bg-green-496 {
  background: var(--color-green-496) !important;
}

.bg-green-497 {
  background: var(--color-green-497) !important;
}

.bg-green-498 {
  background: var(--color-green-498) !important;
}

.bg-green-499 {
  background: var(--color-green-499) !important;
}

.bg-green-500 {
  background: var(--color-green-500) !important;
}

.bg-green-501 {
  background: var(--color-green-501) !important;
}

.bg-green-502 {
  background: var(--color-green-502) !important;
}

.bg-green-503 {
  background: var(--color-green-503) !important;
}

.bg-green-504 {
  background: var(--color-green-504) !important;
}

.bg-green-505 {
  background: var(--color-green-505) !important;
}

.bg-green-506 {
  background: var(--color-green-506) !important;
}

.bg-green-507 {
  background: var(--color-green-507) !important;
}

.bg-green-508 {
  background: var(--color-green-508) !important;
}

.bg-green-509 {
  background: var(--color-green-509) !important;
}

.bg-green-510 {
  background: var(--color-green-510) !important;
}

.bg-green-511 {
  background: var(--color-green-511) !important;
}

.bg-green-512 {
  background: var(--color-green-512) !important;
}

.bg-green-513 {
  background: var(--color-green-513) !important;
}

.bg-green-514 {
  background: var(--color-green-514) !important;
}

.bg-green-515 {
  background: var(--color-green-515) !important;
}

.bg-green-516 {
  background: var(--color-green-516) !important;
}

.bg-green-517 {
  background: var(--color-green-517) !important;
}

.bg-green-518 {
  background: var(--color-green-518) !important;
}

.bg-green-519 {
  background: var(--color-green-519) !important;
}

.bg-green-520 {
  background: var(--color-green-520) !important;
}

.bg-green-521 {
  background: var(--color-green-521) !important;
}

.bg-green-522 {
  background: var(--color-green-522) !important;
}

.bg-green-523 {
  background: var(--color-green-523) !important;
}

.bg-green-524 {
  background: var(--color-green-524) !important;
}

.bg-green-525 {
  background: var(--color-green-525) !important;
}

.bg-green-526 {
  background: var(--color-green-526) !important;
}

.bg-green-527 {
  background: var(--color-green-527) !important;
}

.bg-green-528 {
  background: var(--color-green-528) !important;
}

.bg-green-529 {
  background: var(--color-green-529) !important;
}

.bg-green-530 {
  background: var(--color-green-530) !important;
}

.bg-green-531 {
  background: var(--color-green-531) !important;
}

.bg-green-532 {
  background: var(--color-green-532) !important;
}

.bg-green-533 {
  background: var(--color-green-533) !important;
}

.bg-green-534 {
  background: var(--color-green-534) !important;
}

.bg-green-535 {
  background: var(--color-green-535) !important;
}

.bg-green-536 {
  background: var(--color-green-536) !important;
}

.bg-green-537 {
  background: var(--color-green-537) !important;
}

.bg-green-538 {
  background: var(--color-green-538) !important;
}

.bg-green-539 {
  background: var(--color-green-539) !important;
}

.bg-green-540 {
  background: var(--color-green-540) !important;
}

.bg-green-541 {
  background: var(--color-green-541) !important;
}

.bg-green-542 {
  background: var(--color-green-542) !important;
}

.bg-green-543 {
  background: var(--color-green-543) !important;
}

.bg-green-544 {
  background: var(--color-green-544) !important;
}

.bg-green-545 {
  background: var(--color-green-545) !important;
}

.bg-green-546 {
  background: var(--color-green-546) !important;
}

.bg-green-547 {
  background: var(--color-green-547) !important;
}

.bg-green-548 {
  background: var(--color-green-548) !important;
}

.bg-green-549 {
  background: var(--color-green-549) !important;
}

.bg-green-550 {
  background: var(--color-green-550) !important;
}

.bg-green-551 {
  background: var(--color-green-551) !important;
}

.bg-green-552 {
  background: var(--color-green-552) !important;
}

.bg-green-553 {
  background: var(--color-green-553) !important;
}

.bg-green-554 {
  background: var(--color-green-554) !important;
}

.bg-green-555 {
  background: var(--color-green-555) !important;
}

.bg-green-556 {
  background: var(--color-green-556) !important;
}

.bg-green-557 {
  background: var(--color-green-557) !important;
}

.bg-green-558 {
  background: var(--color-green-558) !important;
}

.bg-green-559 {
  background: var(--color-green-559) !important;
}

.bg-green-560 {
  background: var(--color-green-560) !important;
}

.bg-green-561 {
  background: var(--color-green-561) !important;
}

.bg-green-562 {
  background: var(--color-green-562) !important;
}

.bg-green-563 {
  background: var(--color-green-563) !important;
}

.bg-green-564 {
  background: var(--color-green-564) !important;
}

.bg-green-565 {
  background: var(--color-green-565) !important;
}

.bg-green-566 {
  background: var(--color-green-566) !important;
}

.bg-green-567 {
  background: var(--color-green-567) !important;
}

.bg-green-568 {
  background: var(--color-green-568) !important;
}

.bg-green-569 {
  background: var(--color-green-569) !important;
}

.bg-green-570 {
  background: var(--color-green-570) !important;
}

.bg-green-571 {
  background: var(--color-green-571) !important;
}

.bg-green-572 {
  background: var(--color-green-572) !important;
}

.bg-green-573 {
  background: var(--color-green-573) !important;
}

.bg-green-574 {
  background: var(--color-green-574) !important;
}

.bg-green-575 {
  background: var(--color-green-575) !important;
}

.bg-green-576 {
  background: var(--color-green-576) !important;
}

.bg-green-577 {
  background: var(--color-green-577) !important;
}

.bg-green-578 {
  background: var(--color-green-578) !important;
}

.bg-green-579 {
  background: var(--color-green-579) !important;
}

.bg-green-580 {
  background: var(--color-green-580) !important;
}

.bg-green-581 {
  background: var(--color-green-581) !important;
}

.bg-green-582 {
  background: var(--color-green-582) !important;
}

.bg-green-583 {
  background: var(--color-green-583) !important;
}

.bg-green-584 {
  background: var(--color-green-584) !important;
}

.bg-green-585 {
  background: var(--color-green-585) !important;
}

.bg-green-586 {
  background: var(--color-green-586) !important;
}

.bg-green-587 {
  background: var(--color-green-587) !important;
}

.bg-green-588 {
  background: var(--color-green-588) !important;
}

.bg-green-589 {
  background: var(--color-green-589) !important;
}

.bg-green-590 {
  background: var(--color-green-590) !important;
}

.bg-green-591 {
  background: var(--color-green-591) !important;
}

.bg-green-592 {
  background: var(--color-green-592) !important;
}

.bg-green-593 {
  background: var(--color-green-593) !important;
}

.bg-green-594 {
  background: var(--color-green-594) !important;
}

.bg-green-595 {
  background: var(--color-green-595) !important;
}

.bg-green-596 {
  background: var(--color-green-596) !important;
}

.bg-green-597 {
  background: var(--color-green-597) !important;
}

.bg-green-598 {
  background: var(--color-green-598) !important;
}

.bg-green-599 {
  background: var(--color-green-599) !important;
}

.bg-green-600 {
  background: var(--color-green-600) !important;
}

.bg-green-601 {
  background: var(--color-green-601) !important;
}

.bg-green-602 {
  background: var(--color-green-602) !important;
}

.bg-green-603 {
  background: var(--color-green-603) !important;
}

.bg-green-604 {
  background: var(--color-green-604) !important;
}

.bg-green-605 {
  background: var(--color-green-605) !important;
}

.bg-green-606 {
  background: var(--color-green-606) !important;
}

.bg-green-607 {
  background: var(--color-green-607) !important;
}

.bg-green-608 {
  background: var(--color-green-608) !important;
}

.bg-green-609 {
  background: var(--color-green-609) !important;
}

.bg-green-610 {
  background: var(--color-green-610) !important;
}

.bg-green-611 {
  background: var(--color-green-611) !important;
}

.bg-green-612 {
  background: var(--color-green-612) !important;
}

.bg-green-613 {
  background: var(--color-green-613) !important;
}

.bg-green-614 {
  background: var(--color-green-614) !important;
}

.bg-green-615 {
  background: var(--color-green-615) !important;
}

.bg-green-616 {
  background: var(--color-green-616) !important;
}

.bg-green-617 {
  background: var(--color-green-617) !important;
}

.bg-green-618 {
  background: var(--color-green-618) !important;
}

.bg-green-619 {
  background: var(--color-green-619) !important;
}

.bg-green-620 {
  background: var(--color-green-620) !important;
}

.bg-green-621 {
  background: var(--color-green-621) !important;
}

.bg-green-622 {
  background: var(--color-green-622) !important;
}

.bg-green-623 {
  background: var(--color-green-623) !important;
}

.bg-green-624 {
  background: var(--color-green-624) !important;
}

.bg-green-625 {
  background: var(--color-green-625) !important;
}

.bg-green-626 {
  background: var(--color-green-626) !important;
}

.bg-green-627 {
  background: var(--color-green-627) !important;
}

.bg-green-628 {
  background: var(--color-green-628) !important;
}

.bg-green-629 {
  background: var(--color-green-629) !important;
}

.bg-green-630 {
  background: var(--color-green-630) !important;
}

.bg-green-631 {
  background: var(--color-green-631) !important;
}

.bg-green-632 {
  background: var(--color-green-632) !important;
}

.bg-green-633 {
  background: var(--color-green-633) !important;
}

.bg-green-634 {
  background: var(--color-green-634) !important;
}

.bg-green-635 {
  background: var(--color-green-635) !important;
}

.bg-green-636 {
  background: var(--color-green-636) !important;
}

.bg-green-637 {
  background: var(--color-green-637) !important;
}

.bg-green-638 {
  background: var(--color-green-638) !important;
}

.bg-green-639 {
  background: var(--color-green-639) !important;
}

.bg-green-640 {
  background: var(--color-green-640) !important;
}

.bg-green-641 {
  background: var(--color-green-641) !important;
}

.bg-green-642 {
  background: var(--color-green-642) !important;
}

.bg-green-643 {
  background: var(--color-green-643) !important;
}

.bg-green-644 {
  background: var(--color-green-644) !important;
}

.bg-green-645 {
  background: var(--color-green-645) !important;
}

.bg-green-646 {
  background: var(--color-green-646) !important;
}

.bg-green-647 {
  background: var(--color-green-647) !important;
}

.bg-green-648 {
  background: var(--color-green-648) !important;
}

.bg-green-649 {
  background: var(--color-green-649) !important;
}

.bg-green-650 {
  background: var(--color-green-650) !important;
}

.bg-green-651 {
  background: var(--color-green-651) !important;
}

.bg-green-652 {
  background: var(--color-green-652) !important;
}

.bg-green-653 {
  background: var(--color-green-653) !important;
}

.bg-green-654 {
  background: var(--color-green-654) !important;
}

.bg-green-655 {
  background: var(--color-green-655) !important;
}

.bg-green-656 {
  background: var(--color-green-656) !important;
}

.bg-green-657 {
  background: var(--color-green-657) !important;
}

.bg-green-658 {
  background: var(--color-green-658) !important;
}

.bg-green-659 {
  background: var(--color-green-659) !important;
}

.bg-green-660 {
  background: var(--color-green-660) !important;
}

.bg-green-661 {
  background: var(--color-green-661) !important;
}

.bg-green-662 {
  background: var(--color-green-662) !important;
}

.bg-green-663 {
  background: var(--color-green-663) !important;
}

.bg-green-664 {
  background: var(--color-green-664) !important;
}

.bg-green-665 {
  background: var(--color-green-665) !important;
}

.bg-green-666 {
  background: var(--color-green-666) !important;
}

.bg-green-667 {
  background: var(--color-green-667) !important;
}

.bg-green-668 {
  background: var(--color-green-668) !important;
}

.bg-green-669 {
  background: var(--color-green-669) !important;
}

.bg-green-670 {
  background: var(--color-green-670) !important;
}

.bg-green-671 {
  background: var(--color-green-671) !important;
}

.bg-green-672 {
  background: var(--color-green-672) !important;
}

.bg-green-673 {
  background: var(--color-green-673) !important;
}

.bg-green-674 {
  background: var(--color-green-674) !important;
}

.bg-green-675 {
  background: var(--color-green-675) !important;
}

.bg-green-676 {
  background: var(--color-green-676) !important;
}

.bg-green-677 {
  background: var(--color-green-677) !important;
}

.bg-green-678 {
  background: var(--color-green-678) !important;
}

.bg-green-679 {
  background: var(--color-green-679) !important;
}

.bg-green-680 {
  background: var(--color-green-680) !important;
}

.bg-green-681 {
  background: var(--color-green-681) !important;
}

.bg-green-682 {
  background: var(--color-green-682) !important;
}

.bg-green-683 {
  background: var(--color-green-683) !important;
}

.bg-green-684 {
  background: var(--color-green-684) !important;
}

.bg-green-685 {
  background: var(--color-green-685) !important;
}

.bg-green-686 {
  background: var(--color-green-686) !important;
}

.bg-green-687 {
  background: var(--color-green-687) !important;
}

.bg-green-688 {
  background: var(--color-green-688) !important;
}

.bg-green-689 {
  background: var(--color-green-689) !important;
}

.bg-green-690 {
  background: var(--color-green-690) !important;
}

.bg-green-691 {
  background: var(--color-green-691) !important;
}

.bg-green-692 {
  background: var(--color-green-692) !important;
}

.bg-green-693 {
  background: var(--color-green-693) !important;
}

.bg-green-694 {
  background: var(--color-green-694) !important;
}

.bg-green-695 {
  background: var(--color-green-695) !important;
}

.bg-green-696 {
  background: var(--color-green-696) !important;
}

.bg-green-697 {
  background: var(--color-green-697) !important;
}

.bg-green-698 {
  background: var(--color-green-698) !important;
}

.bg-green-699 {
  background: var(--color-green-699) !important;
}

.bg-green-700 {
  background: var(--color-green-700) !important;
}

.bg-green-701 {
  background: var(--color-green-701) !important;
}

.bg-green-702 {
  background: var(--color-green-702) !important;
}

.bg-green-703 {
  background: var(--color-green-703) !important;
}

.bg-green-704 {
  background: var(--color-green-704) !important;
}

.bg-green-705 {
  background: var(--color-green-705) !important;
}

.bg-green-706 {
  background: var(--color-green-706) !important;
}

.bg-green-707 {
  background: var(--color-green-707) !important;
}

.bg-green-708 {
  background: var(--color-green-708) !important;
}

.bg-green-709 {
  background: var(--color-green-709) !important;
}

.bg-green-710 {
  background: var(--color-green-710) !important;
}

.bg-green-711 {
  background: var(--color-green-711) !important;
}

.bg-green-712 {
  background: var(--color-green-712) !important;
}

.bg-green-713 {
  background: var(--color-green-713) !important;
}

.bg-green-714 {
  background: var(--color-green-714) !important;
}

.bg-green-715 {
  background: var(--color-green-715) !important;
}

.bg-green-716 {
  background: var(--color-green-716) !important;
}

.bg-green-717 {
  background: var(--color-green-717) !important;
}

.bg-green-718 {
  background: var(--color-green-718) !important;
}

.bg-green-719 {
  background: var(--color-green-719) !important;
}

.bg-green-720 {
  background: var(--color-green-720) !important;
}

.bg-green-721 {
  background: var(--color-green-721) !important;
}

.bg-green-722 {
  background: var(--color-green-722) !important;
}

.bg-green-723 {
  background: var(--color-green-723) !important;
}

.bg-green-724 {
  background: var(--color-green-724) !important;
}

.bg-green-725 {
  background: var(--color-green-725) !important;
}

.bg-green-726 {
  background: var(--color-green-726) !important;
}

.bg-green-727 {
  background: var(--color-green-727) !important;
}

.bg-green-728 {
  background: var(--color-green-728) !important;
}

.bg-green-729 {
  background: var(--color-green-729) !important;
}

.bg-green-730 {
  background: var(--color-green-730) !important;
}

.bg-green-731 {
  background: var(--color-green-731) !important;
}

.bg-green-732 {
  background: var(--color-green-732) !important;
}

.bg-green-733 {
  background: var(--color-green-733) !important;
}

.bg-green-734 {
  background: var(--color-green-734) !important;
}

.bg-green-735 {
  background: var(--color-green-735) !important;
}

.bg-green-736 {
  background: var(--color-green-736) !important;
}

.bg-green-737 {
  background: var(--color-green-737) !important;
}

.bg-green-738 {
  background: var(--color-green-738) !important;
}

.bg-green-739 {
  background: var(--color-green-739) !important;
}

.bg-green-740 {
  background: var(--color-green-740) !important;
}

.bg-green-741 {
  background: var(--color-green-741) !important;
}

.bg-green-742 {
  background: var(--color-green-742) !important;
}

.bg-green-743 {
  background: var(--color-green-743) !important;
}

.bg-green-744 {
  background: var(--color-green-744) !important;
}

.bg-green-745 {
  background: var(--color-green-745) !important;
}

.bg-green-746 {
  background: var(--color-green-746) !important;
}

.bg-green-747 {
  background: var(--color-green-747) !important;
}

.bg-green-748 {
  background: var(--color-green-748) !important;
}

.bg-green-749 {
  background: var(--color-green-749) !important;
}

.bg-green-750 {
  background: var(--color-green-750) !important;
}

.bg-green-751 {
  background: var(--color-green-751) !important;
}

.bg-green-752 {
  background: var(--color-green-752) !important;
}

.bg-green-753 {
  background: var(--color-green-753) !important;
}

.bg-green-754 {
  background: var(--color-green-754) !important;
}

.bg-green-755 {
  background: var(--color-green-755) !important;
}

.bg-green-756 {
  background: var(--color-green-756) !important;
}

.bg-green-757 {
  background: var(--color-green-757) !important;
}

.bg-green-758 {
  background: var(--color-green-758) !important;
}

.bg-green-759 {
  background: var(--color-green-759) !important;
}

.bg-green-760 {
  background: var(--color-green-760) !important;
}

.bg-green-761 {
  background: var(--color-green-761) !important;
}

.bg-green-762 {
  background: var(--color-green-762) !important;
}

.bg-green-763 {
  background: var(--color-green-763) !important;
}

.bg-green-764 {
  background: var(--color-green-764) !important;
}

.bg-green-765 {
  background: var(--color-green-765) !important;
}

.bg-green-766 {
  background: var(--color-green-766) !important;
}

.bg-green-767 {
  background: var(--color-green-767) !important;
}

.bg-green-768 {
  background: var(--color-green-768) !important;
}

.bg-green-769 {
  background: var(--color-green-769) !important;
}

.bg-green-770 {
  background: var(--color-green-770) !important;
}

.bg-green-771 {
  background: var(--color-green-771) !important;
}

.bg-green-772 {
  background: var(--color-green-772) !important;
}

.bg-green-773 {
  background: var(--color-green-773) !important;
}

.bg-green-774 {
  background: var(--color-green-774) !important;
}

.bg-green-775 {
  background: var(--color-green-775) !important;
}

.bg-green-776 {
  background: var(--color-green-776) !important;
}

.bg-green-777 {
  background: var(--color-green-777) !important;
}

.bg-green-778 {
  background: var(--color-green-778) !important;
}

.bg-green-779 {
  background: var(--color-green-779) !important;
}

.bg-green-780 {
  background: var(--color-green-780) !important;
}

.bg-green-781 {
  background: var(--color-green-781) !important;
}

.bg-green-782 {
  background: var(--color-green-782) !important;
}

.bg-green-783 {
  background: var(--color-green-783) !important;
}

.bg-green-784 {
  background: var(--color-green-784) !important;
}

.bg-green-785 {
  background: var(--color-green-785) !important;
}

.bg-green-786 {
  background: var(--color-green-786) !important;
}

.bg-green-787 {
  background: var(--color-green-787) !important;
}

.bg-green-788 {
  background: var(--color-green-788) !important;
}

.bg-green-789 {
  background: var(--color-green-789) !important;
}

.bg-green-790 {
  background: var(--color-green-790) !important;
}

.bg-green-791 {
  background: var(--color-green-791) !important;
}

.bg-green-792 {
  background: var(--color-green-792) !important;
}

.bg-green-793 {
  background: var(--color-green-793) !important;
}

.bg-green-794 {
  background: var(--color-green-794) !important;
}

.bg-green-795 {
  background: var(--color-green-795) !important;
}

.bg-green-796 {
  background: var(--color-green-796) !important;
}

.bg-green-797 {
  background: var(--color-green-797) !important;
}

.bg-green-798 {
  background: var(--color-green-798) !important;
}

.bg-green-799 {
  background: var(--color-green-799) !important;
}

.bg-green-800 {
  background: var(--color-green-800) !important;
}

.bg-green-801 {
  background: var(--color-green-801) !important;
}

.bg-green-802 {
  background: var(--color-green-802) !important;
}

.bg-green-803 {
  background: var(--color-green-803) !important;
}

.bg-green-804 {
  background: var(--color-green-804) !important;
}

.bg-green-805 {
  background: var(--color-green-805) !important;
}

.bg-green-806 {
  background: var(--color-green-806) !important;
}

.bg-green-807 {
  background: var(--color-green-807) !important;
}

.bg-green-808 {
  background: var(--color-green-808) !important;
}

.bg-green-809 {
  background: var(--color-green-809) !important;
}

.bg-green-810 {
  background: var(--color-green-810) !important;
}

.bg-green-811 {
  background: var(--color-green-811) !important;
}

.bg-green-812 {
  background: var(--color-green-812) !important;
}

.bg-green-813 {
  background: var(--color-green-813) !important;
}

.bg-green-814 {
  background: var(--color-green-814) !important;
}

.bg-green-815 {
  background: var(--color-green-815) !important;
}

.bg-green-816 {
  background: var(--color-green-816) !important;
}

.bg-green-817 {
  background: var(--color-green-817) !important;
}

.bg-green-818 {
  background: var(--color-green-818) !important;
}

.bg-green-819 {
  background: var(--color-green-819) !important;
}

.bg-green-820 {
  background: var(--color-green-820) !important;
}

.bg-green-821 {
  background: var(--color-green-821) !important;
}

.bg-green-822 {
  background: var(--color-green-822) !important;
}

.bg-green-823 {
  background: var(--color-green-823) !important;
}

.bg-green-824 {
  background: var(--color-green-824) !important;
}

.bg-green-825 {
  background: var(--color-green-825) !important;
}

.bg-green-826 {
  background: var(--color-green-826) !important;
}

.bg-green-827 {
  background: var(--color-green-827) !important;
}

.bg-green-828 {
  background: var(--color-green-828) !important;
}

.bg-green-829 {
  background: var(--color-green-829) !important;
}

.bg-green-830 {
  background: var(--color-green-830) !important;
}

.bg-green-831 {
  background: var(--color-green-831) !important;
}

.bg-green-832 {
  background: var(--color-green-832) !important;
}

.bg-green-833 {
  background: var(--color-green-833) !important;
}

.bg-green-834 {
  background: var(--color-green-834) !important;
}

.bg-green-835 {
  background: var(--color-green-835) !important;
}

.bg-green-836 {
  background: var(--color-green-836) !important;
}

.bg-green-837 {
  background: var(--color-green-837) !important;
}

.bg-green-838 {
  background: var(--color-green-838) !important;
}

.bg-green-839 {
  background: var(--color-green-839) !important;
}

.bg-green-840 {
  background: var(--color-green-840) !important;
}

.bg-green-841 {
  background: var(--color-green-841) !important;
}

.bg-green-842 {
  background: var(--color-green-842) !important;
}

.bg-green-843 {
  background: var(--color-green-843) !important;
}

.bg-green-844 {
  background: var(--color-green-844) !important;
}

.bg-green-845 {
  background: var(--color-green-845) !important;
}

.bg-green-846 {
  background: var(--color-green-846) !important;
}

.bg-green-847 {
  background: var(--color-green-847) !important;
}

.bg-green-848 {
  background: var(--color-green-848) !important;
}

.bg-green-849 {
  background: var(--color-green-849) !important;
}

.bg-green-850 {
  background: var(--color-green-850) !important;
}

.bg-green-851 {
  background: var(--color-green-851) !important;
}

.bg-green-852 {
  background: var(--color-green-852) !important;
}

.bg-green-853 {
  background: var(--color-green-853) !important;
}

.bg-green-854 {
  background: var(--color-green-854) !important;
}

.bg-green-855 {
  background: var(--color-green-855) !important;
}

.bg-green-856 {
  background: var(--color-green-856) !important;
}

.bg-green-857 {
  background: var(--color-green-857) !important;
}

.bg-green-858 {
  background: var(--color-green-858) !important;
}

.bg-green-859 {
  background: var(--color-green-859) !important;
}

.bg-green-860 {
  background: var(--color-green-860) !important;
}

.bg-green-861 {
  background: var(--color-green-861) !important;
}

.bg-green-862 {
  background: var(--color-green-862) !important;
}

.bg-green-863 {
  background: var(--color-green-863) !important;
}

.bg-green-864 {
  background: var(--color-green-864) !important;
}

.bg-green-865 {
  background: var(--color-green-865) !important;
}

.bg-green-866 {
  background: var(--color-green-866) !important;
}

.bg-green-867 {
  background: var(--color-green-867) !important;
}

.bg-green-868 {
  background: var(--color-green-868) !important;
}

.bg-green-869 {
  background: var(--color-green-869) !important;
}

.bg-green-870 {
  background: var(--color-green-870) !important;
}

.bg-green-871 {
  background: var(--color-green-871) !important;
}

.bg-green-872 {
  background: var(--color-green-872) !important;
}

.bg-green-873 {
  background: var(--color-green-873) !important;
}

.bg-green-874 {
  background: var(--color-green-874) !important;
}

.bg-green-875 {
  background: var(--color-green-875) !important;
}

.bg-green-876 {
  background: var(--color-green-876) !important;
}

.bg-green-877 {
  background: var(--color-green-877) !important;
}

.bg-green-878 {
  background: var(--color-green-878) !important;
}

.bg-green-879 {
  background: var(--color-green-879) !important;
}

.bg-green-880 {
  background: var(--color-green-880) !important;
}

.bg-green-881 {
  background: var(--color-green-881) !important;
}

.bg-green-882 {
  background: var(--color-green-882) !important;
}

.bg-green-883 {
  background: var(--color-green-883) !important;
}

.bg-green-884 {
  background: var(--color-green-884) !important;
}

.bg-green-885 {
  background: var(--color-green-885) !important;
}

.bg-green-886 {
  background: var(--color-green-886) !important;
}

.bg-green-887 {
  background: var(--color-green-887) !important;
}

.bg-green-888 {
  background: var(--color-green-888) !important;
}

.bg-green-889 {
  background: var(--color-green-889) !important;
}

.bg-green-890 {
  background: var(--color-green-890) !important;
}

.bg-green-891 {
  background: var(--color-green-891) !important;
}

.bg-green-892 {
  background: var(--color-green-892) !important;
}

.bg-green-893 {
  background: var(--color-green-893) !important;
}

.bg-green-894 {
  background: var(--color-green-894) !important;
}

.bg-green-895 {
  background: var(--color-green-895) !important;
}

.bg-green-896 {
  background: var(--color-green-896) !important;
}

.bg-green-897 {
  background: var(--color-green-897) !important;
}

.bg-green-898 {
  background: var(--color-green-898) !important;
}

.bg-green-899 {
  background: var(--color-green-899) !important;
}

.bg-green-900 {
  background: var(--color-green-900) !important;
}

.bg-aqua-25 {
  background: var(--color-aqua-25) !important;
}

.bg-aqua-26 {
  background: var(--color-aqua-26) !important;
}

.bg-aqua-27 {
  background: var(--color-aqua-27) !important;
}

.bg-aqua-28 {
  background: var(--color-aqua-28) !important;
}

.bg-aqua-29 {
  background: var(--color-aqua-29) !important;
}

.bg-aqua-30 {
  background: var(--color-aqua-30) !important;
}

.bg-aqua-31 {
  background: var(--color-aqua-31) !important;
}

.bg-aqua-32 {
  background: var(--color-aqua-32) !important;
}

.bg-aqua-33 {
  background: var(--color-aqua-33) !important;
}

.bg-aqua-34 {
  background: var(--color-aqua-34) !important;
}

.bg-aqua-35 {
  background: var(--color-aqua-35) !important;
}

.bg-aqua-36 {
  background: var(--color-aqua-36) !important;
}

.bg-aqua-37 {
  background: var(--color-aqua-37) !important;
}

.bg-aqua-38 {
  background: var(--color-aqua-38) !important;
}

.bg-aqua-39 {
  background: var(--color-aqua-39) !important;
}

.bg-aqua-40 {
  background: var(--color-aqua-40) !important;
}

.bg-aqua-41 {
  background: var(--color-aqua-41) !important;
}

.bg-aqua-42 {
  background: var(--color-aqua-42) !important;
}

.bg-aqua-43 {
  background: var(--color-aqua-43) !important;
}

.bg-aqua-44 {
  background: var(--color-aqua-44) !important;
}

.bg-aqua-45 {
  background: var(--color-aqua-45) !important;
}

.bg-aqua-46 {
  background: var(--color-aqua-46) !important;
}

.bg-aqua-47 {
  background: var(--color-aqua-47) !important;
}

.bg-aqua-48 {
  background: var(--color-aqua-48) !important;
}

.bg-aqua-49 {
  background: var(--color-aqua-49) !important;
}

.bg-aqua-50 {
  background: var(--color-aqua-50) !important;
}

.bg-aqua-51 {
  background: var(--color-aqua-51) !important;
}

.bg-aqua-52 {
  background: var(--color-aqua-52) !important;
}

.bg-aqua-53 {
  background: var(--color-aqua-53) !important;
}

.bg-aqua-54 {
  background: var(--color-aqua-54) !important;
}

.bg-aqua-55 {
  background: var(--color-aqua-55) !important;
}

.bg-aqua-56 {
  background: var(--color-aqua-56) !important;
}

.bg-aqua-57 {
  background: var(--color-aqua-57) !important;
}

.bg-aqua-58 {
  background: var(--color-aqua-58) !important;
}

.bg-aqua-59 {
  background: var(--color-aqua-59) !important;
}

.bg-aqua-60 {
  background: var(--color-aqua-60) !important;
}

.bg-aqua-61 {
  background: var(--color-aqua-61) !important;
}

.bg-aqua-62 {
  background: var(--color-aqua-62) !important;
}

.bg-aqua-63 {
  background: var(--color-aqua-63) !important;
}

.bg-aqua-64 {
  background: var(--color-aqua-64) !important;
}

.bg-aqua-65 {
  background: var(--color-aqua-65) !important;
}

.bg-aqua-66 {
  background: var(--color-aqua-66) !important;
}

.bg-aqua-67 {
  background: var(--color-aqua-67) !important;
}

.bg-aqua-68 {
  background: var(--color-aqua-68) !important;
}

.bg-aqua-69 {
  background: var(--color-aqua-69) !important;
}

.bg-aqua-70 {
  background: var(--color-aqua-70) !important;
}

.bg-aqua-71 {
  background: var(--color-aqua-71) !important;
}

.bg-aqua-72 {
  background: var(--color-aqua-72) !important;
}

.bg-aqua-73 {
  background: var(--color-aqua-73) !important;
}

.bg-aqua-74 {
  background: var(--color-aqua-74) !important;
}

.bg-aqua-75 {
  background: var(--color-aqua-75) !important;
}

.bg-aqua-76 {
  background: var(--color-aqua-76) !important;
}

.bg-aqua-77 {
  background: var(--color-aqua-77) !important;
}

.bg-aqua-78 {
  background: var(--color-aqua-78) !important;
}

.bg-aqua-79 {
  background: var(--color-aqua-79) !important;
}

.bg-aqua-80 {
  background: var(--color-aqua-80) !important;
}

.bg-aqua-81 {
  background: var(--color-aqua-81) !important;
}

.bg-aqua-82 {
  background: var(--color-aqua-82) !important;
}

.bg-aqua-83 {
  background: var(--color-aqua-83) !important;
}

.bg-aqua-84 {
  background: var(--color-aqua-84) !important;
}

.bg-aqua-85 {
  background: var(--color-aqua-85) !important;
}

.bg-aqua-86 {
  background: var(--color-aqua-86) !important;
}

.bg-aqua-87 {
  background: var(--color-aqua-87) !important;
}

.bg-aqua-88 {
  background: var(--color-aqua-88) !important;
}

.bg-aqua-89 {
  background: var(--color-aqua-89) !important;
}

.bg-aqua-90 {
  background: var(--color-aqua-90) !important;
}

.bg-aqua-91 {
  background: var(--color-aqua-91) !important;
}

.bg-aqua-92 {
  background: var(--color-aqua-92) !important;
}

.bg-aqua-93 {
  background: var(--color-aqua-93) !important;
}

.bg-aqua-94 {
  background: var(--color-aqua-94) !important;
}

.bg-aqua-95 {
  background: var(--color-aqua-95) !important;
}

.bg-aqua-96 {
  background: var(--color-aqua-96) !important;
}

.bg-aqua-97 {
  background: var(--color-aqua-97) !important;
}

.bg-aqua-98 {
  background: var(--color-aqua-98) !important;
}

.bg-aqua-99 {
  background: var(--color-aqua-99) !important;
}

.bg-aqua-100 {
  background: var(--color-aqua-100) !important;
}

.bg-aqua-101 {
  background: var(--color-aqua-101) !important;
}

.bg-aqua-102 {
  background: var(--color-aqua-102) !important;
}

.bg-aqua-103 {
  background: var(--color-aqua-103) !important;
}

.bg-aqua-104 {
  background: var(--color-aqua-104) !important;
}

.bg-aqua-105 {
  background: var(--color-aqua-105) !important;
}

.bg-aqua-106 {
  background: var(--color-aqua-106) !important;
}

.bg-aqua-107 {
  background: var(--color-aqua-107) !important;
}

.bg-aqua-108 {
  background: var(--color-aqua-108) !important;
}

.bg-aqua-109 {
  background: var(--color-aqua-109) !important;
}

.bg-aqua-110 {
  background: var(--color-aqua-110) !important;
}

.bg-aqua-111 {
  background: var(--color-aqua-111) !important;
}

.bg-aqua-112 {
  background: var(--color-aqua-112) !important;
}

.bg-aqua-113 {
  background: var(--color-aqua-113) !important;
}

.bg-aqua-114 {
  background: var(--color-aqua-114) !important;
}

.bg-aqua-115 {
  background: var(--color-aqua-115) !important;
}

.bg-aqua-116 {
  background: var(--color-aqua-116) !important;
}

.bg-aqua-117 {
  background: var(--color-aqua-117) !important;
}

.bg-aqua-118 {
  background: var(--color-aqua-118) !important;
}

.bg-aqua-119 {
  background: var(--color-aqua-119) !important;
}

.bg-aqua-120 {
  background: var(--color-aqua-120) !important;
}

.bg-aqua-121 {
  background: var(--color-aqua-121) !important;
}

.bg-aqua-122 {
  background: var(--color-aqua-122) !important;
}

.bg-aqua-123 {
  background: var(--color-aqua-123) !important;
}

.bg-aqua-124 {
  background: var(--color-aqua-124) !important;
}

.bg-aqua-125 {
  background: var(--color-aqua-125) !important;
}

.bg-aqua-126 {
  background: var(--color-aqua-126) !important;
}

.bg-aqua-127 {
  background: var(--color-aqua-127) !important;
}

.bg-aqua-128 {
  background: var(--color-aqua-128) !important;
}

.bg-aqua-129 {
  background: var(--color-aqua-129) !important;
}

.bg-aqua-130 {
  background: var(--color-aqua-130) !important;
}

.bg-aqua-131 {
  background: var(--color-aqua-131) !important;
}

.bg-aqua-132 {
  background: var(--color-aqua-132) !important;
}

.bg-aqua-133 {
  background: var(--color-aqua-133) !important;
}

.bg-aqua-134 {
  background: var(--color-aqua-134) !important;
}

.bg-aqua-135 {
  background: var(--color-aqua-135) !important;
}

.bg-aqua-136 {
  background: var(--color-aqua-136) !important;
}

.bg-aqua-137 {
  background: var(--color-aqua-137) !important;
}

.bg-aqua-138 {
  background: var(--color-aqua-138) !important;
}

.bg-aqua-139 {
  background: var(--color-aqua-139) !important;
}

.bg-aqua-140 {
  background: var(--color-aqua-140) !important;
}

.bg-aqua-141 {
  background: var(--color-aqua-141) !important;
}

.bg-aqua-142 {
  background: var(--color-aqua-142) !important;
}

.bg-aqua-143 {
  background: var(--color-aqua-143) !important;
}

.bg-aqua-144 {
  background: var(--color-aqua-144) !important;
}

.bg-aqua-145 {
  background: var(--color-aqua-145) !important;
}

.bg-aqua-146 {
  background: var(--color-aqua-146) !important;
}

.bg-aqua-147 {
  background: var(--color-aqua-147) !important;
}

.bg-aqua-148 {
  background: var(--color-aqua-148) !important;
}

.bg-aqua-149 {
  background: var(--color-aqua-149) !important;
}

.bg-aqua-150 {
  background: var(--color-aqua-150) !important;
}

.bg-aqua-151 {
  background: var(--color-aqua-151) !important;
}

.bg-aqua-152 {
  background: var(--color-aqua-152) !important;
}

.bg-aqua-153 {
  background: var(--color-aqua-153) !important;
}

.bg-aqua-154 {
  background: var(--color-aqua-154) !important;
}

.bg-aqua-155 {
  background: var(--color-aqua-155) !important;
}

.bg-aqua-156 {
  background: var(--color-aqua-156) !important;
}

.bg-aqua-157 {
  background: var(--color-aqua-157) !important;
}

.bg-aqua-158 {
  background: var(--color-aqua-158) !important;
}

.bg-aqua-159 {
  background: var(--color-aqua-159) !important;
}

.bg-aqua-160 {
  background: var(--color-aqua-160) !important;
}

.bg-aqua-161 {
  background: var(--color-aqua-161) !important;
}

.bg-aqua-162 {
  background: var(--color-aqua-162) !important;
}

.bg-aqua-163 {
  background: var(--color-aqua-163) !important;
}

.bg-aqua-164 {
  background: var(--color-aqua-164) !important;
}

.bg-aqua-165 {
  background: var(--color-aqua-165) !important;
}

.bg-aqua-166 {
  background: var(--color-aqua-166) !important;
}

.bg-aqua-167 {
  background: var(--color-aqua-167) !important;
}

.bg-aqua-168 {
  background: var(--color-aqua-168) !important;
}

.bg-aqua-169 {
  background: var(--color-aqua-169) !important;
}

.bg-aqua-170 {
  background: var(--color-aqua-170) !important;
}

.bg-aqua-171 {
  background: var(--color-aqua-171) !important;
}

.bg-aqua-172 {
  background: var(--color-aqua-172) !important;
}

.bg-aqua-173 {
  background: var(--color-aqua-173) !important;
}

.bg-aqua-174 {
  background: var(--color-aqua-174) !important;
}

.bg-aqua-175 {
  background: var(--color-aqua-175) !important;
}

.bg-aqua-176 {
  background: var(--color-aqua-176) !important;
}

.bg-aqua-177 {
  background: var(--color-aqua-177) !important;
}

.bg-aqua-178 {
  background: var(--color-aqua-178) !important;
}

.bg-aqua-179 {
  background: var(--color-aqua-179) !important;
}

.bg-aqua-180 {
  background: var(--color-aqua-180) !important;
}

.bg-aqua-181 {
  background: var(--color-aqua-181) !important;
}

.bg-aqua-182 {
  background: var(--color-aqua-182) !important;
}

.bg-aqua-183 {
  background: var(--color-aqua-183) !important;
}

.bg-aqua-184 {
  background: var(--color-aqua-184) !important;
}

.bg-aqua-185 {
  background: var(--color-aqua-185) !important;
}

.bg-aqua-186 {
  background: var(--color-aqua-186) !important;
}

.bg-aqua-187 {
  background: var(--color-aqua-187) !important;
}

.bg-aqua-188 {
  background: var(--color-aqua-188) !important;
}

.bg-aqua-189 {
  background: var(--color-aqua-189) !important;
}

.bg-aqua-190 {
  background: var(--color-aqua-190) !important;
}

.bg-aqua-191 {
  background: var(--color-aqua-191) !important;
}

.bg-aqua-192 {
  background: var(--color-aqua-192) !important;
}

.bg-aqua-193 {
  background: var(--color-aqua-193) !important;
}

.bg-aqua-194 {
  background: var(--color-aqua-194) !important;
}

.bg-aqua-195 {
  background: var(--color-aqua-195) !important;
}

.bg-aqua-196 {
  background: var(--color-aqua-196) !important;
}

.bg-aqua-197 {
  background: var(--color-aqua-197) !important;
}

.bg-aqua-198 {
  background: var(--color-aqua-198) !important;
}

.bg-aqua-199 {
  background: var(--color-aqua-199) !important;
}

.bg-aqua-200 {
  background: var(--color-aqua-200) !important;
}

.bg-aqua-201 {
  background: var(--color-aqua-201) !important;
}

.bg-aqua-202 {
  background: var(--color-aqua-202) !important;
}

.bg-aqua-203 {
  background: var(--color-aqua-203) !important;
}

.bg-aqua-204 {
  background: var(--color-aqua-204) !important;
}

.bg-aqua-205 {
  background: var(--color-aqua-205) !important;
}

.bg-aqua-206 {
  background: var(--color-aqua-206) !important;
}

.bg-aqua-207 {
  background: var(--color-aqua-207) !important;
}

.bg-aqua-208 {
  background: var(--color-aqua-208) !important;
}

.bg-aqua-209 {
  background: var(--color-aqua-209) !important;
}

.bg-aqua-210 {
  background: var(--color-aqua-210) !important;
}

.bg-aqua-211 {
  background: var(--color-aqua-211) !important;
}

.bg-aqua-212 {
  background: var(--color-aqua-212) !important;
}

.bg-aqua-213 {
  background: var(--color-aqua-213) !important;
}

.bg-aqua-214 {
  background: var(--color-aqua-214) !important;
}

.bg-aqua-215 {
  background: var(--color-aqua-215) !important;
}

.bg-aqua-216 {
  background: var(--color-aqua-216) !important;
}

.bg-aqua-217 {
  background: var(--color-aqua-217) !important;
}

.bg-aqua-218 {
  background: var(--color-aqua-218) !important;
}

.bg-aqua-219 {
  background: var(--color-aqua-219) !important;
}

.bg-aqua-220 {
  background: var(--color-aqua-220) !important;
}

.bg-aqua-221 {
  background: var(--color-aqua-221) !important;
}

.bg-aqua-222 {
  background: var(--color-aqua-222) !important;
}

.bg-aqua-223 {
  background: var(--color-aqua-223) !important;
}

.bg-aqua-224 {
  background: var(--color-aqua-224) !important;
}

.bg-aqua-225 {
  background: var(--color-aqua-225) !important;
}

.bg-aqua-226 {
  background: var(--color-aqua-226) !important;
}

.bg-aqua-227 {
  background: var(--color-aqua-227) !important;
}

.bg-aqua-228 {
  background: var(--color-aqua-228) !important;
}

.bg-aqua-229 {
  background: var(--color-aqua-229) !important;
}

.bg-aqua-230 {
  background: var(--color-aqua-230) !important;
}

.bg-aqua-231 {
  background: var(--color-aqua-231) !important;
}

.bg-aqua-232 {
  background: var(--color-aqua-232) !important;
}

.bg-aqua-233 {
  background: var(--color-aqua-233) !important;
}

.bg-aqua-234 {
  background: var(--color-aqua-234) !important;
}

.bg-aqua-235 {
  background: var(--color-aqua-235) !important;
}

.bg-aqua-236 {
  background: var(--color-aqua-236) !important;
}

.bg-aqua-237 {
  background: var(--color-aqua-237) !important;
}

.bg-aqua-238 {
  background: var(--color-aqua-238) !important;
}

.bg-aqua-239 {
  background: var(--color-aqua-239) !important;
}

.bg-aqua-240 {
  background: var(--color-aqua-240) !important;
}

.bg-aqua-241 {
  background: var(--color-aqua-241) !important;
}

.bg-aqua-242 {
  background: var(--color-aqua-242) !important;
}

.bg-aqua-243 {
  background: var(--color-aqua-243) !important;
}

.bg-aqua-244 {
  background: var(--color-aqua-244) !important;
}

.bg-aqua-245 {
  background: var(--color-aqua-245) !important;
}

.bg-aqua-246 {
  background: var(--color-aqua-246) !important;
}

.bg-aqua-247 {
  background: var(--color-aqua-247) !important;
}

.bg-aqua-248 {
  background: var(--color-aqua-248) !important;
}

.bg-aqua-249 {
  background: var(--color-aqua-249) !important;
}

.bg-aqua-250 {
  background: var(--color-aqua-250) !important;
}

.bg-aqua-251 {
  background: var(--color-aqua-251) !important;
}

.bg-aqua-252 {
  background: var(--color-aqua-252) !important;
}

.bg-aqua-253 {
  background: var(--color-aqua-253) !important;
}

.bg-aqua-254 {
  background: var(--color-aqua-254) !important;
}

.bg-aqua-255 {
  background: var(--color-aqua-255) !important;
}

.bg-aqua-256 {
  background: var(--color-aqua-256) !important;
}

.bg-aqua-257 {
  background: var(--color-aqua-257) !important;
}

.bg-aqua-258 {
  background: var(--color-aqua-258) !important;
}

.bg-aqua-259 {
  background: var(--color-aqua-259) !important;
}

.bg-aqua-260 {
  background: var(--color-aqua-260) !important;
}

.bg-aqua-261 {
  background: var(--color-aqua-261) !important;
}

.bg-aqua-262 {
  background: var(--color-aqua-262) !important;
}

.bg-aqua-263 {
  background: var(--color-aqua-263) !important;
}

.bg-aqua-264 {
  background: var(--color-aqua-264) !important;
}

.bg-aqua-265 {
  background: var(--color-aqua-265) !important;
}

.bg-aqua-266 {
  background: var(--color-aqua-266) !important;
}

.bg-aqua-267 {
  background: var(--color-aqua-267) !important;
}

.bg-aqua-268 {
  background: var(--color-aqua-268) !important;
}

.bg-aqua-269 {
  background: var(--color-aqua-269) !important;
}

.bg-aqua-270 {
  background: var(--color-aqua-270) !important;
}

.bg-aqua-271 {
  background: var(--color-aqua-271) !important;
}

.bg-aqua-272 {
  background: var(--color-aqua-272) !important;
}

.bg-aqua-273 {
  background: var(--color-aqua-273) !important;
}

.bg-aqua-274 {
  background: var(--color-aqua-274) !important;
}

.bg-aqua-275 {
  background: var(--color-aqua-275) !important;
}

.bg-aqua-276 {
  background: var(--color-aqua-276) !important;
}

.bg-aqua-277 {
  background: var(--color-aqua-277) !important;
}

.bg-aqua-278 {
  background: var(--color-aqua-278) !important;
}

.bg-aqua-279 {
  background: var(--color-aqua-279) !important;
}

.bg-aqua-280 {
  background: var(--color-aqua-280) !important;
}

.bg-aqua-281 {
  background: var(--color-aqua-281) !important;
}

.bg-aqua-282 {
  background: var(--color-aqua-282) !important;
}

.bg-aqua-283 {
  background: var(--color-aqua-283) !important;
}

.bg-aqua-284 {
  background: var(--color-aqua-284) !important;
}

.bg-aqua-285 {
  background: var(--color-aqua-285) !important;
}

.bg-aqua-286 {
  background: var(--color-aqua-286) !important;
}

.bg-aqua-287 {
  background: var(--color-aqua-287) !important;
}

.bg-aqua-288 {
  background: var(--color-aqua-288) !important;
}

.bg-aqua-289 {
  background: var(--color-aqua-289) !important;
}

.bg-aqua-290 {
  background: var(--color-aqua-290) !important;
}

.bg-aqua-291 {
  background: var(--color-aqua-291) !important;
}

.bg-aqua-292 {
  background: var(--color-aqua-292) !important;
}

.bg-aqua-293 {
  background: var(--color-aqua-293) !important;
}

.bg-aqua-294 {
  background: var(--color-aqua-294) !important;
}

.bg-aqua-295 {
  background: var(--color-aqua-295) !important;
}

.bg-aqua-296 {
  background: var(--color-aqua-296) !important;
}

.bg-aqua-297 {
  background: var(--color-aqua-297) !important;
}

.bg-aqua-298 {
  background: var(--color-aqua-298) !important;
}

.bg-aqua-299 {
  background: var(--color-aqua-299) !important;
}

.bg-aqua-300 {
  background: var(--color-aqua-300) !important;
}

.bg-aqua-301 {
  background: var(--color-aqua-301) !important;
}

.bg-aqua-302 {
  background: var(--color-aqua-302) !important;
}

.bg-aqua-303 {
  background: var(--color-aqua-303) !important;
}

.bg-aqua-304 {
  background: var(--color-aqua-304) !important;
}

.bg-aqua-305 {
  background: var(--color-aqua-305) !important;
}

.bg-aqua-306 {
  background: var(--color-aqua-306) !important;
}

.bg-aqua-307 {
  background: var(--color-aqua-307) !important;
}

.bg-aqua-308 {
  background: var(--color-aqua-308) !important;
}

.bg-aqua-309 {
  background: var(--color-aqua-309) !important;
}

.bg-aqua-310 {
  background: var(--color-aqua-310) !important;
}

.bg-aqua-311 {
  background: var(--color-aqua-311) !important;
}

.bg-aqua-312 {
  background: var(--color-aqua-312) !important;
}

.bg-aqua-313 {
  background: var(--color-aqua-313) !important;
}

.bg-aqua-314 {
  background: var(--color-aqua-314) !important;
}

.bg-aqua-315 {
  background: var(--color-aqua-315) !important;
}

.bg-aqua-316 {
  background: var(--color-aqua-316) !important;
}

.bg-aqua-317 {
  background: var(--color-aqua-317) !important;
}

.bg-aqua-318 {
  background: var(--color-aqua-318) !important;
}

.bg-aqua-319 {
  background: var(--color-aqua-319) !important;
}

.bg-aqua-320 {
  background: var(--color-aqua-320) !important;
}

.bg-aqua-321 {
  background: var(--color-aqua-321) !important;
}

.bg-aqua-322 {
  background: var(--color-aqua-322) !important;
}

.bg-aqua-323 {
  background: var(--color-aqua-323) !important;
}

.bg-aqua-324 {
  background: var(--color-aqua-324) !important;
}

.bg-aqua-325 {
  background: var(--color-aqua-325) !important;
}

.bg-aqua-326 {
  background: var(--color-aqua-326) !important;
}

.bg-aqua-327 {
  background: var(--color-aqua-327) !important;
}

.bg-aqua-328 {
  background: var(--color-aqua-328) !important;
}

.bg-aqua-329 {
  background: var(--color-aqua-329) !important;
}

.bg-aqua-330 {
  background: var(--color-aqua-330) !important;
}

.bg-aqua-331 {
  background: var(--color-aqua-331) !important;
}

.bg-aqua-332 {
  background: var(--color-aqua-332) !important;
}

.bg-aqua-333 {
  background: var(--color-aqua-333) !important;
}

.bg-aqua-334 {
  background: var(--color-aqua-334) !important;
}

.bg-aqua-335 {
  background: var(--color-aqua-335) !important;
}

.bg-aqua-336 {
  background: var(--color-aqua-336) !important;
}

.bg-aqua-337 {
  background: var(--color-aqua-337) !important;
}

.bg-aqua-338 {
  background: var(--color-aqua-338) !important;
}

.bg-aqua-339 {
  background: var(--color-aqua-339) !important;
}

.bg-aqua-340 {
  background: var(--color-aqua-340) !important;
}

.bg-aqua-341 {
  background: var(--color-aqua-341) !important;
}

.bg-aqua-342 {
  background: var(--color-aqua-342) !important;
}

.bg-aqua-343 {
  background: var(--color-aqua-343) !important;
}

.bg-aqua-344 {
  background: var(--color-aqua-344) !important;
}

.bg-aqua-345 {
  background: var(--color-aqua-345) !important;
}

.bg-aqua-346 {
  background: var(--color-aqua-346) !important;
}

.bg-aqua-347 {
  background: var(--color-aqua-347) !important;
}

.bg-aqua-348 {
  background: var(--color-aqua-348) !important;
}

.bg-aqua-349 {
  background: var(--color-aqua-349) !important;
}

.bg-aqua-350 {
  background: var(--color-aqua-350) !important;
}

.bg-aqua-351 {
  background: var(--color-aqua-351) !important;
}

.bg-aqua-352 {
  background: var(--color-aqua-352) !important;
}

.bg-aqua-353 {
  background: var(--color-aqua-353) !important;
}

.bg-aqua-354 {
  background: var(--color-aqua-354) !important;
}

.bg-aqua-355 {
  background: var(--color-aqua-355) !important;
}

.bg-aqua-356 {
  background: var(--color-aqua-356) !important;
}

.bg-aqua-357 {
  background: var(--color-aqua-357) !important;
}

.bg-aqua-358 {
  background: var(--color-aqua-358) !important;
}

.bg-aqua-359 {
  background: var(--color-aqua-359) !important;
}

.bg-aqua-360 {
  background: var(--color-aqua-360) !important;
}

.bg-aqua-361 {
  background: var(--color-aqua-361) !important;
}

.bg-aqua-362 {
  background: var(--color-aqua-362) !important;
}

.bg-aqua-363 {
  background: var(--color-aqua-363) !important;
}

.bg-aqua-364 {
  background: var(--color-aqua-364) !important;
}

.bg-aqua-365 {
  background: var(--color-aqua-365) !important;
}

.bg-aqua-366 {
  background: var(--color-aqua-366) !important;
}

.bg-aqua-367 {
  background: var(--color-aqua-367) !important;
}

.bg-aqua-368 {
  background: var(--color-aqua-368) !important;
}

.bg-aqua-369 {
  background: var(--color-aqua-369) !important;
}

.bg-aqua-370 {
  background: var(--color-aqua-370) !important;
}

.bg-aqua-371 {
  background: var(--color-aqua-371) !important;
}

.bg-aqua-372 {
  background: var(--color-aqua-372) !important;
}

.bg-aqua-373 {
  background: var(--color-aqua-373) !important;
}

.bg-aqua-374 {
  background: var(--color-aqua-374) !important;
}

.bg-aqua-375 {
  background: var(--color-aqua-375) !important;
}

.bg-aqua-376 {
  background: var(--color-aqua-376) !important;
}

.bg-aqua-377 {
  background: var(--color-aqua-377) !important;
}

.bg-aqua-378 {
  background: var(--color-aqua-378) !important;
}

.bg-aqua-379 {
  background: var(--color-aqua-379) !important;
}

.bg-aqua-380 {
  background: var(--color-aqua-380) !important;
}

.bg-aqua-381 {
  background: var(--color-aqua-381) !important;
}

.bg-aqua-382 {
  background: var(--color-aqua-382) !important;
}

.bg-aqua-383 {
  background: var(--color-aqua-383) !important;
}

.bg-aqua-384 {
  background: var(--color-aqua-384) !important;
}

.bg-aqua-385 {
  background: var(--color-aqua-385) !important;
}

.bg-aqua-386 {
  background: var(--color-aqua-386) !important;
}

.bg-aqua-387 {
  background: var(--color-aqua-387) !important;
}

.bg-aqua-388 {
  background: var(--color-aqua-388) !important;
}

.bg-aqua-389 {
  background: var(--color-aqua-389) !important;
}

.bg-aqua-390 {
  background: var(--color-aqua-390) !important;
}

.bg-aqua-391 {
  background: var(--color-aqua-391) !important;
}

.bg-aqua-392 {
  background: var(--color-aqua-392) !important;
}

.bg-aqua-393 {
  background: var(--color-aqua-393) !important;
}

.bg-aqua-394 {
  background: var(--color-aqua-394) !important;
}

.bg-aqua-395 {
  background: var(--color-aqua-395) !important;
}

.bg-aqua-396 {
  background: var(--color-aqua-396) !important;
}

.bg-aqua-397 {
  background: var(--color-aqua-397) !important;
}

.bg-aqua-398 {
  background: var(--color-aqua-398) !important;
}

.bg-aqua-399 {
  background: var(--color-aqua-399) !important;
}

.bg-aqua-400 {
  background: var(--color-aqua-400) !important;
}

.bg-aqua-401 {
  background: var(--color-aqua-401) !important;
}

.bg-aqua-402 {
  background: var(--color-aqua-402) !important;
}

.bg-aqua-403 {
  background: var(--color-aqua-403) !important;
}

.bg-aqua-404 {
  background: var(--color-aqua-404) !important;
}

.bg-aqua-405 {
  background: var(--color-aqua-405) !important;
}

.bg-aqua-406 {
  background: var(--color-aqua-406) !important;
}

.bg-aqua-407 {
  background: var(--color-aqua-407) !important;
}

.bg-aqua-408 {
  background: var(--color-aqua-408) !important;
}

.bg-aqua-409 {
  background: var(--color-aqua-409) !important;
}

.bg-aqua-410 {
  background: var(--color-aqua-410) !important;
}

.bg-aqua-411 {
  background: var(--color-aqua-411) !important;
}

.bg-aqua-412 {
  background: var(--color-aqua-412) !important;
}

.bg-aqua-413 {
  background: var(--color-aqua-413) !important;
}

.bg-aqua-414 {
  background: var(--color-aqua-414) !important;
}

.bg-aqua-415 {
  background: var(--color-aqua-415) !important;
}

.bg-aqua-416 {
  background: var(--color-aqua-416) !important;
}

.bg-aqua-417 {
  background: var(--color-aqua-417) !important;
}

.bg-aqua-418 {
  background: var(--color-aqua-418) !important;
}

.bg-aqua-419 {
  background: var(--color-aqua-419) !important;
}

.bg-aqua-420 {
  background: var(--color-aqua-420) !important;
}

.bg-aqua-421 {
  background: var(--color-aqua-421) !important;
}

.bg-aqua-422 {
  background: var(--color-aqua-422) !important;
}

.bg-aqua-423 {
  background: var(--color-aqua-423) !important;
}

.bg-aqua-424 {
  background: var(--color-aqua-424) !important;
}

.bg-aqua-425 {
  background: var(--color-aqua-425) !important;
}

.bg-aqua-426 {
  background: var(--color-aqua-426) !important;
}

.bg-aqua-427 {
  background: var(--color-aqua-427) !important;
}

.bg-aqua-428 {
  background: var(--color-aqua-428) !important;
}

.bg-aqua-429 {
  background: var(--color-aqua-429) !important;
}

.bg-aqua-430 {
  background: var(--color-aqua-430) !important;
}

.bg-aqua-431 {
  background: var(--color-aqua-431) !important;
}

.bg-aqua-432 {
  background: var(--color-aqua-432) !important;
}

.bg-aqua-433 {
  background: var(--color-aqua-433) !important;
}

.bg-aqua-434 {
  background: var(--color-aqua-434) !important;
}

.bg-aqua-435 {
  background: var(--color-aqua-435) !important;
}

.bg-aqua-436 {
  background: var(--color-aqua-436) !important;
}

.bg-aqua-437 {
  background: var(--color-aqua-437) !important;
}

.bg-aqua-438 {
  background: var(--color-aqua-438) !important;
}

.bg-aqua-439 {
  background: var(--color-aqua-439) !important;
}

.bg-aqua-440 {
  background: var(--color-aqua-440) !important;
}

.bg-aqua-441 {
  background: var(--color-aqua-441) !important;
}

.bg-aqua-442 {
  background: var(--color-aqua-442) !important;
}

.bg-aqua-443 {
  background: var(--color-aqua-443) !important;
}

.bg-aqua-444 {
  background: var(--color-aqua-444) !important;
}

.bg-aqua-445 {
  background: var(--color-aqua-445) !important;
}

.bg-aqua-446 {
  background: var(--color-aqua-446) !important;
}

.bg-aqua-447 {
  background: var(--color-aqua-447) !important;
}

.bg-aqua-448 {
  background: var(--color-aqua-448) !important;
}

.bg-aqua-449 {
  background: var(--color-aqua-449) !important;
}

.bg-aqua-450 {
  background: var(--color-aqua-450) !important;
}

.bg-aqua-451 {
  background: var(--color-aqua-451) !important;
}

.bg-aqua-452 {
  background: var(--color-aqua-452) !important;
}

.bg-aqua-453 {
  background: var(--color-aqua-453) !important;
}

.bg-aqua-454 {
  background: var(--color-aqua-454) !important;
}

.bg-aqua-455 {
  background: var(--color-aqua-455) !important;
}

.bg-aqua-456 {
  background: var(--color-aqua-456) !important;
}

.bg-aqua-457 {
  background: var(--color-aqua-457) !important;
}

.bg-aqua-458 {
  background: var(--color-aqua-458) !important;
}

.bg-aqua-459 {
  background: var(--color-aqua-459) !important;
}

.bg-aqua-460 {
  background: var(--color-aqua-460) !important;
}

.bg-aqua-461 {
  background: var(--color-aqua-461) !important;
}

.bg-aqua-462 {
  background: var(--color-aqua-462) !important;
}

.bg-aqua-463 {
  background: var(--color-aqua-463) !important;
}

.bg-aqua-464 {
  background: var(--color-aqua-464) !important;
}

.bg-aqua-465 {
  background: var(--color-aqua-465) !important;
}

.bg-aqua-466 {
  background: var(--color-aqua-466) !important;
}

.bg-aqua-467 {
  background: var(--color-aqua-467) !important;
}

.bg-aqua-468 {
  background: var(--color-aqua-468) !important;
}

.bg-aqua-469 {
  background: var(--color-aqua-469) !important;
}

.bg-aqua-470 {
  background: var(--color-aqua-470) !important;
}

.bg-aqua-471 {
  background: var(--color-aqua-471) !important;
}

.bg-aqua-472 {
  background: var(--color-aqua-472) !important;
}

.bg-aqua-473 {
  background: var(--color-aqua-473) !important;
}

.bg-aqua-474 {
  background: var(--color-aqua-474) !important;
}

.bg-aqua-475 {
  background: var(--color-aqua-475) !important;
}

.bg-aqua-476 {
  background: var(--color-aqua-476) !important;
}

.bg-aqua-477 {
  background: var(--color-aqua-477) !important;
}

.bg-aqua-478 {
  background: var(--color-aqua-478) !important;
}

.bg-aqua-479 {
  background: var(--color-aqua-479) !important;
}

.bg-aqua-480 {
  background: var(--color-aqua-480) !important;
}

.bg-aqua-481 {
  background: var(--color-aqua-481) !important;
}

.bg-aqua-482 {
  background: var(--color-aqua-482) !important;
}

.bg-aqua-483 {
  background: var(--color-aqua-483) !important;
}

.bg-aqua-484 {
  background: var(--color-aqua-484) !important;
}

.bg-aqua-485 {
  background: var(--color-aqua-485) !important;
}

.bg-aqua-486 {
  background: var(--color-aqua-486) !important;
}

.bg-aqua-487 {
  background: var(--color-aqua-487) !important;
}

.bg-aqua-488 {
  background: var(--color-aqua-488) !important;
}

.bg-aqua-489 {
  background: var(--color-aqua-489) !important;
}

.bg-aqua-490 {
  background: var(--color-aqua-490) !important;
}

.bg-aqua-491 {
  background: var(--color-aqua-491) !important;
}

.bg-aqua-492 {
  background: var(--color-aqua-492) !important;
}

.bg-aqua-493 {
  background: var(--color-aqua-493) !important;
}

.bg-aqua-494 {
  background: var(--color-aqua-494) !important;
}

.bg-aqua-495 {
  background: var(--color-aqua-495) !important;
}

.bg-aqua-496 {
  background: var(--color-aqua-496) !important;
}

.bg-aqua-497 {
  background: var(--color-aqua-497) !important;
}

.bg-aqua-498 {
  background: var(--color-aqua-498) !important;
}

.bg-aqua-499 {
  background: var(--color-aqua-499) !important;
}

.bg-aqua-500 {
  background: var(--color-aqua-500) !important;
}

.bg-aqua-501 {
  background: var(--color-aqua-501) !important;
}

.bg-aqua-502 {
  background: var(--color-aqua-502) !important;
}

.bg-aqua-503 {
  background: var(--color-aqua-503) !important;
}

.bg-aqua-504 {
  background: var(--color-aqua-504) !important;
}

.bg-aqua-505 {
  background: var(--color-aqua-505) !important;
}

.bg-aqua-506 {
  background: var(--color-aqua-506) !important;
}

.bg-aqua-507 {
  background: var(--color-aqua-507) !important;
}

.bg-aqua-508 {
  background: var(--color-aqua-508) !important;
}

.bg-aqua-509 {
  background: var(--color-aqua-509) !important;
}

.bg-aqua-510 {
  background: var(--color-aqua-510) !important;
}

.bg-aqua-511 {
  background: var(--color-aqua-511) !important;
}

.bg-aqua-512 {
  background: var(--color-aqua-512) !important;
}

.bg-aqua-513 {
  background: var(--color-aqua-513) !important;
}

.bg-aqua-514 {
  background: var(--color-aqua-514) !important;
}

.bg-aqua-515 {
  background: var(--color-aqua-515) !important;
}

.bg-aqua-516 {
  background: var(--color-aqua-516) !important;
}

.bg-aqua-517 {
  background: var(--color-aqua-517) !important;
}

.bg-aqua-518 {
  background: var(--color-aqua-518) !important;
}

.bg-aqua-519 {
  background: var(--color-aqua-519) !important;
}

.bg-aqua-520 {
  background: var(--color-aqua-520) !important;
}

.bg-aqua-521 {
  background: var(--color-aqua-521) !important;
}

.bg-aqua-522 {
  background: var(--color-aqua-522) !important;
}

.bg-aqua-523 {
  background: var(--color-aqua-523) !important;
}

.bg-aqua-524 {
  background: var(--color-aqua-524) !important;
}

.bg-aqua-525 {
  background: var(--color-aqua-525) !important;
}

.bg-aqua-526 {
  background: var(--color-aqua-526) !important;
}

.bg-aqua-527 {
  background: var(--color-aqua-527) !important;
}

.bg-aqua-528 {
  background: var(--color-aqua-528) !important;
}

.bg-aqua-529 {
  background: var(--color-aqua-529) !important;
}

.bg-aqua-530 {
  background: var(--color-aqua-530) !important;
}

.bg-aqua-531 {
  background: var(--color-aqua-531) !important;
}

.bg-aqua-532 {
  background: var(--color-aqua-532) !important;
}

.bg-aqua-533 {
  background: var(--color-aqua-533) !important;
}

.bg-aqua-534 {
  background: var(--color-aqua-534) !important;
}

.bg-aqua-535 {
  background: var(--color-aqua-535) !important;
}

.bg-aqua-536 {
  background: var(--color-aqua-536) !important;
}

.bg-aqua-537 {
  background: var(--color-aqua-537) !important;
}

.bg-aqua-538 {
  background: var(--color-aqua-538) !important;
}

.bg-aqua-539 {
  background: var(--color-aqua-539) !important;
}

.bg-aqua-540 {
  background: var(--color-aqua-540) !important;
}

.bg-aqua-541 {
  background: var(--color-aqua-541) !important;
}

.bg-aqua-542 {
  background: var(--color-aqua-542) !important;
}

.bg-aqua-543 {
  background: var(--color-aqua-543) !important;
}

.bg-aqua-544 {
  background: var(--color-aqua-544) !important;
}

.bg-aqua-545 {
  background: var(--color-aqua-545) !important;
}

.bg-aqua-546 {
  background: var(--color-aqua-546) !important;
}

.bg-aqua-547 {
  background: var(--color-aqua-547) !important;
}

.bg-aqua-548 {
  background: var(--color-aqua-548) !important;
}

.bg-aqua-549 {
  background: var(--color-aqua-549) !important;
}

.bg-aqua-550 {
  background: var(--color-aqua-550) !important;
}

.bg-aqua-551 {
  background: var(--color-aqua-551) !important;
}

.bg-aqua-552 {
  background: var(--color-aqua-552) !important;
}

.bg-aqua-553 {
  background: var(--color-aqua-553) !important;
}

.bg-aqua-554 {
  background: var(--color-aqua-554) !important;
}

.bg-aqua-555 {
  background: var(--color-aqua-555) !important;
}

.bg-aqua-556 {
  background: var(--color-aqua-556) !important;
}

.bg-aqua-557 {
  background: var(--color-aqua-557) !important;
}

.bg-aqua-558 {
  background: var(--color-aqua-558) !important;
}

.bg-aqua-559 {
  background: var(--color-aqua-559) !important;
}

.bg-aqua-560 {
  background: var(--color-aqua-560) !important;
}

.bg-aqua-561 {
  background: var(--color-aqua-561) !important;
}

.bg-aqua-562 {
  background: var(--color-aqua-562) !important;
}

.bg-aqua-563 {
  background: var(--color-aqua-563) !important;
}

.bg-aqua-564 {
  background: var(--color-aqua-564) !important;
}

.bg-aqua-565 {
  background: var(--color-aqua-565) !important;
}

.bg-aqua-566 {
  background: var(--color-aqua-566) !important;
}

.bg-aqua-567 {
  background: var(--color-aqua-567) !important;
}

.bg-aqua-568 {
  background: var(--color-aqua-568) !important;
}

.bg-aqua-569 {
  background: var(--color-aqua-569) !important;
}

.bg-aqua-570 {
  background: var(--color-aqua-570) !important;
}

.bg-aqua-571 {
  background: var(--color-aqua-571) !important;
}

.bg-aqua-572 {
  background: var(--color-aqua-572) !important;
}

.bg-aqua-573 {
  background: var(--color-aqua-573) !important;
}

.bg-aqua-574 {
  background: var(--color-aqua-574) !important;
}

.bg-aqua-575 {
  background: var(--color-aqua-575) !important;
}

.bg-aqua-576 {
  background: var(--color-aqua-576) !important;
}

.bg-aqua-577 {
  background: var(--color-aqua-577) !important;
}

.bg-aqua-578 {
  background: var(--color-aqua-578) !important;
}

.bg-aqua-579 {
  background: var(--color-aqua-579) !important;
}

.bg-aqua-580 {
  background: var(--color-aqua-580) !important;
}

.bg-aqua-581 {
  background: var(--color-aqua-581) !important;
}

.bg-aqua-582 {
  background: var(--color-aqua-582) !important;
}

.bg-aqua-583 {
  background: var(--color-aqua-583) !important;
}

.bg-aqua-584 {
  background: var(--color-aqua-584) !important;
}

.bg-aqua-585 {
  background: var(--color-aqua-585) !important;
}

.bg-aqua-586 {
  background: var(--color-aqua-586) !important;
}

.bg-aqua-587 {
  background: var(--color-aqua-587) !important;
}

.bg-aqua-588 {
  background: var(--color-aqua-588) !important;
}

.bg-aqua-589 {
  background: var(--color-aqua-589) !important;
}

.bg-aqua-590 {
  background: var(--color-aqua-590) !important;
}

.bg-aqua-591 {
  background: var(--color-aqua-591) !important;
}

.bg-aqua-592 {
  background: var(--color-aqua-592) !important;
}

.bg-aqua-593 {
  background: var(--color-aqua-593) !important;
}

.bg-aqua-594 {
  background: var(--color-aqua-594) !important;
}

.bg-aqua-595 {
  background: var(--color-aqua-595) !important;
}

.bg-aqua-596 {
  background: var(--color-aqua-596) !important;
}

.bg-aqua-597 {
  background: var(--color-aqua-597) !important;
}

.bg-aqua-598 {
  background: var(--color-aqua-598) !important;
}

.bg-aqua-599 {
  background: var(--color-aqua-599) !important;
}

.bg-aqua-600 {
  background: var(--color-aqua-600) !important;
}

.bg-aqua-601 {
  background: var(--color-aqua-601) !important;
}

.bg-aqua-602 {
  background: var(--color-aqua-602) !important;
}

.bg-aqua-603 {
  background: var(--color-aqua-603) !important;
}

.bg-aqua-604 {
  background: var(--color-aqua-604) !important;
}

.bg-aqua-605 {
  background: var(--color-aqua-605) !important;
}

.bg-aqua-606 {
  background: var(--color-aqua-606) !important;
}

.bg-aqua-607 {
  background: var(--color-aqua-607) !important;
}

.bg-aqua-608 {
  background: var(--color-aqua-608) !important;
}

.bg-aqua-609 {
  background: var(--color-aqua-609) !important;
}

.bg-aqua-610 {
  background: var(--color-aqua-610) !important;
}

.bg-aqua-611 {
  background: var(--color-aqua-611) !important;
}

.bg-aqua-612 {
  background: var(--color-aqua-612) !important;
}

.bg-aqua-613 {
  background: var(--color-aqua-613) !important;
}

.bg-aqua-614 {
  background: var(--color-aqua-614) !important;
}

.bg-aqua-615 {
  background: var(--color-aqua-615) !important;
}

.bg-aqua-616 {
  background: var(--color-aqua-616) !important;
}

.bg-aqua-617 {
  background: var(--color-aqua-617) !important;
}

.bg-aqua-618 {
  background: var(--color-aqua-618) !important;
}

.bg-aqua-619 {
  background: var(--color-aqua-619) !important;
}

.bg-aqua-620 {
  background: var(--color-aqua-620) !important;
}

.bg-aqua-621 {
  background: var(--color-aqua-621) !important;
}

.bg-aqua-622 {
  background: var(--color-aqua-622) !important;
}

.bg-aqua-623 {
  background: var(--color-aqua-623) !important;
}

.bg-aqua-624 {
  background: var(--color-aqua-624) !important;
}

.bg-aqua-625 {
  background: var(--color-aqua-625) !important;
}

.bg-aqua-626 {
  background: var(--color-aqua-626) !important;
}

.bg-aqua-627 {
  background: var(--color-aqua-627) !important;
}

.bg-aqua-628 {
  background: var(--color-aqua-628) !important;
}

.bg-aqua-629 {
  background: var(--color-aqua-629) !important;
}

.bg-aqua-630 {
  background: var(--color-aqua-630) !important;
}

.bg-aqua-631 {
  background: var(--color-aqua-631) !important;
}

.bg-aqua-632 {
  background: var(--color-aqua-632) !important;
}

.bg-aqua-633 {
  background: var(--color-aqua-633) !important;
}

.bg-aqua-634 {
  background: var(--color-aqua-634) !important;
}

.bg-aqua-635 {
  background: var(--color-aqua-635) !important;
}

.bg-aqua-636 {
  background: var(--color-aqua-636) !important;
}

.bg-aqua-637 {
  background: var(--color-aqua-637) !important;
}

.bg-aqua-638 {
  background: var(--color-aqua-638) !important;
}

.bg-aqua-639 {
  background: var(--color-aqua-639) !important;
}

.bg-aqua-640 {
  background: var(--color-aqua-640) !important;
}

.bg-aqua-641 {
  background: var(--color-aqua-641) !important;
}

.bg-aqua-642 {
  background: var(--color-aqua-642) !important;
}

.bg-aqua-643 {
  background: var(--color-aqua-643) !important;
}

.bg-aqua-644 {
  background: var(--color-aqua-644) !important;
}

.bg-aqua-645 {
  background: var(--color-aqua-645) !important;
}

.bg-aqua-646 {
  background: var(--color-aqua-646) !important;
}

.bg-aqua-647 {
  background: var(--color-aqua-647) !important;
}

.bg-aqua-648 {
  background: var(--color-aqua-648) !important;
}

.bg-aqua-649 {
  background: var(--color-aqua-649) !important;
}

.bg-aqua-650 {
  background: var(--color-aqua-650) !important;
}

.bg-aqua-651 {
  background: var(--color-aqua-651) !important;
}

.bg-aqua-652 {
  background: var(--color-aqua-652) !important;
}

.bg-aqua-653 {
  background: var(--color-aqua-653) !important;
}

.bg-aqua-654 {
  background: var(--color-aqua-654) !important;
}

.bg-aqua-655 {
  background: var(--color-aqua-655) !important;
}

.bg-aqua-656 {
  background: var(--color-aqua-656) !important;
}

.bg-aqua-657 {
  background: var(--color-aqua-657) !important;
}

.bg-aqua-658 {
  background: var(--color-aqua-658) !important;
}

.bg-aqua-659 {
  background: var(--color-aqua-659) !important;
}

.bg-aqua-660 {
  background: var(--color-aqua-660) !important;
}

.bg-aqua-661 {
  background: var(--color-aqua-661) !important;
}

.bg-aqua-662 {
  background: var(--color-aqua-662) !important;
}

.bg-aqua-663 {
  background: var(--color-aqua-663) !important;
}

.bg-aqua-664 {
  background: var(--color-aqua-664) !important;
}

.bg-aqua-665 {
  background: var(--color-aqua-665) !important;
}

.bg-aqua-666 {
  background: var(--color-aqua-666) !important;
}

.bg-aqua-667 {
  background: var(--color-aqua-667) !important;
}

.bg-aqua-668 {
  background: var(--color-aqua-668) !important;
}

.bg-aqua-669 {
  background: var(--color-aqua-669) !important;
}

.bg-aqua-670 {
  background: var(--color-aqua-670) !important;
}

.bg-aqua-671 {
  background: var(--color-aqua-671) !important;
}

.bg-aqua-672 {
  background: var(--color-aqua-672) !important;
}

.bg-aqua-673 {
  background: var(--color-aqua-673) !important;
}

.bg-aqua-674 {
  background: var(--color-aqua-674) !important;
}

.bg-aqua-675 {
  background: var(--color-aqua-675) !important;
}

.bg-aqua-676 {
  background: var(--color-aqua-676) !important;
}

.bg-aqua-677 {
  background: var(--color-aqua-677) !important;
}

.bg-aqua-678 {
  background: var(--color-aqua-678) !important;
}

.bg-aqua-679 {
  background: var(--color-aqua-679) !important;
}

.bg-aqua-680 {
  background: var(--color-aqua-680) !important;
}

.bg-aqua-681 {
  background: var(--color-aqua-681) !important;
}

.bg-aqua-682 {
  background: var(--color-aqua-682) !important;
}

.bg-aqua-683 {
  background: var(--color-aqua-683) !important;
}

.bg-aqua-684 {
  background: var(--color-aqua-684) !important;
}

.bg-aqua-685 {
  background: var(--color-aqua-685) !important;
}

.bg-aqua-686 {
  background: var(--color-aqua-686) !important;
}

.bg-aqua-687 {
  background: var(--color-aqua-687) !important;
}

.bg-aqua-688 {
  background: var(--color-aqua-688) !important;
}

.bg-aqua-689 {
  background: var(--color-aqua-689) !important;
}

.bg-aqua-690 {
  background: var(--color-aqua-690) !important;
}

.bg-aqua-691 {
  background: var(--color-aqua-691) !important;
}

.bg-aqua-692 {
  background: var(--color-aqua-692) !important;
}

.bg-aqua-693 {
  background: var(--color-aqua-693) !important;
}

.bg-aqua-694 {
  background: var(--color-aqua-694) !important;
}

.bg-aqua-695 {
  background: var(--color-aqua-695) !important;
}

.bg-aqua-696 {
  background: var(--color-aqua-696) !important;
}

.bg-aqua-697 {
  background: var(--color-aqua-697) !important;
}

.bg-aqua-698 {
  background: var(--color-aqua-698) !important;
}

.bg-aqua-699 {
  background: var(--color-aqua-699) !important;
}

.bg-aqua-700 {
  background: var(--color-aqua-700) !important;
}

.bg-aqua-701 {
  background: var(--color-aqua-701) !important;
}

.bg-aqua-702 {
  background: var(--color-aqua-702) !important;
}

.bg-aqua-703 {
  background: var(--color-aqua-703) !important;
}

.bg-aqua-704 {
  background: var(--color-aqua-704) !important;
}

.bg-aqua-705 {
  background: var(--color-aqua-705) !important;
}

.bg-aqua-706 {
  background: var(--color-aqua-706) !important;
}

.bg-aqua-707 {
  background: var(--color-aqua-707) !important;
}

.bg-aqua-708 {
  background: var(--color-aqua-708) !important;
}

.bg-aqua-709 {
  background: var(--color-aqua-709) !important;
}

.bg-aqua-710 {
  background: var(--color-aqua-710) !important;
}

.bg-aqua-711 {
  background: var(--color-aqua-711) !important;
}

.bg-aqua-712 {
  background: var(--color-aqua-712) !important;
}

.bg-aqua-713 {
  background: var(--color-aqua-713) !important;
}

.bg-aqua-714 {
  background: var(--color-aqua-714) !important;
}

.bg-aqua-715 {
  background: var(--color-aqua-715) !important;
}

.bg-aqua-716 {
  background: var(--color-aqua-716) !important;
}

.bg-aqua-717 {
  background: var(--color-aqua-717) !important;
}

.bg-aqua-718 {
  background: var(--color-aqua-718) !important;
}

.bg-aqua-719 {
  background: var(--color-aqua-719) !important;
}

.bg-aqua-720 {
  background: var(--color-aqua-720) !important;
}

.bg-aqua-721 {
  background: var(--color-aqua-721) !important;
}

.bg-aqua-722 {
  background: var(--color-aqua-722) !important;
}

.bg-aqua-723 {
  background: var(--color-aqua-723) !important;
}

.bg-aqua-724 {
  background: var(--color-aqua-724) !important;
}

.bg-aqua-725 {
  background: var(--color-aqua-725) !important;
}

.bg-aqua-726 {
  background: var(--color-aqua-726) !important;
}

.bg-aqua-727 {
  background: var(--color-aqua-727) !important;
}

.bg-aqua-728 {
  background: var(--color-aqua-728) !important;
}

.bg-aqua-729 {
  background: var(--color-aqua-729) !important;
}

.bg-aqua-730 {
  background: var(--color-aqua-730) !important;
}

.bg-aqua-731 {
  background: var(--color-aqua-731) !important;
}

.bg-aqua-732 {
  background: var(--color-aqua-732) !important;
}

.bg-aqua-733 {
  background: var(--color-aqua-733) !important;
}

.bg-aqua-734 {
  background: var(--color-aqua-734) !important;
}

.bg-aqua-735 {
  background: var(--color-aqua-735) !important;
}

.bg-aqua-736 {
  background: var(--color-aqua-736) !important;
}

.bg-aqua-737 {
  background: var(--color-aqua-737) !important;
}

.bg-aqua-738 {
  background: var(--color-aqua-738) !important;
}

.bg-aqua-739 {
  background: var(--color-aqua-739) !important;
}

.bg-aqua-740 {
  background: var(--color-aqua-740) !important;
}

.bg-aqua-741 {
  background: var(--color-aqua-741) !important;
}

.bg-aqua-742 {
  background: var(--color-aqua-742) !important;
}

.bg-aqua-743 {
  background: var(--color-aqua-743) !important;
}

.bg-aqua-744 {
  background: var(--color-aqua-744) !important;
}

.bg-aqua-745 {
  background: var(--color-aqua-745) !important;
}

.bg-aqua-746 {
  background: var(--color-aqua-746) !important;
}

.bg-aqua-747 {
  background: var(--color-aqua-747) !important;
}

.bg-aqua-748 {
  background: var(--color-aqua-748) !important;
}

.bg-aqua-749 {
  background: var(--color-aqua-749) !important;
}

.bg-aqua-750 {
  background: var(--color-aqua-750) !important;
}

.bg-aqua-751 {
  background: var(--color-aqua-751) !important;
}

.bg-aqua-752 {
  background: var(--color-aqua-752) !important;
}

.bg-aqua-753 {
  background: var(--color-aqua-753) !important;
}

.bg-aqua-754 {
  background: var(--color-aqua-754) !important;
}

.bg-aqua-755 {
  background: var(--color-aqua-755) !important;
}

.bg-aqua-756 {
  background: var(--color-aqua-756) !important;
}

.bg-aqua-757 {
  background: var(--color-aqua-757) !important;
}

.bg-aqua-758 {
  background: var(--color-aqua-758) !important;
}

.bg-aqua-759 {
  background: var(--color-aqua-759) !important;
}

.bg-aqua-760 {
  background: var(--color-aqua-760) !important;
}

.bg-aqua-761 {
  background: var(--color-aqua-761) !important;
}

.bg-aqua-762 {
  background: var(--color-aqua-762) !important;
}

.bg-aqua-763 {
  background: var(--color-aqua-763) !important;
}

.bg-aqua-764 {
  background: var(--color-aqua-764) !important;
}

.bg-aqua-765 {
  background: var(--color-aqua-765) !important;
}

.bg-aqua-766 {
  background: var(--color-aqua-766) !important;
}

.bg-aqua-767 {
  background: var(--color-aqua-767) !important;
}

.bg-aqua-768 {
  background: var(--color-aqua-768) !important;
}

.bg-aqua-769 {
  background: var(--color-aqua-769) !important;
}

.bg-aqua-770 {
  background: var(--color-aqua-770) !important;
}

.bg-aqua-771 {
  background: var(--color-aqua-771) !important;
}

.bg-aqua-772 {
  background: var(--color-aqua-772) !important;
}

.bg-aqua-773 {
  background: var(--color-aqua-773) !important;
}

.bg-aqua-774 {
  background: var(--color-aqua-774) !important;
}

.bg-aqua-775 {
  background: var(--color-aqua-775) !important;
}

.bg-aqua-776 {
  background: var(--color-aqua-776) !important;
}

.bg-aqua-777 {
  background: var(--color-aqua-777) !important;
}

.bg-aqua-778 {
  background: var(--color-aqua-778) !important;
}

.bg-aqua-779 {
  background: var(--color-aqua-779) !important;
}

.bg-aqua-780 {
  background: var(--color-aqua-780) !important;
}

.bg-aqua-781 {
  background: var(--color-aqua-781) !important;
}

.bg-aqua-782 {
  background: var(--color-aqua-782) !important;
}

.bg-aqua-783 {
  background: var(--color-aqua-783) !important;
}

.bg-aqua-784 {
  background: var(--color-aqua-784) !important;
}

.bg-aqua-785 {
  background: var(--color-aqua-785) !important;
}

.bg-aqua-786 {
  background: var(--color-aqua-786) !important;
}

.bg-aqua-787 {
  background: var(--color-aqua-787) !important;
}

.bg-aqua-788 {
  background: var(--color-aqua-788) !important;
}

.bg-aqua-789 {
  background: var(--color-aqua-789) !important;
}

.bg-aqua-790 {
  background: var(--color-aqua-790) !important;
}

.bg-aqua-791 {
  background: var(--color-aqua-791) !important;
}

.bg-aqua-792 {
  background: var(--color-aqua-792) !important;
}

.bg-aqua-793 {
  background: var(--color-aqua-793) !important;
}

.bg-aqua-794 {
  background: var(--color-aqua-794) !important;
}

.bg-aqua-795 {
  background: var(--color-aqua-795) !important;
}

.bg-aqua-796 {
  background: var(--color-aqua-796) !important;
}

.bg-aqua-797 {
  background: var(--color-aqua-797) !important;
}

.bg-aqua-798 {
  background: var(--color-aqua-798) !important;
}

.bg-aqua-799 {
  background: var(--color-aqua-799) !important;
}

.bg-aqua-800 {
  background: var(--color-aqua-800) !important;
}

.bg-aqua-801 {
  background: var(--color-aqua-801) !important;
}

.bg-aqua-802 {
  background: var(--color-aqua-802) !important;
}

.bg-aqua-803 {
  background: var(--color-aqua-803) !important;
}

.bg-aqua-804 {
  background: var(--color-aqua-804) !important;
}

.bg-aqua-805 {
  background: var(--color-aqua-805) !important;
}

.bg-aqua-806 {
  background: var(--color-aqua-806) !important;
}

.bg-aqua-807 {
  background: var(--color-aqua-807) !important;
}

.bg-aqua-808 {
  background: var(--color-aqua-808) !important;
}

.bg-aqua-809 {
  background: var(--color-aqua-809) !important;
}

.bg-aqua-810 {
  background: var(--color-aqua-810) !important;
}

.bg-aqua-811 {
  background: var(--color-aqua-811) !important;
}

.bg-aqua-812 {
  background: var(--color-aqua-812) !important;
}

.bg-aqua-813 {
  background: var(--color-aqua-813) !important;
}

.bg-aqua-814 {
  background: var(--color-aqua-814) !important;
}

.bg-aqua-815 {
  background: var(--color-aqua-815) !important;
}

.bg-aqua-816 {
  background: var(--color-aqua-816) !important;
}

.bg-aqua-817 {
  background: var(--color-aqua-817) !important;
}

.bg-aqua-818 {
  background: var(--color-aqua-818) !important;
}

.bg-aqua-819 {
  background: var(--color-aqua-819) !important;
}

.bg-aqua-820 {
  background: var(--color-aqua-820) !important;
}

.bg-aqua-821 {
  background: var(--color-aqua-821) !important;
}

.bg-aqua-822 {
  background: var(--color-aqua-822) !important;
}

.bg-aqua-823 {
  background: var(--color-aqua-823) !important;
}

.bg-aqua-824 {
  background: var(--color-aqua-824) !important;
}

.bg-aqua-825 {
  background: var(--color-aqua-825) !important;
}

.bg-aqua-826 {
  background: var(--color-aqua-826) !important;
}

.bg-aqua-827 {
  background: var(--color-aqua-827) !important;
}

.bg-aqua-828 {
  background: var(--color-aqua-828) !important;
}

.bg-aqua-829 {
  background: var(--color-aqua-829) !important;
}

.bg-aqua-830 {
  background: var(--color-aqua-830) !important;
}

.bg-aqua-831 {
  background: var(--color-aqua-831) !important;
}

.bg-aqua-832 {
  background: var(--color-aqua-832) !important;
}

.bg-aqua-833 {
  background: var(--color-aqua-833) !important;
}

.bg-aqua-834 {
  background: var(--color-aqua-834) !important;
}

.bg-aqua-835 {
  background: var(--color-aqua-835) !important;
}

.bg-aqua-836 {
  background: var(--color-aqua-836) !important;
}

.bg-aqua-837 {
  background: var(--color-aqua-837) !important;
}

.bg-aqua-838 {
  background: var(--color-aqua-838) !important;
}

.bg-aqua-839 {
  background: var(--color-aqua-839) !important;
}

.bg-aqua-840 {
  background: var(--color-aqua-840) !important;
}

.bg-aqua-841 {
  background: var(--color-aqua-841) !important;
}

.bg-aqua-842 {
  background: var(--color-aqua-842) !important;
}

.bg-aqua-843 {
  background: var(--color-aqua-843) !important;
}

.bg-aqua-844 {
  background: var(--color-aqua-844) !important;
}

.bg-aqua-845 {
  background: var(--color-aqua-845) !important;
}

.bg-aqua-846 {
  background: var(--color-aqua-846) !important;
}

.bg-aqua-847 {
  background: var(--color-aqua-847) !important;
}

.bg-aqua-848 {
  background: var(--color-aqua-848) !important;
}

.bg-aqua-849 {
  background: var(--color-aqua-849) !important;
}

.bg-aqua-850 {
  background: var(--color-aqua-850) !important;
}

.bg-aqua-851 {
  background: var(--color-aqua-851) !important;
}

.bg-aqua-852 {
  background: var(--color-aqua-852) !important;
}

.bg-aqua-853 {
  background: var(--color-aqua-853) !important;
}

.bg-aqua-854 {
  background: var(--color-aqua-854) !important;
}

.bg-aqua-855 {
  background: var(--color-aqua-855) !important;
}

.bg-aqua-856 {
  background: var(--color-aqua-856) !important;
}

.bg-aqua-857 {
  background: var(--color-aqua-857) !important;
}

.bg-aqua-858 {
  background: var(--color-aqua-858) !important;
}

.bg-aqua-859 {
  background: var(--color-aqua-859) !important;
}

.bg-aqua-860 {
  background: var(--color-aqua-860) !important;
}

.bg-aqua-861 {
  background: var(--color-aqua-861) !important;
}

.bg-aqua-862 {
  background: var(--color-aqua-862) !important;
}

.bg-aqua-863 {
  background: var(--color-aqua-863) !important;
}

.bg-aqua-864 {
  background: var(--color-aqua-864) !important;
}

.bg-aqua-865 {
  background: var(--color-aqua-865) !important;
}

.bg-aqua-866 {
  background: var(--color-aqua-866) !important;
}

.bg-aqua-867 {
  background: var(--color-aqua-867) !important;
}

.bg-aqua-868 {
  background: var(--color-aqua-868) !important;
}

.bg-aqua-869 {
  background: var(--color-aqua-869) !important;
}

.bg-aqua-870 {
  background: var(--color-aqua-870) !important;
}

.bg-aqua-871 {
  background: var(--color-aqua-871) !important;
}

.bg-aqua-872 {
  background: var(--color-aqua-872) !important;
}

.bg-aqua-873 {
  background: var(--color-aqua-873) !important;
}

.bg-aqua-874 {
  background: var(--color-aqua-874) !important;
}

.bg-aqua-875 {
  background: var(--color-aqua-875) !important;
}

.bg-aqua-876 {
  background: var(--color-aqua-876) !important;
}

.bg-aqua-877 {
  background: var(--color-aqua-877) !important;
}

.bg-aqua-878 {
  background: var(--color-aqua-878) !important;
}

.bg-aqua-879 {
  background: var(--color-aqua-879) !important;
}

.bg-aqua-880 {
  background: var(--color-aqua-880) !important;
}

.bg-aqua-881 {
  background: var(--color-aqua-881) !important;
}

.bg-aqua-882 {
  background: var(--color-aqua-882) !important;
}

.bg-aqua-883 {
  background: var(--color-aqua-883) !important;
}

.bg-aqua-884 {
  background: var(--color-aqua-884) !important;
}

.bg-aqua-885 {
  background: var(--color-aqua-885) !important;
}

.bg-aqua-886 {
  background: var(--color-aqua-886) !important;
}

.bg-aqua-887 {
  background: var(--color-aqua-887) !important;
}

.bg-aqua-888 {
  background: var(--color-aqua-888) !important;
}

.bg-aqua-889 {
  background: var(--color-aqua-889) !important;
}

.bg-aqua-890 {
  background: var(--color-aqua-890) !important;
}

.bg-aqua-891 {
  background: var(--color-aqua-891) !important;
}

.bg-aqua-892 {
  background: var(--color-aqua-892) !important;
}

.bg-aqua-893 {
  background: var(--color-aqua-893) !important;
}

.bg-aqua-894 {
  background: var(--color-aqua-894) !important;
}

.bg-aqua-895 {
  background: var(--color-aqua-895) !important;
}

.bg-aqua-896 {
  background: var(--color-aqua-896) !important;
}

.bg-aqua-897 {
  background: var(--color-aqua-897) !important;
}

.bg-aqua-898 {
  background: var(--color-aqua-898) !important;
}

.bg-aqua-899 {
  background: var(--color-aqua-899) !important;
}

.bg-aqua-900 {
  background: var(--color-aqua-900) !important;
}

.bg-blue-25 {
  background: var(--color-blue-25) !important;
}

.bg-blue-26 {
  background: var(--color-blue-26) !important;
}

.bg-blue-27 {
  background: var(--color-blue-27) !important;
}

.bg-blue-28 {
  background: var(--color-blue-28) !important;
}

.bg-blue-29 {
  background: var(--color-blue-29) !important;
}

.bg-blue-30 {
  background: var(--color-blue-30) !important;
}

.bg-blue-31 {
  background: var(--color-blue-31) !important;
}

.bg-blue-32 {
  background: var(--color-blue-32) !important;
}

.bg-blue-33 {
  background: var(--color-blue-33) !important;
}

.bg-blue-34 {
  background: var(--color-blue-34) !important;
}

.bg-blue-35 {
  background: var(--color-blue-35) !important;
}

.bg-blue-36 {
  background: var(--color-blue-36) !important;
}

.bg-blue-37 {
  background: var(--color-blue-37) !important;
}

.bg-blue-38 {
  background: var(--color-blue-38) !important;
}

.bg-blue-39 {
  background: var(--color-blue-39) !important;
}

.bg-blue-40 {
  background: var(--color-blue-40) !important;
}

.bg-blue-41 {
  background: var(--color-blue-41) !important;
}

.bg-blue-42 {
  background: var(--color-blue-42) !important;
}

.bg-blue-43 {
  background: var(--color-blue-43) !important;
}

.bg-blue-44 {
  background: var(--color-blue-44) !important;
}

.bg-blue-45 {
  background: var(--color-blue-45) !important;
}

.bg-blue-46 {
  background: var(--color-blue-46) !important;
}

.bg-blue-47 {
  background: var(--color-blue-47) !important;
}

.bg-blue-48 {
  background: var(--color-blue-48) !important;
}

.bg-blue-49 {
  background: var(--color-blue-49) !important;
}

.bg-blue-50 {
  background: var(--color-blue-50) !important;
}

.bg-blue-51 {
  background: var(--color-blue-51) !important;
}

.bg-blue-52 {
  background: var(--color-blue-52) !important;
}

.bg-blue-53 {
  background: var(--color-blue-53) !important;
}

.bg-blue-54 {
  background: var(--color-blue-54) !important;
}

.bg-blue-55 {
  background: var(--color-blue-55) !important;
}

.bg-blue-56 {
  background: var(--color-blue-56) !important;
}

.bg-blue-57 {
  background: var(--color-blue-57) !important;
}

.bg-blue-58 {
  background: var(--color-blue-58) !important;
}

.bg-blue-59 {
  background: var(--color-blue-59) !important;
}

.bg-blue-60 {
  background: var(--color-blue-60) !important;
}

.bg-blue-61 {
  background: var(--color-blue-61) !important;
}

.bg-blue-62 {
  background: var(--color-blue-62) !important;
}

.bg-blue-63 {
  background: var(--color-blue-63) !important;
}

.bg-blue-64 {
  background: var(--color-blue-64) !important;
}

.bg-blue-65 {
  background: var(--color-blue-65) !important;
}

.bg-blue-66 {
  background: var(--color-blue-66) !important;
}

.bg-blue-67 {
  background: var(--color-blue-67) !important;
}

.bg-blue-68 {
  background: var(--color-blue-68) !important;
}

.bg-blue-69 {
  background: var(--color-blue-69) !important;
}

.bg-blue-70 {
  background: var(--color-blue-70) !important;
}

.bg-blue-71 {
  background: var(--color-blue-71) !important;
}

.bg-blue-72 {
  background: var(--color-blue-72) !important;
}

.bg-blue-73 {
  background: var(--color-blue-73) !important;
}

.bg-blue-74 {
  background: var(--color-blue-74) !important;
}

.bg-blue-75 {
  background: var(--color-blue-75) !important;
}

.bg-blue-76 {
  background: var(--color-blue-76) !important;
}

.bg-blue-77 {
  background: var(--color-blue-77) !important;
}

.bg-blue-78 {
  background: var(--color-blue-78) !important;
}

.bg-blue-79 {
  background: var(--color-blue-79) !important;
}

.bg-blue-80 {
  background: var(--color-blue-80) !important;
}

.bg-blue-81 {
  background: var(--color-blue-81) !important;
}

.bg-blue-82 {
  background: var(--color-blue-82) !important;
}

.bg-blue-83 {
  background: var(--color-blue-83) !important;
}

.bg-blue-84 {
  background: var(--color-blue-84) !important;
}

.bg-blue-85 {
  background: var(--color-blue-85) !important;
}

.bg-blue-86 {
  background: var(--color-blue-86) !important;
}

.bg-blue-87 {
  background: var(--color-blue-87) !important;
}

.bg-blue-88 {
  background: var(--color-blue-88) !important;
}

.bg-blue-89 {
  background: var(--color-blue-89) !important;
}

.bg-blue-90 {
  background: var(--color-blue-90) !important;
}

.bg-blue-91 {
  background: var(--color-blue-91) !important;
}

.bg-blue-92 {
  background: var(--color-blue-92) !important;
}

.bg-blue-93 {
  background: var(--color-blue-93) !important;
}

.bg-blue-94 {
  background: var(--color-blue-94) !important;
}

.bg-blue-95 {
  background: var(--color-blue-95) !important;
}

.bg-blue-96 {
  background: var(--color-blue-96) !important;
}

.bg-blue-97 {
  background: var(--color-blue-97) !important;
}

.bg-blue-98 {
  background: var(--color-blue-98) !important;
}

.bg-blue-99 {
  background: var(--color-blue-99) !important;
}

.bg-blue-100 {
  background: var(--color-blue-100) !important;
}

.bg-blue-101 {
  background: var(--color-blue-101) !important;
}

.bg-blue-102 {
  background: var(--color-blue-102) !important;
}

.bg-blue-103 {
  background: var(--color-blue-103) !important;
}

.bg-blue-104 {
  background: var(--color-blue-104) !important;
}

.bg-blue-105 {
  background: var(--color-blue-105) !important;
}

.bg-blue-106 {
  background: var(--color-blue-106) !important;
}

.bg-blue-107 {
  background: var(--color-blue-107) !important;
}

.bg-blue-108 {
  background: var(--color-blue-108) !important;
}

.bg-blue-109 {
  background: var(--color-blue-109) !important;
}

.bg-blue-110 {
  background: var(--color-blue-110) !important;
}

.bg-blue-111 {
  background: var(--color-blue-111) !important;
}

.bg-blue-112 {
  background: var(--color-blue-112) !important;
}

.bg-blue-113 {
  background: var(--color-blue-113) !important;
}

.bg-blue-114 {
  background: var(--color-blue-114) !important;
}

.bg-blue-115 {
  background: var(--color-blue-115) !important;
}

.bg-blue-116 {
  background: var(--color-blue-116) !important;
}

.bg-blue-117 {
  background: var(--color-blue-117) !important;
}

.bg-blue-118 {
  background: var(--color-blue-118) !important;
}

.bg-blue-119 {
  background: var(--color-blue-119) !important;
}

.bg-blue-120 {
  background: var(--color-blue-120) !important;
}

.bg-blue-121 {
  background: var(--color-blue-121) !important;
}

.bg-blue-122 {
  background: var(--color-blue-122) !important;
}

.bg-blue-123 {
  background: var(--color-blue-123) !important;
}

.bg-blue-124 {
  background: var(--color-blue-124) !important;
}

.bg-blue-125 {
  background: var(--color-blue-125) !important;
}

.bg-blue-126 {
  background: var(--color-blue-126) !important;
}

.bg-blue-127 {
  background: var(--color-blue-127) !important;
}

.bg-blue-128 {
  background: var(--color-blue-128) !important;
}

.bg-blue-129 {
  background: var(--color-blue-129) !important;
}

.bg-blue-130 {
  background: var(--color-blue-130) !important;
}

.bg-blue-131 {
  background: var(--color-blue-131) !important;
}

.bg-blue-132 {
  background: var(--color-blue-132) !important;
}

.bg-blue-133 {
  background: var(--color-blue-133) !important;
}

.bg-blue-134 {
  background: var(--color-blue-134) !important;
}

.bg-blue-135 {
  background: var(--color-blue-135) !important;
}

.bg-blue-136 {
  background: var(--color-blue-136) !important;
}

.bg-blue-137 {
  background: var(--color-blue-137) !important;
}

.bg-blue-138 {
  background: var(--color-blue-138) !important;
}

.bg-blue-139 {
  background: var(--color-blue-139) !important;
}

.bg-blue-140 {
  background: var(--color-blue-140) !important;
}

.bg-blue-141 {
  background: var(--color-blue-141) !important;
}

.bg-blue-142 {
  background: var(--color-blue-142) !important;
}

.bg-blue-143 {
  background: var(--color-blue-143) !important;
}

.bg-blue-144 {
  background: var(--color-blue-144) !important;
}

.bg-blue-145 {
  background: var(--color-blue-145) !important;
}

.bg-blue-146 {
  background: var(--color-blue-146) !important;
}

.bg-blue-147 {
  background: var(--color-blue-147) !important;
}

.bg-blue-148 {
  background: var(--color-blue-148) !important;
}

.bg-blue-149 {
  background: var(--color-blue-149) !important;
}

.bg-blue-150 {
  background: var(--color-blue-150) !important;
}

.bg-blue-151 {
  background: var(--color-blue-151) !important;
}

.bg-blue-152 {
  background: var(--color-blue-152) !important;
}

.bg-blue-153 {
  background: var(--color-blue-153) !important;
}

.bg-blue-154 {
  background: var(--color-blue-154) !important;
}

.bg-blue-155 {
  background: var(--color-blue-155) !important;
}

.bg-blue-156 {
  background: var(--color-blue-156) !important;
}

.bg-blue-157 {
  background: var(--color-blue-157) !important;
}

.bg-blue-158 {
  background: var(--color-blue-158) !important;
}

.bg-blue-159 {
  background: var(--color-blue-159) !important;
}

.bg-blue-160 {
  background: var(--color-blue-160) !important;
}

.bg-blue-161 {
  background: var(--color-blue-161) !important;
}

.bg-blue-162 {
  background: var(--color-blue-162) !important;
}

.bg-blue-163 {
  background: var(--color-blue-163) !important;
}

.bg-blue-164 {
  background: var(--color-blue-164) !important;
}

.bg-blue-165 {
  background: var(--color-blue-165) !important;
}

.bg-blue-166 {
  background: var(--color-blue-166) !important;
}

.bg-blue-167 {
  background: var(--color-blue-167) !important;
}

.bg-blue-168 {
  background: var(--color-blue-168) !important;
}

.bg-blue-169 {
  background: var(--color-blue-169) !important;
}

.bg-blue-170 {
  background: var(--color-blue-170) !important;
}

.bg-blue-171 {
  background: var(--color-blue-171) !important;
}

.bg-blue-172 {
  background: var(--color-blue-172) !important;
}

.bg-blue-173 {
  background: var(--color-blue-173) !important;
}

.bg-blue-174 {
  background: var(--color-blue-174) !important;
}

.bg-blue-175 {
  background: var(--color-blue-175) !important;
}

.bg-blue-176 {
  background: var(--color-blue-176) !important;
}

.bg-blue-177 {
  background: var(--color-blue-177) !important;
}

.bg-blue-178 {
  background: var(--color-blue-178) !important;
}

.bg-blue-179 {
  background: var(--color-blue-179) !important;
}

.bg-blue-180 {
  background: var(--color-blue-180) !important;
}

.bg-blue-181 {
  background: var(--color-blue-181) !important;
}

.bg-blue-182 {
  background: var(--color-blue-182) !important;
}

.bg-blue-183 {
  background: var(--color-blue-183) !important;
}

.bg-blue-184 {
  background: var(--color-blue-184) !important;
}

.bg-blue-185 {
  background: var(--color-blue-185) !important;
}

.bg-blue-186 {
  background: var(--color-blue-186) !important;
}

.bg-blue-187 {
  background: var(--color-blue-187) !important;
}

.bg-blue-188 {
  background: var(--color-blue-188) !important;
}

.bg-blue-189 {
  background: var(--color-blue-189) !important;
}

.bg-blue-190 {
  background: var(--color-blue-190) !important;
}

.bg-blue-191 {
  background: var(--color-blue-191) !important;
}

.bg-blue-192 {
  background: var(--color-blue-192) !important;
}

.bg-blue-193 {
  background: var(--color-blue-193) !important;
}

.bg-blue-194 {
  background: var(--color-blue-194) !important;
}

.bg-blue-195 {
  background: var(--color-blue-195) !important;
}

.bg-blue-196 {
  background: var(--color-blue-196) !important;
}

.bg-blue-197 {
  background: var(--color-blue-197) !important;
}

.bg-blue-198 {
  background: var(--color-blue-198) !important;
}

.bg-blue-199 {
  background: var(--color-blue-199) !important;
}

.bg-blue-200 {
  background: var(--color-blue-200) !important;
}

.bg-blue-201 {
  background: var(--color-blue-201) !important;
}

.bg-blue-202 {
  background: var(--color-blue-202) !important;
}

.bg-blue-203 {
  background: var(--color-blue-203) !important;
}

.bg-blue-204 {
  background: var(--color-blue-204) !important;
}

.bg-blue-205 {
  background: var(--color-blue-205) !important;
}

.bg-blue-206 {
  background: var(--color-blue-206) !important;
}

.bg-blue-207 {
  background: var(--color-blue-207) !important;
}

.bg-blue-208 {
  background: var(--color-blue-208) !important;
}

.bg-blue-209 {
  background: var(--color-blue-209) !important;
}

.bg-blue-210 {
  background: var(--color-blue-210) !important;
}

.bg-blue-211 {
  background: var(--color-blue-211) !important;
}

.bg-blue-212 {
  background: var(--color-blue-212) !important;
}

.bg-blue-213 {
  background: var(--color-blue-213) !important;
}

.bg-blue-214 {
  background: var(--color-blue-214) !important;
}

.bg-blue-215 {
  background: var(--color-blue-215) !important;
}

.bg-blue-216 {
  background: var(--color-blue-216) !important;
}

.bg-blue-217 {
  background: var(--color-blue-217) !important;
}

.bg-blue-218 {
  background: var(--color-blue-218) !important;
}

.bg-blue-219 {
  background: var(--color-blue-219) !important;
}

.bg-blue-220 {
  background: var(--color-blue-220) !important;
}

.bg-blue-221 {
  background: var(--color-blue-221) !important;
}

.bg-blue-222 {
  background: var(--color-blue-222) !important;
}

.bg-blue-223 {
  background: var(--color-blue-223) !important;
}

.bg-blue-224 {
  background: var(--color-blue-224) !important;
}

.bg-blue-225 {
  background: var(--color-blue-225) !important;
}

.bg-blue-226 {
  background: var(--color-blue-226) !important;
}

.bg-blue-227 {
  background: var(--color-blue-227) !important;
}

.bg-blue-228 {
  background: var(--color-blue-228) !important;
}

.bg-blue-229 {
  background: var(--color-blue-229) !important;
}

.bg-blue-230 {
  background: var(--color-blue-230) !important;
}

.bg-blue-231 {
  background: var(--color-blue-231) !important;
}

.bg-blue-232 {
  background: var(--color-blue-232) !important;
}

.bg-blue-233 {
  background: var(--color-blue-233) !important;
}

.bg-blue-234 {
  background: var(--color-blue-234) !important;
}

.bg-blue-235 {
  background: var(--color-blue-235) !important;
}

.bg-blue-236 {
  background: var(--color-blue-236) !important;
}

.bg-blue-237 {
  background: var(--color-blue-237) !important;
}

.bg-blue-238 {
  background: var(--color-blue-238) !important;
}

.bg-blue-239 {
  background: var(--color-blue-239) !important;
}

.bg-blue-240 {
  background: var(--color-blue-240) !important;
}

.bg-blue-241 {
  background: var(--color-blue-241) !important;
}

.bg-blue-242 {
  background: var(--color-blue-242) !important;
}

.bg-blue-243 {
  background: var(--color-blue-243) !important;
}

.bg-blue-244 {
  background: var(--color-blue-244) !important;
}

.bg-blue-245 {
  background: var(--color-blue-245) !important;
}

.bg-blue-246 {
  background: var(--color-blue-246) !important;
}

.bg-blue-247 {
  background: var(--color-blue-247) !important;
}

.bg-blue-248 {
  background: var(--color-blue-248) !important;
}

.bg-blue-249 {
  background: var(--color-blue-249) !important;
}

.bg-blue-250 {
  background: var(--color-blue-250) !important;
}

.bg-blue-251 {
  background: var(--color-blue-251) !important;
}

.bg-blue-252 {
  background: var(--color-blue-252) !important;
}

.bg-blue-253 {
  background: var(--color-blue-253) !important;
}

.bg-blue-254 {
  background: var(--color-blue-254) !important;
}

.bg-blue-255 {
  background: var(--color-blue-255) !important;
}

.bg-blue-256 {
  background: var(--color-blue-256) !important;
}

.bg-blue-257 {
  background: var(--color-blue-257) !important;
}

.bg-blue-258 {
  background: var(--color-blue-258) !important;
}

.bg-blue-259 {
  background: var(--color-blue-259) !important;
}

.bg-blue-260 {
  background: var(--color-blue-260) !important;
}

.bg-blue-261 {
  background: var(--color-blue-261) !important;
}

.bg-blue-262 {
  background: var(--color-blue-262) !important;
}

.bg-blue-263 {
  background: var(--color-blue-263) !important;
}

.bg-blue-264 {
  background: var(--color-blue-264) !important;
}

.bg-blue-265 {
  background: var(--color-blue-265) !important;
}

.bg-blue-266 {
  background: var(--color-blue-266) !important;
}

.bg-blue-267 {
  background: var(--color-blue-267) !important;
}

.bg-blue-268 {
  background: var(--color-blue-268) !important;
}

.bg-blue-269 {
  background: var(--color-blue-269) !important;
}

.bg-blue-270 {
  background: var(--color-blue-270) !important;
}

.bg-blue-271 {
  background: var(--color-blue-271) !important;
}

.bg-blue-272 {
  background: var(--color-blue-272) !important;
}

.bg-blue-273 {
  background: var(--color-blue-273) !important;
}

.bg-blue-274 {
  background: var(--color-blue-274) !important;
}

.bg-blue-275 {
  background: var(--color-blue-275) !important;
}

.bg-blue-276 {
  background: var(--color-blue-276) !important;
}

.bg-blue-277 {
  background: var(--color-blue-277) !important;
}

.bg-blue-278 {
  background: var(--color-blue-278) !important;
}

.bg-blue-279 {
  background: var(--color-blue-279) !important;
}

.bg-blue-280 {
  background: var(--color-blue-280) !important;
}

.bg-blue-281 {
  background: var(--color-blue-281) !important;
}

.bg-blue-282 {
  background: var(--color-blue-282) !important;
}

.bg-blue-283 {
  background: var(--color-blue-283) !important;
}

.bg-blue-284 {
  background: var(--color-blue-284) !important;
}

.bg-blue-285 {
  background: var(--color-blue-285) !important;
}

.bg-blue-286 {
  background: var(--color-blue-286) !important;
}

.bg-blue-287 {
  background: var(--color-blue-287) !important;
}

.bg-blue-288 {
  background: var(--color-blue-288) !important;
}

.bg-blue-289 {
  background: var(--color-blue-289) !important;
}

.bg-blue-290 {
  background: var(--color-blue-290) !important;
}

.bg-blue-291 {
  background: var(--color-blue-291) !important;
}

.bg-blue-292 {
  background: var(--color-blue-292) !important;
}

.bg-blue-293 {
  background: var(--color-blue-293) !important;
}

.bg-blue-294 {
  background: var(--color-blue-294) !important;
}

.bg-blue-295 {
  background: var(--color-blue-295) !important;
}

.bg-blue-296 {
  background: var(--color-blue-296) !important;
}

.bg-blue-297 {
  background: var(--color-blue-297) !important;
}

.bg-blue-298 {
  background: var(--color-blue-298) !important;
}

.bg-blue-299 {
  background: var(--color-blue-299) !important;
}

.bg-blue-300 {
  background: var(--color-blue-300) !important;
}

.bg-blue-301 {
  background: var(--color-blue-301) !important;
}

.bg-blue-302 {
  background: var(--color-blue-302) !important;
}

.bg-blue-303 {
  background: var(--color-blue-303) !important;
}

.bg-blue-304 {
  background: var(--color-blue-304) !important;
}

.bg-blue-305 {
  background: var(--color-blue-305) !important;
}

.bg-blue-306 {
  background: var(--color-blue-306) !important;
}

.bg-blue-307 {
  background: var(--color-blue-307) !important;
}

.bg-blue-308 {
  background: var(--color-blue-308) !important;
}

.bg-blue-309 {
  background: var(--color-blue-309) !important;
}

.bg-blue-310 {
  background: var(--color-blue-310) !important;
}

.bg-blue-311 {
  background: var(--color-blue-311) !important;
}

.bg-blue-312 {
  background: var(--color-blue-312) !important;
}

.bg-blue-313 {
  background: var(--color-blue-313) !important;
}

.bg-blue-314 {
  background: var(--color-blue-314) !important;
}

.bg-blue-315 {
  background: var(--color-blue-315) !important;
}

.bg-blue-316 {
  background: var(--color-blue-316) !important;
}

.bg-blue-317 {
  background: var(--color-blue-317) !important;
}

.bg-blue-318 {
  background: var(--color-blue-318) !important;
}

.bg-blue-319 {
  background: var(--color-blue-319) !important;
}

.bg-blue-320 {
  background: var(--color-blue-320) !important;
}

.bg-blue-321 {
  background: var(--color-blue-321) !important;
}

.bg-blue-322 {
  background: var(--color-blue-322) !important;
}

.bg-blue-323 {
  background: var(--color-blue-323) !important;
}

.bg-blue-324 {
  background: var(--color-blue-324) !important;
}

.bg-blue-325 {
  background: var(--color-blue-325) !important;
}

.bg-blue-326 {
  background: var(--color-blue-326) !important;
}

.bg-blue-327 {
  background: var(--color-blue-327) !important;
}

.bg-blue-328 {
  background: var(--color-blue-328) !important;
}

.bg-blue-329 {
  background: var(--color-blue-329) !important;
}

.bg-blue-330 {
  background: var(--color-blue-330) !important;
}

.bg-blue-331 {
  background: var(--color-blue-331) !important;
}

.bg-blue-332 {
  background: var(--color-blue-332) !important;
}

.bg-blue-333 {
  background: var(--color-blue-333) !important;
}

.bg-blue-334 {
  background: var(--color-blue-334) !important;
}

.bg-blue-335 {
  background: var(--color-blue-335) !important;
}

.bg-blue-336 {
  background: var(--color-blue-336) !important;
}

.bg-blue-337 {
  background: var(--color-blue-337) !important;
}

.bg-blue-338 {
  background: var(--color-blue-338) !important;
}

.bg-blue-339 {
  background: var(--color-blue-339) !important;
}

.bg-blue-340 {
  background: var(--color-blue-340) !important;
}

.bg-blue-341 {
  background: var(--color-blue-341) !important;
}

.bg-blue-342 {
  background: var(--color-blue-342) !important;
}

.bg-blue-343 {
  background: var(--color-blue-343) !important;
}

.bg-blue-344 {
  background: var(--color-blue-344) !important;
}

.bg-blue-345 {
  background: var(--color-blue-345) !important;
}

.bg-blue-346 {
  background: var(--color-blue-346) !important;
}

.bg-blue-347 {
  background: var(--color-blue-347) !important;
}

.bg-blue-348 {
  background: var(--color-blue-348) !important;
}

.bg-blue-349 {
  background: var(--color-blue-349) !important;
}

.bg-blue-350 {
  background: var(--color-blue-350) !important;
}

.bg-blue-351 {
  background: var(--color-blue-351) !important;
}

.bg-blue-352 {
  background: var(--color-blue-352) !important;
}

.bg-blue-353 {
  background: var(--color-blue-353) !important;
}

.bg-blue-354 {
  background: var(--color-blue-354) !important;
}

.bg-blue-355 {
  background: var(--color-blue-355) !important;
}

.bg-blue-356 {
  background: var(--color-blue-356) !important;
}

.bg-blue-357 {
  background: var(--color-blue-357) !important;
}

.bg-blue-358 {
  background: var(--color-blue-358) !important;
}

.bg-blue-359 {
  background: var(--color-blue-359) !important;
}

.bg-blue-360 {
  background: var(--color-blue-360) !important;
}

.bg-blue-361 {
  background: var(--color-blue-361) !important;
}

.bg-blue-362 {
  background: var(--color-blue-362) !important;
}

.bg-blue-363 {
  background: var(--color-blue-363) !important;
}

.bg-blue-364 {
  background: var(--color-blue-364) !important;
}

.bg-blue-365 {
  background: var(--color-blue-365) !important;
}

.bg-blue-366 {
  background: var(--color-blue-366) !important;
}

.bg-blue-367 {
  background: var(--color-blue-367) !important;
}

.bg-blue-368 {
  background: var(--color-blue-368) !important;
}

.bg-blue-369 {
  background: var(--color-blue-369) !important;
}

.bg-blue-370 {
  background: var(--color-blue-370) !important;
}

.bg-blue-371 {
  background: var(--color-blue-371) !important;
}

.bg-blue-372 {
  background: var(--color-blue-372) !important;
}

.bg-blue-373 {
  background: var(--color-blue-373) !important;
}

.bg-blue-374 {
  background: var(--color-blue-374) !important;
}

.bg-blue-375 {
  background: var(--color-blue-375) !important;
}

.bg-blue-376 {
  background: var(--color-blue-376) !important;
}

.bg-blue-377 {
  background: var(--color-blue-377) !important;
}

.bg-blue-378 {
  background: var(--color-blue-378) !important;
}

.bg-blue-379 {
  background: var(--color-blue-379) !important;
}

.bg-blue-380 {
  background: var(--color-blue-380) !important;
}

.bg-blue-381 {
  background: var(--color-blue-381) !important;
}

.bg-blue-382 {
  background: var(--color-blue-382) !important;
}

.bg-blue-383 {
  background: var(--color-blue-383) !important;
}

.bg-blue-384 {
  background: var(--color-blue-384) !important;
}

.bg-blue-385 {
  background: var(--color-blue-385) !important;
}

.bg-blue-386 {
  background: var(--color-blue-386) !important;
}

.bg-blue-387 {
  background: var(--color-blue-387) !important;
}

.bg-blue-388 {
  background: var(--color-blue-388) !important;
}

.bg-blue-389 {
  background: var(--color-blue-389) !important;
}

.bg-blue-390 {
  background: var(--color-blue-390) !important;
}

.bg-blue-391 {
  background: var(--color-blue-391) !important;
}

.bg-blue-392 {
  background: var(--color-blue-392) !important;
}

.bg-blue-393 {
  background: var(--color-blue-393) !important;
}

.bg-blue-394 {
  background: var(--color-blue-394) !important;
}

.bg-blue-395 {
  background: var(--color-blue-395) !important;
}

.bg-blue-396 {
  background: var(--color-blue-396) !important;
}

.bg-blue-397 {
  background: var(--color-blue-397) !important;
}

.bg-blue-398 {
  background: var(--color-blue-398) !important;
}

.bg-blue-399 {
  background: var(--color-blue-399) !important;
}

.bg-blue-400 {
  background: var(--color-blue-400) !important;
}

.bg-blue-401 {
  background: var(--color-blue-401) !important;
}

.bg-blue-402 {
  background: var(--color-blue-402) !important;
}

.bg-blue-403 {
  background: var(--color-blue-403) !important;
}

.bg-blue-404 {
  background: var(--color-blue-404) !important;
}

.bg-blue-405 {
  background: var(--color-blue-405) !important;
}

.bg-blue-406 {
  background: var(--color-blue-406) !important;
}

.bg-blue-407 {
  background: var(--color-blue-407) !important;
}

.bg-blue-408 {
  background: var(--color-blue-408) !important;
}

.bg-blue-409 {
  background: var(--color-blue-409) !important;
}

.bg-blue-410 {
  background: var(--color-blue-410) !important;
}

.bg-blue-411 {
  background: var(--color-blue-411) !important;
}

.bg-blue-412 {
  background: var(--color-blue-412) !important;
}

.bg-blue-413 {
  background: var(--color-blue-413) !important;
}

.bg-blue-414 {
  background: var(--color-blue-414) !important;
}

.bg-blue-415 {
  background: var(--color-blue-415) !important;
}

.bg-blue-416 {
  background: var(--color-blue-416) !important;
}

.bg-blue-417 {
  background: var(--color-blue-417) !important;
}

.bg-blue-418 {
  background: var(--color-blue-418) !important;
}

.bg-blue-419 {
  background: var(--color-blue-419) !important;
}

.bg-blue-420 {
  background: var(--color-blue-420) !important;
}

.bg-blue-421 {
  background: var(--color-blue-421) !important;
}

.bg-blue-422 {
  background: var(--color-blue-422) !important;
}

.bg-blue-423 {
  background: var(--color-blue-423) !important;
}

.bg-blue-424 {
  background: var(--color-blue-424) !important;
}

.bg-blue-425 {
  background: var(--color-blue-425) !important;
}

.bg-blue-426 {
  background: var(--color-blue-426) !important;
}

.bg-blue-427 {
  background: var(--color-blue-427) !important;
}

.bg-blue-428 {
  background: var(--color-blue-428) !important;
}

.bg-blue-429 {
  background: var(--color-blue-429) !important;
}

.bg-blue-430 {
  background: var(--color-blue-430) !important;
}

.bg-blue-431 {
  background: var(--color-blue-431) !important;
}

.bg-blue-432 {
  background: var(--color-blue-432) !important;
}

.bg-blue-433 {
  background: var(--color-blue-433) !important;
}

.bg-blue-434 {
  background: var(--color-blue-434) !important;
}

.bg-blue-435 {
  background: var(--color-blue-435) !important;
}

.bg-blue-436 {
  background: var(--color-blue-436) !important;
}

.bg-blue-437 {
  background: var(--color-blue-437) !important;
}

.bg-blue-438 {
  background: var(--color-blue-438) !important;
}

.bg-blue-439 {
  background: var(--color-blue-439) !important;
}

.bg-blue-440 {
  background: var(--color-blue-440) !important;
}

.bg-blue-441 {
  background: var(--color-blue-441) !important;
}

.bg-blue-442 {
  background: var(--color-blue-442) !important;
}

.bg-blue-443 {
  background: var(--color-blue-443) !important;
}

.bg-blue-444 {
  background: var(--color-blue-444) !important;
}

.bg-blue-445 {
  background: var(--color-blue-445) !important;
}

.bg-blue-446 {
  background: var(--color-blue-446) !important;
}

.bg-blue-447 {
  background: var(--color-blue-447) !important;
}

.bg-blue-448 {
  background: var(--color-blue-448) !important;
}

.bg-blue-449 {
  background: var(--color-blue-449) !important;
}

.bg-blue-450 {
  background: var(--color-blue-450) !important;
}

.bg-blue-451 {
  background: var(--color-blue-451) !important;
}

.bg-blue-452 {
  background: var(--color-blue-452) !important;
}

.bg-blue-453 {
  background: var(--color-blue-453) !important;
}

.bg-blue-454 {
  background: var(--color-blue-454) !important;
}

.bg-blue-455 {
  background: var(--color-blue-455) !important;
}

.bg-blue-456 {
  background: var(--color-blue-456) !important;
}

.bg-blue-457 {
  background: var(--color-blue-457) !important;
}

.bg-blue-458 {
  background: var(--color-blue-458) !important;
}

.bg-blue-459 {
  background: var(--color-blue-459) !important;
}

.bg-blue-460 {
  background: var(--color-blue-460) !important;
}

.bg-blue-461 {
  background: var(--color-blue-461) !important;
}

.bg-blue-462 {
  background: var(--color-blue-462) !important;
}

.bg-blue-463 {
  background: var(--color-blue-463) !important;
}

.bg-blue-464 {
  background: var(--color-blue-464) !important;
}

.bg-blue-465 {
  background: var(--color-blue-465) !important;
}

.bg-blue-466 {
  background: var(--color-blue-466) !important;
}

.bg-blue-467 {
  background: var(--color-blue-467) !important;
}

.bg-blue-468 {
  background: var(--color-blue-468) !important;
}

.bg-blue-469 {
  background: var(--color-blue-469) !important;
}

.bg-blue-470 {
  background: var(--color-blue-470) !important;
}

.bg-blue-471 {
  background: var(--color-blue-471) !important;
}

.bg-blue-472 {
  background: var(--color-blue-472) !important;
}

.bg-blue-473 {
  background: var(--color-blue-473) !important;
}

.bg-blue-474 {
  background: var(--color-blue-474) !important;
}

.bg-blue-475 {
  background: var(--color-blue-475) !important;
}

.bg-blue-476 {
  background: var(--color-blue-476) !important;
}

.bg-blue-477 {
  background: var(--color-blue-477) !important;
}

.bg-blue-478 {
  background: var(--color-blue-478) !important;
}

.bg-blue-479 {
  background: var(--color-blue-479) !important;
}

.bg-blue-480 {
  background: var(--color-blue-480) !important;
}

.bg-blue-481 {
  background: var(--color-blue-481) !important;
}

.bg-blue-482 {
  background: var(--color-blue-482) !important;
}

.bg-blue-483 {
  background: var(--color-blue-483) !important;
}

.bg-blue-484 {
  background: var(--color-blue-484) !important;
}

.bg-blue-485 {
  background: var(--color-blue-485) !important;
}

.bg-blue-486 {
  background: var(--color-blue-486) !important;
}

.bg-blue-487 {
  background: var(--color-blue-487) !important;
}

.bg-blue-488 {
  background: var(--color-blue-488) !important;
}

.bg-blue-489 {
  background: var(--color-blue-489) !important;
}

.bg-blue-490 {
  background: var(--color-blue-490) !important;
}

.bg-blue-491 {
  background: var(--color-blue-491) !important;
}

.bg-blue-492 {
  background: var(--color-blue-492) !important;
}

.bg-blue-493 {
  background: var(--color-blue-493) !important;
}

.bg-blue-494 {
  background: var(--color-blue-494) !important;
}

.bg-blue-495 {
  background: var(--color-blue-495) !important;
}

.bg-blue-496 {
  background: var(--color-blue-496) !important;
}

.bg-blue-497 {
  background: var(--color-blue-497) !important;
}

.bg-blue-498 {
  background: var(--color-blue-498) !important;
}

.bg-blue-499 {
  background: var(--color-blue-499) !important;
}

.bg-blue-500 {
  background: var(--color-blue-500) !important;
}

.bg-blue-501 {
  background: var(--color-blue-501) !important;
}

.bg-blue-502 {
  background: var(--color-blue-502) !important;
}

.bg-blue-503 {
  background: var(--color-blue-503) !important;
}

.bg-blue-504 {
  background: var(--color-blue-504) !important;
}

.bg-blue-505 {
  background: var(--color-blue-505) !important;
}

.bg-blue-506 {
  background: var(--color-blue-506) !important;
}

.bg-blue-507 {
  background: var(--color-blue-507) !important;
}

.bg-blue-508 {
  background: var(--color-blue-508) !important;
}

.bg-blue-509 {
  background: var(--color-blue-509) !important;
}

.bg-blue-510 {
  background: var(--color-blue-510) !important;
}

.bg-blue-511 {
  background: var(--color-blue-511) !important;
}

.bg-blue-512 {
  background: var(--color-blue-512) !important;
}

.bg-blue-513 {
  background: var(--color-blue-513) !important;
}

.bg-blue-514 {
  background: var(--color-blue-514) !important;
}

.bg-blue-515 {
  background: var(--color-blue-515) !important;
}

.bg-blue-516 {
  background: var(--color-blue-516) !important;
}

.bg-blue-517 {
  background: var(--color-blue-517) !important;
}

.bg-blue-518 {
  background: var(--color-blue-518) !important;
}

.bg-blue-519 {
  background: var(--color-blue-519) !important;
}

.bg-blue-520 {
  background: var(--color-blue-520) !important;
}

.bg-blue-521 {
  background: var(--color-blue-521) !important;
}

.bg-blue-522 {
  background: var(--color-blue-522) !important;
}

.bg-blue-523 {
  background: var(--color-blue-523) !important;
}

.bg-blue-524 {
  background: var(--color-blue-524) !important;
}

.bg-blue-525 {
  background: var(--color-blue-525) !important;
}

.bg-blue-526 {
  background: var(--color-blue-526) !important;
}

.bg-blue-527 {
  background: var(--color-blue-527) !important;
}

.bg-blue-528 {
  background: var(--color-blue-528) !important;
}

.bg-blue-529 {
  background: var(--color-blue-529) !important;
}

.bg-blue-530 {
  background: var(--color-blue-530) !important;
}

.bg-blue-531 {
  background: var(--color-blue-531) !important;
}

.bg-blue-532 {
  background: var(--color-blue-532) !important;
}

.bg-blue-533 {
  background: var(--color-blue-533) !important;
}

.bg-blue-534 {
  background: var(--color-blue-534) !important;
}

.bg-blue-535 {
  background: var(--color-blue-535) !important;
}

.bg-blue-536 {
  background: var(--color-blue-536) !important;
}

.bg-blue-537 {
  background: var(--color-blue-537) !important;
}

.bg-blue-538 {
  background: var(--color-blue-538) !important;
}

.bg-blue-539 {
  background: var(--color-blue-539) !important;
}

.bg-blue-540 {
  background: var(--color-blue-540) !important;
}

.bg-blue-541 {
  background: var(--color-blue-541) !important;
}

.bg-blue-542 {
  background: var(--color-blue-542) !important;
}

.bg-blue-543 {
  background: var(--color-blue-543) !important;
}

.bg-blue-544 {
  background: var(--color-blue-544) !important;
}

.bg-blue-545 {
  background: var(--color-blue-545) !important;
}

.bg-blue-546 {
  background: var(--color-blue-546) !important;
}

.bg-blue-547 {
  background: var(--color-blue-547) !important;
}

.bg-blue-548 {
  background: var(--color-blue-548) !important;
}

.bg-blue-549 {
  background: var(--color-blue-549) !important;
}

.bg-blue-550 {
  background: var(--color-blue-550) !important;
}

.bg-blue-551 {
  background: var(--color-blue-551) !important;
}

.bg-blue-552 {
  background: var(--color-blue-552) !important;
}

.bg-blue-553 {
  background: var(--color-blue-553) !important;
}

.bg-blue-554 {
  background: var(--color-blue-554) !important;
}

.bg-blue-555 {
  background: var(--color-blue-555) !important;
}

.bg-blue-556 {
  background: var(--color-blue-556) !important;
}

.bg-blue-557 {
  background: var(--color-blue-557) !important;
}

.bg-blue-558 {
  background: var(--color-blue-558) !important;
}

.bg-blue-559 {
  background: var(--color-blue-559) !important;
}

.bg-blue-560 {
  background: var(--color-blue-560) !important;
}

.bg-blue-561 {
  background: var(--color-blue-561) !important;
}

.bg-blue-562 {
  background: var(--color-blue-562) !important;
}

.bg-blue-563 {
  background: var(--color-blue-563) !important;
}

.bg-blue-564 {
  background: var(--color-blue-564) !important;
}

.bg-blue-565 {
  background: var(--color-blue-565) !important;
}

.bg-blue-566 {
  background: var(--color-blue-566) !important;
}

.bg-blue-567 {
  background: var(--color-blue-567) !important;
}

.bg-blue-568 {
  background: var(--color-blue-568) !important;
}

.bg-blue-569 {
  background: var(--color-blue-569) !important;
}

.bg-blue-570 {
  background: var(--color-blue-570) !important;
}

.bg-blue-571 {
  background: var(--color-blue-571) !important;
}

.bg-blue-572 {
  background: var(--color-blue-572) !important;
}

.bg-blue-573 {
  background: var(--color-blue-573) !important;
}

.bg-blue-574 {
  background: var(--color-blue-574) !important;
}

.bg-blue-575 {
  background: var(--color-blue-575) !important;
}

.bg-blue-576 {
  background: var(--color-blue-576) !important;
}

.bg-blue-577 {
  background: var(--color-blue-577) !important;
}

.bg-blue-578 {
  background: var(--color-blue-578) !important;
}

.bg-blue-579 {
  background: var(--color-blue-579) !important;
}

.bg-blue-580 {
  background: var(--color-blue-580) !important;
}

.bg-blue-581 {
  background: var(--color-blue-581) !important;
}

.bg-blue-582 {
  background: var(--color-blue-582) !important;
}

.bg-blue-583 {
  background: var(--color-blue-583) !important;
}

.bg-blue-584 {
  background: var(--color-blue-584) !important;
}

.bg-blue-585 {
  background: var(--color-blue-585) !important;
}

.bg-blue-586 {
  background: var(--color-blue-586) !important;
}

.bg-blue-587 {
  background: var(--color-blue-587) !important;
}

.bg-blue-588 {
  background: var(--color-blue-588) !important;
}

.bg-blue-589 {
  background: var(--color-blue-589) !important;
}

.bg-blue-590 {
  background: var(--color-blue-590) !important;
}

.bg-blue-591 {
  background: var(--color-blue-591) !important;
}

.bg-blue-592 {
  background: var(--color-blue-592) !important;
}

.bg-blue-593 {
  background: var(--color-blue-593) !important;
}

.bg-blue-594 {
  background: var(--color-blue-594) !important;
}

.bg-blue-595 {
  background: var(--color-blue-595) !important;
}

.bg-blue-596 {
  background: var(--color-blue-596) !important;
}

.bg-blue-597 {
  background: var(--color-blue-597) !important;
}

.bg-blue-598 {
  background: var(--color-blue-598) !important;
}

.bg-blue-599 {
  background: var(--color-blue-599) !important;
}

.bg-blue-600 {
  background: var(--color-blue-600) !important;
}

.bg-blue-601 {
  background: var(--color-blue-601) !important;
}

.bg-blue-602 {
  background: var(--color-blue-602) !important;
}

.bg-blue-603 {
  background: var(--color-blue-603) !important;
}

.bg-blue-604 {
  background: var(--color-blue-604) !important;
}

.bg-blue-605 {
  background: var(--color-blue-605) !important;
}

.bg-blue-606 {
  background: var(--color-blue-606) !important;
}

.bg-blue-607 {
  background: var(--color-blue-607) !important;
}

.bg-blue-608 {
  background: var(--color-blue-608) !important;
}

.bg-blue-609 {
  background: var(--color-blue-609) !important;
}

.bg-blue-610 {
  background: var(--color-blue-610) !important;
}

.bg-blue-611 {
  background: var(--color-blue-611) !important;
}

.bg-blue-612 {
  background: var(--color-blue-612) !important;
}

.bg-blue-613 {
  background: var(--color-blue-613) !important;
}

.bg-blue-614 {
  background: var(--color-blue-614) !important;
}

.bg-blue-615 {
  background: var(--color-blue-615) !important;
}

.bg-blue-616 {
  background: var(--color-blue-616) !important;
}

.bg-blue-617 {
  background: var(--color-blue-617) !important;
}

.bg-blue-618 {
  background: var(--color-blue-618) !important;
}

.bg-blue-619 {
  background: var(--color-blue-619) !important;
}

.bg-blue-620 {
  background: var(--color-blue-620) !important;
}

.bg-blue-621 {
  background: var(--color-blue-621) !important;
}

.bg-blue-622 {
  background: var(--color-blue-622) !important;
}

.bg-blue-623 {
  background: var(--color-blue-623) !important;
}

.bg-blue-624 {
  background: var(--color-blue-624) !important;
}

.bg-blue-625 {
  background: var(--color-blue-625) !important;
}

.bg-blue-626 {
  background: var(--color-blue-626) !important;
}

.bg-blue-627 {
  background: var(--color-blue-627) !important;
}

.bg-blue-628 {
  background: var(--color-blue-628) !important;
}

.bg-blue-629 {
  background: var(--color-blue-629) !important;
}

.bg-blue-630 {
  background: var(--color-blue-630) !important;
}

.bg-blue-631 {
  background: var(--color-blue-631) !important;
}

.bg-blue-632 {
  background: var(--color-blue-632) !important;
}

.bg-blue-633 {
  background: var(--color-blue-633) !important;
}

.bg-blue-634 {
  background: var(--color-blue-634) !important;
}

.bg-blue-635 {
  background: var(--color-blue-635) !important;
}

.bg-blue-636 {
  background: var(--color-blue-636) !important;
}

.bg-blue-637 {
  background: var(--color-blue-637) !important;
}

.bg-blue-638 {
  background: var(--color-blue-638) !important;
}

.bg-blue-639 {
  background: var(--color-blue-639) !important;
}

.bg-blue-640 {
  background: var(--color-blue-640) !important;
}

.bg-blue-641 {
  background: var(--color-blue-641) !important;
}

.bg-blue-642 {
  background: var(--color-blue-642) !important;
}

.bg-blue-643 {
  background: var(--color-blue-643) !important;
}

.bg-blue-644 {
  background: var(--color-blue-644) !important;
}

.bg-blue-645 {
  background: var(--color-blue-645) !important;
}

.bg-blue-646 {
  background: var(--color-blue-646) !important;
}

.bg-blue-647 {
  background: var(--color-blue-647) !important;
}

.bg-blue-648 {
  background: var(--color-blue-648) !important;
}

.bg-blue-649 {
  background: var(--color-blue-649) !important;
}

.bg-blue-650 {
  background: var(--color-blue-650) !important;
}

.bg-blue-651 {
  background: var(--color-blue-651) !important;
}

.bg-blue-652 {
  background: var(--color-blue-652) !important;
}

.bg-blue-653 {
  background: var(--color-blue-653) !important;
}

.bg-blue-654 {
  background: var(--color-blue-654) !important;
}

.bg-blue-655 {
  background: var(--color-blue-655) !important;
}

.bg-blue-656 {
  background: var(--color-blue-656) !important;
}

.bg-blue-657 {
  background: var(--color-blue-657) !important;
}

.bg-blue-658 {
  background: var(--color-blue-658) !important;
}

.bg-blue-659 {
  background: var(--color-blue-659) !important;
}

.bg-blue-660 {
  background: var(--color-blue-660) !important;
}

.bg-blue-661 {
  background: var(--color-blue-661) !important;
}

.bg-blue-662 {
  background: var(--color-blue-662) !important;
}

.bg-blue-663 {
  background: var(--color-blue-663) !important;
}

.bg-blue-664 {
  background: var(--color-blue-664) !important;
}

.bg-blue-665 {
  background: var(--color-blue-665) !important;
}

.bg-blue-666 {
  background: var(--color-blue-666) !important;
}

.bg-blue-667 {
  background: var(--color-blue-667) !important;
}

.bg-blue-668 {
  background: var(--color-blue-668) !important;
}

.bg-blue-669 {
  background: var(--color-blue-669) !important;
}

.bg-blue-670 {
  background: var(--color-blue-670) !important;
}

.bg-blue-671 {
  background: var(--color-blue-671) !important;
}

.bg-blue-672 {
  background: var(--color-blue-672) !important;
}

.bg-blue-673 {
  background: var(--color-blue-673) !important;
}

.bg-blue-674 {
  background: var(--color-blue-674) !important;
}

.bg-blue-675 {
  background: var(--color-blue-675) !important;
}

.bg-blue-676 {
  background: var(--color-blue-676) !important;
}

.bg-blue-677 {
  background: var(--color-blue-677) !important;
}

.bg-blue-678 {
  background: var(--color-blue-678) !important;
}

.bg-blue-679 {
  background: var(--color-blue-679) !important;
}

.bg-blue-680 {
  background: var(--color-blue-680) !important;
}

.bg-blue-681 {
  background: var(--color-blue-681) !important;
}

.bg-blue-682 {
  background: var(--color-blue-682) !important;
}

.bg-blue-683 {
  background: var(--color-blue-683) !important;
}

.bg-blue-684 {
  background: var(--color-blue-684) !important;
}

.bg-blue-685 {
  background: var(--color-blue-685) !important;
}

.bg-blue-686 {
  background: var(--color-blue-686) !important;
}

.bg-blue-687 {
  background: var(--color-blue-687) !important;
}

.bg-blue-688 {
  background: var(--color-blue-688) !important;
}

.bg-blue-689 {
  background: var(--color-blue-689) !important;
}

.bg-blue-690 {
  background: var(--color-blue-690) !important;
}

.bg-blue-691 {
  background: var(--color-blue-691) !important;
}

.bg-blue-692 {
  background: var(--color-blue-692) !important;
}

.bg-blue-693 {
  background: var(--color-blue-693) !important;
}

.bg-blue-694 {
  background: var(--color-blue-694) !important;
}

.bg-blue-695 {
  background: var(--color-blue-695) !important;
}

.bg-blue-696 {
  background: var(--color-blue-696) !important;
}

.bg-blue-697 {
  background: var(--color-blue-697) !important;
}

.bg-blue-698 {
  background: var(--color-blue-698) !important;
}

.bg-blue-699 {
  background: var(--color-blue-699) !important;
}

.bg-blue-700 {
  background: var(--color-blue-700) !important;
}

.bg-blue-701 {
  background: var(--color-blue-701) !important;
}

.bg-blue-702 {
  background: var(--color-blue-702) !important;
}

.bg-blue-703 {
  background: var(--color-blue-703) !important;
}

.bg-blue-704 {
  background: var(--color-blue-704) !important;
}

.bg-blue-705 {
  background: var(--color-blue-705) !important;
}

.bg-blue-706 {
  background: var(--color-blue-706) !important;
}

.bg-blue-707 {
  background: var(--color-blue-707) !important;
}

.bg-blue-708 {
  background: var(--color-blue-708) !important;
}

.bg-blue-709 {
  background: var(--color-blue-709) !important;
}

.bg-blue-710 {
  background: var(--color-blue-710) !important;
}

.bg-blue-711 {
  background: var(--color-blue-711) !important;
}

.bg-blue-712 {
  background: var(--color-blue-712) !important;
}

.bg-blue-713 {
  background: var(--color-blue-713) !important;
}

.bg-blue-714 {
  background: var(--color-blue-714) !important;
}

.bg-blue-715 {
  background: var(--color-blue-715) !important;
}

.bg-blue-716 {
  background: var(--color-blue-716) !important;
}

.bg-blue-717 {
  background: var(--color-blue-717) !important;
}

.bg-blue-718 {
  background: var(--color-blue-718) !important;
}

.bg-blue-719 {
  background: var(--color-blue-719) !important;
}

.bg-blue-720 {
  background: var(--color-blue-720) !important;
}

.bg-blue-721 {
  background: var(--color-blue-721) !important;
}

.bg-blue-722 {
  background: var(--color-blue-722) !important;
}

.bg-blue-723 {
  background: var(--color-blue-723) !important;
}

.bg-blue-724 {
  background: var(--color-blue-724) !important;
}

.bg-blue-725 {
  background: var(--color-blue-725) !important;
}

.bg-blue-726 {
  background: var(--color-blue-726) !important;
}

.bg-blue-727 {
  background: var(--color-blue-727) !important;
}

.bg-blue-728 {
  background: var(--color-blue-728) !important;
}

.bg-blue-729 {
  background: var(--color-blue-729) !important;
}

.bg-blue-730 {
  background: var(--color-blue-730) !important;
}

.bg-blue-731 {
  background: var(--color-blue-731) !important;
}

.bg-blue-732 {
  background: var(--color-blue-732) !important;
}

.bg-blue-733 {
  background: var(--color-blue-733) !important;
}

.bg-blue-734 {
  background: var(--color-blue-734) !important;
}

.bg-blue-735 {
  background: var(--color-blue-735) !important;
}

.bg-blue-736 {
  background: var(--color-blue-736) !important;
}

.bg-blue-737 {
  background: var(--color-blue-737) !important;
}

.bg-blue-738 {
  background: var(--color-blue-738) !important;
}

.bg-blue-739 {
  background: var(--color-blue-739) !important;
}

.bg-blue-740 {
  background: var(--color-blue-740) !important;
}

.bg-blue-741 {
  background: var(--color-blue-741) !important;
}

.bg-blue-742 {
  background: var(--color-blue-742) !important;
}

.bg-blue-743 {
  background: var(--color-blue-743) !important;
}

.bg-blue-744 {
  background: var(--color-blue-744) !important;
}

.bg-blue-745 {
  background: var(--color-blue-745) !important;
}

.bg-blue-746 {
  background: var(--color-blue-746) !important;
}

.bg-blue-747 {
  background: var(--color-blue-747) !important;
}

.bg-blue-748 {
  background: var(--color-blue-748) !important;
}

.bg-blue-749 {
  background: var(--color-blue-749) !important;
}

.bg-blue-750 {
  background: var(--color-blue-750) !important;
}

.bg-blue-751 {
  background: var(--color-blue-751) !important;
}

.bg-blue-752 {
  background: var(--color-blue-752) !important;
}

.bg-blue-753 {
  background: var(--color-blue-753) !important;
}

.bg-blue-754 {
  background: var(--color-blue-754) !important;
}

.bg-blue-755 {
  background: var(--color-blue-755) !important;
}

.bg-blue-756 {
  background: var(--color-blue-756) !important;
}

.bg-blue-757 {
  background: var(--color-blue-757) !important;
}

.bg-blue-758 {
  background: var(--color-blue-758) !important;
}

.bg-blue-759 {
  background: var(--color-blue-759) !important;
}

.bg-blue-760 {
  background: var(--color-blue-760) !important;
}

.bg-blue-761 {
  background: var(--color-blue-761) !important;
}

.bg-blue-762 {
  background: var(--color-blue-762) !important;
}

.bg-blue-763 {
  background: var(--color-blue-763) !important;
}

.bg-blue-764 {
  background: var(--color-blue-764) !important;
}

.bg-blue-765 {
  background: var(--color-blue-765) !important;
}

.bg-blue-766 {
  background: var(--color-blue-766) !important;
}

.bg-blue-767 {
  background: var(--color-blue-767) !important;
}

.bg-blue-768 {
  background: var(--color-blue-768) !important;
}

.bg-blue-769 {
  background: var(--color-blue-769) !important;
}

.bg-blue-770 {
  background: var(--color-blue-770) !important;
}

.bg-blue-771 {
  background: var(--color-blue-771) !important;
}

.bg-blue-772 {
  background: var(--color-blue-772) !important;
}

.bg-blue-773 {
  background: var(--color-blue-773) !important;
}

.bg-blue-774 {
  background: var(--color-blue-774) !important;
}

.bg-blue-775 {
  background: var(--color-blue-775) !important;
}

.bg-blue-776 {
  background: var(--color-blue-776) !important;
}

.bg-blue-777 {
  background: var(--color-blue-777) !important;
}

.bg-blue-778 {
  background: var(--color-blue-778) !important;
}

.bg-blue-779 {
  background: var(--color-blue-779) !important;
}

.bg-blue-780 {
  background: var(--color-blue-780) !important;
}

.bg-blue-781 {
  background: var(--color-blue-781) !important;
}

.bg-blue-782 {
  background: var(--color-blue-782) !important;
}

.bg-blue-783 {
  background: var(--color-blue-783) !important;
}

.bg-blue-784 {
  background: var(--color-blue-784) !important;
}

.bg-blue-785 {
  background: var(--color-blue-785) !important;
}

.bg-blue-786 {
  background: var(--color-blue-786) !important;
}

.bg-blue-787 {
  background: var(--color-blue-787) !important;
}

.bg-blue-788 {
  background: var(--color-blue-788) !important;
}

.bg-blue-789 {
  background: var(--color-blue-789) !important;
}

.bg-blue-790 {
  background: var(--color-blue-790) !important;
}

.bg-blue-791 {
  background: var(--color-blue-791) !important;
}

.bg-blue-792 {
  background: var(--color-blue-792) !important;
}

.bg-blue-793 {
  background: var(--color-blue-793) !important;
}

.bg-blue-794 {
  background: var(--color-blue-794) !important;
}

.bg-blue-795 {
  background: var(--color-blue-795) !important;
}

.bg-blue-796 {
  background: var(--color-blue-796) !important;
}

.bg-blue-797 {
  background: var(--color-blue-797) !important;
}

.bg-blue-798 {
  background: var(--color-blue-798) !important;
}

.bg-blue-799 {
  background: var(--color-blue-799) !important;
}

.bg-blue-800 {
  background: var(--color-blue-800) !important;
}

.bg-blue-801 {
  background: var(--color-blue-801) !important;
}

.bg-blue-802 {
  background: var(--color-blue-802) !important;
}

.bg-blue-803 {
  background: var(--color-blue-803) !important;
}

.bg-blue-804 {
  background: var(--color-blue-804) !important;
}

.bg-blue-805 {
  background: var(--color-blue-805) !important;
}

.bg-blue-806 {
  background: var(--color-blue-806) !important;
}

.bg-blue-807 {
  background: var(--color-blue-807) !important;
}

.bg-blue-808 {
  background: var(--color-blue-808) !important;
}

.bg-blue-809 {
  background: var(--color-blue-809) !important;
}

.bg-blue-810 {
  background: var(--color-blue-810) !important;
}

.bg-blue-811 {
  background: var(--color-blue-811) !important;
}

.bg-blue-812 {
  background: var(--color-blue-812) !important;
}

.bg-blue-813 {
  background: var(--color-blue-813) !important;
}

.bg-blue-814 {
  background: var(--color-blue-814) !important;
}

.bg-blue-815 {
  background: var(--color-blue-815) !important;
}

.bg-blue-816 {
  background: var(--color-blue-816) !important;
}

.bg-blue-817 {
  background: var(--color-blue-817) !important;
}

.bg-blue-818 {
  background: var(--color-blue-818) !important;
}

.bg-blue-819 {
  background: var(--color-blue-819) !important;
}

.bg-blue-820 {
  background: var(--color-blue-820) !important;
}

.bg-blue-821 {
  background: var(--color-blue-821) !important;
}

.bg-blue-822 {
  background: var(--color-blue-822) !important;
}

.bg-blue-823 {
  background: var(--color-blue-823) !important;
}

.bg-blue-824 {
  background: var(--color-blue-824) !important;
}

.bg-blue-825 {
  background: var(--color-blue-825) !important;
}

.bg-blue-826 {
  background: var(--color-blue-826) !important;
}

.bg-blue-827 {
  background: var(--color-blue-827) !important;
}

.bg-blue-828 {
  background: var(--color-blue-828) !important;
}

.bg-blue-829 {
  background: var(--color-blue-829) !important;
}

.bg-blue-830 {
  background: var(--color-blue-830) !important;
}

.bg-blue-831 {
  background: var(--color-blue-831) !important;
}

.bg-blue-832 {
  background: var(--color-blue-832) !important;
}

.bg-blue-833 {
  background: var(--color-blue-833) !important;
}

.bg-blue-834 {
  background: var(--color-blue-834) !important;
}

.bg-blue-835 {
  background: var(--color-blue-835) !important;
}

.bg-blue-836 {
  background: var(--color-blue-836) !important;
}

.bg-blue-837 {
  background: var(--color-blue-837) !important;
}

.bg-blue-838 {
  background: var(--color-blue-838) !important;
}

.bg-blue-839 {
  background: var(--color-blue-839) !important;
}

.bg-blue-840 {
  background: var(--color-blue-840) !important;
}

.bg-blue-841 {
  background: var(--color-blue-841) !important;
}

.bg-blue-842 {
  background: var(--color-blue-842) !important;
}

.bg-blue-843 {
  background: var(--color-blue-843) !important;
}

.bg-blue-844 {
  background: var(--color-blue-844) !important;
}

.bg-blue-845 {
  background: var(--color-blue-845) !important;
}

.bg-blue-846 {
  background: var(--color-blue-846) !important;
}

.bg-blue-847 {
  background: var(--color-blue-847) !important;
}

.bg-blue-848 {
  background: var(--color-blue-848) !important;
}

.bg-blue-849 {
  background: var(--color-blue-849) !important;
}

.bg-blue-850 {
  background: var(--color-blue-850) !important;
}

.bg-blue-851 {
  background: var(--color-blue-851) !important;
}

.bg-blue-852 {
  background: var(--color-blue-852) !important;
}

.bg-blue-853 {
  background: var(--color-blue-853) !important;
}

.bg-blue-854 {
  background: var(--color-blue-854) !important;
}

.bg-blue-855 {
  background: var(--color-blue-855) !important;
}

.bg-blue-856 {
  background: var(--color-blue-856) !important;
}

.bg-blue-857 {
  background: var(--color-blue-857) !important;
}

.bg-blue-858 {
  background: var(--color-blue-858) !important;
}

.bg-blue-859 {
  background: var(--color-blue-859) !important;
}

.bg-blue-860 {
  background: var(--color-blue-860) !important;
}

.bg-blue-861 {
  background: var(--color-blue-861) !important;
}

.bg-blue-862 {
  background: var(--color-blue-862) !important;
}

.bg-blue-863 {
  background: var(--color-blue-863) !important;
}

.bg-blue-864 {
  background: var(--color-blue-864) !important;
}

.bg-blue-865 {
  background: var(--color-blue-865) !important;
}

.bg-blue-866 {
  background: var(--color-blue-866) !important;
}

.bg-blue-867 {
  background: var(--color-blue-867) !important;
}

.bg-blue-868 {
  background: var(--color-blue-868) !important;
}

.bg-blue-869 {
  background: var(--color-blue-869) !important;
}

.bg-blue-870 {
  background: var(--color-blue-870) !important;
}

.bg-blue-871 {
  background: var(--color-blue-871) !important;
}

.bg-blue-872 {
  background: var(--color-blue-872) !important;
}

.bg-blue-873 {
  background: var(--color-blue-873) !important;
}

.bg-blue-874 {
  background: var(--color-blue-874) !important;
}

.bg-blue-875 {
  background: var(--color-blue-875) !important;
}

.bg-blue-876 {
  background: var(--color-blue-876) !important;
}

.bg-blue-877 {
  background: var(--color-blue-877) !important;
}

.bg-blue-878 {
  background: var(--color-blue-878) !important;
}

.bg-blue-879 {
  background: var(--color-blue-879) !important;
}

.bg-blue-880 {
  background: var(--color-blue-880) !important;
}

.bg-blue-881 {
  background: var(--color-blue-881) !important;
}

.bg-blue-882 {
  background: var(--color-blue-882) !important;
}

.bg-blue-883 {
  background: var(--color-blue-883) !important;
}

.bg-blue-884 {
  background: var(--color-blue-884) !important;
}

.bg-blue-885 {
  background: var(--color-blue-885) !important;
}

.bg-blue-886 {
  background: var(--color-blue-886) !important;
}

.bg-blue-887 {
  background: var(--color-blue-887) !important;
}

.bg-blue-888 {
  background: var(--color-blue-888) !important;
}

.bg-blue-889 {
  background: var(--color-blue-889) !important;
}

.bg-blue-890 {
  background: var(--color-blue-890) !important;
}

.bg-blue-891 {
  background: var(--color-blue-891) !important;
}

.bg-blue-892 {
  background: var(--color-blue-892) !important;
}

.bg-blue-893 {
  background: var(--color-blue-893) !important;
}

.bg-blue-894 {
  background: var(--color-blue-894) !important;
}

.bg-blue-895 {
  background: var(--color-blue-895) !important;
}

.bg-blue-896 {
  background: var(--color-blue-896) !important;
}

.bg-blue-897 {
  background: var(--color-blue-897) !important;
}

.bg-blue-898 {
  background: var(--color-blue-898) !important;
}

.bg-blue-899 {
  background: var(--color-blue-899) !important;
}

.bg-blue-900 {
  background: var(--color-blue-900) !important;
}

.bg-slate-25 {
  background: var(--color-slate-25) !important;
}

.bg-slate-26 {
  background: var(--color-slate-26) !important;
}

.bg-slate-27 {
  background: var(--color-slate-27) !important;
}

.bg-slate-28 {
  background: var(--color-slate-28) !important;
}

.bg-slate-29 {
  background: var(--color-slate-29) !important;
}

.bg-slate-30 {
  background: var(--color-slate-30) !important;
}

.bg-slate-31 {
  background: var(--color-slate-31) !important;
}

.bg-slate-32 {
  background: var(--color-slate-32) !important;
}

.bg-slate-33 {
  background: var(--color-slate-33) !important;
}

.bg-slate-34 {
  background: var(--color-slate-34) !important;
}

.bg-slate-35 {
  background: var(--color-slate-35) !important;
}

.bg-slate-36 {
  background: var(--color-slate-36) !important;
}

.bg-slate-37 {
  background: var(--color-slate-37) !important;
}

.bg-slate-38 {
  background: var(--color-slate-38) !important;
}

.bg-slate-39 {
  background: var(--color-slate-39) !important;
}

.bg-slate-40 {
  background: var(--color-slate-40) !important;
}

.bg-slate-41 {
  background: var(--color-slate-41) !important;
}

.bg-slate-42 {
  background: var(--color-slate-42) !important;
}

.bg-slate-43 {
  background: var(--color-slate-43) !important;
}

.bg-slate-44 {
  background: var(--color-slate-44) !important;
}

.bg-slate-45 {
  background: var(--color-slate-45) !important;
}

.bg-slate-46 {
  background: var(--color-slate-46) !important;
}

.bg-slate-47 {
  background: var(--color-slate-47) !important;
}

.bg-slate-48 {
  background: var(--color-slate-48) !important;
}

.bg-slate-49 {
  background: var(--color-slate-49) !important;
}

.bg-slate-50 {
  background: var(--color-slate-50) !important;
}

.bg-slate-51 {
  background: var(--color-slate-51) !important;
}

.bg-slate-52 {
  background: var(--color-slate-52) !important;
}

.bg-slate-53 {
  background: var(--color-slate-53) !important;
}

.bg-slate-54 {
  background: var(--color-slate-54) !important;
}

.bg-slate-55 {
  background: var(--color-slate-55) !important;
}

.bg-slate-56 {
  background: var(--color-slate-56) !important;
}

.bg-slate-57 {
  background: var(--color-slate-57) !important;
}

.bg-slate-58 {
  background: var(--color-slate-58) !important;
}

.bg-slate-59 {
  background: var(--color-slate-59) !important;
}

.bg-slate-60 {
  background: var(--color-slate-60) !important;
}

.bg-slate-61 {
  background: var(--color-slate-61) !important;
}

.bg-slate-62 {
  background: var(--color-slate-62) !important;
}

.bg-slate-63 {
  background: var(--color-slate-63) !important;
}

.bg-slate-64 {
  background: var(--color-slate-64) !important;
}

.bg-slate-65 {
  background: var(--color-slate-65) !important;
}

.bg-slate-66 {
  background: var(--color-slate-66) !important;
}

.bg-slate-67 {
  background: var(--color-slate-67) !important;
}

.bg-slate-68 {
  background: var(--color-slate-68) !important;
}

.bg-slate-69 {
  background: var(--color-slate-69) !important;
}

.bg-slate-70 {
  background: var(--color-slate-70) !important;
}

.bg-slate-71 {
  background: var(--color-slate-71) !important;
}

.bg-slate-72 {
  background: var(--color-slate-72) !important;
}

.bg-slate-73 {
  background: var(--color-slate-73) !important;
}

.bg-slate-74 {
  background: var(--color-slate-74) !important;
}

.bg-slate-75 {
  background: var(--color-slate-75) !important;
}

.bg-slate-76 {
  background: var(--color-slate-76) !important;
}

.bg-slate-77 {
  background: var(--color-slate-77) !important;
}

.bg-slate-78 {
  background: var(--color-slate-78) !important;
}

.bg-slate-79 {
  background: var(--color-slate-79) !important;
}

.bg-slate-80 {
  background: var(--color-slate-80) !important;
}

.bg-slate-81 {
  background: var(--color-slate-81) !important;
}

.bg-slate-82 {
  background: var(--color-slate-82) !important;
}

.bg-slate-83 {
  background: var(--color-slate-83) !important;
}

.bg-slate-84 {
  background: var(--color-slate-84) !important;
}

.bg-slate-85 {
  background: var(--color-slate-85) !important;
}

.bg-slate-86 {
  background: var(--color-slate-86) !important;
}

.bg-slate-87 {
  background: var(--color-slate-87) !important;
}

.bg-slate-88 {
  background: var(--color-slate-88) !important;
}

.bg-slate-89 {
  background: var(--color-slate-89) !important;
}

.bg-slate-90 {
  background: var(--color-slate-90) !important;
}

.bg-slate-91 {
  background: var(--color-slate-91) !important;
}

.bg-slate-92 {
  background: var(--color-slate-92) !important;
}

.bg-slate-93 {
  background: var(--color-slate-93) !important;
}

.bg-slate-94 {
  background: var(--color-slate-94) !important;
}

.bg-slate-95 {
  background: var(--color-slate-95) !important;
}

.bg-slate-96 {
  background: var(--color-slate-96) !important;
}

.bg-slate-97 {
  background: var(--color-slate-97) !important;
}

.bg-slate-98 {
  background: var(--color-slate-98) !important;
}

.bg-slate-99 {
  background: var(--color-slate-99) !important;
}

.bg-slate-100 {
  background: var(--color-slate-100) !important;
}

.bg-slate-101 {
  background: var(--color-slate-101) !important;
}

.bg-slate-102 {
  background: var(--color-slate-102) !important;
}

.bg-slate-103 {
  background: var(--color-slate-103) !important;
}

.bg-slate-104 {
  background: var(--color-slate-104) !important;
}

.bg-slate-105 {
  background: var(--color-slate-105) !important;
}

.bg-slate-106 {
  background: var(--color-slate-106) !important;
}

.bg-slate-107 {
  background: var(--color-slate-107) !important;
}

.bg-slate-108 {
  background: var(--color-slate-108) !important;
}

.bg-slate-109 {
  background: var(--color-slate-109) !important;
}

.bg-slate-110 {
  background: var(--color-slate-110) !important;
}

.bg-slate-111 {
  background: var(--color-slate-111) !important;
}

.bg-slate-112 {
  background: var(--color-slate-112) !important;
}

.bg-slate-113 {
  background: var(--color-slate-113) !important;
}

.bg-slate-114 {
  background: var(--color-slate-114) !important;
}

.bg-slate-115 {
  background: var(--color-slate-115) !important;
}

.bg-slate-116 {
  background: var(--color-slate-116) !important;
}

.bg-slate-117 {
  background: var(--color-slate-117) !important;
}

.bg-slate-118 {
  background: var(--color-slate-118) !important;
}

.bg-slate-119 {
  background: var(--color-slate-119) !important;
}

.bg-slate-120 {
  background: var(--color-slate-120) !important;
}

.bg-slate-121 {
  background: var(--color-slate-121) !important;
}

.bg-slate-122 {
  background: var(--color-slate-122) !important;
}

.bg-slate-123 {
  background: var(--color-slate-123) !important;
}

.bg-slate-124 {
  background: var(--color-slate-124) !important;
}

.bg-slate-125 {
  background: var(--color-slate-125) !important;
}

.bg-slate-126 {
  background: var(--color-slate-126) !important;
}

.bg-slate-127 {
  background: var(--color-slate-127) !important;
}

.bg-slate-128 {
  background: var(--color-slate-128) !important;
}

.bg-slate-129 {
  background: var(--color-slate-129) !important;
}

.bg-slate-130 {
  background: var(--color-slate-130) !important;
}

.bg-slate-131 {
  background: var(--color-slate-131) !important;
}

.bg-slate-132 {
  background: var(--color-slate-132) !important;
}

.bg-slate-133 {
  background: var(--color-slate-133) !important;
}

.bg-slate-134 {
  background: var(--color-slate-134) !important;
}

.bg-slate-135 {
  background: var(--color-slate-135) !important;
}

.bg-slate-136 {
  background: var(--color-slate-136) !important;
}

.bg-slate-137 {
  background: var(--color-slate-137) !important;
}

.bg-slate-138 {
  background: var(--color-slate-138) !important;
}

.bg-slate-139 {
  background: var(--color-slate-139) !important;
}

.bg-slate-140 {
  background: var(--color-slate-140) !important;
}

.bg-slate-141 {
  background: var(--color-slate-141) !important;
}

.bg-slate-142 {
  background: var(--color-slate-142) !important;
}

.bg-slate-143 {
  background: var(--color-slate-143) !important;
}

.bg-slate-144 {
  background: var(--color-slate-144) !important;
}

.bg-slate-145 {
  background: var(--color-slate-145) !important;
}

.bg-slate-146 {
  background: var(--color-slate-146) !important;
}

.bg-slate-147 {
  background: var(--color-slate-147) !important;
}

.bg-slate-148 {
  background: var(--color-slate-148) !important;
}

.bg-slate-149 {
  background: var(--color-slate-149) !important;
}

.bg-slate-150 {
  background: var(--color-slate-150) !important;
}

.bg-slate-151 {
  background: var(--color-slate-151) !important;
}

.bg-slate-152 {
  background: var(--color-slate-152) !important;
}

.bg-slate-153 {
  background: var(--color-slate-153) !important;
}

.bg-slate-154 {
  background: var(--color-slate-154) !important;
}

.bg-slate-155 {
  background: var(--color-slate-155) !important;
}

.bg-slate-156 {
  background: var(--color-slate-156) !important;
}

.bg-slate-157 {
  background: var(--color-slate-157) !important;
}

.bg-slate-158 {
  background: var(--color-slate-158) !important;
}

.bg-slate-159 {
  background: var(--color-slate-159) !important;
}

.bg-slate-160 {
  background: var(--color-slate-160) !important;
}

.bg-slate-161 {
  background: var(--color-slate-161) !important;
}

.bg-slate-162 {
  background: var(--color-slate-162) !important;
}

.bg-slate-163 {
  background: var(--color-slate-163) !important;
}

.bg-slate-164 {
  background: var(--color-slate-164) !important;
}

.bg-slate-165 {
  background: var(--color-slate-165) !important;
}

.bg-slate-166 {
  background: var(--color-slate-166) !important;
}

.bg-slate-167 {
  background: var(--color-slate-167) !important;
}

.bg-slate-168 {
  background: var(--color-slate-168) !important;
}

.bg-slate-169 {
  background: var(--color-slate-169) !important;
}

.bg-slate-170 {
  background: var(--color-slate-170) !important;
}

.bg-slate-171 {
  background: var(--color-slate-171) !important;
}

.bg-slate-172 {
  background: var(--color-slate-172) !important;
}

.bg-slate-173 {
  background: var(--color-slate-173) !important;
}

.bg-slate-174 {
  background: var(--color-slate-174) !important;
}

.bg-slate-175 {
  background: var(--color-slate-175) !important;
}

.bg-slate-176 {
  background: var(--color-slate-176) !important;
}

.bg-slate-177 {
  background: var(--color-slate-177) !important;
}

.bg-slate-178 {
  background: var(--color-slate-178) !important;
}

.bg-slate-179 {
  background: var(--color-slate-179) !important;
}

.bg-slate-180 {
  background: var(--color-slate-180) !important;
}

.bg-slate-181 {
  background: var(--color-slate-181) !important;
}

.bg-slate-182 {
  background: var(--color-slate-182) !important;
}

.bg-slate-183 {
  background: var(--color-slate-183) !important;
}

.bg-slate-184 {
  background: var(--color-slate-184) !important;
}

.bg-slate-185 {
  background: var(--color-slate-185) !important;
}

.bg-slate-186 {
  background: var(--color-slate-186) !important;
}

.bg-slate-187 {
  background: var(--color-slate-187) !important;
}

.bg-slate-188 {
  background: var(--color-slate-188) !important;
}

.bg-slate-189 {
  background: var(--color-slate-189) !important;
}

.bg-slate-190 {
  background: var(--color-slate-190) !important;
}

.bg-slate-191 {
  background: var(--color-slate-191) !important;
}

.bg-slate-192 {
  background: var(--color-slate-192) !important;
}

.bg-slate-193 {
  background: var(--color-slate-193) !important;
}

.bg-slate-194 {
  background: var(--color-slate-194) !important;
}

.bg-slate-195 {
  background: var(--color-slate-195) !important;
}

.bg-slate-196 {
  background: var(--color-slate-196) !important;
}

.bg-slate-197 {
  background: var(--color-slate-197) !important;
}

.bg-slate-198 {
  background: var(--color-slate-198) !important;
}

.bg-slate-199 {
  background: var(--color-slate-199) !important;
}

.bg-slate-200 {
  background: var(--color-slate-200) !important;
}

.bg-slate-201 {
  background: var(--color-slate-201) !important;
}

.bg-slate-202 {
  background: var(--color-slate-202) !important;
}

.bg-slate-203 {
  background: var(--color-slate-203) !important;
}

.bg-slate-204 {
  background: var(--color-slate-204) !important;
}

.bg-slate-205 {
  background: var(--color-slate-205) !important;
}

.bg-slate-206 {
  background: var(--color-slate-206) !important;
}

.bg-slate-207 {
  background: var(--color-slate-207) !important;
}

.bg-slate-208 {
  background: var(--color-slate-208) !important;
}

.bg-slate-209 {
  background: var(--color-slate-209) !important;
}

.bg-slate-210 {
  background: var(--color-slate-210) !important;
}

.bg-slate-211 {
  background: var(--color-slate-211) !important;
}

.bg-slate-212 {
  background: var(--color-slate-212) !important;
}

.bg-slate-213 {
  background: var(--color-slate-213) !important;
}

.bg-slate-214 {
  background: var(--color-slate-214) !important;
}

.bg-slate-215 {
  background: var(--color-slate-215) !important;
}

.bg-slate-216 {
  background: var(--color-slate-216) !important;
}

.bg-slate-217 {
  background: var(--color-slate-217) !important;
}

.bg-slate-218 {
  background: var(--color-slate-218) !important;
}

.bg-slate-219 {
  background: var(--color-slate-219) !important;
}

.bg-slate-220 {
  background: var(--color-slate-220) !important;
}

.bg-slate-221 {
  background: var(--color-slate-221) !important;
}

.bg-slate-222 {
  background: var(--color-slate-222) !important;
}

.bg-slate-223 {
  background: var(--color-slate-223) !important;
}

.bg-slate-224 {
  background: var(--color-slate-224) !important;
}

.bg-slate-225 {
  background: var(--color-slate-225) !important;
}

.bg-slate-226 {
  background: var(--color-slate-226) !important;
}

.bg-slate-227 {
  background: var(--color-slate-227) !important;
}

.bg-slate-228 {
  background: var(--color-slate-228) !important;
}

.bg-slate-229 {
  background: var(--color-slate-229) !important;
}

.bg-slate-230 {
  background: var(--color-slate-230) !important;
}

.bg-slate-231 {
  background: var(--color-slate-231) !important;
}

.bg-slate-232 {
  background: var(--color-slate-232) !important;
}

.bg-slate-233 {
  background: var(--color-slate-233) !important;
}

.bg-slate-234 {
  background: var(--color-slate-234) !important;
}

.bg-slate-235 {
  background: var(--color-slate-235) !important;
}

.bg-slate-236 {
  background: var(--color-slate-236) !important;
}

.bg-slate-237 {
  background: var(--color-slate-237) !important;
}

.bg-slate-238 {
  background: var(--color-slate-238) !important;
}

.bg-slate-239 {
  background: var(--color-slate-239) !important;
}

.bg-slate-240 {
  background: var(--color-slate-240) !important;
}

.bg-slate-241 {
  background: var(--color-slate-241) !important;
}

.bg-slate-242 {
  background: var(--color-slate-242) !important;
}

.bg-slate-243 {
  background: var(--color-slate-243) !important;
}

.bg-slate-244 {
  background: var(--color-slate-244) !important;
}

.bg-slate-245 {
  background: var(--color-slate-245) !important;
}

.bg-slate-246 {
  background: var(--color-slate-246) !important;
}

.bg-slate-247 {
  background: var(--color-slate-247) !important;
}

.bg-slate-248 {
  background: var(--color-slate-248) !important;
}

.bg-slate-249 {
  background: var(--color-slate-249) !important;
}

.bg-slate-250 {
  background: var(--color-slate-250) !important;
}

.bg-slate-251 {
  background: var(--color-slate-251) !important;
}

.bg-slate-252 {
  background: var(--color-slate-252) !important;
}

.bg-slate-253 {
  background: var(--color-slate-253) !important;
}

.bg-slate-254 {
  background: var(--color-slate-254) !important;
}

.bg-slate-255 {
  background: var(--color-slate-255) !important;
}

.bg-slate-256 {
  background: var(--color-slate-256) !important;
}

.bg-slate-257 {
  background: var(--color-slate-257) !important;
}

.bg-slate-258 {
  background: var(--color-slate-258) !important;
}

.bg-slate-259 {
  background: var(--color-slate-259) !important;
}

.bg-slate-260 {
  background: var(--color-slate-260) !important;
}

.bg-slate-261 {
  background: var(--color-slate-261) !important;
}

.bg-slate-262 {
  background: var(--color-slate-262) !important;
}

.bg-slate-263 {
  background: var(--color-slate-263) !important;
}

.bg-slate-264 {
  background: var(--color-slate-264) !important;
}

.bg-slate-265 {
  background: var(--color-slate-265) !important;
}

.bg-slate-266 {
  background: var(--color-slate-266) !important;
}

.bg-slate-267 {
  background: var(--color-slate-267) !important;
}

.bg-slate-268 {
  background: var(--color-slate-268) !important;
}

.bg-slate-269 {
  background: var(--color-slate-269) !important;
}

.bg-slate-270 {
  background: var(--color-slate-270) !important;
}

.bg-slate-271 {
  background: var(--color-slate-271) !important;
}

.bg-slate-272 {
  background: var(--color-slate-272) !important;
}

.bg-slate-273 {
  background: var(--color-slate-273) !important;
}

.bg-slate-274 {
  background: var(--color-slate-274) !important;
}

.bg-slate-275 {
  background: var(--color-slate-275) !important;
}

.bg-slate-276 {
  background: var(--color-slate-276) !important;
}

.bg-slate-277 {
  background: var(--color-slate-277) !important;
}

.bg-slate-278 {
  background: var(--color-slate-278) !important;
}

.bg-slate-279 {
  background: var(--color-slate-279) !important;
}

.bg-slate-280 {
  background: var(--color-slate-280) !important;
}

.bg-slate-281 {
  background: var(--color-slate-281) !important;
}

.bg-slate-282 {
  background: var(--color-slate-282) !important;
}

.bg-slate-283 {
  background: var(--color-slate-283) !important;
}

.bg-slate-284 {
  background: var(--color-slate-284) !important;
}

.bg-slate-285 {
  background: var(--color-slate-285) !important;
}

.bg-slate-286 {
  background: var(--color-slate-286) !important;
}

.bg-slate-287 {
  background: var(--color-slate-287) !important;
}

.bg-slate-288 {
  background: var(--color-slate-288) !important;
}

.bg-slate-289 {
  background: var(--color-slate-289) !important;
}

.bg-slate-290 {
  background: var(--color-slate-290) !important;
}

.bg-slate-291 {
  background: var(--color-slate-291) !important;
}

.bg-slate-292 {
  background: var(--color-slate-292) !important;
}

.bg-slate-293 {
  background: var(--color-slate-293) !important;
}

.bg-slate-294 {
  background: var(--color-slate-294) !important;
}

.bg-slate-295 {
  background: var(--color-slate-295) !important;
}

.bg-slate-296 {
  background: var(--color-slate-296) !important;
}

.bg-slate-297 {
  background: var(--color-slate-297) !important;
}

.bg-slate-298 {
  background: var(--color-slate-298) !important;
}

.bg-slate-299 {
  background: var(--color-slate-299) !important;
}

.bg-slate-300 {
  background: var(--color-slate-300) !important;
}

.bg-slate-301 {
  background: var(--color-slate-301) !important;
}

.bg-slate-302 {
  background: var(--color-slate-302) !important;
}

.bg-slate-303 {
  background: var(--color-slate-303) !important;
}

.bg-slate-304 {
  background: var(--color-slate-304) !important;
}

.bg-slate-305 {
  background: var(--color-slate-305) !important;
}

.bg-slate-306 {
  background: var(--color-slate-306) !important;
}

.bg-slate-307 {
  background: var(--color-slate-307) !important;
}

.bg-slate-308 {
  background: var(--color-slate-308) !important;
}

.bg-slate-309 {
  background: var(--color-slate-309) !important;
}

.bg-slate-310 {
  background: var(--color-slate-310) !important;
}

.bg-slate-311 {
  background: var(--color-slate-311) !important;
}

.bg-slate-312 {
  background: var(--color-slate-312) !important;
}

.bg-slate-313 {
  background: var(--color-slate-313) !important;
}

.bg-slate-314 {
  background: var(--color-slate-314) !important;
}

.bg-slate-315 {
  background: var(--color-slate-315) !important;
}

.bg-slate-316 {
  background: var(--color-slate-316) !important;
}

.bg-slate-317 {
  background: var(--color-slate-317) !important;
}

.bg-slate-318 {
  background: var(--color-slate-318) !important;
}

.bg-slate-319 {
  background: var(--color-slate-319) !important;
}

.bg-slate-320 {
  background: var(--color-slate-320) !important;
}

.bg-slate-321 {
  background: var(--color-slate-321) !important;
}

.bg-slate-322 {
  background: var(--color-slate-322) !important;
}

.bg-slate-323 {
  background: var(--color-slate-323) !important;
}

.bg-slate-324 {
  background: var(--color-slate-324) !important;
}

.bg-slate-325 {
  background: var(--color-slate-325) !important;
}

.bg-slate-326 {
  background: var(--color-slate-326) !important;
}

.bg-slate-327 {
  background: var(--color-slate-327) !important;
}

.bg-slate-328 {
  background: var(--color-slate-328) !important;
}

.bg-slate-329 {
  background: var(--color-slate-329) !important;
}

.bg-slate-330 {
  background: var(--color-slate-330) !important;
}

.bg-slate-331 {
  background: var(--color-slate-331) !important;
}

.bg-slate-332 {
  background: var(--color-slate-332) !important;
}

.bg-slate-333 {
  background: var(--color-slate-333) !important;
}

.bg-slate-334 {
  background: var(--color-slate-334) !important;
}

.bg-slate-335 {
  background: var(--color-slate-335) !important;
}

.bg-slate-336 {
  background: var(--color-slate-336) !important;
}

.bg-slate-337 {
  background: var(--color-slate-337) !important;
}

.bg-slate-338 {
  background: var(--color-slate-338) !important;
}

.bg-slate-339 {
  background: var(--color-slate-339) !important;
}

.bg-slate-340 {
  background: var(--color-slate-340) !important;
}

.bg-slate-341 {
  background: var(--color-slate-341) !important;
}

.bg-slate-342 {
  background: var(--color-slate-342) !important;
}

.bg-slate-343 {
  background: var(--color-slate-343) !important;
}

.bg-slate-344 {
  background: var(--color-slate-344) !important;
}

.bg-slate-345 {
  background: var(--color-slate-345) !important;
}

.bg-slate-346 {
  background: var(--color-slate-346) !important;
}

.bg-slate-347 {
  background: var(--color-slate-347) !important;
}

.bg-slate-348 {
  background: var(--color-slate-348) !important;
}

.bg-slate-349 {
  background: var(--color-slate-349) !important;
}

.bg-slate-350 {
  background: var(--color-slate-350) !important;
}

.bg-slate-351 {
  background: var(--color-slate-351) !important;
}

.bg-slate-352 {
  background: var(--color-slate-352) !important;
}

.bg-slate-353 {
  background: var(--color-slate-353) !important;
}

.bg-slate-354 {
  background: var(--color-slate-354) !important;
}

.bg-slate-355 {
  background: var(--color-slate-355) !important;
}

.bg-slate-356 {
  background: var(--color-slate-356) !important;
}

.bg-slate-357 {
  background: var(--color-slate-357) !important;
}

.bg-slate-358 {
  background: var(--color-slate-358) !important;
}

.bg-slate-359 {
  background: var(--color-slate-359) !important;
}

.bg-slate-360 {
  background: var(--color-slate-360) !important;
}

.bg-slate-361 {
  background: var(--color-slate-361) !important;
}

.bg-slate-362 {
  background: var(--color-slate-362) !important;
}

.bg-slate-363 {
  background: var(--color-slate-363) !important;
}

.bg-slate-364 {
  background: var(--color-slate-364) !important;
}

.bg-slate-365 {
  background: var(--color-slate-365) !important;
}

.bg-slate-366 {
  background: var(--color-slate-366) !important;
}

.bg-slate-367 {
  background: var(--color-slate-367) !important;
}

.bg-slate-368 {
  background: var(--color-slate-368) !important;
}

.bg-slate-369 {
  background: var(--color-slate-369) !important;
}

.bg-slate-370 {
  background: var(--color-slate-370) !important;
}

.bg-slate-371 {
  background: var(--color-slate-371) !important;
}

.bg-slate-372 {
  background: var(--color-slate-372) !important;
}

.bg-slate-373 {
  background: var(--color-slate-373) !important;
}

.bg-slate-374 {
  background: var(--color-slate-374) !important;
}

.bg-slate-375 {
  background: var(--color-slate-375) !important;
}

.bg-slate-376 {
  background: var(--color-slate-376) !important;
}

.bg-slate-377 {
  background: var(--color-slate-377) !important;
}

.bg-slate-378 {
  background: var(--color-slate-378) !important;
}

.bg-slate-379 {
  background: var(--color-slate-379) !important;
}

.bg-slate-380 {
  background: var(--color-slate-380) !important;
}

.bg-slate-381 {
  background: var(--color-slate-381) !important;
}

.bg-slate-382 {
  background: var(--color-slate-382) !important;
}

.bg-slate-383 {
  background: var(--color-slate-383) !important;
}

.bg-slate-384 {
  background: var(--color-slate-384) !important;
}

.bg-slate-385 {
  background: var(--color-slate-385) !important;
}

.bg-slate-386 {
  background: var(--color-slate-386) !important;
}

.bg-slate-387 {
  background: var(--color-slate-387) !important;
}

.bg-slate-388 {
  background: var(--color-slate-388) !important;
}

.bg-slate-389 {
  background: var(--color-slate-389) !important;
}

.bg-slate-390 {
  background: var(--color-slate-390) !important;
}

.bg-slate-391 {
  background: var(--color-slate-391) !important;
}

.bg-slate-392 {
  background: var(--color-slate-392) !important;
}

.bg-slate-393 {
  background: var(--color-slate-393) !important;
}

.bg-slate-394 {
  background: var(--color-slate-394) !important;
}

.bg-slate-395 {
  background: var(--color-slate-395) !important;
}

.bg-slate-396 {
  background: var(--color-slate-396) !important;
}

.bg-slate-397 {
  background: var(--color-slate-397) !important;
}

.bg-slate-398 {
  background: var(--color-slate-398) !important;
}

.bg-slate-399 {
  background: var(--color-slate-399) !important;
}

.bg-slate-400 {
  background: var(--color-slate-400) !important;
}

.bg-slate-401 {
  background: var(--color-slate-401) !important;
}

.bg-slate-402 {
  background: var(--color-slate-402) !important;
}

.bg-slate-403 {
  background: var(--color-slate-403) !important;
}

.bg-slate-404 {
  background: var(--color-slate-404) !important;
}

.bg-slate-405 {
  background: var(--color-slate-405) !important;
}

.bg-slate-406 {
  background: var(--color-slate-406) !important;
}

.bg-slate-407 {
  background: var(--color-slate-407) !important;
}

.bg-slate-408 {
  background: var(--color-slate-408) !important;
}

.bg-slate-409 {
  background: var(--color-slate-409) !important;
}

.bg-slate-410 {
  background: var(--color-slate-410) !important;
}

.bg-slate-411 {
  background: var(--color-slate-411) !important;
}

.bg-slate-412 {
  background: var(--color-slate-412) !important;
}

.bg-slate-413 {
  background: var(--color-slate-413) !important;
}

.bg-slate-414 {
  background: var(--color-slate-414) !important;
}

.bg-slate-415 {
  background: var(--color-slate-415) !important;
}

.bg-slate-416 {
  background: var(--color-slate-416) !important;
}

.bg-slate-417 {
  background: var(--color-slate-417) !important;
}

.bg-slate-418 {
  background: var(--color-slate-418) !important;
}

.bg-slate-419 {
  background: var(--color-slate-419) !important;
}

.bg-slate-420 {
  background: var(--color-slate-420) !important;
}

.bg-slate-421 {
  background: var(--color-slate-421) !important;
}

.bg-slate-422 {
  background: var(--color-slate-422) !important;
}

.bg-slate-423 {
  background: var(--color-slate-423) !important;
}

.bg-slate-424 {
  background: var(--color-slate-424) !important;
}

.bg-slate-425 {
  background: var(--color-slate-425) !important;
}

.bg-slate-426 {
  background: var(--color-slate-426) !important;
}

.bg-slate-427 {
  background: var(--color-slate-427) !important;
}

.bg-slate-428 {
  background: var(--color-slate-428) !important;
}

.bg-slate-429 {
  background: var(--color-slate-429) !important;
}

.bg-slate-430 {
  background: var(--color-slate-430) !important;
}

.bg-slate-431 {
  background: var(--color-slate-431) !important;
}

.bg-slate-432 {
  background: var(--color-slate-432) !important;
}

.bg-slate-433 {
  background: var(--color-slate-433) !important;
}

.bg-slate-434 {
  background: var(--color-slate-434) !important;
}

.bg-slate-435 {
  background: var(--color-slate-435) !important;
}

.bg-slate-436 {
  background: var(--color-slate-436) !important;
}

.bg-slate-437 {
  background: var(--color-slate-437) !important;
}

.bg-slate-438 {
  background: var(--color-slate-438) !important;
}

.bg-slate-439 {
  background: var(--color-slate-439) !important;
}

.bg-slate-440 {
  background: var(--color-slate-440) !important;
}

.bg-slate-441 {
  background: var(--color-slate-441) !important;
}

.bg-slate-442 {
  background: var(--color-slate-442) !important;
}

.bg-slate-443 {
  background: var(--color-slate-443) !important;
}

.bg-slate-444 {
  background: var(--color-slate-444) !important;
}

.bg-slate-445 {
  background: var(--color-slate-445) !important;
}

.bg-slate-446 {
  background: var(--color-slate-446) !important;
}

.bg-slate-447 {
  background: var(--color-slate-447) !important;
}

.bg-slate-448 {
  background: var(--color-slate-448) !important;
}

.bg-slate-449 {
  background: var(--color-slate-449) !important;
}

.bg-slate-450 {
  background: var(--color-slate-450) !important;
}

.bg-slate-451 {
  background: var(--color-slate-451) !important;
}

.bg-slate-452 {
  background: var(--color-slate-452) !important;
}

.bg-slate-453 {
  background: var(--color-slate-453) !important;
}

.bg-slate-454 {
  background: var(--color-slate-454) !important;
}

.bg-slate-455 {
  background: var(--color-slate-455) !important;
}

.bg-slate-456 {
  background: var(--color-slate-456) !important;
}

.bg-slate-457 {
  background: var(--color-slate-457) !important;
}

.bg-slate-458 {
  background: var(--color-slate-458) !important;
}

.bg-slate-459 {
  background: var(--color-slate-459) !important;
}

.bg-slate-460 {
  background: var(--color-slate-460) !important;
}

.bg-slate-461 {
  background: var(--color-slate-461) !important;
}

.bg-slate-462 {
  background: var(--color-slate-462) !important;
}

.bg-slate-463 {
  background: var(--color-slate-463) !important;
}

.bg-slate-464 {
  background: var(--color-slate-464) !important;
}

.bg-slate-465 {
  background: var(--color-slate-465) !important;
}

.bg-slate-466 {
  background: var(--color-slate-466) !important;
}

.bg-slate-467 {
  background: var(--color-slate-467) !important;
}

.bg-slate-468 {
  background: var(--color-slate-468) !important;
}

.bg-slate-469 {
  background: var(--color-slate-469) !important;
}

.bg-slate-470 {
  background: var(--color-slate-470) !important;
}

.bg-slate-471 {
  background: var(--color-slate-471) !important;
}

.bg-slate-472 {
  background: var(--color-slate-472) !important;
}

.bg-slate-473 {
  background: var(--color-slate-473) !important;
}

.bg-slate-474 {
  background: var(--color-slate-474) !important;
}

.bg-slate-475 {
  background: var(--color-slate-475) !important;
}

.bg-slate-476 {
  background: var(--color-slate-476) !important;
}

.bg-slate-477 {
  background: var(--color-slate-477) !important;
}

.bg-slate-478 {
  background: var(--color-slate-478) !important;
}

.bg-slate-479 {
  background: var(--color-slate-479) !important;
}

.bg-slate-480 {
  background: var(--color-slate-480) !important;
}

.bg-slate-481 {
  background: var(--color-slate-481) !important;
}

.bg-slate-482 {
  background: var(--color-slate-482) !important;
}

.bg-slate-483 {
  background: var(--color-slate-483) !important;
}

.bg-slate-484 {
  background: var(--color-slate-484) !important;
}

.bg-slate-485 {
  background: var(--color-slate-485) !important;
}

.bg-slate-486 {
  background: var(--color-slate-486) !important;
}

.bg-slate-487 {
  background: var(--color-slate-487) !important;
}

.bg-slate-488 {
  background: var(--color-slate-488) !important;
}

.bg-slate-489 {
  background: var(--color-slate-489) !important;
}

.bg-slate-490 {
  background: var(--color-slate-490) !important;
}

.bg-slate-491 {
  background: var(--color-slate-491) !important;
}

.bg-slate-492 {
  background: var(--color-slate-492) !important;
}

.bg-slate-493 {
  background: var(--color-slate-493) !important;
}

.bg-slate-494 {
  background: var(--color-slate-494) !important;
}

.bg-slate-495 {
  background: var(--color-slate-495) !important;
}

.bg-slate-496 {
  background: var(--color-slate-496) !important;
}

.bg-slate-497 {
  background: var(--color-slate-497) !important;
}

.bg-slate-498 {
  background: var(--color-slate-498) !important;
}

.bg-slate-499 {
  background: var(--color-slate-499) !important;
}

.bg-slate-500 {
  background: var(--color-slate-500) !important;
}

.bg-slate-501 {
  background: var(--color-slate-501) !important;
}

.bg-slate-502 {
  background: var(--color-slate-502) !important;
}

.bg-slate-503 {
  background: var(--color-slate-503) !important;
}

.bg-slate-504 {
  background: var(--color-slate-504) !important;
}

.bg-slate-505 {
  background: var(--color-slate-505) !important;
}

.bg-slate-506 {
  background: var(--color-slate-506) !important;
}

.bg-slate-507 {
  background: var(--color-slate-507) !important;
}

.bg-slate-508 {
  background: var(--color-slate-508) !important;
}

.bg-slate-509 {
  background: var(--color-slate-509) !important;
}

.bg-slate-510 {
  background: var(--color-slate-510) !important;
}

.bg-slate-511 {
  background: var(--color-slate-511) !important;
}

.bg-slate-512 {
  background: var(--color-slate-512) !important;
}

.bg-slate-513 {
  background: var(--color-slate-513) !important;
}

.bg-slate-514 {
  background: var(--color-slate-514) !important;
}

.bg-slate-515 {
  background: var(--color-slate-515) !important;
}

.bg-slate-516 {
  background: var(--color-slate-516) !important;
}

.bg-slate-517 {
  background: var(--color-slate-517) !important;
}

.bg-slate-518 {
  background: var(--color-slate-518) !important;
}

.bg-slate-519 {
  background: var(--color-slate-519) !important;
}

.bg-slate-520 {
  background: var(--color-slate-520) !important;
}

.bg-slate-521 {
  background: var(--color-slate-521) !important;
}

.bg-slate-522 {
  background: var(--color-slate-522) !important;
}

.bg-slate-523 {
  background: var(--color-slate-523) !important;
}

.bg-slate-524 {
  background: var(--color-slate-524) !important;
}

.bg-slate-525 {
  background: var(--color-slate-525) !important;
}

.bg-slate-526 {
  background: var(--color-slate-526) !important;
}

.bg-slate-527 {
  background: var(--color-slate-527) !important;
}

.bg-slate-528 {
  background: var(--color-slate-528) !important;
}

.bg-slate-529 {
  background: var(--color-slate-529) !important;
}

.bg-slate-530 {
  background: var(--color-slate-530) !important;
}

.bg-slate-531 {
  background: var(--color-slate-531) !important;
}

.bg-slate-532 {
  background: var(--color-slate-532) !important;
}

.bg-slate-533 {
  background: var(--color-slate-533) !important;
}

.bg-slate-534 {
  background: var(--color-slate-534) !important;
}

.bg-slate-535 {
  background: var(--color-slate-535) !important;
}

.bg-slate-536 {
  background: var(--color-slate-536) !important;
}

.bg-slate-537 {
  background: var(--color-slate-537) !important;
}

.bg-slate-538 {
  background: var(--color-slate-538) !important;
}

.bg-slate-539 {
  background: var(--color-slate-539) !important;
}

.bg-slate-540 {
  background: var(--color-slate-540) !important;
}

.bg-slate-541 {
  background: var(--color-slate-541) !important;
}

.bg-slate-542 {
  background: var(--color-slate-542) !important;
}

.bg-slate-543 {
  background: var(--color-slate-543) !important;
}

.bg-slate-544 {
  background: var(--color-slate-544) !important;
}

.bg-slate-545 {
  background: var(--color-slate-545) !important;
}

.bg-slate-546 {
  background: var(--color-slate-546) !important;
}

.bg-slate-547 {
  background: var(--color-slate-547) !important;
}

.bg-slate-548 {
  background: var(--color-slate-548) !important;
}

.bg-slate-549 {
  background: var(--color-slate-549) !important;
}

.bg-slate-550 {
  background: var(--color-slate-550) !important;
}

.bg-slate-551 {
  background: var(--color-slate-551) !important;
}

.bg-slate-552 {
  background: var(--color-slate-552) !important;
}

.bg-slate-553 {
  background: var(--color-slate-553) !important;
}

.bg-slate-554 {
  background: var(--color-slate-554) !important;
}

.bg-slate-555 {
  background: var(--color-slate-555) !important;
}

.bg-slate-556 {
  background: var(--color-slate-556) !important;
}

.bg-slate-557 {
  background: var(--color-slate-557) !important;
}

.bg-slate-558 {
  background: var(--color-slate-558) !important;
}

.bg-slate-559 {
  background: var(--color-slate-559) !important;
}

.bg-slate-560 {
  background: var(--color-slate-560) !important;
}

.bg-slate-561 {
  background: var(--color-slate-561) !important;
}

.bg-slate-562 {
  background: var(--color-slate-562) !important;
}

.bg-slate-563 {
  background: var(--color-slate-563) !important;
}

.bg-slate-564 {
  background: var(--color-slate-564) !important;
}

.bg-slate-565 {
  background: var(--color-slate-565) !important;
}

.bg-slate-566 {
  background: var(--color-slate-566) !important;
}

.bg-slate-567 {
  background: var(--color-slate-567) !important;
}

.bg-slate-568 {
  background: var(--color-slate-568) !important;
}

.bg-slate-569 {
  background: var(--color-slate-569) !important;
}

.bg-slate-570 {
  background: var(--color-slate-570) !important;
}

.bg-slate-571 {
  background: var(--color-slate-571) !important;
}

.bg-slate-572 {
  background: var(--color-slate-572) !important;
}

.bg-slate-573 {
  background: var(--color-slate-573) !important;
}

.bg-slate-574 {
  background: var(--color-slate-574) !important;
}

.bg-slate-575 {
  background: var(--color-slate-575) !important;
}

.bg-slate-576 {
  background: var(--color-slate-576) !important;
}

.bg-slate-577 {
  background: var(--color-slate-577) !important;
}

.bg-slate-578 {
  background: var(--color-slate-578) !important;
}

.bg-slate-579 {
  background: var(--color-slate-579) !important;
}

.bg-slate-580 {
  background: var(--color-slate-580) !important;
}

.bg-slate-581 {
  background: var(--color-slate-581) !important;
}

.bg-slate-582 {
  background: var(--color-slate-582) !important;
}

.bg-slate-583 {
  background: var(--color-slate-583) !important;
}

.bg-slate-584 {
  background: var(--color-slate-584) !important;
}

.bg-slate-585 {
  background: var(--color-slate-585) !important;
}

.bg-slate-586 {
  background: var(--color-slate-586) !important;
}

.bg-slate-587 {
  background: var(--color-slate-587) !important;
}

.bg-slate-588 {
  background: var(--color-slate-588) !important;
}

.bg-slate-589 {
  background: var(--color-slate-589) !important;
}

.bg-slate-590 {
  background: var(--color-slate-590) !important;
}

.bg-slate-591 {
  background: var(--color-slate-591) !important;
}

.bg-slate-592 {
  background: var(--color-slate-592) !important;
}

.bg-slate-593 {
  background: var(--color-slate-593) !important;
}

.bg-slate-594 {
  background: var(--color-slate-594) !important;
}

.bg-slate-595 {
  background: var(--color-slate-595) !important;
}

.bg-slate-596 {
  background: var(--color-slate-596) !important;
}

.bg-slate-597 {
  background: var(--color-slate-597) !important;
}

.bg-slate-598 {
  background: var(--color-slate-598) !important;
}

.bg-slate-599 {
  background: var(--color-slate-599) !important;
}

.bg-slate-600 {
  background: var(--color-slate-600) !important;
}

.bg-slate-601 {
  background: var(--color-slate-601) !important;
}

.bg-slate-602 {
  background: var(--color-slate-602) !important;
}

.bg-slate-603 {
  background: var(--color-slate-603) !important;
}

.bg-slate-604 {
  background: var(--color-slate-604) !important;
}

.bg-slate-605 {
  background: var(--color-slate-605) !important;
}

.bg-slate-606 {
  background: var(--color-slate-606) !important;
}

.bg-slate-607 {
  background: var(--color-slate-607) !important;
}

.bg-slate-608 {
  background: var(--color-slate-608) !important;
}

.bg-slate-609 {
  background: var(--color-slate-609) !important;
}

.bg-slate-610 {
  background: var(--color-slate-610) !important;
}

.bg-slate-611 {
  background: var(--color-slate-611) !important;
}

.bg-slate-612 {
  background: var(--color-slate-612) !important;
}

.bg-slate-613 {
  background: var(--color-slate-613) !important;
}

.bg-slate-614 {
  background: var(--color-slate-614) !important;
}

.bg-slate-615 {
  background: var(--color-slate-615) !important;
}

.bg-slate-616 {
  background: var(--color-slate-616) !important;
}

.bg-slate-617 {
  background: var(--color-slate-617) !important;
}

.bg-slate-618 {
  background: var(--color-slate-618) !important;
}

.bg-slate-619 {
  background: var(--color-slate-619) !important;
}

.bg-slate-620 {
  background: var(--color-slate-620) !important;
}

.bg-slate-621 {
  background: var(--color-slate-621) !important;
}

.bg-slate-622 {
  background: var(--color-slate-622) !important;
}

.bg-slate-623 {
  background: var(--color-slate-623) !important;
}

.bg-slate-624 {
  background: var(--color-slate-624) !important;
}

.bg-slate-625 {
  background: var(--color-slate-625) !important;
}

.bg-slate-626 {
  background: var(--color-slate-626) !important;
}

.bg-slate-627 {
  background: var(--color-slate-627) !important;
}

.bg-slate-628 {
  background: var(--color-slate-628) !important;
}

.bg-slate-629 {
  background: var(--color-slate-629) !important;
}

.bg-slate-630 {
  background: var(--color-slate-630) !important;
}

.bg-slate-631 {
  background: var(--color-slate-631) !important;
}

.bg-slate-632 {
  background: var(--color-slate-632) !important;
}

.bg-slate-633 {
  background: var(--color-slate-633) !important;
}

.bg-slate-634 {
  background: var(--color-slate-634) !important;
}

.bg-slate-635 {
  background: var(--color-slate-635) !important;
}

.bg-slate-636 {
  background: var(--color-slate-636) !important;
}

.bg-slate-637 {
  background: var(--color-slate-637) !important;
}

.bg-slate-638 {
  background: var(--color-slate-638) !important;
}

.bg-slate-639 {
  background: var(--color-slate-639) !important;
}

.bg-slate-640 {
  background: var(--color-slate-640) !important;
}

.bg-slate-641 {
  background: var(--color-slate-641) !important;
}

.bg-slate-642 {
  background: var(--color-slate-642) !important;
}

.bg-slate-643 {
  background: var(--color-slate-643) !important;
}

.bg-slate-644 {
  background: var(--color-slate-644) !important;
}

.bg-slate-645 {
  background: var(--color-slate-645) !important;
}

.bg-slate-646 {
  background: var(--color-slate-646) !important;
}

.bg-slate-647 {
  background: var(--color-slate-647) !important;
}

.bg-slate-648 {
  background: var(--color-slate-648) !important;
}

.bg-slate-649 {
  background: var(--color-slate-649) !important;
}

.bg-slate-650 {
  background: var(--color-slate-650) !important;
}

.bg-slate-651 {
  background: var(--color-slate-651) !important;
}

.bg-slate-652 {
  background: var(--color-slate-652) !important;
}

.bg-slate-653 {
  background: var(--color-slate-653) !important;
}

.bg-slate-654 {
  background: var(--color-slate-654) !important;
}

.bg-slate-655 {
  background: var(--color-slate-655) !important;
}

.bg-slate-656 {
  background: var(--color-slate-656) !important;
}

.bg-slate-657 {
  background: var(--color-slate-657) !important;
}

.bg-slate-658 {
  background: var(--color-slate-658) !important;
}

.bg-slate-659 {
  background: var(--color-slate-659) !important;
}

.bg-slate-660 {
  background: var(--color-slate-660) !important;
}

.bg-slate-661 {
  background: var(--color-slate-661) !important;
}

.bg-slate-662 {
  background: var(--color-slate-662) !important;
}

.bg-slate-663 {
  background: var(--color-slate-663) !important;
}

.bg-slate-664 {
  background: var(--color-slate-664) !important;
}

.bg-slate-665 {
  background: var(--color-slate-665) !important;
}

.bg-slate-666 {
  background: var(--color-slate-666) !important;
}

.bg-slate-667 {
  background: var(--color-slate-667) !important;
}

.bg-slate-668 {
  background: var(--color-slate-668) !important;
}

.bg-slate-669 {
  background: var(--color-slate-669) !important;
}

.bg-slate-670 {
  background: var(--color-slate-670) !important;
}

.bg-slate-671 {
  background: var(--color-slate-671) !important;
}

.bg-slate-672 {
  background: var(--color-slate-672) !important;
}

.bg-slate-673 {
  background: var(--color-slate-673) !important;
}

.bg-slate-674 {
  background: var(--color-slate-674) !important;
}

.bg-slate-675 {
  background: var(--color-slate-675) !important;
}

.bg-slate-676 {
  background: var(--color-slate-676) !important;
}

.bg-slate-677 {
  background: var(--color-slate-677) !important;
}

.bg-slate-678 {
  background: var(--color-slate-678) !important;
}

.bg-slate-679 {
  background: var(--color-slate-679) !important;
}

.bg-slate-680 {
  background: var(--color-slate-680) !important;
}

.bg-slate-681 {
  background: var(--color-slate-681) !important;
}

.bg-slate-682 {
  background: var(--color-slate-682) !important;
}

.bg-slate-683 {
  background: var(--color-slate-683) !important;
}

.bg-slate-684 {
  background: var(--color-slate-684) !important;
}

.bg-slate-685 {
  background: var(--color-slate-685) !important;
}

.bg-slate-686 {
  background: var(--color-slate-686) !important;
}

.bg-slate-687 {
  background: var(--color-slate-687) !important;
}

.bg-slate-688 {
  background: var(--color-slate-688) !important;
}

.bg-slate-689 {
  background: var(--color-slate-689) !important;
}

.bg-slate-690 {
  background: var(--color-slate-690) !important;
}

.bg-slate-691 {
  background: var(--color-slate-691) !important;
}

.bg-slate-692 {
  background: var(--color-slate-692) !important;
}

.bg-slate-693 {
  background: var(--color-slate-693) !important;
}

.bg-slate-694 {
  background: var(--color-slate-694) !important;
}

.bg-slate-695 {
  background: var(--color-slate-695) !important;
}

.bg-slate-696 {
  background: var(--color-slate-696) !important;
}

.bg-slate-697 {
  background: var(--color-slate-697) !important;
}

.bg-slate-698 {
  background: var(--color-slate-698) !important;
}

.bg-slate-699 {
  background: var(--color-slate-699) !important;
}

.bg-slate-700 {
  background: var(--color-slate-700) !important;
}

.bg-slate-701 {
  background: var(--color-slate-701) !important;
}

.bg-slate-702 {
  background: var(--color-slate-702) !important;
}

.bg-slate-703 {
  background: var(--color-slate-703) !important;
}

.bg-slate-704 {
  background: var(--color-slate-704) !important;
}

.bg-slate-705 {
  background: var(--color-slate-705) !important;
}

.bg-slate-706 {
  background: var(--color-slate-706) !important;
}

.bg-slate-707 {
  background: var(--color-slate-707) !important;
}

.bg-slate-708 {
  background: var(--color-slate-708) !important;
}

.bg-slate-709 {
  background: var(--color-slate-709) !important;
}

.bg-slate-710 {
  background: var(--color-slate-710) !important;
}

.bg-slate-711 {
  background: var(--color-slate-711) !important;
}

.bg-slate-712 {
  background: var(--color-slate-712) !important;
}

.bg-slate-713 {
  background: var(--color-slate-713) !important;
}

.bg-slate-714 {
  background: var(--color-slate-714) !important;
}

.bg-slate-715 {
  background: var(--color-slate-715) !important;
}

.bg-slate-716 {
  background: var(--color-slate-716) !important;
}

.bg-slate-717 {
  background: var(--color-slate-717) !important;
}

.bg-slate-718 {
  background: var(--color-slate-718) !important;
}

.bg-slate-719 {
  background: var(--color-slate-719) !important;
}

.bg-slate-720 {
  background: var(--color-slate-720) !important;
}

.bg-slate-721 {
  background: var(--color-slate-721) !important;
}

.bg-slate-722 {
  background: var(--color-slate-722) !important;
}

.bg-slate-723 {
  background: var(--color-slate-723) !important;
}

.bg-slate-724 {
  background: var(--color-slate-724) !important;
}

.bg-slate-725 {
  background: var(--color-slate-725) !important;
}

.bg-slate-726 {
  background: var(--color-slate-726) !important;
}

.bg-slate-727 {
  background: var(--color-slate-727) !important;
}

.bg-slate-728 {
  background: var(--color-slate-728) !important;
}

.bg-slate-729 {
  background: var(--color-slate-729) !important;
}

.bg-slate-730 {
  background: var(--color-slate-730) !important;
}

.bg-slate-731 {
  background: var(--color-slate-731) !important;
}

.bg-slate-732 {
  background: var(--color-slate-732) !important;
}

.bg-slate-733 {
  background: var(--color-slate-733) !important;
}

.bg-slate-734 {
  background: var(--color-slate-734) !important;
}

.bg-slate-735 {
  background: var(--color-slate-735) !important;
}

.bg-slate-736 {
  background: var(--color-slate-736) !important;
}

.bg-slate-737 {
  background: var(--color-slate-737) !important;
}

.bg-slate-738 {
  background: var(--color-slate-738) !important;
}

.bg-slate-739 {
  background: var(--color-slate-739) !important;
}

.bg-slate-740 {
  background: var(--color-slate-740) !important;
}

.bg-slate-741 {
  background: var(--color-slate-741) !important;
}

.bg-slate-742 {
  background: var(--color-slate-742) !important;
}

.bg-slate-743 {
  background: var(--color-slate-743) !important;
}

.bg-slate-744 {
  background: var(--color-slate-744) !important;
}

.bg-slate-745 {
  background: var(--color-slate-745) !important;
}

.bg-slate-746 {
  background: var(--color-slate-746) !important;
}

.bg-slate-747 {
  background: var(--color-slate-747) !important;
}

.bg-slate-748 {
  background: var(--color-slate-748) !important;
}

.bg-slate-749 {
  background: var(--color-slate-749) !important;
}

.bg-slate-750 {
  background: var(--color-slate-750) !important;
}

.bg-slate-751 {
  background: var(--color-slate-751) !important;
}

.bg-slate-752 {
  background: var(--color-slate-752) !important;
}

.bg-slate-753 {
  background: var(--color-slate-753) !important;
}

.bg-slate-754 {
  background: var(--color-slate-754) !important;
}

.bg-slate-755 {
  background: var(--color-slate-755) !important;
}

.bg-slate-756 {
  background: var(--color-slate-756) !important;
}

.bg-slate-757 {
  background: var(--color-slate-757) !important;
}

.bg-slate-758 {
  background: var(--color-slate-758) !important;
}

.bg-slate-759 {
  background: var(--color-slate-759) !important;
}

.bg-slate-760 {
  background: var(--color-slate-760) !important;
}

.bg-slate-761 {
  background: var(--color-slate-761) !important;
}

.bg-slate-762 {
  background: var(--color-slate-762) !important;
}

.bg-slate-763 {
  background: var(--color-slate-763) !important;
}

.bg-slate-764 {
  background: var(--color-slate-764) !important;
}

.bg-slate-765 {
  background: var(--color-slate-765) !important;
}

.bg-slate-766 {
  background: var(--color-slate-766) !important;
}

.bg-slate-767 {
  background: var(--color-slate-767) !important;
}

.bg-slate-768 {
  background: var(--color-slate-768) !important;
}

.bg-slate-769 {
  background: var(--color-slate-769) !important;
}

.bg-slate-770 {
  background: var(--color-slate-770) !important;
}

.bg-slate-771 {
  background: var(--color-slate-771) !important;
}

.bg-slate-772 {
  background: var(--color-slate-772) !important;
}

.bg-slate-773 {
  background: var(--color-slate-773) !important;
}

.bg-slate-774 {
  background: var(--color-slate-774) !important;
}

.bg-slate-775 {
  background: var(--color-slate-775) !important;
}

.bg-slate-776 {
  background: var(--color-slate-776) !important;
}

.bg-slate-777 {
  background: var(--color-slate-777) !important;
}

.bg-slate-778 {
  background: var(--color-slate-778) !important;
}

.bg-slate-779 {
  background: var(--color-slate-779) !important;
}

.bg-slate-780 {
  background: var(--color-slate-780) !important;
}

.bg-slate-781 {
  background: var(--color-slate-781) !important;
}

.bg-slate-782 {
  background: var(--color-slate-782) !important;
}

.bg-slate-783 {
  background: var(--color-slate-783) !important;
}

.bg-slate-784 {
  background: var(--color-slate-784) !important;
}

.bg-slate-785 {
  background: var(--color-slate-785) !important;
}

.bg-slate-786 {
  background: var(--color-slate-786) !important;
}

.bg-slate-787 {
  background: var(--color-slate-787) !important;
}

.bg-slate-788 {
  background: var(--color-slate-788) !important;
}

.bg-slate-789 {
  background: var(--color-slate-789) !important;
}

.bg-slate-790 {
  background: var(--color-slate-790) !important;
}

.bg-slate-791 {
  background: var(--color-slate-791) !important;
}

.bg-slate-792 {
  background: var(--color-slate-792) !important;
}

.bg-slate-793 {
  background: var(--color-slate-793) !important;
}

.bg-slate-794 {
  background: var(--color-slate-794) !important;
}

.bg-slate-795 {
  background: var(--color-slate-795) !important;
}

.bg-slate-796 {
  background: var(--color-slate-796) !important;
}

.bg-slate-797 {
  background: var(--color-slate-797) !important;
}

.bg-slate-798 {
  background: var(--color-slate-798) !important;
}

.bg-slate-799 {
  background: var(--color-slate-799) !important;
}

.bg-slate-800 {
  background: var(--color-slate-800) !important;
}

.bg-slate-801 {
  background: var(--color-slate-801) !important;
}

.bg-slate-802 {
  background: var(--color-slate-802) !important;
}

.bg-slate-803 {
  background: var(--color-slate-803) !important;
}

.bg-slate-804 {
  background: var(--color-slate-804) !important;
}

.bg-slate-805 {
  background: var(--color-slate-805) !important;
}

.bg-slate-806 {
  background: var(--color-slate-806) !important;
}

.bg-slate-807 {
  background: var(--color-slate-807) !important;
}

.bg-slate-808 {
  background: var(--color-slate-808) !important;
}

.bg-slate-809 {
  background: var(--color-slate-809) !important;
}

.bg-slate-810 {
  background: var(--color-slate-810) !important;
}

.bg-slate-811 {
  background: var(--color-slate-811) !important;
}

.bg-slate-812 {
  background: var(--color-slate-812) !important;
}

.bg-slate-813 {
  background: var(--color-slate-813) !important;
}

.bg-slate-814 {
  background: var(--color-slate-814) !important;
}

.bg-slate-815 {
  background: var(--color-slate-815) !important;
}

.bg-slate-816 {
  background: var(--color-slate-816) !important;
}

.bg-slate-817 {
  background: var(--color-slate-817) !important;
}

.bg-slate-818 {
  background: var(--color-slate-818) !important;
}

.bg-slate-819 {
  background: var(--color-slate-819) !important;
}

.bg-slate-820 {
  background: var(--color-slate-820) !important;
}

.bg-slate-821 {
  background: var(--color-slate-821) !important;
}

.bg-slate-822 {
  background: var(--color-slate-822) !important;
}

.bg-slate-823 {
  background: var(--color-slate-823) !important;
}

.bg-slate-824 {
  background: var(--color-slate-824) !important;
}

.bg-slate-825 {
  background: var(--color-slate-825) !important;
}

.bg-slate-826 {
  background: var(--color-slate-826) !important;
}

.bg-slate-827 {
  background: var(--color-slate-827) !important;
}

.bg-slate-828 {
  background: var(--color-slate-828) !important;
}

.bg-slate-829 {
  background: var(--color-slate-829) !important;
}

.bg-slate-830 {
  background: var(--color-slate-830) !important;
}

.bg-slate-831 {
  background: var(--color-slate-831) !important;
}

.bg-slate-832 {
  background: var(--color-slate-832) !important;
}

.bg-slate-833 {
  background: var(--color-slate-833) !important;
}

.bg-slate-834 {
  background: var(--color-slate-834) !important;
}

.bg-slate-835 {
  background: var(--color-slate-835) !important;
}

.bg-slate-836 {
  background: var(--color-slate-836) !important;
}

.bg-slate-837 {
  background: var(--color-slate-837) !important;
}

.bg-slate-838 {
  background: var(--color-slate-838) !important;
}

.bg-slate-839 {
  background: var(--color-slate-839) !important;
}

.bg-slate-840 {
  background: var(--color-slate-840) !important;
}

.bg-slate-841 {
  background: var(--color-slate-841) !important;
}

.bg-slate-842 {
  background: var(--color-slate-842) !important;
}

.bg-slate-843 {
  background: var(--color-slate-843) !important;
}

.bg-slate-844 {
  background: var(--color-slate-844) !important;
}

.bg-slate-845 {
  background: var(--color-slate-845) !important;
}

.bg-slate-846 {
  background: var(--color-slate-846) !important;
}

.bg-slate-847 {
  background: var(--color-slate-847) !important;
}

.bg-slate-848 {
  background: var(--color-slate-848) !important;
}

.bg-slate-849 {
  background: var(--color-slate-849) !important;
}

.bg-slate-850 {
  background: var(--color-slate-850) !important;
}

.bg-slate-851 {
  background: var(--color-slate-851) !important;
}

.bg-slate-852 {
  background: var(--color-slate-852) !important;
}

.bg-slate-853 {
  background: var(--color-slate-853) !important;
}

.bg-slate-854 {
  background: var(--color-slate-854) !important;
}

.bg-slate-855 {
  background: var(--color-slate-855) !important;
}

.bg-slate-856 {
  background: var(--color-slate-856) !important;
}

.bg-slate-857 {
  background: var(--color-slate-857) !important;
}

.bg-slate-858 {
  background: var(--color-slate-858) !important;
}

.bg-slate-859 {
  background: var(--color-slate-859) !important;
}

.bg-slate-860 {
  background: var(--color-slate-860) !important;
}

.bg-slate-861 {
  background: var(--color-slate-861) !important;
}

.bg-slate-862 {
  background: var(--color-slate-862) !important;
}

.bg-slate-863 {
  background: var(--color-slate-863) !important;
}

.bg-slate-864 {
  background: var(--color-slate-864) !important;
}

.bg-slate-865 {
  background: var(--color-slate-865) !important;
}

.bg-slate-866 {
  background: var(--color-slate-866) !important;
}

.bg-slate-867 {
  background: var(--color-slate-867) !important;
}

.bg-slate-868 {
  background: var(--color-slate-868) !important;
}

.bg-slate-869 {
  background: var(--color-slate-869) !important;
}

.bg-slate-870 {
  background: var(--color-slate-870) !important;
}

.bg-slate-871 {
  background: var(--color-slate-871) !important;
}

.bg-slate-872 {
  background: var(--color-slate-872) !important;
}

.bg-slate-873 {
  background: var(--color-slate-873) !important;
}

.bg-slate-874 {
  background: var(--color-slate-874) !important;
}

.bg-slate-875 {
  background: var(--color-slate-875) !important;
}

.bg-slate-876 {
  background: var(--color-slate-876) !important;
}

.bg-slate-877 {
  background: var(--color-slate-877) !important;
}

.bg-slate-878 {
  background: var(--color-slate-878) !important;
}

.bg-slate-879 {
  background: var(--color-slate-879) !important;
}

.bg-slate-880 {
  background: var(--color-slate-880) !important;
}

.bg-slate-881 {
  background: var(--color-slate-881) !important;
}

.bg-slate-882 {
  background: var(--color-slate-882) !important;
}

.bg-slate-883 {
  background: var(--color-slate-883) !important;
}

.bg-slate-884 {
  background: var(--color-slate-884) !important;
}

.bg-slate-885 {
  background: var(--color-slate-885) !important;
}

.bg-slate-886 {
  background: var(--color-slate-886) !important;
}

.bg-slate-887 {
  background: var(--color-slate-887) !important;
}

.bg-slate-888 {
  background: var(--color-slate-888) !important;
}

.bg-slate-889 {
  background: var(--color-slate-889) !important;
}

.bg-slate-890 {
  background: var(--color-slate-890) !important;
}

.bg-slate-891 {
  background: var(--color-slate-891) !important;
}

.bg-slate-892 {
  background: var(--color-slate-892) !important;
}

.bg-slate-893 {
  background: var(--color-slate-893) !important;
}

.bg-slate-894 {
  background: var(--color-slate-894) !important;
}

.bg-slate-895 {
  background: var(--color-slate-895) !important;
}

.bg-slate-896 {
  background: var(--color-slate-896) !important;
}

.bg-slate-897 {
  background: var(--color-slate-897) !important;
}

.bg-slate-898 {
  background: var(--color-slate-898) !important;
}

.bg-slate-899 {
  background: var(--color-slate-899) !important;
}

.bg-slate-900 {
  background: var(--color-slate-900) !important;
}

.bg-purple-25 {
  background: var(--color-purple-25) !important;
}

.bg-purple-26 {
  background: var(--color-purple-26) !important;
}

.bg-purple-27 {
  background: var(--color-purple-27) !important;
}

.bg-purple-28 {
  background: var(--color-purple-28) !important;
}

.bg-purple-29 {
  background: var(--color-purple-29) !important;
}

.bg-purple-30 {
  background: var(--color-purple-30) !important;
}

.bg-purple-31 {
  background: var(--color-purple-31) !important;
}

.bg-purple-32 {
  background: var(--color-purple-32) !important;
}

.bg-purple-33 {
  background: var(--color-purple-33) !important;
}

.bg-purple-34 {
  background: var(--color-purple-34) !important;
}

.bg-purple-35 {
  background: var(--color-purple-35) !important;
}

.bg-purple-36 {
  background: var(--color-purple-36) !important;
}

.bg-purple-37 {
  background: var(--color-purple-37) !important;
}

.bg-purple-38 {
  background: var(--color-purple-38) !important;
}

.bg-purple-39 {
  background: var(--color-purple-39) !important;
}

.bg-purple-40 {
  background: var(--color-purple-40) !important;
}

.bg-purple-41 {
  background: var(--color-purple-41) !important;
}

.bg-purple-42 {
  background: var(--color-purple-42) !important;
}

.bg-purple-43 {
  background: var(--color-purple-43) !important;
}

.bg-purple-44 {
  background: var(--color-purple-44) !important;
}

.bg-purple-45 {
  background: var(--color-purple-45) !important;
}

.bg-purple-46 {
  background: var(--color-purple-46) !important;
}

.bg-purple-47 {
  background: var(--color-purple-47) !important;
}

.bg-purple-48 {
  background: var(--color-purple-48) !important;
}

.bg-purple-49 {
  background: var(--color-purple-49) !important;
}

.bg-purple-50 {
  background: var(--color-purple-50) !important;
}

.bg-purple-51 {
  background: var(--color-purple-51) !important;
}

.bg-purple-52 {
  background: var(--color-purple-52) !important;
}

.bg-purple-53 {
  background: var(--color-purple-53) !important;
}

.bg-purple-54 {
  background: var(--color-purple-54) !important;
}

.bg-purple-55 {
  background: var(--color-purple-55) !important;
}

.bg-purple-56 {
  background: var(--color-purple-56) !important;
}

.bg-purple-57 {
  background: var(--color-purple-57) !important;
}

.bg-purple-58 {
  background: var(--color-purple-58) !important;
}

.bg-purple-59 {
  background: var(--color-purple-59) !important;
}

.bg-purple-60 {
  background: var(--color-purple-60) !important;
}

.bg-purple-61 {
  background: var(--color-purple-61) !important;
}

.bg-purple-62 {
  background: var(--color-purple-62) !important;
}

.bg-purple-63 {
  background: var(--color-purple-63) !important;
}

.bg-purple-64 {
  background: var(--color-purple-64) !important;
}

.bg-purple-65 {
  background: var(--color-purple-65) !important;
}

.bg-purple-66 {
  background: var(--color-purple-66) !important;
}

.bg-purple-67 {
  background: var(--color-purple-67) !important;
}

.bg-purple-68 {
  background: var(--color-purple-68) !important;
}

.bg-purple-69 {
  background: var(--color-purple-69) !important;
}

.bg-purple-70 {
  background: var(--color-purple-70) !important;
}

.bg-purple-71 {
  background: var(--color-purple-71) !important;
}

.bg-purple-72 {
  background: var(--color-purple-72) !important;
}

.bg-purple-73 {
  background: var(--color-purple-73) !important;
}

.bg-purple-74 {
  background: var(--color-purple-74) !important;
}

.bg-purple-75 {
  background: var(--color-purple-75) !important;
}

.bg-purple-76 {
  background: var(--color-purple-76) !important;
}

.bg-purple-77 {
  background: var(--color-purple-77) !important;
}

.bg-purple-78 {
  background: var(--color-purple-78) !important;
}

.bg-purple-79 {
  background: var(--color-purple-79) !important;
}

.bg-purple-80 {
  background: var(--color-purple-80) !important;
}

.bg-purple-81 {
  background: var(--color-purple-81) !important;
}

.bg-purple-82 {
  background: var(--color-purple-82) !important;
}

.bg-purple-83 {
  background: var(--color-purple-83) !important;
}

.bg-purple-84 {
  background: var(--color-purple-84) !important;
}

.bg-purple-85 {
  background: var(--color-purple-85) !important;
}

.bg-purple-86 {
  background: var(--color-purple-86) !important;
}

.bg-purple-87 {
  background: var(--color-purple-87) !important;
}

.bg-purple-88 {
  background: var(--color-purple-88) !important;
}

.bg-purple-89 {
  background: var(--color-purple-89) !important;
}

.bg-purple-90 {
  background: var(--color-purple-90) !important;
}

.bg-purple-91 {
  background: var(--color-purple-91) !important;
}

.bg-purple-92 {
  background: var(--color-purple-92) !important;
}

.bg-purple-93 {
  background: var(--color-purple-93) !important;
}

.bg-purple-94 {
  background: var(--color-purple-94) !important;
}

.bg-purple-95 {
  background: var(--color-purple-95) !important;
}

.bg-purple-96 {
  background: var(--color-purple-96) !important;
}

.bg-purple-97 {
  background: var(--color-purple-97) !important;
}

.bg-purple-98 {
  background: var(--color-purple-98) !important;
}

.bg-purple-99 {
  background: var(--color-purple-99) !important;
}

.bg-purple-100 {
  background: var(--color-purple-100) !important;
}

.bg-purple-101 {
  background: var(--color-purple-101) !important;
}

.bg-purple-102 {
  background: var(--color-purple-102) !important;
}

.bg-purple-103 {
  background: var(--color-purple-103) !important;
}

.bg-purple-104 {
  background: var(--color-purple-104) !important;
}

.bg-purple-105 {
  background: var(--color-purple-105) !important;
}

.bg-purple-106 {
  background: var(--color-purple-106) !important;
}

.bg-purple-107 {
  background: var(--color-purple-107) !important;
}

.bg-purple-108 {
  background: var(--color-purple-108) !important;
}

.bg-purple-109 {
  background: var(--color-purple-109) !important;
}

.bg-purple-110 {
  background: var(--color-purple-110) !important;
}

.bg-purple-111 {
  background: var(--color-purple-111) !important;
}

.bg-purple-112 {
  background: var(--color-purple-112) !important;
}

.bg-purple-113 {
  background: var(--color-purple-113) !important;
}

.bg-purple-114 {
  background: var(--color-purple-114) !important;
}

.bg-purple-115 {
  background: var(--color-purple-115) !important;
}

.bg-purple-116 {
  background: var(--color-purple-116) !important;
}

.bg-purple-117 {
  background: var(--color-purple-117) !important;
}

.bg-purple-118 {
  background: var(--color-purple-118) !important;
}

.bg-purple-119 {
  background: var(--color-purple-119) !important;
}

.bg-purple-120 {
  background: var(--color-purple-120) !important;
}

.bg-purple-121 {
  background: var(--color-purple-121) !important;
}

.bg-purple-122 {
  background: var(--color-purple-122) !important;
}

.bg-purple-123 {
  background: var(--color-purple-123) !important;
}

.bg-purple-124 {
  background: var(--color-purple-124) !important;
}

.bg-purple-125 {
  background: var(--color-purple-125) !important;
}

.bg-purple-126 {
  background: var(--color-purple-126) !important;
}

.bg-purple-127 {
  background: var(--color-purple-127) !important;
}

.bg-purple-128 {
  background: var(--color-purple-128) !important;
}

.bg-purple-129 {
  background: var(--color-purple-129) !important;
}

.bg-purple-130 {
  background: var(--color-purple-130) !important;
}

.bg-purple-131 {
  background: var(--color-purple-131) !important;
}

.bg-purple-132 {
  background: var(--color-purple-132) !important;
}

.bg-purple-133 {
  background: var(--color-purple-133) !important;
}

.bg-purple-134 {
  background: var(--color-purple-134) !important;
}

.bg-purple-135 {
  background: var(--color-purple-135) !important;
}

.bg-purple-136 {
  background: var(--color-purple-136) !important;
}

.bg-purple-137 {
  background: var(--color-purple-137) !important;
}

.bg-purple-138 {
  background: var(--color-purple-138) !important;
}

.bg-purple-139 {
  background: var(--color-purple-139) !important;
}

.bg-purple-140 {
  background: var(--color-purple-140) !important;
}

.bg-purple-141 {
  background: var(--color-purple-141) !important;
}

.bg-purple-142 {
  background: var(--color-purple-142) !important;
}

.bg-purple-143 {
  background: var(--color-purple-143) !important;
}

.bg-purple-144 {
  background: var(--color-purple-144) !important;
}

.bg-purple-145 {
  background: var(--color-purple-145) !important;
}

.bg-purple-146 {
  background: var(--color-purple-146) !important;
}

.bg-purple-147 {
  background: var(--color-purple-147) !important;
}

.bg-purple-148 {
  background: var(--color-purple-148) !important;
}

.bg-purple-149 {
  background: var(--color-purple-149) !important;
}

.bg-purple-150 {
  background: var(--color-purple-150) !important;
}

.bg-purple-151 {
  background: var(--color-purple-151) !important;
}

.bg-purple-152 {
  background: var(--color-purple-152) !important;
}

.bg-purple-153 {
  background: var(--color-purple-153) !important;
}

.bg-purple-154 {
  background: var(--color-purple-154) !important;
}

.bg-purple-155 {
  background: var(--color-purple-155) !important;
}

.bg-purple-156 {
  background: var(--color-purple-156) !important;
}

.bg-purple-157 {
  background: var(--color-purple-157) !important;
}

.bg-purple-158 {
  background: var(--color-purple-158) !important;
}

.bg-purple-159 {
  background: var(--color-purple-159) !important;
}

.bg-purple-160 {
  background: var(--color-purple-160) !important;
}

.bg-purple-161 {
  background: var(--color-purple-161) !important;
}

.bg-purple-162 {
  background: var(--color-purple-162) !important;
}

.bg-purple-163 {
  background: var(--color-purple-163) !important;
}

.bg-purple-164 {
  background: var(--color-purple-164) !important;
}

.bg-purple-165 {
  background: var(--color-purple-165) !important;
}

.bg-purple-166 {
  background: var(--color-purple-166) !important;
}

.bg-purple-167 {
  background: var(--color-purple-167) !important;
}

.bg-purple-168 {
  background: var(--color-purple-168) !important;
}

.bg-purple-169 {
  background: var(--color-purple-169) !important;
}

.bg-purple-170 {
  background: var(--color-purple-170) !important;
}

.bg-purple-171 {
  background: var(--color-purple-171) !important;
}

.bg-purple-172 {
  background: var(--color-purple-172) !important;
}

.bg-purple-173 {
  background: var(--color-purple-173) !important;
}

.bg-purple-174 {
  background: var(--color-purple-174) !important;
}

.bg-purple-175 {
  background: var(--color-purple-175) !important;
}

.bg-purple-176 {
  background: var(--color-purple-176) !important;
}

.bg-purple-177 {
  background: var(--color-purple-177) !important;
}

.bg-purple-178 {
  background: var(--color-purple-178) !important;
}

.bg-purple-179 {
  background: var(--color-purple-179) !important;
}

.bg-purple-180 {
  background: var(--color-purple-180) !important;
}

.bg-purple-181 {
  background: var(--color-purple-181) !important;
}

.bg-purple-182 {
  background: var(--color-purple-182) !important;
}

.bg-purple-183 {
  background: var(--color-purple-183) !important;
}

.bg-purple-184 {
  background: var(--color-purple-184) !important;
}

.bg-purple-185 {
  background: var(--color-purple-185) !important;
}

.bg-purple-186 {
  background: var(--color-purple-186) !important;
}

.bg-purple-187 {
  background: var(--color-purple-187) !important;
}

.bg-purple-188 {
  background: var(--color-purple-188) !important;
}

.bg-purple-189 {
  background: var(--color-purple-189) !important;
}

.bg-purple-190 {
  background: var(--color-purple-190) !important;
}

.bg-purple-191 {
  background: var(--color-purple-191) !important;
}

.bg-purple-192 {
  background: var(--color-purple-192) !important;
}

.bg-purple-193 {
  background: var(--color-purple-193) !important;
}

.bg-purple-194 {
  background: var(--color-purple-194) !important;
}

.bg-purple-195 {
  background: var(--color-purple-195) !important;
}

.bg-purple-196 {
  background: var(--color-purple-196) !important;
}

.bg-purple-197 {
  background: var(--color-purple-197) !important;
}

.bg-purple-198 {
  background: var(--color-purple-198) !important;
}

.bg-purple-199 {
  background: var(--color-purple-199) !important;
}

.bg-purple-200 {
  background: var(--color-purple-200) !important;
}

.bg-purple-201 {
  background: var(--color-purple-201) !important;
}

.bg-purple-202 {
  background: var(--color-purple-202) !important;
}

.bg-purple-203 {
  background: var(--color-purple-203) !important;
}

.bg-purple-204 {
  background: var(--color-purple-204) !important;
}

.bg-purple-205 {
  background: var(--color-purple-205) !important;
}

.bg-purple-206 {
  background: var(--color-purple-206) !important;
}

.bg-purple-207 {
  background: var(--color-purple-207) !important;
}

.bg-purple-208 {
  background: var(--color-purple-208) !important;
}

.bg-purple-209 {
  background: var(--color-purple-209) !important;
}

.bg-purple-210 {
  background: var(--color-purple-210) !important;
}

.bg-purple-211 {
  background: var(--color-purple-211) !important;
}

.bg-purple-212 {
  background: var(--color-purple-212) !important;
}

.bg-purple-213 {
  background: var(--color-purple-213) !important;
}

.bg-purple-214 {
  background: var(--color-purple-214) !important;
}

.bg-purple-215 {
  background: var(--color-purple-215) !important;
}

.bg-purple-216 {
  background: var(--color-purple-216) !important;
}

.bg-purple-217 {
  background: var(--color-purple-217) !important;
}

.bg-purple-218 {
  background: var(--color-purple-218) !important;
}

.bg-purple-219 {
  background: var(--color-purple-219) !important;
}

.bg-purple-220 {
  background: var(--color-purple-220) !important;
}

.bg-purple-221 {
  background: var(--color-purple-221) !important;
}

.bg-purple-222 {
  background: var(--color-purple-222) !important;
}

.bg-purple-223 {
  background: var(--color-purple-223) !important;
}

.bg-purple-224 {
  background: var(--color-purple-224) !important;
}

.bg-purple-225 {
  background: var(--color-purple-225) !important;
}

.bg-purple-226 {
  background: var(--color-purple-226) !important;
}

.bg-purple-227 {
  background: var(--color-purple-227) !important;
}

.bg-purple-228 {
  background: var(--color-purple-228) !important;
}

.bg-purple-229 {
  background: var(--color-purple-229) !important;
}

.bg-purple-230 {
  background: var(--color-purple-230) !important;
}

.bg-purple-231 {
  background: var(--color-purple-231) !important;
}

.bg-purple-232 {
  background: var(--color-purple-232) !important;
}

.bg-purple-233 {
  background: var(--color-purple-233) !important;
}

.bg-purple-234 {
  background: var(--color-purple-234) !important;
}

.bg-purple-235 {
  background: var(--color-purple-235) !important;
}

.bg-purple-236 {
  background: var(--color-purple-236) !important;
}

.bg-purple-237 {
  background: var(--color-purple-237) !important;
}

.bg-purple-238 {
  background: var(--color-purple-238) !important;
}

.bg-purple-239 {
  background: var(--color-purple-239) !important;
}

.bg-purple-240 {
  background: var(--color-purple-240) !important;
}

.bg-purple-241 {
  background: var(--color-purple-241) !important;
}

.bg-purple-242 {
  background: var(--color-purple-242) !important;
}

.bg-purple-243 {
  background: var(--color-purple-243) !important;
}

.bg-purple-244 {
  background: var(--color-purple-244) !important;
}

.bg-purple-245 {
  background: var(--color-purple-245) !important;
}

.bg-purple-246 {
  background: var(--color-purple-246) !important;
}

.bg-purple-247 {
  background: var(--color-purple-247) !important;
}

.bg-purple-248 {
  background: var(--color-purple-248) !important;
}

.bg-purple-249 {
  background: var(--color-purple-249) !important;
}

.bg-purple-250 {
  background: var(--color-purple-250) !important;
}

.bg-purple-251 {
  background: var(--color-purple-251) !important;
}

.bg-purple-252 {
  background: var(--color-purple-252) !important;
}

.bg-purple-253 {
  background: var(--color-purple-253) !important;
}

.bg-purple-254 {
  background: var(--color-purple-254) !important;
}

.bg-purple-255 {
  background: var(--color-purple-255) !important;
}

.bg-purple-256 {
  background: var(--color-purple-256) !important;
}

.bg-purple-257 {
  background: var(--color-purple-257) !important;
}

.bg-purple-258 {
  background: var(--color-purple-258) !important;
}

.bg-purple-259 {
  background: var(--color-purple-259) !important;
}

.bg-purple-260 {
  background: var(--color-purple-260) !important;
}

.bg-purple-261 {
  background: var(--color-purple-261) !important;
}

.bg-purple-262 {
  background: var(--color-purple-262) !important;
}

.bg-purple-263 {
  background: var(--color-purple-263) !important;
}

.bg-purple-264 {
  background: var(--color-purple-264) !important;
}

.bg-purple-265 {
  background: var(--color-purple-265) !important;
}

.bg-purple-266 {
  background: var(--color-purple-266) !important;
}

.bg-purple-267 {
  background: var(--color-purple-267) !important;
}

.bg-purple-268 {
  background: var(--color-purple-268) !important;
}

.bg-purple-269 {
  background: var(--color-purple-269) !important;
}

.bg-purple-270 {
  background: var(--color-purple-270) !important;
}

.bg-purple-271 {
  background: var(--color-purple-271) !important;
}

.bg-purple-272 {
  background: var(--color-purple-272) !important;
}

.bg-purple-273 {
  background: var(--color-purple-273) !important;
}

.bg-purple-274 {
  background: var(--color-purple-274) !important;
}

.bg-purple-275 {
  background: var(--color-purple-275) !important;
}

.bg-purple-276 {
  background: var(--color-purple-276) !important;
}

.bg-purple-277 {
  background: var(--color-purple-277) !important;
}

.bg-purple-278 {
  background: var(--color-purple-278) !important;
}

.bg-purple-279 {
  background: var(--color-purple-279) !important;
}

.bg-purple-280 {
  background: var(--color-purple-280) !important;
}

.bg-purple-281 {
  background: var(--color-purple-281) !important;
}

.bg-purple-282 {
  background: var(--color-purple-282) !important;
}

.bg-purple-283 {
  background: var(--color-purple-283) !important;
}

.bg-purple-284 {
  background: var(--color-purple-284) !important;
}

.bg-purple-285 {
  background: var(--color-purple-285) !important;
}

.bg-purple-286 {
  background: var(--color-purple-286) !important;
}

.bg-purple-287 {
  background: var(--color-purple-287) !important;
}

.bg-purple-288 {
  background: var(--color-purple-288) !important;
}

.bg-purple-289 {
  background: var(--color-purple-289) !important;
}

.bg-purple-290 {
  background: var(--color-purple-290) !important;
}

.bg-purple-291 {
  background: var(--color-purple-291) !important;
}

.bg-purple-292 {
  background: var(--color-purple-292) !important;
}

.bg-purple-293 {
  background: var(--color-purple-293) !important;
}

.bg-purple-294 {
  background: var(--color-purple-294) !important;
}

.bg-purple-295 {
  background: var(--color-purple-295) !important;
}

.bg-purple-296 {
  background: var(--color-purple-296) !important;
}

.bg-purple-297 {
  background: var(--color-purple-297) !important;
}

.bg-purple-298 {
  background: var(--color-purple-298) !important;
}

.bg-purple-299 {
  background: var(--color-purple-299) !important;
}

.bg-purple-300 {
  background: var(--color-purple-300) !important;
}

.bg-purple-301 {
  background: var(--color-purple-301) !important;
}

.bg-purple-302 {
  background: var(--color-purple-302) !important;
}

.bg-purple-303 {
  background: var(--color-purple-303) !important;
}

.bg-purple-304 {
  background: var(--color-purple-304) !important;
}

.bg-purple-305 {
  background: var(--color-purple-305) !important;
}

.bg-purple-306 {
  background: var(--color-purple-306) !important;
}

.bg-purple-307 {
  background: var(--color-purple-307) !important;
}

.bg-purple-308 {
  background: var(--color-purple-308) !important;
}

.bg-purple-309 {
  background: var(--color-purple-309) !important;
}

.bg-purple-310 {
  background: var(--color-purple-310) !important;
}

.bg-purple-311 {
  background: var(--color-purple-311) !important;
}

.bg-purple-312 {
  background: var(--color-purple-312) !important;
}

.bg-purple-313 {
  background: var(--color-purple-313) !important;
}

.bg-purple-314 {
  background: var(--color-purple-314) !important;
}

.bg-purple-315 {
  background: var(--color-purple-315) !important;
}

.bg-purple-316 {
  background: var(--color-purple-316) !important;
}

.bg-purple-317 {
  background: var(--color-purple-317) !important;
}

.bg-purple-318 {
  background: var(--color-purple-318) !important;
}

.bg-purple-319 {
  background: var(--color-purple-319) !important;
}

.bg-purple-320 {
  background: var(--color-purple-320) !important;
}

.bg-purple-321 {
  background: var(--color-purple-321) !important;
}

.bg-purple-322 {
  background: var(--color-purple-322) !important;
}

.bg-purple-323 {
  background: var(--color-purple-323) !important;
}

.bg-purple-324 {
  background: var(--color-purple-324) !important;
}

.bg-purple-325 {
  background: var(--color-purple-325) !important;
}

.bg-purple-326 {
  background: var(--color-purple-326) !important;
}

.bg-purple-327 {
  background: var(--color-purple-327) !important;
}

.bg-purple-328 {
  background: var(--color-purple-328) !important;
}

.bg-purple-329 {
  background: var(--color-purple-329) !important;
}

.bg-purple-330 {
  background: var(--color-purple-330) !important;
}

.bg-purple-331 {
  background: var(--color-purple-331) !important;
}

.bg-purple-332 {
  background: var(--color-purple-332) !important;
}

.bg-purple-333 {
  background: var(--color-purple-333) !important;
}

.bg-purple-334 {
  background: var(--color-purple-334) !important;
}

.bg-purple-335 {
  background: var(--color-purple-335) !important;
}

.bg-purple-336 {
  background: var(--color-purple-336) !important;
}

.bg-purple-337 {
  background: var(--color-purple-337) !important;
}

.bg-purple-338 {
  background: var(--color-purple-338) !important;
}

.bg-purple-339 {
  background: var(--color-purple-339) !important;
}

.bg-purple-340 {
  background: var(--color-purple-340) !important;
}

.bg-purple-341 {
  background: var(--color-purple-341) !important;
}

.bg-purple-342 {
  background: var(--color-purple-342) !important;
}

.bg-purple-343 {
  background: var(--color-purple-343) !important;
}

.bg-purple-344 {
  background: var(--color-purple-344) !important;
}

.bg-purple-345 {
  background: var(--color-purple-345) !important;
}

.bg-purple-346 {
  background: var(--color-purple-346) !important;
}

.bg-purple-347 {
  background: var(--color-purple-347) !important;
}

.bg-purple-348 {
  background: var(--color-purple-348) !important;
}

.bg-purple-349 {
  background: var(--color-purple-349) !important;
}

.bg-purple-350 {
  background: var(--color-purple-350) !important;
}

.bg-purple-351 {
  background: var(--color-purple-351) !important;
}

.bg-purple-352 {
  background: var(--color-purple-352) !important;
}

.bg-purple-353 {
  background: var(--color-purple-353) !important;
}

.bg-purple-354 {
  background: var(--color-purple-354) !important;
}

.bg-purple-355 {
  background: var(--color-purple-355) !important;
}

.bg-purple-356 {
  background: var(--color-purple-356) !important;
}

.bg-purple-357 {
  background: var(--color-purple-357) !important;
}

.bg-purple-358 {
  background: var(--color-purple-358) !important;
}

.bg-purple-359 {
  background: var(--color-purple-359) !important;
}

.bg-purple-360 {
  background: var(--color-purple-360) !important;
}

.bg-purple-361 {
  background: var(--color-purple-361) !important;
}

.bg-purple-362 {
  background: var(--color-purple-362) !important;
}

.bg-purple-363 {
  background: var(--color-purple-363) !important;
}

.bg-purple-364 {
  background: var(--color-purple-364) !important;
}

.bg-purple-365 {
  background: var(--color-purple-365) !important;
}

.bg-purple-366 {
  background: var(--color-purple-366) !important;
}

.bg-purple-367 {
  background: var(--color-purple-367) !important;
}

.bg-purple-368 {
  background: var(--color-purple-368) !important;
}

.bg-purple-369 {
  background: var(--color-purple-369) !important;
}

.bg-purple-370 {
  background: var(--color-purple-370) !important;
}

.bg-purple-371 {
  background: var(--color-purple-371) !important;
}

.bg-purple-372 {
  background: var(--color-purple-372) !important;
}

.bg-purple-373 {
  background: var(--color-purple-373) !important;
}

.bg-purple-374 {
  background: var(--color-purple-374) !important;
}

.bg-purple-375 {
  background: var(--color-purple-375) !important;
}

.bg-purple-376 {
  background: var(--color-purple-376) !important;
}

.bg-purple-377 {
  background: var(--color-purple-377) !important;
}

.bg-purple-378 {
  background: var(--color-purple-378) !important;
}

.bg-purple-379 {
  background: var(--color-purple-379) !important;
}

.bg-purple-380 {
  background: var(--color-purple-380) !important;
}

.bg-purple-381 {
  background: var(--color-purple-381) !important;
}

.bg-purple-382 {
  background: var(--color-purple-382) !important;
}

.bg-purple-383 {
  background: var(--color-purple-383) !important;
}

.bg-purple-384 {
  background: var(--color-purple-384) !important;
}

.bg-purple-385 {
  background: var(--color-purple-385) !important;
}

.bg-purple-386 {
  background: var(--color-purple-386) !important;
}

.bg-purple-387 {
  background: var(--color-purple-387) !important;
}

.bg-purple-388 {
  background: var(--color-purple-388) !important;
}

.bg-purple-389 {
  background: var(--color-purple-389) !important;
}

.bg-purple-390 {
  background: var(--color-purple-390) !important;
}

.bg-purple-391 {
  background: var(--color-purple-391) !important;
}

.bg-purple-392 {
  background: var(--color-purple-392) !important;
}

.bg-purple-393 {
  background: var(--color-purple-393) !important;
}

.bg-purple-394 {
  background: var(--color-purple-394) !important;
}

.bg-purple-395 {
  background: var(--color-purple-395) !important;
}

.bg-purple-396 {
  background: var(--color-purple-396) !important;
}

.bg-purple-397 {
  background: var(--color-purple-397) !important;
}

.bg-purple-398 {
  background: var(--color-purple-398) !important;
}

.bg-purple-399 {
  background: var(--color-purple-399) !important;
}

.bg-purple-400 {
  background: var(--color-purple-400) !important;
}

.bg-purple-401 {
  background: var(--color-purple-401) !important;
}

.bg-purple-402 {
  background: var(--color-purple-402) !important;
}

.bg-purple-403 {
  background: var(--color-purple-403) !important;
}

.bg-purple-404 {
  background: var(--color-purple-404) !important;
}

.bg-purple-405 {
  background: var(--color-purple-405) !important;
}

.bg-purple-406 {
  background: var(--color-purple-406) !important;
}

.bg-purple-407 {
  background: var(--color-purple-407) !important;
}

.bg-purple-408 {
  background: var(--color-purple-408) !important;
}

.bg-purple-409 {
  background: var(--color-purple-409) !important;
}

.bg-purple-410 {
  background: var(--color-purple-410) !important;
}

.bg-purple-411 {
  background: var(--color-purple-411) !important;
}

.bg-purple-412 {
  background: var(--color-purple-412) !important;
}

.bg-purple-413 {
  background: var(--color-purple-413) !important;
}

.bg-purple-414 {
  background: var(--color-purple-414) !important;
}

.bg-purple-415 {
  background: var(--color-purple-415) !important;
}

.bg-purple-416 {
  background: var(--color-purple-416) !important;
}

.bg-purple-417 {
  background: var(--color-purple-417) !important;
}

.bg-purple-418 {
  background: var(--color-purple-418) !important;
}

.bg-purple-419 {
  background: var(--color-purple-419) !important;
}

.bg-purple-420 {
  background: var(--color-purple-420) !important;
}

.bg-purple-421 {
  background: var(--color-purple-421) !important;
}

.bg-purple-422 {
  background: var(--color-purple-422) !important;
}

.bg-purple-423 {
  background: var(--color-purple-423) !important;
}

.bg-purple-424 {
  background: var(--color-purple-424) !important;
}

.bg-purple-425 {
  background: var(--color-purple-425) !important;
}

.bg-purple-426 {
  background: var(--color-purple-426) !important;
}

.bg-purple-427 {
  background: var(--color-purple-427) !important;
}

.bg-purple-428 {
  background: var(--color-purple-428) !important;
}

.bg-purple-429 {
  background: var(--color-purple-429) !important;
}

.bg-purple-430 {
  background: var(--color-purple-430) !important;
}

.bg-purple-431 {
  background: var(--color-purple-431) !important;
}

.bg-purple-432 {
  background: var(--color-purple-432) !important;
}

.bg-purple-433 {
  background: var(--color-purple-433) !important;
}

.bg-purple-434 {
  background: var(--color-purple-434) !important;
}

.bg-purple-435 {
  background: var(--color-purple-435) !important;
}

.bg-purple-436 {
  background: var(--color-purple-436) !important;
}

.bg-purple-437 {
  background: var(--color-purple-437) !important;
}

.bg-purple-438 {
  background: var(--color-purple-438) !important;
}

.bg-purple-439 {
  background: var(--color-purple-439) !important;
}

.bg-purple-440 {
  background: var(--color-purple-440) !important;
}

.bg-purple-441 {
  background: var(--color-purple-441) !important;
}

.bg-purple-442 {
  background: var(--color-purple-442) !important;
}

.bg-purple-443 {
  background: var(--color-purple-443) !important;
}

.bg-purple-444 {
  background: var(--color-purple-444) !important;
}

.bg-purple-445 {
  background: var(--color-purple-445) !important;
}

.bg-purple-446 {
  background: var(--color-purple-446) !important;
}

.bg-purple-447 {
  background: var(--color-purple-447) !important;
}

.bg-purple-448 {
  background: var(--color-purple-448) !important;
}

.bg-purple-449 {
  background: var(--color-purple-449) !important;
}

.bg-purple-450 {
  background: var(--color-purple-450) !important;
}

.bg-purple-451 {
  background: var(--color-purple-451) !important;
}

.bg-purple-452 {
  background: var(--color-purple-452) !important;
}

.bg-purple-453 {
  background: var(--color-purple-453) !important;
}

.bg-purple-454 {
  background: var(--color-purple-454) !important;
}

.bg-purple-455 {
  background: var(--color-purple-455) !important;
}

.bg-purple-456 {
  background: var(--color-purple-456) !important;
}

.bg-purple-457 {
  background: var(--color-purple-457) !important;
}

.bg-purple-458 {
  background: var(--color-purple-458) !important;
}

.bg-purple-459 {
  background: var(--color-purple-459) !important;
}

.bg-purple-460 {
  background: var(--color-purple-460) !important;
}

.bg-purple-461 {
  background: var(--color-purple-461) !important;
}

.bg-purple-462 {
  background: var(--color-purple-462) !important;
}

.bg-purple-463 {
  background: var(--color-purple-463) !important;
}

.bg-purple-464 {
  background: var(--color-purple-464) !important;
}

.bg-purple-465 {
  background: var(--color-purple-465) !important;
}

.bg-purple-466 {
  background: var(--color-purple-466) !important;
}

.bg-purple-467 {
  background: var(--color-purple-467) !important;
}

.bg-purple-468 {
  background: var(--color-purple-468) !important;
}

.bg-purple-469 {
  background: var(--color-purple-469) !important;
}

.bg-purple-470 {
  background: var(--color-purple-470) !important;
}

.bg-purple-471 {
  background: var(--color-purple-471) !important;
}

.bg-purple-472 {
  background: var(--color-purple-472) !important;
}

.bg-purple-473 {
  background: var(--color-purple-473) !important;
}

.bg-purple-474 {
  background: var(--color-purple-474) !important;
}

.bg-purple-475 {
  background: var(--color-purple-475) !important;
}

.bg-purple-476 {
  background: var(--color-purple-476) !important;
}

.bg-purple-477 {
  background: var(--color-purple-477) !important;
}

.bg-purple-478 {
  background: var(--color-purple-478) !important;
}

.bg-purple-479 {
  background: var(--color-purple-479) !important;
}

.bg-purple-480 {
  background: var(--color-purple-480) !important;
}

.bg-purple-481 {
  background: var(--color-purple-481) !important;
}

.bg-purple-482 {
  background: var(--color-purple-482) !important;
}

.bg-purple-483 {
  background: var(--color-purple-483) !important;
}

.bg-purple-484 {
  background: var(--color-purple-484) !important;
}

.bg-purple-485 {
  background: var(--color-purple-485) !important;
}

.bg-purple-486 {
  background: var(--color-purple-486) !important;
}

.bg-purple-487 {
  background: var(--color-purple-487) !important;
}

.bg-purple-488 {
  background: var(--color-purple-488) !important;
}

.bg-purple-489 {
  background: var(--color-purple-489) !important;
}

.bg-purple-490 {
  background: var(--color-purple-490) !important;
}

.bg-purple-491 {
  background: var(--color-purple-491) !important;
}

.bg-purple-492 {
  background: var(--color-purple-492) !important;
}

.bg-purple-493 {
  background: var(--color-purple-493) !important;
}

.bg-purple-494 {
  background: var(--color-purple-494) !important;
}

.bg-purple-495 {
  background: var(--color-purple-495) !important;
}

.bg-purple-496 {
  background: var(--color-purple-496) !important;
}

.bg-purple-497 {
  background: var(--color-purple-497) !important;
}

.bg-purple-498 {
  background: var(--color-purple-498) !important;
}

.bg-purple-499 {
  background: var(--color-purple-499) !important;
}

.bg-purple-500 {
  background: var(--color-purple-500) !important;
}

.bg-purple-501 {
  background: var(--color-purple-501) !important;
}

.bg-purple-502 {
  background: var(--color-purple-502) !important;
}

.bg-purple-503 {
  background: var(--color-purple-503) !important;
}

.bg-purple-504 {
  background: var(--color-purple-504) !important;
}

.bg-purple-505 {
  background: var(--color-purple-505) !important;
}

.bg-purple-506 {
  background: var(--color-purple-506) !important;
}

.bg-purple-507 {
  background: var(--color-purple-507) !important;
}

.bg-purple-508 {
  background: var(--color-purple-508) !important;
}

.bg-purple-509 {
  background: var(--color-purple-509) !important;
}

.bg-purple-510 {
  background: var(--color-purple-510) !important;
}

.bg-purple-511 {
  background: var(--color-purple-511) !important;
}

.bg-purple-512 {
  background: var(--color-purple-512) !important;
}

.bg-purple-513 {
  background: var(--color-purple-513) !important;
}

.bg-purple-514 {
  background: var(--color-purple-514) !important;
}

.bg-purple-515 {
  background: var(--color-purple-515) !important;
}

.bg-purple-516 {
  background: var(--color-purple-516) !important;
}

.bg-purple-517 {
  background: var(--color-purple-517) !important;
}

.bg-purple-518 {
  background: var(--color-purple-518) !important;
}

.bg-purple-519 {
  background: var(--color-purple-519) !important;
}

.bg-purple-520 {
  background: var(--color-purple-520) !important;
}

.bg-purple-521 {
  background: var(--color-purple-521) !important;
}

.bg-purple-522 {
  background: var(--color-purple-522) !important;
}

.bg-purple-523 {
  background: var(--color-purple-523) !important;
}

.bg-purple-524 {
  background: var(--color-purple-524) !important;
}

.bg-purple-525 {
  background: var(--color-purple-525) !important;
}

.bg-purple-526 {
  background: var(--color-purple-526) !important;
}

.bg-purple-527 {
  background: var(--color-purple-527) !important;
}

.bg-purple-528 {
  background: var(--color-purple-528) !important;
}

.bg-purple-529 {
  background: var(--color-purple-529) !important;
}

.bg-purple-530 {
  background: var(--color-purple-530) !important;
}

.bg-purple-531 {
  background: var(--color-purple-531) !important;
}

.bg-purple-532 {
  background: var(--color-purple-532) !important;
}

.bg-purple-533 {
  background: var(--color-purple-533) !important;
}

.bg-purple-534 {
  background: var(--color-purple-534) !important;
}

.bg-purple-535 {
  background: var(--color-purple-535) !important;
}

.bg-purple-536 {
  background: var(--color-purple-536) !important;
}

.bg-purple-537 {
  background: var(--color-purple-537) !important;
}

.bg-purple-538 {
  background: var(--color-purple-538) !important;
}

.bg-purple-539 {
  background: var(--color-purple-539) !important;
}

.bg-purple-540 {
  background: var(--color-purple-540) !important;
}

.bg-purple-541 {
  background: var(--color-purple-541) !important;
}

.bg-purple-542 {
  background: var(--color-purple-542) !important;
}

.bg-purple-543 {
  background: var(--color-purple-543) !important;
}

.bg-purple-544 {
  background: var(--color-purple-544) !important;
}

.bg-purple-545 {
  background: var(--color-purple-545) !important;
}

.bg-purple-546 {
  background: var(--color-purple-546) !important;
}

.bg-purple-547 {
  background: var(--color-purple-547) !important;
}

.bg-purple-548 {
  background: var(--color-purple-548) !important;
}

.bg-purple-549 {
  background: var(--color-purple-549) !important;
}

.bg-purple-550 {
  background: var(--color-purple-550) !important;
}

.bg-purple-551 {
  background: var(--color-purple-551) !important;
}

.bg-purple-552 {
  background: var(--color-purple-552) !important;
}

.bg-purple-553 {
  background: var(--color-purple-553) !important;
}

.bg-purple-554 {
  background: var(--color-purple-554) !important;
}

.bg-purple-555 {
  background: var(--color-purple-555) !important;
}

.bg-purple-556 {
  background: var(--color-purple-556) !important;
}

.bg-purple-557 {
  background: var(--color-purple-557) !important;
}

.bg-purple-558 {
  background: var(--color-purple-558) !important;
}

.bg-purple-559 {
  background: var(--color-purple-559) !important;
}

.bg-purple-560 {
  background: var(--color-purple-560) !important;
}

.bg-purple-561 {
  background: var(--color-purple-561) !important;
}

.bg-purple-562 {
  background: var(--color-purple-562) !important;
}

.bg-purple-563 {
  background: var(--color-purple-563) !important;
}

.bg-purple-564 {
  background: var(--color-purple-564) !important;
}

.bg-purple-565 {
  background: var(--color-purple-565) !important;
}

.bg-purple-566 {
  background: var(--color-purple-566) !important;
}

.bg-purple-567 {
  background: var(--color-purple-567) !important;
}

.bg-purple-568 {
  background: var(--color-purple-568) !important;
}

.bg-purple-569 {
  background: var(--color-purple-569) !important;
}

.bg-purple-570 {
  background: var(--color-purple-570) !important;
}

.bg-purple-571 {
  background: var(--color-purple-571) !important;
}

.bg-purple-572 {
  background: var(--color-purple-572) !important;
}

.bg-purple-573 {
  background: var(--color-purple-573) !important;
}

.bg-purple-574 {
  background: var(--color-purple-574) !important;
}

.bg-purple-575 {
  background: var(--color-purple-575) !important;
}

.bg-purple-576 {
  background: var(--color-purple-576) !important;
}

.bg-purple-577 {
  background: var(--color-purple-577) !important;
}

.bg-purple-578 {
  background: var(--color-purple-578) !important;
}

.bg-purple-579 {
  background: var(--color-purple-579) !important;
}

.bg-purple-580 {
  background: var(--color-purple-580) !important;
}

.bg-purple-581 {
  background: var(--color-purple-581) !important;
}

.bg-purple-582 {
  background: var(--color-purple-582) !important;
}

.bg-purple-583 {
  background: var(--color-purple-583) !important;
}

.bg-purple-584 {
  background: var(--color-purple-584) !important;
}

.bg-purple-585 {
  background: var(--color-purple-585) !important;
}

.bg-purple-586 {
  background: var(--color-purple-586) !important;
}

.bg-purple-587 {
  background: var(--color-purple-587) !important;
}

.bg-purple-588 {
  background: var(--color-purple-588) !important;
}

.bg-purple-589 {
  background: var(--color-purple-589) !important;
}

.bg-purple-590 {
  background: var(--color-purple-590) !important;
}

.bg-purple-591 {
  background: var(--color-purple-591) !important;
}

.bg-purple-592 {
  background: var(--color-purple-592) !important;
}

.bg-purple-593 {
  background: var(--color-purple-593) !important;
}

.bg-purple-594 {
  background: var(--color-purple-594) !important;
}

.bg-purple-595 {
  background: var(--color-purple-595) !important;
}

.bg-purple-596 {
  background: var(--color-purple-596) !important;
}

.bg-purple-597 {
  background: var(--color-purple-597) !important;
}

.bg-purple-598 {
  background: var(--color-purple-598) !important;
}

.bg-purple-599 {
  background: var(--color-purple-599) !important;
}

.bg-purple-600 {
  background: var(--color-purple-600) !important;
}

.bg-purple-601 {
  background: var(--color-purple-601) !important;
}

.bg-purple-602 {
  background: var(--color-purple-602) !important;
}

.bg-purple-603 {
  background: var(--color-purple-603) !important;
}

.bg-purple-604 {
  background: var(--color-purple-604) !important;
}

.bg-purple-605 {
  background: var(--color-purple-605) !important;
}

.bg-purple-606 {
  background: var(--color-purple-606) !important;
}

.bg-purple-607 {
  background: var(--color-purple-607) !important;
}

.bg-purple-608 {
  background: var(--color-purple-608) !important;
}

.bg-purple-609 {
  background: var(--color-purple-609) !important;
}

.bg-purple-610 {
  background: var(--color-purple-610) !important;
}

.bg-purple-611 {
  background: var(--color-purple-611) !important;
}

.bg-purple-612 {
  background: var(--color-purple-612) !important;
}

.bg-purple-613 {
  background: var(--color-purple-613) !important;
}

.bg-purple-614 {
  background: var(--color-purple-614) !important;
}

.bg-purple-615 {
  background: var(--color-purple-615) !important;
}

.bg-purple-616 {
  background: var(--color-purple-616) !important;
}

.bg-purple-617 {
  background: var(--color-purple-617) !important;
}

.bg-purple-618 {
  background: var(--color-purple-618) !important;
}

.bg-purple-619 {
  background: var(--color-purple-619) !important;
}

.bg-purple-620 {
  background: var(--color-purple-620) !important;
}

.bg-purple-621 {
  background: var(--color-purple-621) !important;
}

.bg-purple-622 {
  background: var(--color-purple-622) !important;
}

.bg-purple-623 {
  background: var(--color-purple-623) !important;
}

.bg-purple-624 {
  background: var(--color-purple-624) !important;
}

.bg-purple-625 {
  background: var(--color-purple-625) !important;
}

.bg-purple-626 {
  background: var(--color-purple-626) !important;
}

.bg-purple-627 {
  background: var(--color-purple-627) !important;
}

.bg-purple-628 {
  background: var(--color-purple-628) !important;
}

.bg-purple-629 {
  background: var(--color-purple-629) !important;
}

.bg-purple-630 {
  background: var(--color-purple-630) !important;
}

.bg-purple-631 {
  background: var(--color-purple-631) !important;
}

.bg-purple-632 {
  background: var(--color-purple-632) !important;
}

.bg-purple-633 {
  background: var(--color-purple-633) !important;
}

.bg-purple-634 {
  background: var(--color-purple-634) !important;
}

.bg-purple-635 {
  background: var(--color-purple-635) !important;
}

.bg-purple-636 {
  background: var(--color-purple-636) !important;
}

.bg-purple-637 {
  background: var(--color-purple-637) !important;
}

.bg-purple-638 {
  background: var(--color-purple-638) !important;
}

.bg-purple-639 {
  background: var(--color-purple-639) !important;
}

.bg-purple-640 {
  background: var(--color-purple-640) !important;
}

.bg-purple-641 {
  background: var(--color-purple-641) !important;
}

.bg-purple-642 {
  background: var(--color-purple-642) !important;
}

.bg-purple-643 {
  background: var(--color-purple-643) !important;
}

.bg-purple-644 {
  background: var(--color-purple-644) !important;
}

.bg-purple-645 {
  background: var(--color-purple-645) !important;
}

.bg-purple-646 {
  background: var(--color-purple-646) !important;
}

.bg-purple-647 {
  background: var(--color-purple-647) !important;
}

.bg-purple-648 {
  background: var(--color-purple-648) !important;
}

.bg-purple-649 {
  background: var(--color-purple-649) !important;
}

.bg-purple-650 {
  background: var(--color-purple-650) !important;
}

.bg-purple-651 {
  background: var(--color-purple-651) !important;
}

.bg-purple-652 {
  background: var(--color-purple-652) !important;
}

.bg-purple-653 {
  background: var(--color-purple-653) !important;
}

.bg-purple-654 {
  background: var(--color-purple-654) !important;
}

.bg-purple-655 {
  background: var(--color-purple-655) !important;
}

.bg-purple-656 {
  background: var(--color-purple-656) !important;
}

.bg-purple-657 {
  background: var(--color-purple-657) !important;
}

.bg-purple-658 {
  background: var(--color-purple-658) !important;
}

.bg-purple-659 {
  background: var(--color-purple-659) !important;
}

.bg-purple-660 {
  background: var(--color-purple-660) !important;
}

.bg-purple-661 {
  background: var(--color-purple-661) !important;
}

.bg-purple-662 {
  background: var(--color-purple-662) !important;
}

.bg-purple-663 {
  background: var(--color-purple-663) !important;
}

.bg-purple-664 {
  background: var(--color-purple-664) !important;
}

.bg-purple-665 {
  background: var(--color-purple-665) !important;
}

.bg-purple-666 {
  background: var(--color-purple-666) !important;
}

.bg-purple-667 {
  background: var(--color-purple-667) !important;
}

.bg-purple-668 {
  background: var(--color-purple-668) !important;
}

.bg-purple-669 {
  background: var(--color-purple-669) !important;
}

.bg-purple-670 {
  background: var(--color-purple-670) !important;
}

.bg-purple-671 {
  background: var(--color-purple-671) !important;
}

.bg-purple-672 {
  background: var(--color-purple-672) !important;
}

.bg-purple-673 {
  background: var(--color-purple-673) !important;
}

.bg-purple-674 {
  background: var(--color-purple-674) !important;
}

.bg-purple-675 {
  background: var(--color-purple-675) !important;
}

.bg-purple-676 {
  background: var(--color-purple-676) !important;
}

.bg-purple-677 {
  background: var(--color-purple-677) !important;
}

.bg-purple-678 {
  background: var(--color-purple-678) !important;
}

.bg-purple-679 {
  background: var(--color-purple-679) !important;
}

.bg-purple-680 {
  background: var(--color-purple-680) !important;
}

.bg-purple-681 {
  background: var(--color-purple-681) !important;
}

.bg-purple-682 {
  background: var(--color-purple-682) !important;
}

.bg-purple-683 {
  background: var(--color-purple-683) !important;
}

.bg-purple-684 {
  background: var(--color-purple-684) !important;
}

.bg-purple-685 {
  background: var(--color-purple-685) !important;
}

.bg-purple-686 {
  background: var(--color-purple-686) !important;
}

.bg-purple-687 {
  background: var(--color-purple-687) !important;
}

.bg-purple-688 {
  background: var(--color-purple-688) !important;
}

.bg-purple-689 {
  background: var(--color-purple-689) !important;
}

.bg-purple-690 {
  background: var(--color-purple-690) !important;
}

.bg-purple-691 {
  background: var(--color-purple-691) !important;
}

.bg-purple-692 {
  background: var(--color-purple-692) !important;
}

.bg-purple-693 {
  background: var(--color-purple-693) !important;
}

.bg-purple-694 {
  background: var(--color-purple-694) !important;
}

.bg-purple-695 {
  background: var(--color-purple-695) !important;
}

.bg-purple-696 {
  background: var(--color-purple-696) !important;
}

.bg-purple-697 {
  background: var(--color-purple-697) !important;
}

.bg-purple-698 {
  background: var(--color-purple-698) !important;
}

.bg-purple-699 {
  background: var(--color-purple-699) !important;
}

.bg-purple-700 {
  background: var(--color-purple-700) !important;
}

.bg-purple-701 {
  background: var(--color-purple-701) !important;
}

.bg-purple-702 {
  background: var(--color-purple-702) !important;
}

.bg-purple-703 {
  background: var(--color-purple-703) !important;
}

.bg-purple-704 {
  background: var(--color-purple-704) !important;
}

.bg-purple-705 {
  background: var(--color-purple-705) !important;
}

.bg-purple-706 {
  background: var(--color-purple-706) !important;
}

.bg-purple-707 {
  background: var(--color-purple-707) !important;
}

.bg-purple-708 {
  background: var(--color-purple-708) !important;
}

.bg-purple-709 {
  background: var(--color-purple-709) !important;
}

.bg-purple-710 {
  background: var(--color-purple-710) !important;
}

.bg-purple-711 {
  background: var(--color-purple-711) !important;
}

.bg-purple-712 {
  background: var(--color-purple-712) !important;
}

.bg-purple-713 {
  background: var(--color-purple-713) !important;
}

.bg-purple-714 {
  background: var(--color-purple-714) !important;
}

.bg-purple-715 {
  background: var(--color-purple-715) !important;
}

.bg-purple-716 {
  background: var(--color-purple-716) !important;
}

.bg-purple-717 {
  background: var(--color-purple-717) !important;
}

.bg-purple-718 {
  background: var(--color-purple-718) !important;
}

.bg-purple-719 {
  background: var(--color-purple-719) !important;
}

.bg-purple-720 {
  background: var(--color-purple-720) !important;
}

.bg-purple-721 {
  background: var(--color-purple-721) !important;
}

.bg-purple-722 {
  background: var(--color-purple-722) !important;
}

.bg-purple-723 {
  background: var(--color-purple-723) !important;
}

.bg-purple-724 {
  background: var(--color-purple-724) !important;
}

.bg-purple-725 {
  background: var(--color-purple-725) !important;
}

.bg-purple-726 {
  background: var(--color-purple-726) !important;
}

.bg-purple-727 {
  background: var(--color-purple-727) !important;
}

.bg-purple-728 {
  background: var(--color-purple-728) !important;
}

.bg-purple-729 {
  background: var(--color-purple-729) !important;
}

.bg-purple-730 {
  background: var(--color-purple-730) !important;
}

.bg-purple-731 {
  background: var(--color-purple-731) !important;
}

.bg-purple-732 {
  background: var(--color-purple-732) !important;
}

.bg-purple-733 {
  background: var(--color-purple-733) !important;
}

.bg-purple-734 {
  background: var(--color-purple-734) !important;
}

.bg-purple-735 {
  background: var(--color-purple-735) !important;
}

.bg-purple-736 {
  background: var(--color-purple-736) !important;
}

.bg-purple-737 {
  background: var(--color-purple-737) !important;
}

.bg-purple-738 {
  background: var(--color-purple-738) !important;
}

.bg-purple-739 {
  background: var(--color-purple-739) !important;
}

.bg-purple-740 {
  background: var(--color-purple-740) !important;
}

.bg-purple-741 {
  background: var(--color-purple-741) !important;
}

.bg-purple-742 {
  background: var(--color-purple-742) !important;
}

.bg-purple-743 {
  background: var(--color-purple-743) !important;
}

.bg-purple-744 {
  background: var(--color-purple-744) !important;
}

.bg-purple-745 {
  background: var(--color-purple-745) !important;
}

.bg-purple-746 {
  background: var(--color-purple-746) !important;
}

.bg-purple-747 {
  background: var(--color-purple-747) !important;
}

.bg-purple-748 {
  background: var(--color-purple-748) !important;
}

.bg-purple-749 {
  background: var(--color-purple-749) !important;
}

.bg-purple-750 {
  background: var(--color-purple-750) !important;
}

.bg-purple-751 {
  background: var(--color-purple-751) !important;
}

.bg-purple-752 {
  background: var(--color-purple-752) !important;
}

.bg-purple-753 {
  background: var(--color-purple-753) !important;
}

.bg-purple-754 {
  background: var(--color-purple-754) !important;
}

.bg-purple-755 {
  background: var(--color-purple-755) !important;
}

.bg-purple-756 {
  background: var(--color-purple-756) !important;
}

.bg-purple-757 {
  background: var(--color-purple-757) !important;
}

.bg-purple-758 {
  background: var(--color-purple-758) !important;
}

.bg-purple-759 {
  background: var(--color-purple-759) !important;
}

.bg-purple-760 {
  background: var(--color-purple-760) !important;
}

.bg-purple-761 {
  background: var(--color-purple-761) !important;
}

.bg-purple-762 {
  background: var(--color-purple-762) !important;
}

.bg-purple-763 {
  background: var(--color-purple-763) !important;
}

.bg-purple-764 {
  background: var(--color-purple-764) !important;
}

.bg-purple-765 {
  background: var(--color-purple-765) !important;
}

.bg-purple-766 {
  background: var(--color-purple-766) !important;
}

.bg-purple-767 {
  background: var(--color-purple-767) !important;
}

.bg-purple-768 {
  background: var(--color-purple-768) !important;
}

.bg-purple-769 {
  background: var(--color-purple-769) !important;
}

.bg-purple-770 {
  background: var(--color-purple-770) !important;
}

.bg-purple-771 {
  background: var(--color-purple-771) !important;
}

.bg-purple-772 {
  background: var(--color-purple-772) !important;
}

.bg-purple-773 {
  background: var(--color-purple-773) !important;
}

.bg-purple-774 {
  background: var(--color-purple-774) !important;
}

.bg-purple-775 {
  background: var(--color-purple-775) !important;
}

.bg-purple-776 {
  background: var(--color-purple-776) !important;
}

.bg-purple-777 {
  background: var(--color-purple-777) !important;
}

.bg-purple-778 {
  background: var(--color-purple-778) !important;
}

.bg-purple-779 {
  background: var(--color-purple-779) !important;
}

.bg-purple-780 {
  background: var(--color-purple-780) !important;
}

.bg-purple-781 {
  background: var(--color-purple-781) !important;
}

.bg-purple-782 {
  background: var(--color-purple-782) !important;
}

.bg-purple-783 {
  background: var(--color-purple-783) !important;
}

.bg-purple-784 {
  background: var(--color-purple-784) !important;
}

.bg-purple-785 {
  background: var(--color-purple-785) !important;
}

.bg-purple-786 {
  background: var(--color-purple-786) !important;
}

.bg-purple-787 {
  background: var(--color-purple-787) !important;
}

.bg-purple-788 {
  background: var(--color-purple-788) !important;
}

.bg-purple-789 {
  background: var(--color-purple-789) !important;
}

.bg-purple-790 {
  background: var(--color-purple-790) !important;
}

.bg-purple-791 {
  background: var(--color-purple-791) !important;
}

.bg-purple-792 {
  background: var(--color-purple-792) !important;
}

.bg-purple-793 {
  background: var(--color-purple-793) !important;
}

.bg-purple-794 {
  background: var(--color-purple-794) !important;
}

.bg-purple-795 {
  background: var(--color-purple-795) !important;
}

.bg-purple-796 {
  background: var(--color-purple-796) !important;
}

.bg-purple-797 {
  background: var(--color-purple-797) !important;
}

.bg-purple-798 {
  background: var(--color-purple-798) !important;
}

.bg-purple-799 {
  background: var(--color-purple-799) !important;
}

.bg-purple-800 {
  background: var(--color-purple-800) !important;
}

.bg-purple-801 {
  background: var(--color-purple-801) !important;
}

.bg-purple-802 {
  background: var(--color-purple-802) !important;
}

.bg-purple-803 {
  background: var(--color-purple-803) !important;
}

.bg-purple-804 {
  background: var(--color-purple-804) !important;
}

.bg-purple-805 {
  background: var(--color-purple-805) !important;
}

.bg-purple-806 {
  background: var(--color-purple-806) !important;
}

.bg-purple-807 {
  background: var(--color-purple-807) !important;
}

.bg-purple-808 {
  background: var(--color-purple-808) !important;
}

.bg-purple-809 {
  background: var(--color-purple-809) !important;
}

.bg-purple-810 {
  background: var(--color-purple-810) !important;
}

.bg-purple-811 {
  background: var(--color-purple-811) !important;
}

.bg-purple-812 {
  background: var(--color-purple-812) !important;
}

.bg-purple-813 {
  background: var(--color-purple-813) !important;
}

.bg-purple-814 {
  background: var(--color-purple-814) !important;
}

.bg-purple-815 {
  background: var(--color-purple-815) !important;
}

.bg-purple-816 {
  background: var(--color-purple-816) !important;
}

.bg-purple-817 {
  background: var(--color-purple-817) !important;
}

.bg-purple-818 {
  background: var(--color-purple-818) !important;
}

.bg-purple-819 {
  background: var(--color-purple-819) !important;
}

.bg-purple-820 {
  background: var(--color-purple-820) !important;
}

.bg-purple-821 {
  background: var(--color-purple-821) !important;
}

.bg-purple-822 {
  background: var(--color-purple-822) !important;
}

.bg-purple-823 {
  background: var(--color-purple-823) !important;
}

.bg-purple-824 {
  background: var(--color-purple-824) !important;
}

.bg-purple-825 {
  background: var(--color-purple-825) !important;
}

.bg-purple-826 {
  background: var(--color-purple-826) !important;
}

.bg-purple-827 {
  background: var(--color-purple-827) !important;
}

.bg-purple-828 {
  background: var(--color-purple-828) !important;
}

.bg-purple-829 {
  background: var(--color-purple-829) !important;
}

.bg-purple-830 {
  background: var(--color-purple-830) !important;
}

.bg-purple-831 {
  background: var(--color-purple-831) !important;
}

.bg-purple-832 {
  background: var(--color-purple-832) !important;
}

.bg-purple-833 {
  background: var(--color-purple-833) !important;
}

.bg-purple-834 {
  background: var(--color-purple-834) !important;
}

.bg-purple-835 {
  background: var(--color-purple-835) !important;
}

.bg-purple-836 {
  background: var(--color-purple-836) !important;
}

.bg-purple-837 {
  background: var(--color-purple-837) !important;
}

.bg-purple-838 {
  background: var(--color-purple-838) !important;
}

.bg-purple-839 {
  background: var(--color-purple-839) !important;
}

.bg-purple-840 {
  background: var(--color-purple-840) !important;
}

.bg-purple-841 {
  background: var(--color-purple-841) !important;
}

.bg-purple-842 {
  background: var(--color-purple-842) !important;
}

.bg-purple-843 {
  background: var(--color-purple-843) !important;
}

.bg-purple-844 {
  background: var(--color-purple-844) !important;
}

.bg-purple-845 {
  background: var(--color-purple-845) !important;
}

.bg-purple-846 {
  background: var(--color-purple-846) !important;
}

.bg-purple-847 {
  background: var(--color-purple-847) !important;
}

.bg-purple-848 {
  background: var(--color-purple-848) !important;
}

.bg-purple-849 {
  background: var(--color-purple-849) !important;
}

.bg-purple-850 {
  background: var(--color-purple-850) !important;
}

.bg-purple-851 {
  background: var(--color-purple-851) !important;
}

.bg-purple-852 {
  background: var(--color-purple-852) !important;
}

.bg-purple-853 {
  background: var(--color-purple-853) !important;
}

.bg-purple-854 {
  background: var(--color-purple-854) !important;
}

.bg-purple-855 {
  background: var(--color-purple-855) !important;
}

.bg-purple-856 {
  background: var(--color-purple-856) !important;
}

.bg-purple-857 {
  background: var(--color-purple-857) !important;
}

.bg-purple-858 {
  background: var(--color-purple-858) !important;
}

.bg-purple-859 {
  background: var(--color-purple-859) !important;
}

.bg-purple-860 {
  background: var(--color-purple-860) !important;
}

.bg-purple-861 {
  background: var(--color-purple-861) !important;
}

.bg-purple-862 {
  background: var(--color-purple-862) !important;
}

.bg-purple-863 {
  background: var(--color-purple-863) !important;
}

.bg-purple-864 {
  background: var(--color-purple-864) !important;
}

.bg-purple-865 {
  background: var(--color-purple-865) !important;
}

.bg-purple-866 {
  background: var(--color-purple-866) !important;
}

.bg-purple-867 {
  background: var(--color-purple-867) !important;
}

.bg-purple-868 {
  background: var(--color-purple-868) !important;
}

.bg-purple-869 {
  background: var(--color-purple-869) !important;
}

.bg-purple-870 {
  background: var(--color-purple-870) !important;
}

.bg-purple-871 {
  background: var(--color-purple-871) !important;
}

.bg-purple-872 {
  background: var(--color-purple-872) !important;
}

.bg-purple-873 {
  background: var(--color-purple-873) !important;
}

.bg-purple-874 {
  background: var(--color-purple-874) !important;
}

.bg-purple-875 {
  background: var(--color-purple-875) !important;
}

.bg-purple-876 {
  background: var(--color-purple-876) !important;
}

.bg-purple-877 {
  background: var(--color-purple-877) !important;
}

.bg-purple-878 {
  background: var(--color-purple-878) !important;
}

.bg-purple-879 {
  background: var(--color-purple-879) !important;
}

.bg-purple-880 {
  background: var(--color-purple-880) !important;
}

.bg-purple-881 {
  background: var(--color-purple-881) !important;
}

.bg-purple-882 {
  background: var(--color-purple-882) !important;
}

.bg-purple-883 {
  background: var(--color-purple-883) !important;
}

.bg-purple-884 {
  background: var(--color-purple-884) !important;
}

.bg-purple-885 {
  background: var(--color-purple-885) !important;
}

.bg-purple-886 {
  background: var(--color-purple-886) !important;
}

.bg-purple-887 {
  background: var(--color-purple-887) !important;
}

.bg-purple-888 {
  background: var(--color-purple-888) !important;
}

.bg-purple-889 {
  background: var(--color-purple-889) !important;
}

.bg-purple-890 {
  background: var(--color-purple-890) !important;
}

.bg-purple-891 {
  background: var(--color-purple-891) !important;
}

.bg-purple-892 {
  background: var(--color-purple-892) !important;
}

.bg-purple-893 {
  background: var(--color-purple-893) !important;
}

.bg-purple-894 {
  background: var(--color-purple-894) !important;
}

.bg-purple-895 {
  background: var(--color-purple-895) !important;
}

.bg-purple-896 {
  background: var(--color-purple-896) !important;
}

.bg-purple-897 {
  background: var(--color-purple-897) !important;
}

.bg-purple-898 {
  background: var(--color-purple-898) !important;
}

.bg-purple-899 {
  background: var(--color-purple-899) !important;
}

.bg-purple-900 {
  background: var(--color-purple-900) !important;
}

.bg-fuchsia-25 {
  background: var(--color-fuchsia-25) !important;
}

.bg-fuchsia-26 {
  background: var(--color-fuchsia-26) !important;
}

.bg-fuchsia-27 {
  background: var(--color-fuchsia-27) !important;
}

.bg-fuchsia-28 {
  background: var(--color-fuchsia-28) !important;
}

.bg-fuchsia-29 {
  background: var(--color-fuchsia-29) !important;
}

.bg-fuchsia-30 {
  background: var(--color-fuchsia-30) !important;
}

.bg-fuchsia-31 {
  background: var(--color-fuchsia-31) !important;
}

.bg-fuchsia-32 {
  background: var(--color-fuchsia-32) !important;
}

.bg-fuchsia-33 {
  background: var(--color-fuchsia-33) !important;
}

.bg-fuchsia-34 {
  background: var(--color-fuchsia-34) !important;
}

.bg-fuchsia-35 {
  background: var(--color-fuchsia-35) !important;
}

.bg-fuchsia-36 {
  background: var(--color-fuchsia-36) !important;
}

.bg-fuchsia-37 {
  background: var(--color-fuchsia-37) !important;
}

.bg-fuchsia-38 {
  background: var(--color-fuchsia-38) !important;
}

.bg-fuchsia-39 {
  background: var(--color-fuchsia-39) !important;
}

.bg-fuchsia-40 {
  background: var(--color-fuchsia-40) !important;
}

.bg-fuchsia-41 {
  background: var(--color-fuchsia-41) !important;
}

.bg-fuchsia-42 {
  background: var(--color-fuchsia-42) !important;
}

.bg-fuchsia-43 {
  background: var(--color-fuchsia-43) !important;
}

.bg-fuchsia-44 {
  background: var(--color-fuchsia-44) !important;
}

.bg-fuchsia-45 {
  background: var(--color-fuchsia-45) !important;
}

.bg-fuchsia-46 {
  background: var(--color-fuchsia-46) !important;
}

.bg-fuchsia-47 {
  background: var(--color-fuchsia-47) !important;
}

.bg-fuchsia-48 {
  background: var(--color-fuchsia-48) !important;
}

.bg-fuchsia-49 {
  background: var(--color-fuchsia-49) !important;
}

.bg-fuchsia-50 {
  background: var(--color-fuchsia-50) !important;
}

.bg-fuchsia-51 {
  background: var(--color-fuchsia-51) !important;
}

.bg-fuchsia-52 {
  background: var(--color-fuchsia-52) !important;
}

.bg-fuchsia-53 {
  background: var(--color-fuchsia-53) !important;
}

.bg-fuchsia-54 {
  background: var(--color-fuchsia-54) !important;
}

.bg-fuchsia-55 {
  background: var(--color-fuchsia-55) !important;
}

.bg-fuchsia-56 {
  background: var(--color-fuchsia-56) !important;
}

.bg-fuchsia-57 {
  background: var(--color-fuchsia-57) !important;
}

.bg-fuchsia-58 {
  background: var(--color-fuchsia-58) !important;
}

.bg-fuchsia-59 {
  background: var(--color-fuchsia-59) !important;
}

.bg-fuchsia-60 {
  background: var(--color-fuchsia-60) !important;
}

.bg-fuchsia-61 {
  background: var(--color-fuchsia-61) !important;
}

.bg-fuchsia-62 {
  background: var(--color-fuchsia-62) !important;
}

.bg-fuchsia-63 {
  background: var(--color-fuchsia-63) !important;
}

.bg-fuchsia-64 {
  background: var(--color-fuchsia-64) !important;
}

.bg-fuchsia-65 {
  background: var(--color-fuchsia-65) !important;
}

.bg-fuchsia-66 {
  background: var(--color-fuchsia-66) !important;
}

.bg-fuchsia-67 {
  background: var(--color-fuchsia-67) !important;
}

.bg-fuchsia-68 {
  background: var(--color-fuchsia-68) !important;
}

.bg-fuchsia-69 {
  background: var(--color-fuchsia-69) !important;
}

.bg-fuchsia-70 {
  background: var(--color-fuchsia-70) !important;
}

.bg-fuchsia-71 {
  background: var(--color-fuchsia-71) !important;
}

.bg-fuchsia-72 {
  background: var(--color-fuchsia-72) !important;
}

.bg-fuchsia-73 {
  background: var(--color-fuchsia-73) !important;
}

.bg-fuchsia-74 {
  background: var(--color-fuchsia-74) !important;
}

.bg-fuchsia-75 {
  background: var(--color-fuchsia-75) !important;
}

.bg-fuchsia-76 {
  background: var(--color-fuchsia-76) !important;
}

.bg-fuchsia-77 {
  background: var(--color-fuchsia-77) !important;
}

.bg-fuchsia-78 {
  background: var(--color-fuchsia-78) !important;
}

.bg-fuchsia-79 {
  background: var(--color-fuchsia-79) !important;
}

.bg-fuchsia-80 {
  background: var(--color-fuchsia-80) !important;
}

.bg-fuchsia-81 {
  background: var(--color-fuchsia-81) !important;
}

.bg-fuchsia-82 {
  background: var(--color-fuchsia-82) !important;
}

.bg-fuchsia-83 {
  background: var(--color-fuchsia-83) !important;
}

.bg-fuchsia-84 {
  background: var(--color-fuchsia-84) !important;
}

.bg-fuchsia-85 {
  background: var(--color-fuchsia-85) !important;
}

.bg-fuchsia-86 {
  background: var(--color-fuchsia-86) !important;
}

.bg-fuchsia-87 {
  background: var(--color-fuchsia-87) !important;
}

.bg-fuchsia-88 {
  background: var(--color-fuchsia-88) !important;
}

.bg-fuchsia-89 {
  background: var(--color-fuchsia-89) !important;
}

.bg-fuchsia-90 {
  background: var(--color-fuchsia-90) !important;
}

.bg-fuchsia-91 {
  background: var(--color-fuchsia-91) !important;
}

.bg-fuchsia-92 {
  background: var(--color-fuchsia-92) !important;
}

.bg-fuchsia-93 {
  background: var(--color-fuchsia-93) !important;
}

.bg-fuchsia-94 {
  background: var(--color-fuchsia-94) !important;
}

.bg-fuchsia-95 {
  background: var(--color-fuchsia-95) !important;
}

.bg-fuchsia-96 {
  background: var(--color-fuchsia-96) !important;
}

.bg-fuchsia-97 {
  background: var(--color-fuchsia-97) !important;
}

.bg-fuchsia-98 {
  background: var(--color-fuchsia-98) !important;
}

.bg-fuchsia-99 {
  background: var(--color-fuchsia-99) !important;
}

.bg-fuchsia-100 {
  background: var(--color-fuchsia-100) !important;
}

.bg-fuchsia-101 {
  background: var(--color-fuchsia-101) !important;
}

.bg-fuchsia-102 {
  background: var(--color-fuchsia-102) !important;
}

.bg-fuchsia-103 {
  background: var(--color-fuchsia-103) !important;
}

.bg-fuchsia-104 {
  background: var(--color-fuchsia-104) !important;
}

.bg-fuchsia-105 {
  background: var(--color-fuchsia-105) !important;
}

.bg-fuchsia-106 {
  background: var(--color-fuchsia-106) !important;
}

.bg-fuchsia-107 {
  background: var(--color-fuchsia-107) !important;
}

.bg-fuchsia-108 {
  background: var(--color-fuchsia-108) !important;
}

.bg-fuchsia-109 {
  background: var(--color-fuchsia-109) !important;
}

.bg-fuchsia-110 {
  background: var(--color-fuchsia-110) !important;
}

.bg-fuchsia-111 {
  background: var(--color-fuchsia-111) !important;
}

.bg-fuchsia-112 {
  background: var(--color-fuchsia-112) !important;
}

.bg-fuchsia-113 {
  background: var(--color-fuchsia-113) !important;
}

.bg-fuchsia-114 {
  background: var(--color-fuchsia-114) !important;
}

.bg-fuchsia-115 {
  background: var(--color-fuchsia-115) !important;
}

.bg-fuchsia-116 {
  background: var(--color-fuchsia-116) !important;
}

.bg-fuchsia-117 {
  background: var(--color-fuchsia-117) !important;
}

.bg-fuchsia-118 {
  background: var(--color-fuchsia-118) !important;
}

.bg-fuchsia-119 {
  background: var(--color-fuchsia-119) !important;
}

.bg-fuchsia-120 {
  background: var(--color-fuchsia-120) !important;
}

.bg-fuchsia-121 {
  background: var(--color-fuchsia-121) !important;
}

.bg-fuchsia-122 {
  background: var(--color-fuchsia-122) !important;
}

.bg-fuchsia-123 {
  background: var(--color-fuchsia-123) !important;
}

.bg-fuchsia-124 {
  background: var(--color-fuchsia-124) !important;
}

.bg-fuchsia-125 {
  background: var(--color-fuchsia-125) !important;
}

.bg-fuchsia-126 {
  background: var(--color-fuchsia-126) !important;
}

.bg-fuchsia-127 {
  background: var(--color-fuchsia-127) !important;
}

.bg-fuchsia-128 {
  background: var(--color-fuchsia-128) !important;
}

.bg-fuchsia-129 {
  background: var(--color-fuchsia-129) !important;
}

.bg-fuchsia-130 {
  background: var(--color-fuchsia-130) !important;
}

.bg-fuchsia-131 {
  background: var(--color-fuchsia-131) !important;
}

.bg-fuchsia-132 {
  background: var(--color-fuchsia-132) !important;
}

.bg-fuchsia-133 {
  background: var(--color-fuchsia-133) !important;
}

.bg-fuchsia-134 {
  background: var(--color-fuchsia-134) !important;
}

.bg-fuchsia-135 {
  background: var(--color-fuchsia-135) !important;
}

.bg-fuchsia-136 {
  background: var(--color-fuchsia-136) !important;
}

.bg-fuchsia-137 {
  background: var(--color-fuchsia-137) !important;
}

.bg-fuchsia-138 {
  background: var(--color-fuchsia-138) !important;
}

.bg-fuchsia-139 {
  background: var(--color-fuchsia-139) !important;
}

.bg-fuchsia-140 {
  background: var(--color-fuchsia-140) !important;
}

.bg-fuchsia-141 {
  background: var(--color-fuchsia-141) !important;
}

.bg-fuchsia-142 {
  background: var(--color-fuchsia-142) !important;
}

.bg-fuchsia-143 {
  background: var(--color-fuchsia-143) !important;
}

.bg-fuchsia-144 {
  background: var(--color-fuchsia-144) !important;
}

.bg-fuchsia-145 {
  background: var(--color-fuchsia-145) !important;
}

.bg-fuchsia-146 {
  background: var(--color-fuchsia-146) !important;
}

.bg-fuchsia-147 {
  background: var(--color-fuchsia-147) !important;
}

.bg-fuchsia-148 {
  background: var(--color-fuchsia-148) !important;
}

.bg-fuchsia-149 {
  background: var(--color-fuchsia-149) !important;
}

.bg-fuchsia-150 {
  background: var(--color-fuchsia-150) !important;
}

.bg-fuchsia-151 {
  background: var(--color-fuchsia-151) !important;
}

.bg-fuchsia-152 {
  background: var(--color-fuchsia-152) !important;
}

.bg-fuchsia-153 {
  background: var(--color-fuchsia-153) !important;
}

.bg-fuchsia-154 {
  background: var(--color-fuchsia-154) !important;
}

.bg-fuchsia-155 {
  background: var(--color-fuchsia-155) !important;
}

.bg-fuchsia-156 {
  background: var(--color-fuchsia-156) !important;
}

.bg-fuchsia-157 {
  background: var(--color-fuchsia-157) !important;
}

.bg-fuchsia-158 {
  background: var(--color-fuchsia-158) !important;
}

.bg-fuchsia-159 {
  background: var(--color-fuchsia-159) !important;
}

.bg-fuchsia-160 {
  background: var(--color-fuchsia-160) !important;
}

.bg-fuchsia-161 {
  background: var(--color-fuchsia-161) !important;
}

.bg-fuchsia-162 {
  background: var(--color-fuchsia-162) !important;
}

.bg-fuchsia-163 {
  background: var(--color-fuchsia-163) !important;
}

.bg-fuchsia-164 {
  background: var(--color-fuchsia-164) !important;
}

.bg-fuchsia-165 {
  background: var(--color-fuchsia-165) !important;
}

.bg-fuchsia-166 {
  background: var(--color-fuchsia-166) !important;
}

.bg-fuchsia-167 {
  background: var(--color-fuchsia-167) !important;
}

.bg-fuchsia-168 {
  background: var(--color-fuchsia-168) !important;
}

.bg-fuchsia-169 {
  background: var(--color-fuchsia-169) !important;
}

.bg-fuchsia-170 {
  background: var(--color-fuchsia-170) !important;
}

.bg-fuchsia-171 {
  background: var(--color-fuchsia-171) !important;
}

.bg-fuchsia-172 {
  background: var(--color-fuchsia-172) !important;
}

.bg-fuchsia-173 {
  background: var(--color-fuchsia-173) !important;
}

.bg-fuchsia-174 {
  background: var(--color-fuchsia-174) !important;
}

.bg-fuchsia-175 {
  background: var(--color-fuchsia-175) !important;
}

.bg-fuchsia-176 {
  background: var(--color-fuchsia-176) !important;
}

.bg-fuchsia-177 {
  background: var(--color-fuchsia-177) !important;
}

.bg-fuchsia-178 {
  background: var(--color-fuchsia-178) !important;
}

.bg-fuchsia-179 {
  background: var(--color-fuchsia-179) !important;
}

.bg-fuchsia-180 {
  background: var(--color-fuchsia-180) !important;
}

.bg-fuchsia-181 {
  background: var(--color-fuchsia-181) !important;
}

.bg-fuchsia-182 {
  background: var(--color-fuchsia-182) !important;
}

.bg-fuchsia-183 {
  background: var(--color-fuchsia-183) !important;
}

.bg-fuchsia-184 {
  background: var(--color-fuchsia-184) !important;
}

.bg-fuchsia-185 {
  background: var(--color-fuchsia-185) !important;
}

.bg-fuchsia-186 {
  background: var(--color-fuchsia-186) !important;
}

.bg-fuchsia-187 {
  background: var(--color-fuchsia-187) !important;
}

.bg-fuchsia-188 {
  background: var(--color-fuchsia-188) !important;
}

.bg-fuchsia-189 {
  background: var(--color-fuchsia-189) !important;
}

.bg-fuchsia-190 {
  background: var(--color-fuchsia-190) !important;
}

.bg-fuchsia-191 {
  background: var(--color-fuchsia-191) !important;
}

.bg-fuchsia-192 {
  background: var(--color-fuchsia-192) !important;
}

.bg-fuchsia-193 {
  background: var(--color-fuchsia-193) !important;
}

.bg-fuchsia-194 {
  background: var(--color-fuchsia-194) !important;
}

.bg-fuchsia-195 {
  background: var(--color-fuchsia-195) !important;
}

.bg-fuchsia-196 {
  background: var(--color-fuchsia-196) !important;
}

.bg-fuchsia-197 {
  background: var(--color-fuchsia-197) !important;
}

.bg-fuchsia-198 {
  background: var(--color-fuchsia-198) !important;
}

.bg-fuchsia-199 {
  background: var(--color-fuchsia-199) !important;
}

.bg-fuchsia-200 {
  background: var(--color-fuchsia-200) !important;
}

.bg-fuchsia-201 {
  background: var(--color-fuchsia-201) !important;
}

.bg-fuchsia-202 {
  background: var(--color-fuchsia-202) !important;
}

.bg-fuchsia-203 {
  background: var(--color-fuchsia-203) !important;
}

.bg-fuchsia-204 {
  background: var(--color-fuchsia-204) !important;
}

.bg-fuchsia-205 {
  background: var(--color-fuchsia-205) !important;
}

.bg-fuchsia-206 {
  background: var(--color-fuchsia-206) !important;
}

.bg-fuchsia-207 {
  background: var(--color-fuchsia-207) !important;
}

.bg-fuchsia-208 {
  background: var(--color-fuchsia-208) !important;
}

.bg-fuchsia-209 {
  background: var(--color-fuchsia-209) !important;
}

.bg-fuchsia-210 {
  background: var(--color-fuchsia-210) !important;
}

.bg-fuchsia-211 {
  background: var(--color-fuchsia-211) !important;
}

.bg-fuchsia-212 {
  background: var(--color-fuchsia-212) !important;
}

.bg-fuchsia-213 {
  background: var(--color-fuchsia-213) !important;
}

.bg-fuchsia-214 {
  background: var(--color-fuchsia-214) !important;
}

.bg-fuchsia-215 {
  background: var(--color-fuchsia-215) !important;
}

.bg-fuchsia-216 {
  background: var(--color-fuchsia-216) !important;
}

.bg-fuchsia-217 {
  background: var(--color-fuchsia-217) !important;
}

.bg-fuchsia-218 {
  background: var(--color-fuchsia-218) !important;
}

.bg-fuchsia-219 {
  background: var(--color-fuchsia-219) !important;
}

.bg-fuchsia-220 {
  background: var(--color-fuchsia-220) !important;
}

.bg-fuchsia-221 {
  background: var(--color-fuchsia-221) !important;
}

.bg-fuchsia-222 {
  background: var(--color-fuchsia-222) !important;
}

.bg-fuchsia-223 {
  background: var(--color-fuchsia-223) !important;
}

.bg-fuchsia-224 {
  background: var(--color-fuchsia-224) !important;
}

.bg-fuchsia-225 {
  background: var(--color-fuchsia-225) !important;
}

.bg-fuchsia-226 {
  background: var(--color-fuchsia-226) !important;
}

.bg-fuchsia-227 {
  background: var(--color-fuchsia-227) !important;
}

.bg-fuchsia-228 {
  background: var(--color-fuchsia-228) !important;
}

.bg-fuchsia-229 {
  background: var(--color-fuchsia-229) !important;
}

.bg-fuchsia-230 {
  background: var(--color-fuchsia-230) !important;
}

.bg-fuchsia-231 {
  background: var(--color-fuchsia-231) !important;
}

.bg-fuchsia-232 {
  background: var(--color-fuchsia-232) !important;
}

.bg-fuchsia-233 {
  background: var(--color-fuchsia-233) !important;
}

.bg-fuchsia-234 {
  background: var(--color-fuchsia-234) !important;
}

.bg-fuchsia-235 {
  background: var(--color-fuchsia-235) !important;
}

.bg-fuchsia-236 {
  background: var(--color-fuchsia-236) !important;
}

.bg-fuchsia-237 {
  background: var(--color-fuchsia-237) !important;
}

.bg-fuchsia-238 {
  background: var(--color-fuchsia-238) !important;
}

.bg-fuchsia-239 {
  background: var(--color-fuchsia-239) !important;
}

.bg-fuchsia-240 {
  background: var(--color-fuchsia-240) !important;
}

.bg-fuchsia-241 {
  background: var(--color-fuchsia-241) !important;
}

.bg-fuchsia-242 {
  background: var(--color-fuchsia-242) !important;
}

.bg-fuchsia-243 {
  background: var(--color-fuchsia-243) !important;
}

.bg-fuchsia-244 {
  background: var(--color-fuchsia-244) !important;
}

.bg-fuchsia-245 {
  background: var(--color-fuchsia-245) !important;
}

.bg-fuchsia-246 {
  background: var(--color-fuchsia-246) !important;
}

.bg-fuchsia-247 {
  background: var(--color-fuchsia-247) !important;
}

.bg-fuchsia-248 {
  background: var(--color-fuchsia-248) !important;
}

.bg-fuchsia-249 {
  background: var(--color-fuchsia-249) !important;
}

.bg-fuchsia-250 {
  background: var(--color-fuchsia-250) !important;
}

.bg-fuchsia-251 {
  background: var(--color-fuchsia-251) !important;
}

.bg-fuchsia-252 {
  background: var(--color-fuchsia-252) !important;
}

.bg-fuchsia-253 {
  background: var(--color-fuchsia-253) !important;
}

.bg-fuchsia-254 {
  background: var(--color-fuchsia-254) !important;
}

.bg-fuchsia-255 {
  background: var(--color-fuchsia-255) !important;
}

.bg-fuchsia-256 {
  background: var(--color-fuchsia-256) !important;
}

.bg-fuchsia-257 {
  background: var(--color-fuchsia-257) !important;
}

.bg-fuchsia-258 {
  background: var(--color-fuchsia-258) !important;
}

.bg-fuchsia-259 {
  background: var(--color-fuchsia-259) !important;
}

.bg-fuchsia-260 {
  background: var(--color-fuchsia-260) !important;
}

.bg-fuchsia-261 {
  background: var(--color-fuchsia-261) !important;
}

.bg-fuchsia-262 {
  background: var(--color-fuchsia-262) !important;
}

.bg-fuchsia-263 {
  background: var(--color-fuchsia-263) !important;
}

.bg-fuchsia-264 {
  background: var(--color-fuchsia-264) !important;
}

.bg-fuchsia-265 {
  background: var(--color-fuchsia-265) !important;
}

.bg-fuchsia-266 {
  background: var(--color-fuchsia-266) !important;
}

.bg-fuchsia-267 {
  background: var(--color-fuchsia-267) !important;
}

.bg-fuchsia-268 {
  background: var(--color-fuchsia-268) !important;
}

.bg-fuchsia-269 {
  background: var(--color-fuchsia-269) !important;
}

.bg-fuchsia-270 {
  background: var(--color-fuchsia-270) !important;
}

.bg-fuchsia-271 {
  background: var(--color-fuchsia-271) !important;
}

.bg-fuchsia-272 {
  background: var(--color-fuchsia-272) !important;
}

.bg-fuchsia-273 {
  background: var(--color-fuchsia-273) !important;
}

.bg-fuchsia-274 {
  background: var(--color-fuchsia-274) !important;
}

.bg-fuchsia-275 {
  background: var(--color-fuchsia-275) !important;
}

.bg-fuchsia-276 {
  background: var(--color-fuchsia-276) !important;
}

.bg-fuchsia-277 {
  background: var(--color-fuchsia-277) !important;
}

.bg-fuchsia-278 {
  background: var(--color-fuchsia-278) !important;
}

.bg-fuchsia-279 {
  background: var(--color-fuchsia-279) !important;
}

.bg-fuchsia-280 {
  background: var(--color-fuchsia-280) !important;
}

.bg-fuchsia-281 {
  background: var(--color-fuchsia-281) !important;
}

.bg-fuchsia-282 {
  background: var(--color-fuchsia-282) !important;
}

.bg-fuchsia-283 {
  background: var(--color-fuchsia-283) !important;
}

.bg-fuchsia-284 {
  background: var(--color-fuchsia-284) !important;
}

.bg-fuchsia-285 {
  background: var(--color-fuchsia-285) !important;
}

.bg-fuchsia-286 {
  background: var(--color-fuchsia-286) !important;
}

.bg-fuchsia-287 {
  background: var(--color-fuchsia-287) !important;
}

.bg-fuchsia-288 {
  background: var(--color-fuchsia-288) !important;
}

.bg-fuchsia-289 {
  background: var(--color-fuchsia-289) !important;
}

.bg-fuchsia-290 {
  background: var(--color-fuchsia-290) !important;
}

.bg-fuchsia-291 {
  background: var(--color-fuchsia-291) !important;
}

.bg-fuchsia-292 {
  background: var(--color-fuchsia-292) !important;
}

.bg-fuchsia-293 {
  background: var(--color-fuchsia-293) !important;
}

.bg-fuchsia-294 {
  background: var(--color-fuchsia-294) !important;
}

.bg-fuchsia-295 {
  background: var(--color-fuchsia-295) !important;
}

.bg-fuchsia-296 {
  background: var(--color-fuchsia-296) !important;
}

.bg-fuchsia-297 {
  background: var(--color-fuchsia-297) !important;
}

.bg-fuchsia-298 {
  background: var(--color-fuchsia-298) !important;
}

.bg-fuchsia-299 {
  background: var(--color-fuchsia-299) !important;
}

.bg-fuchsia-300 {
  background: var(--color-fuchsia-300) !important;
}

.bg-fuchsia-301 {
  background: var(--color-fuchsia-301) !important;
}

.bg-fuchsia-302 {
  background: var(--color-fuchsia-302) !important;
}

.bg-fuchsia-303 {
  background: var(--color-fuchsia-303) !important;
}

.bg-fuchsia-304 {
  background: var(--color-fuchsia-304) !important;
}

.bg-fuchsia-305 {
  background: var(--color-fuchsia-305) !important;
}

.bg-fuchsia-306 {
  background: var(--color-fuchsia-306) !important;
}

.bg-fuchsia-307 {
  background: var(--color-fuchsia-307) !important;
}

.bg-fuchsia-308 {
  background: var(--color-fuchsia-308) !important;
}

.bg-fuchsia-309 {
  background: var(--color-fuchsia-309) !important;
}

.bg-fuchsia-310 {
  background: var(--color-fuchsia-310) !important;
}

.bg-fuchsia-311 {
  background: var(--color-fuchsia-311) !important;
}

.bg-fuchsia-312 {
  background: var(--color-fuchsia-312) !important;
}

.bg-fuchsia-313 {
  background: var(--color-fuchsia-313) !important;
}

.bg-fuchsia-314 {
  background: var(--color-fuchsia-314) !important;
}

.bg-fuchsia-315 {
  background: var(--color-fuchsia-315) !important;
}

.bg-fuchsia-316 {
  background: var(--color-fuchsia-316) !important;
}

.bg-fuchsia-317 {
  background: var(--color-fuchsia-317) !important;
}

.bg-fuchsia-318 {
  background: var(--color-fuchsia-318) !important;
}

.bg-fuchsia-319 {
  background: var(--color-fuchsia-319) !important;
}

.bg-fuchsia-320 {
  background: var(--color-fuchsia-320) !important;
}

.bg-fuchsia-321 {
  background: var(--color-fuchsia-321) !important;
}

.bg-fuchsia-322 {
  background: var(--color-fuchsia-322) !important;
}

.bg-fuchsia-323 {
  background: var(--color-fuchsia-323) !important;
}

.bg-fuchsia-324 {
  background: var(--color-fuchsia-324) !important;
}

.bg-fuchsia-325 {
  background: var(--color-fuchsia-325) !important;
}

.bg-fuchsia-326 {
  background: var(--color-fuchsia-326) !important;
}

.bg-fuchsia-327 {
  background: var(--color-fuchsia-327) !important;
}

.bg-fuchsia-328 {
  background: var(--color-fuchsia-328) !important;
}

.bg-fuchsia-329 {
  background: var(--color-fuchsia-329) !important;
}

.bg-fuchsia-330 {
  background: var(--color-fuchsia-330) !important;
}

.bg-fuchsia-331 {
  background: var(--color-fuchsia-331) !important;
}

.bg-fuchsia-332 {
  background: var(--color-fuchsia-332) !important;
}

.bg-fuchsia-333 {
  background: var(--color-fuchsia-333) !important;
}

.bg-fuchsia-334 {
  background: var(--color-fuchsia-334) !important;
}

.bg-fuchsia-335 {
  background: var(--color-fuchsia-335) !important;
}

.bg-fuchsia-336 {
  background: var(--color-fuchsia-336) !important;
}

.bg-fuchsia-337 {
  background: var(--color-fuchsia-337) !important;
}

.bg-fuchsia-338 {
  background: var(--color-fuchsia-338) !important;
}

.bg-fuchsia-339 {
  background: var(--color-fuchsia-339) !important;
}

.bg-fuchsia-340 {
  background: var(--color-fuchsia-340) !important;
}

.bg-fuchsia-341 {
  background: var(--color-fuchsia-341) !important;
}

.bg-fuchsia-342 {
  background: var(--color-fuchsia-342) !important;
}

.bg-fuchsia-343 {
  background: var(--color-fuchsia-343) !important;
}

.bg-fuchsia-344 {
  background: var(--color-fuchsia-344) !important;
}

.bg-fuchsia-345 {
  background: var(--color-fuchsia-345) !important;
}

.bg-fuchsia-346 {
  background: var(--color-fuchsia-346) !important;
}

.bg-fuchsia-347 {
  background: var(--color-fuchsia-347) !important;
}

.bg-fuchsia-348 {
  background: var(--color-fuchsia-348) !important;
}

.bg-fuchsia-349 {
  background: var(--color-fuchsia-349) !important;
}

.bg-fuchsia-350 {
  background: var(--color-fuchsia-350) !important;
}

.bg-fuchsia-351 {
  background: var(--color-fuchsia-351) !important;
}

.bg-fuchsia-352 {
  background: var(--color-fuchsia-352) !important;
}

.bg-fuchsia-353 {
  background: var(--color-fuchsia-353) !important;
}

.bg-fuchsia-354 {
  background: var(--color-fuchsia-354) !important;
}

.bg-fuchsia-355 {
  background: var(--color-fuchsia-355) !important;
}

.bg-fuchsia-356 {
  background: var(--color-fuchsia-356) !important;
}

.bg-fuchsia-357 {
  background: var(--color-fuchsia-357) !important;
}

.bg-fuchsia-358 {
  background: var(--color-fuchsia-358) !important;
}

.bg-fuchsia-359 {
  background: var(--color-fuchsia-359) !important;
}

.bg-fuchsia-360 {
  background: var(--color-fuchsia-360) !important;
}

.bg-fuchsia-361 {
  background: var(--color-fuchsia-361) !important;
}

.bg-fuchsia-362 {
  background: var(--color-fuchsia-362) !important;
}

.bg-fuchsia-363 {
  background: var(--color-fuchsia-363) !important;
}

.bg-fuchsia-364 {
  background: var(--color-fuchsia-364) !important;
}

.bg-fuchsia-365 {
  background: var(--color-fuchsia-365) !important;
}

.bg-fuchsia-366 {
  background: var(--color-fuchsia-366) !important;
}

.bg-fuchsia-367 {
  background: var(--color-fuchsia-367) !important;
}

.bg-fuchsia-368 {
  background: var(--color-fuchsia-368) !important;
}

.bg-fuchsia-369 {
  background: var(--color-fuchsia-369) !important;
}

.bg-fuchsia-370 {
  background: var(--color-fuchsia-370) !important;
}

.bg-fuchsia-371 {
  background: var(--color-fuchsia-371) !important;
}

.bg-fuchsia-372 {
  background: var(--color-fuchsia-372) !important;
}

.bg-fuchsia-373 {
  background: var(--color-fuchsia-373) !important;
}

.bg-fuchsia-374 {
  background: var(--color-fuchsia-374) !important;
}

.bg-fuchsia-375 {
  background: var(--color-fuchsia-375) !important;
}

.bg-fuchsia-376 {
  background: var(--color-fuchsia-376) !important;
}

.bg-fuchsia-377 {
  background: var(--color-fuchsia-377) !important;
}

.bg-fuchsia-378 {
  background: var(--color-fuchsia-378) !important;
}

.bg-fuchsia-379 {
  background: var(--color-fuchsia-379) !important;
}

.bg-fuchsia-380 {
  background: var(--color-fuchsia-380) !important;
}

.bg-fuchsia-381 {
  background: var(--color-fuchsia-381) !important;
}

.bg-fuchsia-382 {
  background: var(--color-fuchsia-382) !important;
}

.bg-fuchsia-383 {
  background: var(--color-fuchsia-383) !important;
}

.bg-fuchsia-384 {
  background: var(--color-fuchsia-384) !important;
}

.bg-fuchsia-385 {
  background: var(--color-fuchsia-385) !important;
}

.bg-fuchsia-386 {
  background: var(--color-fuchsia-386) !important;
}

.bg-fuchsia-387 {
  background: var(--color-fuchsia-387) !important;
}

.bg-fuchsia-388 {
  background: var(--color-fuchsia-388) !important;
}

.bg-fuchsia-389 {
  background: var(--color-fuchsia-389) !important;
}

.bg-fuchsia-390 {
  background: var(--color-fuchsia-390) !important;
}

.bg-fuchsia-391 {
  background: var(--color-fuchsia-391) !important;
}

.bg-fuchsia-392 {
  background: var(--color-fuchsia-392) !important;
}

.bg-fuchsia-393 {
  background: var(--color-fuchsia-393) !important;
}

.bg-fuchsia-394 {
  background: var(--color-fuchsia-394) !important;
}

.bg-fuchsia-395 {
  background: var(--color-fuchsia-395) !important;
}

.bg-fuchsia-396 {
  background: var(--color-fuchsia-396) !important;
}

.bg-fuchsia-397 {
  background: var(--color-fuchsia-397) !important;
}

.bg-fuchsia-398 {
  background: var(--color-fuchsia-398) !important;
}

.bg-fuchsia-399 {
  background: var(--color-fuchsia-399) !important;
}

.bg-fuchsia-400 {
  background: var(--color-fuchsia-400) !important;
}

.bg-fuchsia-401 {
  background: var(--color-fuchsia-401) !important;
}

.bg-fuchsia-402 {
  background: var(--color-fuchsia-402) !important;
}

.bg-fuchsia-403 {
  background: var(--color-fuchsia-403) !important;
}

.bg-fuchsia-404 {
  background: var(--color-fuchsia-404) !important;
}

.bg-fuchsia-405 {
  background: var(--color-fuchsia-405) !important;
}

.bg-fuchsia-406 {
  background: var(--color-fuchsia-406) !important;
}

.bg-fuchsia-407 {
  background: var(--color-fuchsia-407) !important;
}

.bg-fuchsia-408 {
  background: var(--color-fuchsia-408) !important;
}

.bg-fuchsia-409 {
  background: var(--color-fuchsia-409) !important;
}

.bg-fuchsia-410 {
  background: var(--color-fuchsia-410) !important;
}

.bg-fuchsia-411 {
  background: var(--color-fuchsia-411) !important;
}

.bg-fuchsia-412 {
  background: var(--color-fuchsia-412) !important;
}

.bg-fuchsia-413 {
  background: var(--color-fuchsia-413) !important;
}

.bg-fuchsia-414 {
  background: var(--color-fuchsia-414) !important;
}

.bg-fuchsia-415 {
  background: var(--color-fuchsia-415) !important;
}

.bg-fuchsia-416 {
  background: var(--color-fuchsia-416) !important;
}

.bg-fuchsia-417 {
  background: var(--color-fuchsia-417) !important;
}

.bg-fuchsia-418 {
  background: var(--color-fuchsia-418) !important;
}

.bg-fuchsia-419 {
  background: var(--color-fuchsia-419) !important;
}

.bg-fuchsia-420 {
  background: var(--color-fuchsia-420) !important;
}

.bg-fuchsia-421 {
  background: var(--color-fuchsia-421) !important;
}

.bg-fuchsia-422 {
  background: var(--color-fuchsia-422) !important;
}

.bg-fuchsia-423 {
  background: var(--color-fuchsia-423) !important;
}

.bg-fuchsia-424 {
  background: var(--color-fuchsia-424) !important;
}

.bg-fuchsia-425 {
  background: var(--color-fuchsia-425) !important;
}

.bg-fuchsia-426 {
  background: var(--color-fuchsia-426) !important;
}

.bg-fuchsia-427 {
  background: var(--color-fuchsia-427) !important;
}

.bg-fuchsia-428 {
  background: var(--color-fuchsia-428) !important;
}

.bg-fuchsia-429 {
  background: var(--color-fuchsia-429) !important;
}

.bg-fuchsia-430 {
  background: var(--color-fuchsia-430) !important;
}

.bg-fuchsia-431 {
  background: var(--color-fuchsia-431) !important;
}

.bg-fuchsia-432 {
  background: var(--color-fuchsia-432) !important;
}

.bg-fuchsia-433 {
  background: var(--color-fuchsia-433) !important;
}

.bg-fuchsia-434 {
  background: var(--color-fuchsia-434) !important;
}

.bg-fuchsia-435 {
  background: var(--color-fuchsia-435) !important;
}

.bg-fuchsia-436 {
  background: var(--color-fuchsia-436) !important;
}

.bg-fuchsia-437 {
  background: var(--color-fuchsia-437) !important;
}

.bg-fuchsia-438 {
  background: var(--color-fuchsia-438) !important;
}

.bg-fuchsia-439 {
  background: var(--color-fuchsia-439) !important;
}

.bg-fuchsia-440 {
  background: var(--color-fuchsia-440) !important;
}

.bg-fuchsia-441 {
  background: var(--color-fuchsia-441) !important;
}

.bg-fuchsia-442 {
  background: var(--color-fuchsia-442) !important;
}

.bg-fuchsia-443 {
  background: var(--color-fuchsia-443) !important;
}

.bg-fuchsia-444 {
  background: var(--color-fuchsia-444) !important;
}

.bg-fuchsia-445 {
  background: var(--color-fuchsia-445) !important;
}

.bg-fuchsia-446 {
  background: var(--color-fuchsia-446) !important;
}

.bg-fuchsia-447 {
  background: var(--color-fuchsia-447) !important;
}

.bg-fuchsia-448 {
  background: var(--color-fuchsia-448) !important;
}

.bg-fuchsia-449 {
  background: var(--color-fuchsia-449) !important;
}

.bg-fuchsia-450 {
  background: var(--color-fuchsia-450) !important;
}

.bg-fuchsia-451 {
  background: var(--color-fuchsia-451) !important;
}

.bg-fuchsia-452 {
  background: var(--color-fuchsia-452) !important;
}

.bg-fuchsia-453 {
  background: var(--color-fuchsia-453) !important;
}

.bg-fuchsia-454 {
  background: var(--color-fuchsia-454) !important;
}

.bg-fuchsia-455 {
  background: var(--color-fuchsia-455) !important;
}

.bg-fuchsia-456 {
  background: var(--color-fuchsia-456) !important;
}

.bg-fuchsia-457 {
  background: var(--color-fuchsia-457) !important;
}

.bg-fuchsia-458 {
  background: var(--color-fuchsia-458) !important;
}

.bg-fuchsia-459 {
  background: var(--color-fuchsia-459) !important;
}

.bg-fuchsia-460 {
  background: var(--color-fuchsia-460) !important;
}

.bg-fuchsia-461 {
  background: var(--color-fuchsia-461) !important;
}

.bg-fuchsia-462 {
  background: var(--color-fuchsia-462) !important;
}

.bg-fuchsia-463 {
  background: var(--color-fuchsia-463) !important;
}

.bg-fuchsia-464 {
  background: var(--color-fuchsia-464) !important;
}

.bg-fuchsia-465 {
  background: var(--color-fuchsia-465) !important;
}

.bg-fuchsia-466 {
  background: var(--color-fuchsia-466) !important;
}

.bg-fuchsia-467 {
  background: var(--color-fuchsia-467) !important;
}

.bg-fuchsia-468 {
  background: var(--color-fuchsia-468) !important;
}

.bg-fuchsia-469 {
  background: var(--color-fuchsia-469) !important;
}

.bg-fuchsia-470 {
  background: var(--color-fuchsia-470) !important;
}

.bg-fuchsia-471 {
  background: var(--color-fuchsia-471) !important;
}

.bg-fuchsia-472 {
  background: var(--color-fuchsia-472) !important;
}

.bg-fuchsia-473 {
  background: var(--color-fuchsia-473) !important;
}

.bg-fuchsia-474 {
  background: var(--color-fuchsia-474) !important;
}

.bg-fuchsia-475 {
  background: var(--color-fuchsia-475) !important;
}

.bg-fuchsia-476 {
  background: var(--color-fuchsia-476) !important;
}

.bg-fuchsia-477 {
  background: var(--color-fuchsia-477) !important;
}

.bg-fuchsia-478 {
  background: var(--color-fuchsia-478) !important;
}

.bg-fuchsia-479 {
  background: var(--color-fuchsia-479) !important;
}

.bg-fuchsia-480 {
  background: var(--color-fuchsia-480) !important;
}

.bg-fuchsia-481 {
  background: var(--color-fuchsia-481) !important;
}

.bg-fuchsia-482 {
  background: var(--color-fuchsia-482) !important;
}

.bg-fuchsia-483 {
  background: var(--color-fuchsia-483) !important;
}

.bg-fuchsia-484 {
  background: var(--color-fuchsia-484) !important;
}

.bg-fuchsia-485 {
  background: var(--color-fuchsia-485) !important;
}

.bg-fuchsia-486 {
  background: var(--color-fuchsia-486) !important;
}

.bg-fuchsia-487 {
  background: var(--color-fuchsia-487) !important;
}

.bg-fuchsia-488 {
  background: var(--color-fuchsia-488) !important;
}

.bg-fuchsia-489 {
  background: var(--color-fuchsia-489) !important;
}

.bg-fuchsia-490 {
  background: var(--color-fuchsia-490) !important;
}

.bg-fuchsia-491 {
  background: var(--color-fuchsia-491) !important;
}

.bg-fuchsia-492 {
  background: var(--color-fuchsia-492) !important;
}

.bg-fuchsia-493 {
  background: var(--color-fuchsia-493) !important;
}

.bg-fuchsia-494 {
  background: var(--color-fuchsia-494) !important;
}

.bg-fuchsia-495 {
  background: var(--color-fuchsia-495) !important;
}

.bg-fuchsia-496 {
  background: var(--color-fuchsia-496) !important;
}

.bg-fuchsia-497 {
  background: var(--color-fuchsia-497) !important;
}

.bg-fuchsia-498 {
  background: var(--color-fuchsia-498) !important;
}

.bg-fuchsia-499 {
  background: var(--color-fuchsia-499) !important;
}

.bg-fuchsia-500 {
  background: var(--color-fuchsia-500) !important;
}

.bg-fuchsia-501 {
  background: var(--color-fuchsia-501) !important;
}

.bg-fuchsia-502 {
  background: var(--color-fuchsia-502) !important;
}

.bg-fuchsia-503 {
  background: var(--color-fuchsia-503) !important;
}

.bg-fuchsia-504 {
  background: var(--color-fuchsia-504) !important;
}

.bg-fuchsia-505 {
  background: var(--color-fuchsia-505) !important;
}

.bg-fuchsia-506 {
  background: var(--color-fuchsia-506) !important;
}

.bg-fuchsia-507 {
  background: var(--color-fuchsia-507) !important;
}

.bg-fuchsia-508 {
  background: var(--color-fuchsia-508) !important;
}

.bg-fuchsia-509 {
  background: var(--color-fuchsia-509) !important;
}

.bg-fuchsia-510 {
  background: var(--color-fuchsia-510) !important;
}

.bg-fuchsia-511 {
  background: var(--color-fuchsia-511) !important;
}

.bg-fuchsia-512 {
  background: var(--color-fuchsia-512) !important;
}

.bg-fuchsia-513 {
  background: var(--color-fuchsia-513) !important;
}

.bg-fuchsia-514 {
  background: var(--color-fuchsia-514) !important;
}

.bg-fuchsia-515 {
  background: var(--color-fuchsia-515) !important;
}

.bg-fuchsia-516 {
  background: var(--color-fuchsia-516) !important;
}

.bg-fuchsia-517 {
  background: var(--color-fuchsia-517) !important;
}

.bg-fuchsia-518 {
  background: var(--color-fuchsia-518) !important;
}

.bg-fuchsia-519 {
  background: var(--color-fuchsia-519) !important;
}

.bg-fuchsia-520 {
  background: var(--color-fuchsia-520) !important;
}

.bg-fuchsia-521 {
  background: var(--color-fuchsia-521) !important;
}

.bg-fuchsia-522 {
  background: var(--color-fuchsia-522) !important;
}

.bg-fuchsia-523 {
  background: var(--color-fuchsia-523) !important;
}

.bg-fuchsia-524 {
  background: var(--color-fuchsia-524) !important;
}

.bg-fuchsia-525 {
  background: var(--color-fuchsia-525) !important;
}

.bg-fuchsia-526 {
  background: var(--color-fuchsia-526) !important;
}

.bg-fuchsia-527 {
  background: var(--color-fuchsia-527) !important;
}

.bg-fuchsia-528 {
  background: var(--color-fuchsia-528) !important;
}

.bg-fuchsia-529 {
  background: var(--color-fuchsia-529) !important;
}

.bg-fuchsia-530 {
  background: var(--color-fuchsia-530) !important;
}

.bg-fuchsia-531 {
  background: var(--color-fuchsia-531) !important;
}

.bg-fuchsia-532 {
  background: var(--color-fuchsia-532) !important;
}

.bg-fuchsia-533 {
  background: var(--color-fuchsia-533) !important;
}

.bg-fuchsia-534 {
  background: var(--color-fuchsia-534) !important;
}

.bg-fuchsia-535 {
  background: var(--color-fuchsia-535) !important;
}

.bg-fuchsia-536 {
  background: var(--color-fuchsia-536) !important;
}

.bg-fuchsia-537 {
  background: var(--color-fuchsia-537) !important;
}

.bg-fuchsia-538 {
  background: var(--color-fuchsia-538) !important;
}

.bg-fuchsia-539 {
  background: var(--color-fuchsia-539) !important;
}

.bg-fuchsia-540 {
  background: var(--color-fuchsia-540) !important;
}

.bg-fuchsia-541 {
  background: var(--color-fuchsia-541) !important;
}

.bg-fuchsia-542 {
  background: var(--color-fuchsia-542) !important;
}

.bg-fuchsia-543 {
  background: var(--color-fuchsia-543) !important;
}

.bg-fuchsia-544 {
  background: var(--color-fuchsia-544) !important;
}

.bg-fuchsia-545 {
  background: var(--color-fuchsia-545) !important;
}

.bg-fuchsia-546 {
  background: var(--color-fuchsia-546) !important;
}

.bg-fuchsia-547 {
  background: var(--color-fuchsia-547) !important;
}

.bg-fuchsia-548 {
  background: var(--color-fuchsia-548) !important;
}

.bg-fuchsia-549 {
  background: var(--color-fuchsia-549) !important;
}

.bg-fuchsia-550 {
  background: var(--color-fuchsia-550) !important;
}

.bg-fuchsia-551 {
  background: var(--color-fuchsia-551) !important;
}

.bg-fuchsia-552 {
  background: var(--color-fuchsia-552) !important;
}

.bg-fuchsia-553 {
  background: var(--color-fuchsia-553) !important;
}

.bg-fuchsia-554 {
  background: var(--color-fuchsia-554) !important;
}

.bg-fuchsia-555 {
  background: var(--color-fuchsia-555) !important;
}

.bg-fuchsia-556 {
  background: var(--color-fuchsia-556) !important;
}

.bg-fuchsia-557 {
  background: var(--color-fuchsia-557) !important;
}

.bg-fuchsia-558 {
  background: var(--color-fuchsia-558) !important;
}

.bg-fuchsia-559 {
  background: var(--color-fuchsia-559) !important;
}

.bg-fuchsia-560 {
  background: var(--color-fuchsia-560) !important;
}

.bg-fuchsia-561 {
  background: var(--color-fuchsia-561) !important;
}

.bg-fuchsia-562 {
  background: var(--color-fuchsia-562) !important;
}

.bg-fuchsia-563 {
  background: var(--color-fuchsia-563) !important;
}

.bg-fuchsia-564 {
  background: var(--color-fuchsia-564) !important;
}

.bg-fuchsia-565 {
  background: var(--color-fuchsia-565) !important;
}

.bg-fuchsia-566 {
  background: var(--color-fuchsia-566) !important;
}

.bg-fuchsia-567 {
  background: var(--color-fuchsia-567) !important;
}

.bg-fuchsia-568 {
  background: var(--color-fuchsia-568) !important;
}

.bg-fuchsia-569 {
  background: var(--color-fuchsia-569) !important;
}

.bg-fuchsia-570 {
  background: var(--color-fuchsia-570) !important;
}

.bg-fuchsia-571 {
  background: var(--color-fuchsia-571) !important;
}

.bg-fuchsia-572 {
  background: var(--color-fuchsia-572) !important;
}

.bg-fuchsia-573 {
  background: var(--color-fuchsia-573) !important;
}

.bg-fuchsia-574 {
  background: var(--color-fuchsia-574) !important;
}

.bg-fuchsia-575 {
  background: var(--color-fuchsia-575) !important;
}

.bg-fuchsia-576 {
  background: var(--color-fuchsia-576) !important;
}

.bg-fuchsia-577 {
  background: var(--color-fuchsia-577) !important;
}

.bg-fuchsia-578 {
  background: var(--color-fuchsia-578) !important;
}

.bg-fuchsia-579 {
  background: var(--color-fuchsia-579) !important;
}

.bg-fuchsia-580 {
  background: var(--color-fuchsia-580) !important;
}

.bg-fuchsia-581 {
  background: var(--color-fuchsia-581) !important;
}

.bg-fuchsia-582 {
  background: var(--color-fuchsia-582) !important;
}

.bg-fuchsia-583 {
  background: var(--color-fuchsia-583) !important;
}

.bg-fuchsia-584 {
  background: var(--color-fuchsia-584) !important;
}

.bg-fuchsia-585 {
  background: var(--color-fuchsia-585) !important;
}

.bg-fuchsia-586 {
  background: var(--color-fuchsia-586) !important;
}

.bg-fuchsia-587 {
  background: var(--color-fuchsia-587) !important;
}

.bg-fuchsia-588 {
  background: var(--color-fuchsia-588) !important;
}

.bg-fuchsia-589 {
  background: var(--color-fuchsia-589) !important;
}

.bg-fuchsia-590 {
  background: var(--color-fuchsia-590) !important;
}

.bg-fuchsia-591 {
  background: var(--color-fuchsia-591) !important;
}

.bg-fuchsia-592 {
  background: var(--color-fuchsia-592) !important;
}

.bg-fuchsia-593 {
  background: var(--color-fuchsia-593) !important;
}

.bg-fuchsia-594 {
  background: var(--color-fuchsia-594) !important;
}

.bg-fuchsia-595 {
  background: var(--color-fuchsia-595) !important;
}

.bg-fuchsia-596 {
  background: var(--color-fuchsia-596) !important;
}

.bg-fuchsia-597 {
  background: var(--color-fuchsia-597) !important;
}

.bg-fuchsia-598 {
  background: var(--color-fuchsia-598) !important;
}

.bg-fuchsia-599 {
  background: var(--color-fuchsia-599) !important;
}

.bg-fuchsia-600 {
  background: var(--color-fuchsia-600) !important;
}

.bg-fuchsia-601 {
  background: var(--color-fuchsia-601) !important;
}

.bg-fuchsia-602 {
  background: var(--color-fuchsia-602) !important;
}

.bg-fuchsia-603 {
  background: var(--color-fuchsia-603) !important;
}

.bg-fuchsia-604 {
  background: var(--color-fuchsia-604) !important;
}

.bg-fuchsia-605 {
  background: var(--color-fuchsia-605) !important;
}

.bg-fuchsia-606 {
  background: var(--color-fuchsia-606) !important;
}

.bg-fuchsia-607 {
  background: var(--color-fuchsia-607) !important;
}

.bg-fuchsia-608 {
  background: var(--color-fuchsia-608) !important;
}

.bg-fuchsia-609 {
  background: var(--color-fuchsia-609) !important;
}

.bg-fuchsia-610 {
  background: var(--color-fuchsia-610) !important;
}

.bg-fuchsia-611 {
  background: var(--color-fuchsia-611) !important;
}

.bg-fuchsia-612 {
  background: var(--color-fuchsia-612) !important;
}

.bg-fuchsia-613 {
  background: var(--color-fuchsia-613) !important;
}

.bg-fuchsia-614 {
  background: var(--color-fuchsia-614) !important;
}

.bg-fuchsia-615 {
  background: var(--color-fuchsia-615) !important;
}

.bg-fuchsia-616 {
  background: var(--color-fuchsia-616) !important;
}

.bg-fuchsia-617 {
  background: var(--color-fuchsia-617) !important;
}

.bg-fuchsia-618 {
  background: var(--color-fuchsia-618) !important;
}

.bg-fuchsia-619 {
  background: var(--color-fuchsia-619) !important;
}

.bg-fuchsia-620 {
  background: var(--color-fuchsia-620) !important;
}

.bg-fuchsia-621 {
  background: var(--color-fuchsia-621) !important;
}

.bg-fuchsia-622 {
  background: var(--color-fuchsia-622) !important;
}

.bg-fuchsia-623 {
  background: var(--color-fuchsia-623) !important;
}

.bg-fuchsia-624 {
  background: var(--color-fuchsia-624) !important;
}

.bg-fuchsia-625 {
  background: var(--color-fuchsia-625) !important;
}

.bg-fuchsia-626 {
  background: var(--color-fuchsia-626) !important;
}

.bg-fuchsia-627 {
  background: var(--color-fuchsia-627) !important;
}

.bg-fuchsia-628 {
  background: var(--color-fuchsia-628) !important;
}

.bg-fuchsia-629 {
  background: var(--color-fuchsia-629) !important;
}

.bg-fuchsia-630 {
  background: var(--color-fuchsia-630) !important;
}

.bg-fuchsia-631 {
  background: var(--color-fuchsia-631) !important;
}

.bg-fuchsia-632 {
  background: var(--color-fuchsia-632) !important;
}

.bg-fuchsia-633 {
  background: var(--color-fuchsia-633) !important;
}

.bg-fuchsia-634 {
  background: var(--color-fuchsia-634) !important;
}

.bg-fuchsia-635 {
  background: var(--color-fuchsia-635) !important;
}

.bg-fuchsia-636 {
  background: var(--color-fuchsia-636) !important;
}

.bg-fuchsia-637 {
  background: var(--color-fuchsia-637) !important;
}

.bg-fuchsia-638 {
  background: var(--color-fuchsia-638) !important;
}

.bg-fuchsia-639 {
  background: var(--color-fuchsia-639) !important;
}

.bg-fuchsia-640 {
  background: var(--color-fuchsia-640) !important;
}

.bg-fuchsia-641 {
  background: var(--color-fuchsia-641) !important;
}

.bg-fuchsia-642 {
  background: var(--color-fuchsia-642) !important;
}

.bg-fuchsia-643 {
  background: var(--color-fuchsia-643) !important;
}

.bg-fuchsia-644 {
  background: var(--color-fuchsia-644) !important;
}

.bg-fuchsia-645 {
  background: var(--color-fuchsia-645) !important;
}

.bg-fuchsia-646 {
  background: var(--color-fuchsia-646) !important;
}

.bg-fuchsia-647 {
  background: var(--color-fuchsia-647) !important;
}

.bg-fuchsia-648 {
  background: var(--color-fuchsia-648) !important;
}

.bg-fuchsia-649 {
  background: var(--color-fuchsia-649) !important;
}

.bg-fuchsia-650 {
  background: var(--color-fuchsia-650) !important;
}

.bg-fuchsia-651 {
  background: var(--color-fuchsia-651) !important;
}

.bg-fuchsia-652 {
  background: var(--color-fuchsia-652) !important;
}

.bg-fuchsia-653 {
  background: var(--color-fuchsia-653) !important;
}

.bg-fuchsia-654 {
  background: var(--color-fuchsia-654) !important;
}

.bg-fuchsia-655 {
  background: var(--color-fuchsia-655) !important;
}

.bg-fuchsia-656 {
  background: var(--color-fuchsia-656) !important;
}

.bg-fuchsia-657 {
  background: var(--color-fuchsia-657) !important;
}

.bg-fuchsia-658 {
  background: var(--color-fuchsia-658) !important;
}

.bg-fuchsia-659 {
  background: var(--color-fuchsia-659) !important;
}

.bg-fuchsia-660 {
  background: var(--color-fuchsia-660) !important;
}

.bg-fuchsia-661 {
  background: var(--color-fuchsia-661) !important;
}

.bg-fuchsia-662 {
  background: var(--color-fuchsia-662) !important;
}

.bg-fuchsia-663 {
  background: var(--color-fuchsia-663) !important;
}

.bg-fuchsia-664 {
  background: var(--color-fuchsia-664) !important;
}

.bg-fuchsia-665 {
  background: var(--color-fuchsia-665) !important;
}

.bg-fuchsia-666 {
  background: var(--color-fuchsia-666) !important;
}

.bg-fuchsia-667 {
  background: var(--color-fuchsia-667) !important;
}

.bg-fuchsia-668 {
  background: var(--color-fuchsia-668) !important;
}

.bg-fuchsia-669 {
  background: var(--color-fuchsia-669) !important;
}

.bg-fuchsia-670 {
  background: var(--color-fuchsia-670) !important;
}

.bg-fuchsia-671 {
  background: var(--color-fuchsia-671) !important;
}

.bg-fuchsia-672 {
  background: var(--color-fuchsia-672) !important;
}

.bg-fuchsia-673 {
  background: var(--color-fuchsia-673) !important;
}

.bg-fuchsia-674 {
  background: var(--color-fuchsia-674) !important;
}

.bg-fuchsia-675 {
  background: var(--color-fuchsia-675) !important;
}

.bg-fuchsia-676 {
  background: var(--color-fuchsia-676) !important;
}

.bg-fuchsia-677 {
  background: var(--color-fuchsia-677) !important;
}

.bg-fuchsia-678 {
  background: var(--color-fuchsia-678) !important;
}

.bg-fuchsia-679 {
  background: var(--color-fuchsia-679) !important;
}

.bg-fuchsia-680 {
  background: var(--color-fuchsia-680) !important;
}

.bg-fuchsia-681 {
  background: var(--color-fuchsia-681) !important;
}

.bg-fuchsia-682 {
  background: var(--color-fuchsia-682) !important;
}

.bg-fuchsia-683 {
  background: var(--color-fuchsia-683) !important;
}

.bg-fuchsia-684 {
  background: var(--color-fuchsia-684) !important;
}

.bg-fuchsia-685 {
  background: var(--color-fuchsia-685) !important;
}

.bg-fuchsia-686 {
  background: var(--color-fuchsia-686) !important;
}

.bg-fuchsia-687 {
  background: var(--color-fuchsia-687) !important;
}

.bg-fuchsia-688 {
  background: var(--color-fuchsia-688) !important;
}

.bg-fuchsia-689 {
  background: var(--color-fuchsia-689) !important;
}

.bg-fuchsia-690 {
  background: var(--color-fuchsia-690) !important;
}

.bg-fuchsia-691 {
  background: var(--color-fuchsia-691) !important;
}

.bg-fuchsia-692 {
  background: var(--color-fuchsia-692) !important;
}

.bg-fuchsia-693 {
  background: var(--color-fuchsia-693) !important;
}

.bg-fuchsia-694 {
  background: var(--color-fuchsia-694) !important;
}

.bg-fuchsia-695 {
  background: var(--color-fuchsia-695) !important;
}

.bg-fuchsia-696 {
  background: var(--color-fuchsia-696) !important;
}

.bg-fuchsia-697 {
  background: var(--color-fuchsia-697) !important;
}

.bg-fuchsia-698 {
  background: var(--color-fuchsia-698) !important;
}

.bg-fuchsia-699 {
  background: var(--color-fuchsia-699) !important;
}

.bg-fuchsia-700 {
  background: var(--color-fuchsia-700) !important;
}

.bg-fuchsia-701 {
  background: var(--color-fuchsia-701) !important;
}

.bg-fuchsia-702 {
  background: var(--color-fuchsia-702) !important;
}

.bg-fuchsia-703 {
  background: var(--color-fuchsia-703) !important;
}

.bg-fuchsia-704 {
  background: var(--color-fuchsia-704) !important;
}

.bg-fuchsia-705 {
  background: var(--color-fuchsia-705) !important;
}

.bg-fuchsia-706 {
  background: var(--color-fuchsia-706) !important;
}

.bg-fuchsia-707 {
  background: var(--color-fuchsia-707) !important;
}

.bg-fuchsia-708 {
  background: var(--color-fuchsia-708) !important;
}

.bg-fuchsia-709 {
  background: var(--color-fuchsia-709) !important;
}

.bg-fuchsia-710 {
  background: var(--color-fuchsia-710) !important;
}

.bg-fuchsia-711 {
  background: var(--color-fuchsia-711) !important;
}

.bg-fuchsia-712 {
  background: var(--color-fuchsia-712) !important;
}

.bg-fuchsia-713 {
  background: var(--color-fuchsia-713) !important;
}

.bg-fuchsia-714 {
  background: var(--color-fuchsia-714) !important;
}

.bg-fuchsia-715 {
  background: var(--color-fuchsia-715) !important;
}

.bg-fuchsia-716 {
  background: var(--color-fuchsia-716) !important;
}

.bg-fuchsia-717 {
  background: var(--color-fuchsia-717) !important;
}

.bg-fuchsia-718 {
  background: var(--color-fuchsia-718) !important;
}

.bg-fuchsia-719 {
  background: var(--color-fuchsia-719) !important;
}

.bg-fuchsia-720 {
  background: var(--color-fuchsia-720) !important;
}

.bg-fuchsia-721 {
  background: var(--color-fuchsia-721) !important;
}

.bg-fuchsia-722 {
  background: var(--color-fuchsia-722) !important;
}

.bg-fuchsia-723 {
  background: var(--color-fuchsia-723) !important;
}

.bg-fuchsia-724 {
  background: var(--color-fuchsia-724) !important;
}

.bg-fuchsia-725 {
  background: var(--color-fuchsia-725) !important;
}

.bg-fuchsia-726 {
  background: var(--color-fuchsia-726) !important;
}

.bg-fuchsia-727 {
  background: var(--color-fuchsia-727) !important;
}

.bg-fuchsia-728 {
  background: var(--color-fuchsia-728) !important;
}

.bg-fuchsia-729 {
  background: var(--color-fuchsia-729) !important;
}

.bg-fuchsia-730 {
  background: var(--color-fuchsia-730) !important;
}

.bg-fuchsia-731 {
  background: var(--color-fuchsia-731) !important;
}

.bg-fuchsia-732 {
  background: var(--color-fuchsia-732) !important;
}

.bg-fuchsia-733 {
  background: var(--color-fuchsia-733) !important;
}

.bg-fuchsia-734 {
  background: var(--color-fuchsia-734) !important;
}

.bg-fuchsia-735 {
  background: var(--color-fuchsia-735) !important;
}

.bg-fuchsia-736 {
  background: var(--color-fuchsia-736) !important;
}

.bg-fuchsia-737 {
  background: var(--color-fuchsia-737) !important;
}

.bg-fuchsia-738 {
  background: var(--color-fuchsia-738) !important;
}

.bg-fuchsia-739 {
  background: var(--color-fuchsia-739) !important;
}

.bg-fuchsia-740 {
  background: var(--color-fuchsia-740) !important;
}

.bg-fuchsia-741 {
  background: var(--color-fuchsia-741) !important;
}

.bg-fuchsia-742 {
  background: var(--color-fuchsia-742) !important;
}

.bg-fuchsia-743 {
  background: var(--color-fuchsia-743) !important;
}

.bg-fuchsia-744 {
  background: var(--color-fuchsia-744) !important;
}

.bg-fuchsia-745 {
  background: var(--color-fuchsia-745) !important;
}

.bg-fuchsia-746 {
  background: var(--color-fuchsia-746) !important;
}

.bg-fuchsia-747 {
  background: var(--color-fuchsia-747) !important;
}

.bg-fuchsia-748 {
  background: var(--color-fuchsia-748) !important;
}

.bg-fuchsia-749 {
  background: var(--color-fuchsia-749) !important;
}

.bg-fuchsia-750 {
  background: var(--color-fuchsia-750) !important;
}

.bg-fuchsia-751 {
  background: var(--color-fuchsia-751) !important;
}

.bg-fuchsia-752 {
  background: var(--color-fuchsia-752) !important;
}

.bg-fuchsia-753 {
  background: var(--color-fuchsia-753) !important;
}

.bg-fuchsia-754 {
  background: var(--color-fuchsia-754) !important;
}

.bg-fuchsia-755 {
  background: var(--color-fuchsia-755) !important;
}

.bg-fuchsia-756 {
  background: var(--color-fuchsia-756) !important;
}

.bg-fuchsia-757 {
  background: var(--color-fuchsia-757) !important;
}

.bg-fuchsia-758 {
  background: var(--color-fuchsia-758) !important;
}

.bg-fuchsia-759 {
  background: var(--color-fuchsia-759) !important;
}

.bg-fuchsia-760 {
  background: var(--color-fuchsia-760) !important;
}

.bg-fuchsia-761 {
  background: var(--color-fuchsia-761) !important;
}

.bg-fuchsia-762 {
  background: var(--color-fuchsia-762) !important;
}

.bg-fuchsia-763 {
  background: var(--color-fuchsia-763) !important;
}

.bg-fuchsia-764 {
  background: var(--color-fuchsia-764) !important;
}

.bg-fuchsia-765 {
  background: var(--color-fuchsia-765) !important;
}

.bg-fuchsia-766 {
  background: var(--color-fuchsia-766) !important;
}

.bg-fuchsia-767 {
  background: var(--color-fuchsia-767) !important;
}

.bg-fuchsia-768 {
  background: var(--color-fuchsia-768) !important;
}

.bg-fuchsia-769 {
  background: var(--color-fuchsia-769) !important;
}

.bg-fuchsia-770 {
  background: var(--color-fuchsia-770) !important;
}

.bg-fuchsia-771 {
  background: var(--color-fuchsia-771) !important;
}

.bg-fuchsia-772 {
  background: var(--color-fuchsia-772) !important;
}

.bg-fuchsia-773 {
  background: var(--color-fuchsia-773) !important;
}

.bg-fuchsia-774 {
  background: var(--color-fuchsia-774) !important;
}

.bg-fuchsia-775 {
  background: var(--color-fuchsia-775) !important;
}

.bg-fuchsia-776 {
  background: var(--color-fuchsia-776) !important;
}

.bg-fuchsia-777 {
  background: var(--color-fuchsia-777) !important;
}

.bg-fuchsia-778 {
  background: var(--color-fuchsia-778) !important;
}

.bg-fuchsia-779 {
  background: var(--color-fuchsia-779) !important;
}

.bg-fuchsia-780 {
  background: var(--color-fuchsia-780) !important;
}

.bg-fuchsia-781 {
  background: var(--color-fuchsia-781) !important;
}

.bg-fuchsia-782 {
  background: var(--color-fuchsia-782) !important;
}

.bg-fuchsia-783 {
  background: var(--color-fuchsia-783) !important;
}

.bg-fuchsia-784 {
  background: var(--color-fuchsia-784) !important;
}

.bg-fuchsia-785 {
  background: var(--color-fuchsia-785) !important;
}

.bg-fuchsia-786 {
  background: var(--color-fuchsia-786) !important;
}

.bg-fuchsia-787 {
  background: var(--color-fuchsia-787) !important;
}

.bg-fuchsia-788 {
  background: var(--color-fuchsia-788) !important;
}

.bg-fuchsia-789 {
  background: var(--color-fuchsia-789) !important;
}

.bg-fuchsia-790 {
  background: var(--color-fuchsia-790) !important;
}

.bg-fuchsia-791 {
  background: var(--color-fuchsia-791) !important;
}

.bg-fuchsia-792 {
  background: var(--color-fuchsia-792) !important;
}

.bg-fuchsia-793 {
  background: var(--color-fuchsia-793) !important;
}

.bg-fuchsia-794 {
  background: var(--color-fuchsia-794) !important;
}

.bg-fuchsia-795 {
  background: var(--color-fuchsia-795) !important;
}

.bg-fuchsia-796 {
  background: var(--color-fuchsia-796) !important;
}

.bg-fuchsia-797 {
  background: var(--color-fuchsia-797) !important;
}

.bg-fuchsia-798 {
  background: var(--color-fuchsia-798) !important;
}

.bg-fuchsia-799 {
  background: var(--color-fuchsia-799) !important;
}

.bg-fuchsia-800 {
  background: var(--color-fuchsia-800) !important;
}

.bg-fuchsia-801 {
  background: var(--color-fuchsia-801) !important;
}

.bg-fuchsia-802 {
  background: var(--color-fuchsia-802) !important;
}

.bg-fuchsia-803 {
  background: var(--color-fuchsia-803) !important;
}

.bg-fuchsia-804 {
  background: var(--color-fuchsia-804) !important;
}

.bg-fuchsia-805 {
  background: var(--color-fuchsia-805) !important;
}

.bg-fuchsia-806 {
  background: var(--color-fuchsia-806) !important;
}

.bg-fuchsia-807 {
  background: var(--color-fuchsia-807) !important;
}

.bg-fuchsia-808 {
  background: var(--color-fuchsia-808) !important;
}

.bg-fuchsia-809 {
  background: var(--color-fuchsia-809) !important;
}

.bg-fuchsia-810 {
  background: var(--color-fuchsia-810) !important;
}

.bg-fuchsia-811 {
  background: var(--color-fuchsia-811) !important;
}

.bg-fuchsia-812 {
  background: var(--color-fuchsia-812) !important;
}

.bg-fuchsia-813 {
  background: var(--color-fuchsia-813) !important;
}

.bg-fuchsia-814 {
  background: var(--color-fuchsia-814) !important;
}

.bg-fuchsia-815 {
  background: var(--color-fuchsia-815) !important;
}

.bg-fuchsia-816 {
  background: var(--color-fuchsia-816) !important;
}

.bg-fuchsia-817 {
  background: var(--color-fuchsia-817) !important;
}

.bg-fuchsia-818 {
  background: var(--color-fuchsia-818) !important;
}

.bg-fuchsia-819 {
  background: var(--color-fuchsia-819) !important;
}

.bg-fuchsia-820 {
  background: var(--color-fuchsia-820) !important;
}

.bg-fuchsia-821 {
  background: var(--color-fuchsia-821) !important;
}

.bg-fuchsia-822 {
  background: var(--color-fuchsia-822) !important;
}

.bg-fuchsia-823 {
  background: var(--color-fuchsia-823) !important;
}

.bg-fuchsia-824 {
  background: var(--color-fuchsia-824) !important;
}

.bg-fuchsia-825 {
  background: var(--color-fuchsia-825) !important;
}

.bg-fuchsia-826 {
  background: var(--color-fuchsia-826) !important;
}

.bg-fuchsia-827 {
  background: var(--color-fuchsia-827) !important;
}

.bg-fuchsia-828 {
  background: var(--color-fuchsia-828) !important;
}

.bg-fuchsia-829 {
  background: var(--color-fuchsia-829) !important;
}

.bg-fuchsia-830 {
  background: var(--color-fuchsia-830) !important;
}

.bg-fuchsia-831 {
  background: var(--color-fuchsia-831) !important;
}

.bg-fuchsia-832 {
  background: var(--color-fuchsia-832) !important;
}

.bg-fuchsia-833 {
  background: var(--color-fuchsia-833) !important;
}

.bg-fuchsia-834 {
  background: var(--color-fuchsia-834) !important;
}

.bg-fuchsia-835 {
  background: var(--color-fuchsia-835) !important;
}

.bg-fuchsia-836 {
  background: var(--color-fuchsia-836) !important;
}

.bg-fuchsia-837 {
  background: var(--color-fuchsia-837) !important;
}

.bg-fuchsia-838 {
  background: var(--color-fuchsia-838) !important;
}

.bg-fuchsia-839 {
  background: var(--color-fuchsia-839) !important;
}

.bg-fuchsia-840 {
  background: var(--color-fuchsia-840) !important;
}

.bg-fuchsia-841 {
  background: var(--color-fuchsia-841) !important;
}

.bg-fuchsia-842 {
  background: var(--color-fuchsia-842) !important;
}

.bg-fuchsia-843 {
  background: var(--color-fuchsia-843) !important;
}

.bg-fuchsia-844 {
  background: var(--color-fuchsia-844) !important;
}

.bg-fuchsia-845 {
  background: var(--color-fuchsia-845) !important;
}

.bg-fuchsia-846 {
  background: var(--color-fuchsia-846) !important;
}

.bg-fuchsia-847 {
  background: var(--color-fuchsia-847) !important;
}

.bg-fuchsia-848 {
  background: var(--color-fuchsia-848) !important;
}

.bg-fuchsia-849 {
  background: var(--color-fuchsia-849) !important;
}

.bg-fuchsia-850 {
  background: var(--color-fuchsia-850) !important;
}

.bg-fuchsia-851 {
  background: var(--color-fuchsia-851) !important;
}

.bg-fuchsia-852 {
  background: var(--color-fuchsia-852) !important;
}

.bg-fuchsia-853 {
  background: var(--color-fuchsia-853) !important;
}

.bg-fuchsia-854 {
  background: var(--color-fuchsia-854) !important;
}

.bg-fuchsia-855 {
  background: var(--color-fuchsia-855) !important;
}

.bg-fuchsia-856 {
  background: var(--color-fuchsia-856) !important;
}

.bg-fuchsia-857 {
  background: var(--color-fuchsia-857) !important;
}

.bg-fuchsia-858 {
  background: var(--color-fuchsia-858) !important;
}

.bg-fuchsia-859 {
  background: var(--color-fuchsia-859) !important;
}

.bg-fuchsia-860 {
  background: var(--color-fuchsia-860) !important;
}

.bg-fuchsia-861 {
  background: var(--color-fuchsia-861) !important;
}

.bg-fuchsia-862 {
  background: var(--color-fuchsia-862) !important;
}

.bg-fuchsia-863 {
  background: var(--color-fuchsia-863) !important;
}

.bg-fuchsia-864 {
  background: var(--color-fuchsia-864) !important;
}

.bg-fuchsia-865 {
  background: var(--color-fuchsia-865) !important;
}

.bg-fuchsia-866 {
  background: var(--color-fuchsia-866) !important;
}

.bg-fuchsia-867 {
  background: var(--color-fuchsia-867) !important;
}

.bg-fuchsia-868 {
  background: var(--color-fuchsia-868) !important;
}

.bg-fuchsia-869 {
  background: var(--color-fuchsia-869) !important;
}

.bg-fuchsia-870 {
  background: var(--color-fuchsia-870) !important;
}

.bg-fuchsia-871 {
  background: var(--color-fuchsia-871) !important;
}

.bg-fuchsia-872 {
  background: var(--color-fuchsia-872) !important;
}

.bg-fuchsia-873 {
  background: var(--color-fuchsia-873) !important;
}

.bg-fuchsia-874 {
  background: var(--color-fuchsia-874) !important;
}

.bg-fuchsia-875 {
  background: var(--color-fuchsia-875) !important;
}

.bg-fuchsia-876 {
  background: var(--color-fuchsia-876) !important;
}

.bg-fuchsia-877 {
  background: var(--color-fuchsia-877) !important;
}

.bg-fuchsia-878 {
  background: var(--color-fuchsia-878) !important;
}

.bg-fuchsia-879 {
  background: var(--color-fuchsia-879) !important;
}

.bg-fuchsia-880 {
  background: var(--color-fuchsia-880) !important;
}

.bg-fuchsia-881 {
  background: var(--color-fuchsia-881) !important;
}

.bg-fuchsia-882 {
  background: var(--color-fuchsia-882) !important;
}

.bg-fuchsia-883 {
  background: var(--color-fuchsia-883) !important;
}

.bg-fuchsia-884 {
  background: var(--color-fuchsia-884) !important;
}

.bg-fuchsia-885 {
  background: var(--color-fuchsia-885) !important;
}

.bg-fuchsia-886 {
  background: var(--color-fuchsia-886) !important;
}

.bg-fuchsia-887 {
  background: var(--color-fuchsia-887) !important;
}

.bg-fuchsia-888 {
  background: var(--color-fuchsia-888) !important;
}

.bg-fuchsia-889 {
  background: var(--color-fuchsia-889) !important;
}

.bg-fuchsia-890 {
  background: var(--color-fuchsia-890) !important;
}

.bg-fuchsia-891 {
  background: var(--color-fuchsia-891) !important;
}

.bg-fuchsia-892 {
  background: var(--color-fuchsia-892) !important;
}

.bg-fuchsia-893 {
  background: var(--color-fuchsia-893) !important;
}

.bg-fuchsia-894 {
  background: var(--color-fuchsia-894) !important;
}

.bg-fuchsia-895 {
  background: var(--color-fuchsia-895) !important;
}

.bg-fuchsia-896 {
  background: var(--color-fuchsia-896) !important;
}

.bg-fuchsia-897 {
  background: var(--color-fuchsia-897) !important;
}

.bg-fuchsia-898 {
  background: var(--color-fuchsia-898) !important;
}

.bg-fuchsia-899 {
  background: var(--color-fuchsia-899) !important;
}

.bg-fuchsia-900 {
  background: var(--color-fuchsia-900) !important;
}

.bg-red-25 {
  background: var(--color-red-25) !important;
}

.bg-red-26 {
  background: var(--color-red-26) !important;
}

.bg-red-27 {
  background: var(--color-red-27) !important;
}

.bg-red-28 {
  background: var(--color-red-28) !important;
}

.bg-red-29 {
  background: var(--color-red-29) !important;
}

.bg-red-30 {
  background: var(--color-red-30) !important;
}

.bg-red-31 {
  background: var(--color-red-31) !important;
}

.bg-red-32 {
  background: var(--color-red-32) !important;
}

.bg-red-33 {
  background: var(--color-red-33) !important;
}

.bg-red-34 {
  background: var(--color-red-34) !important;
}

.bg-red-35 {
  background: var(--color-red-35) !important;
}

.bg-red-36 {
  background: var(--color-red-36) !important;
}

.bg-red-37 {
  background: var(--color-red-37) !important;
}

.bg-red-38 {
  background: var(--color-red-38) !important;
}

.bg-red-39 {
  background: var(--color-red-39) !important;
}

.bg-red-40 {
  background: var(--color-red-40) !important;
}

.bg-red-41 {
  background: var(--color-red-41) !important;
}

.bg-red-42 {
  background: var(--color-red-42) !important;
}

.bg-red-43 {
  background: var(--color-red-43) !important;
}

.bg-red-44 {
  background: var(--color-red-44) !important;
}

.bg-red-45 {
  background: var(--color-red-45) !important;
}

.bg-red-46 {
  background: var(--color-red-46) !important;
}

.bg-red-47 {
  background: var(--color-red-47) !important;
}

.bg-red-48 {
  background: var(--color-red-48) !important;
}

.bg-red-49 {
  background: var(--color-red-49) !important;
}

.bg-red-50 {
  background: var(--color-red-50) !important;
}

.bg-red-51 {
  background: var(--color-red-51) !important;
}

.bg-red-52 {
  background: var(--color-red-52) !important;
}

.bg-red-53 {
  background: var(--color-red-53) !important;
}

.bg-red-54 {
  background: var(--color-red-54) !important;
}

.bg-red-55 {
  background: var(--color-red-55) !important;
}

.bg-red-56 {
  background: var(--color-red-56) !important;
}

.bg-red-57 {
  background: var(--color-red-57) !important;
}

.bg-red-58 {
  background: var(--color-red-58) !important;
}

.bg-red-59 {
  background: var(--color-red-59) !important;
}

.bg-red-60 {
  background: var(--color-red-60) !important;
}

.bg-red-61 {
  background: var(--color-red-61) !important;
}

.bg-red-62 {
  background: var(--color-red-62) !important;
}

.bg-red-63 {
  background: var(--color-red-63) !important;
}

.bg-red-64 {
  background: var(--color-red-64) !important;
}

.bg-red-65 {
  background: var(--color-red-65) !important;
}

.bg-red-66 {
  background: var(--color-red-66) !important;
}

.bg-red-67 {
  background: var(--color-red-67) !important;
}

.bg-red-68 {
  background: var(--color-red-68) !important;
}

.bg-red-69 {
  background: var(--color-red-69) !important;
}

.bg-red-70 {
  background: var(--color-red-70) !important;
}

.bg-red-71 {
  background: var(--color-red-71) !important;
}

.bg-red-72 {
  background: var(--color-red-72) !important;
}

.bg-red-73 {
  background: var(--color-red-73) !important;
}

.bg-red-74 {
  background: var(--color-red-74) !important;
}

.bg-red-75 {
  background: var(--color-red-75) !important;
}

.bg-red-76 {
  background: var(--color-red-76) !important;
}

.bg-red-77 {
  background: var(--color-red-77) !important;
}

.bg-red-78 {
  background: var(--color-red-78) !important;
}

.bg-red-79 {
  background: var(--color-red-79) !important;
}

.bg-red-80 {
  background: var(--color-red-80) !important;
}

.bg-red-81 {
  background: var(--color-red-81) !important;
}

.bg-red-82 {
  background: var(--color-red-82) !important;
}

.bg-red-83 {
  background: var(--color-red-83) !important;
}

.bg-red-84 {
  background: var(--color-red-84) !important;
}

.bg-red-85 {
  background: var(--color-red-85) !important;
}

.bg-red-86 {
  background: var(--color-red-86) !important;
}

.bg-red-87 {
  background: var(--color-red-87) !important;
}

.bg-red-88 {
  background: var(--color-red-88) !important;
}

.bg-red-89 {
  background: var(--color-red-89) !important;
}

.bg-red-90 {
  background: var(--color-red-90) !important;
}

.bg-red-91 {
  background: var(--color-red-91) !important;
}

.bg-red-92 {
  background: var(--color-red-92) !important;
}

.bg-red-93 {
  background: var(--color-red-93) !important;
}

.bg-red-94 {
  background: var(--color-red-94) !important;
}

.bg-red-95 {
  background: var(--color-red-95) !important;
}

.bg-red-96 {
  background: var(--color-red-96) !important;
}

.bg-red-97 {
  background: var(--color-red-97) !important;
}

.bg-red-98 {
  background: var(--color-red-98) !important;
}

.bg-red-99 {
  background: var(--color-red-99) !important;
}

.bg-red-100 {
  background: var(--color-red-100) !important;
}

.bg-red-101 {
  background: var(--color-red-101) !important;
}

.bg-red-102 {
  background: var(--color-red-102) !important;
}

.bg-red-103 {
  background: var(--color-red-103) !important;
}

.bg-red-104 {
  background: var(--color-red-104) !important;
}

.bg-red-105 {
  background: var(--color-red-105) !important;
}

.bg-red-106 {
  background: var(--color-red-106) !important;
}

.bg-red-107 {
  background: var(--color-red-107) !important;
}

.bg-red-108 {
  background: var(--color-red-108) !important;
}

.bg-red-109 {
  background: var(--color-red-109) !important;
}

.bg-red-110 {
  background: var(--color-red-110) !important;
}

.bg-red-111 {
  background: var(--color-red-111) !important;
}

.bg-red-112 {
  background: var(--color-red-112) !important;
}

.bg-red-113 {
  background: var(--color-red-113) !important;
}

.bg-red-114 {
  background: var(--color-red-114) !important;
}

.bg-red-115 {
  background: var(--color-red-115) !important;
}

.bg-red-116 {
  background: var(--color-red-116) !important;
}

.bg-red-117 {
  background: var(--color-red-117) !important;
}

.bg-red-118 {
  background: var(--color-red-118) !important;
}

.bg-red-119 {
  background: var(--color-red-119) !important;
}

.bg-red-120 {
  background: var(--color-red-120) !important;
}

.bg-red-121 {
  background: var(--color-red-121) !important;
}

.bg-red-122 {
  background: var(--color-red-122) !important;
}

.bg-red-123 {
  background: var(--color-red-123) !important;
}

.bg-red-124 {
  background: var(--color-red-124) !important;
}

.bg-red-125 {
  background: var(--color-red-125) !important;
}

.bg-red-126 {
  background: var(--color-red-126) !important;
}

.bg-red-127 {
  background: var(--color-red-127) !important;
}

.bg-red-128 {
  background: var(--color-red-128) !important;
}

.bg-red-129 {
  background: var(--color-red-129) !important;
}

.bg-red-130 {
  background: var(--color-red-130) !important;
}

.bg-red-131 {
  background: var(--color-red-131) !important;
}

.bg-red-132 {
  background: var(--color-red-132) !important;
}

.bg-red-133 {
  background: var(--color-red-133) !important;
}

.bg-red-134 {
  background: var(--color-red-134) !important;
}

.bg-red-135 {
  background: var(--color-red-135) !important;
}

.bg-red-136 {
  background: var(--color-red-136) !important;
}

.bg-red-137 {
  background: var(--color-red-137) !important;
}

.bg-red-138 {
  background: var(--color-red-138) !important;
}

.bg-red-139 {
  background: var(--color-red-139) !important;
}

.bg-red-140 {
  background: var(--color-red-140) !important;
}

.bg-red-141 {
  background: var(--color-red-141) !important;
}

.bg-red-142 {
  background: var(--color-red-142) !important;
}

.bg-red-143 {
  background: var(--color-red-143) !important;
}

.bg-red-144 {
  background: var(--color-red-144) !important;
}

.bg-red-145 {
  background: var(--color-red-145) !important;
}

.bg-red-146 {
  background: var(--color-red-146) !important;
}

.bg-red-147 {
  background: var(--color-red-147) !important;
}

.bg-red-148 {
  background: var(--color-red-148) !important;
}

.bg-red-149 {
  background: var(--color-red-149) !important;
}

.bg-red-150 {
  background: var(--color-red-150) !important;
}

.bg-red-151 {
  background: var(--color-red-151) !important;
}

.bg-red-152 {
  background: var(--color-red-152) !important;
}

.bg-red-153 {
  background: var(--color-red-153) !important;
}

.bg-red-154 {
  background: var(--color-red-154) !important;
}

.bg-red-155 {
  background: var(--color-red-155) !important;
}

.bg-red-156 {
  background: var(--color-red-156) !important;
}

.bg-red-157 {
  background: var(--color-red-157) !important;
}

.bg-red-158 {
  background: var(--color-red-158) !important;
}

.bg-red-159 {
  background: var(--color-red-159) !important;
}

.bg-red-160 {
  background: var(--color-red-160) !important;
}

.bg-red-161 {
  background: var(--color-red-161) !important;
}

.bg-red-162 {
  background: var(--color-red-162) !important;
}

.bg-red-163 {
  background: var(--color-red-163) !important;
}

.bg-red-164 {
  background: var(--color-red-164) !important;
}

.bg-red-165 {
  background: var(--color-red-165) !important;
}

.bg-red-166 {
  background: var(--color-red-166) !important;
}

.bg-red-167 {
  background: var(--color-red-167) !important;
}

.bg-red-168 {
  background: var(--color-red-168) !important;
}

.bg-red-169 {
  background: var(--color-red-169) !important;
}

.bg-red-170 {
  background: var(--color-red-170) !important;
}

.bg-red-171 {
  background: var(--color-red-171) !important;
}

.bg-red-172 {
  background: var(--color-red-172) !important;
}

.bg-red-173 {
  background: var(--color-red-173) !important;
}

.bg-red-174 {
  background: var(--color-red-174) !important;
}

.bg-red-175 {
  background: var(--color-red-175) !important;
}

.bg-red-176 {
  background: var(--color-red-176) !important;
}

.bg-red-177 {
  background: var(--color-red-177) !important;
}

.bg-red-178 {
  background: var(--color-red-178) !important;
}

.bg-red-179 {
  background: var(--color-red-179) !important;
}

.bg-red-180 {
  background: var(--color-red-180) !important;
}

.bg-red-181 {
  background: var(--color-red-181) !important;
}

.bg-red-182 {
  background: var(--color-red-182) !important;
}

.bg-red-183 {
  background: var(--color-red-183) !important;
}

.bg-red-184 {
  background: var(--color-red-184) !important;
}

.bg-red-185 {
  background: var(--color-red-185) !important;
}

.bg-red-186 {
  background: var(--color-red-186) !important;
}

.bg-red-187 {
  background: var(--color-red-187) !important;
}

.bg-red-188 {
  background: var(--color-red-188) !important;
}

.bg-red-189 {
  background: var(--color-red-189) !important;
}

.bg-red-190 {
  background: var(--color-red-190) !important;
}

.bg-red-191 {
  background: var(--color-red-191) !important;
}

.bg-red-192 {
  background: var(--color-red-192) !important;
}

.bg-red-193 {
  background: var(--color-red-193) !important;
}

.bg-red-194 {
  background: var(--color-red-194) !important;
}

.bg-red-195 {
  background: var(--color-red-195) !important;
}

.bg-red-196 {
  background: var(--color-red-196) !important;
}

.bg-red-197 {
  background: var(--color-red-197) !important;
}

.bg-red-198 {
  background: var(--color-red-198) !important;
}

.bg-red-199 {
  background: var(--color-red-199) !important;
}

.bg-red-200 {
  background: var(--color-red-200) !important;
}

.bg-red-201 {
  background: var(--color-red-201) !important;
}

.bg-red-202 {
  background: var(--color-red-202) !important;
}

.bg-red-203 {
  background: var(--color-red-203) !important;
}

.bg-red-204 {
  background: var(--color-red-204) !important;
}

.bg-red-205 {
  background: var(--color-red-205) !important;
}

.bg-red-206 {
  background: var(--color-red-206) !important;
}

.bg-red-207 {
  background: var(--color-red-207) !important;
}

.bg-red-208 {
  background: var(--color-red-208) !important;
}

.bg-red-209 {
  background: var(--color-red-209) !important;
}

.bg-red-210 {
  background: var(--color-red-210) !important;
}

.bg-red-211 {
  background: var(--color-red-211) !important;
}

.bg-red-212 {
  background: var(--color-red-212) !important;
}

.bg-red-213 {
  background: var(--color-red-213) !important;
}

.bg-red-214 {
  background: var(--color-red-214) !important;
}

.bg-red-215 {
  background: var(--color-red-215) !important;
}

.bg-red-216 {
  background: var(--color-red-216) !important;
}

.bg-red-217 {
  background: var(--color-red-217) !important;
}

.bg-red-218 {
  background: var(--color-red-218) !important;
}

.bg-red-219 {
  background: var(--color-red-219) !important;
}

.bg-red-220 {
  background: var(--color-red-220) !important;
}

.bg-red-221 {
  background: var(--color-red-221) !important;
}

.bg-red-222 {
  background: var(--color-red-222) !important;
}

.bg-red-223 {
  background: var(--color-red-223) !important;
}

.bg-red-224 {
  background: var(--color-red-224) !important;
}

.bg-red-225 {
  background: var(--color-red-225) !important;
}

.bg-red-226 {
  background: var(--color-red-226) !important;
}

.bg-red-227 {
  background: var(--color-red-227) !important;
}

.bg-red-228 {
  background: var(--color-red-228) !important;
}

.bg-red-229 {
  background: var(--color-red-229) !important;
}

.bg-red-230 {
  background: var(--color-red-230) !important;
}

.bg-red-231 {
  background: var(--color-red-231) !important;
}

.bg-red-232 {
  background: var(--color-red-232) !important;
}

.bg-red-233 {
  background: var(--color-red-233) !important;
}

.bg-red-234 {
  background: var(--color-red-234) !important;
}

.bg-red-235 {
  background: var(--color-red-235) !important;
}

.bg-red-236 {
  background: var(--color-red-236) !important;
}

.bg-red-237 {
  background: var(--color-red-237) !important;
}

.bg-red-238 {
  background: var(--color-red-238) !important;
}

.bg-red-239 {
  background: var(--color-red-239) !important;
}

.bg-red-240 {
  background: var(--color-red-240) !important;
}

.bg-red-241 {
  background: var(--color-red-241) !important;
}

.bg-red-242 {
  background: var(--color-red-242) !important;
}

.bg-red-243 {
  background: var(--color-red-243) !important;
}

.bg-red-244 {
  background: var(--color-red-244) !important;
}

.bg-red-245 {
  background: var(--color-red-245) !important;
}

.bg-red-246 {
  background: var(--color-red-246) !important;
}

.bg-red-247 {
  background: var(--color-red-247) !important;
}

.bg-red-248 {
  background: var(--color-red-248) !important;
}

.bg-red-249 {
  background: var(--color-red-249) !important;
}

.bg-red-250 {
  background: var(--color-red-250) !important;
}

.bg-red-251 {
  background: var(--color-red-251) !important;
}

.bg-red-252 {
  background: var(--color-red-252) !important;
}

.bg-red-253 {
  background: var(--color-red-253) !important;
}

.bg-red-254 {
  background: var(--color-red-254) !important;
}

.bg-red-255 {
  background: var(--color-red-255) !important;
}

.bg-red-256 {
  background: var(--color-red-256) !important;
}

.bg-red-257 {
  background: var(--color-red-257) !important;
}

.bg-red-258 {
  background: var(--color-red-258) !important;
}

.bg-red-259 {
  background: var(--color-red-259) !important;
}

.bg-red-260 {
  background: var(--color-red-260) !important;
}

.bg-red-261 {
  background: var(--color-red-261) !important;
}

.bg-red-262 {
  background: var(--color-red-262) !important;
}

.bg-red-263 {
  background: var(--color-red-263) !important;
}

.bg-red-264 {
  background: var(--color-red-264) !important;
}

.bg-red-265 {
  background: var(--color-red-265) !important;
}

.bg-red-266 {
  background: var(--color-red-266) !important;
}

.bg-red-267 {
  background: var(--color-red-267) !important;
}

.bg-red-268 {
  background: var(--color-red-268) !important;
}

.bg-red-269 {
  background: var(--color-red-269) !important;
}

.bg-red-270 {
  background: var(--color-red-270) !important;
}

.bg-red-271 {
  background: var(--color-red-271) !important;
}

.bg-red-272 {
  background: var(--color-red-272) !important;
}

.bg-red-273 {
  background: var(--color-red-273) !important;
}

.bg-red-274 {
  background: var(--color-red-274) !important;
}

.bg-red-275 {
  background: var(--color-red-275) !important;
}

.bg-red-276 {
  background: var(--color-red-276) !important;
}

.bg-red-277 {
  background: var(--color-red-277) !important;
}

.bg-red-278 {
  background: var(--color-red-278) !important;
}

.bg-red-279 {
  background: var(--color-red-279) !important;
}

.bg-red-280 {
  background: var(--color-red-280) !important;
}

.bg-red-281 {
  background: var(--color-red-281) !important;
}

.bg-red-282 {
  background: var(--color-red-282) !important;
}

.bg-red-283 {
  background: var(--color-red-283) !important;
}

.bg-red-284 {
  background: var(--color-red-284) !important;
}

.bg-red-285 {
  background: var(--color-red-285) !important;
}

.bg-red-286 {
  background: var(--color-red-286) !important;
}

.bg-red-287 {
  background: var(--color-red-287) !important;
}

.bg-red-288 {
  background: var(--color-red-288) !important;
}

.bg-red-289 {
  background: var(--color-red-289) !important;
}

.bg-red-290 {
  background: var(--color-red-290) !important;
}

.bg-red-291 {
  background: var(--color-red-291) !important;
}

.bg-red-292 {
  background: var(--color-red-292) !important;
}

.bg-red-293 {
  background: var(--color-red-293) !important;
}

.bg-red-294 {
  background: var(--color-red-294) !important;
}

.bg-red-295 {
  background: var(--color-red-295) !important;
}

.bg-red-296 {
  background: var(--color-red-296) !important;
}

.bg-red-297 {
  background: var(--color-red-297) !important;
}

.bg-red-298 {
  background: var(--color-red-298) !important;
}

.bg-red-299 {
  background: var(--color-red-299) !important;
}

.bg-red-300 {
  background: var(--color-red-300) !important;
}

.bg-red-301 {
  background: var(--color-red-301) !important;
}

.bg-red-302 {
  background: var(--color-red-302) !important;
}

.bg-red-303 {
  background: var(--color-red-303) !important;
}

.bg-red-304 {
  background: var(--color-red-304) !important;
}

.bg-red-305 {
  background: var(--color-red-305) !important;
}

.bg-red-306 {
  background: var(--color-red-306) !important;
}

.bg-red-307 {
  background: var(--color-red-307) !important;
}

.bg-red-308 {
  background: var(--color-red-308) !important;
}

.bg-red-309 {
  background: var(--color-red-309) !important;
}

.bg-red-310 {
  background: var(--color-red-310) !important;
}

.bg-red-311 {
  background: var(--color-red-311) !important;
}

.bg-red-312 {
  background: var(--color-red-312) !important;
}

.bg-red-313 {
  background: var(--color-red-313) !important;
}

.bg-red-314 {
  background: var(--color-red-314) !important;
}

.bg-red-315 {
  background: var(--color-red-315) !important;
}

.bg-red-316 {
  background: var(--color-red-316) !important;
}

.bg-red-317 {
  background: var(--color-red-317) !important;
}

.bg-red-318 {
  background: var(--color-red-318) !important;
}

.bg-red-319 {
  background: var(--color-red-319) !important;
}

.bg-red-320 {
  background: var(--color-red-320) !important;
}

.bg-red-321 {
  background: var(--color-red-321) !important;
}

.bg-red-322 {
  background: var(--color-red-322) !important;
}

.bg-red-323 {
  background: var(--color-red-323) !important;
}

.bg-red-324 {
  background: var(--color-red-324) !important;
}

.bg-red-325 {
  background: var(--color-red-325) !important;
}

.bg-red-326 {
  background: var(--color-red-326) !important;
}

.bg-red-327 {
  background: var(--color-red-327) !important;
}

.bg-red-328 {
  background: var(--color-red-328) !important;
}

.bg-red-329 {
  background: var(--color-red-329) !important;
}

.bg-red-330 {
  background: var(--color-red-330) !important;
}

.bg-red-331 {
  background: var(--color-red-331) !important;
}

.bg-red-332 {
  background: var(--color-red-332) !important;
}

.bg-red-333 {
  background: var(--color-red-333) !important;
}

.bg-red-334 {
  background: var(--color-red-334) !important;
}

.bg-red-335 {
  background: var(--color-red-335) !important;
}

.bg-red-336 {
  background: var(--color-red-336) !important;
}

.bg-red-337 {
  background: var(--color-red-337) !important;
}

.bg-red-338 {
  background: var(--color-red-338) !important;
}

.bg-red-339 {
  background: var(--color-red-339) !important;
}

.bg-red-340 {
  background: var(--color-red-340) !important;
}

.bg-red-341 {
  background: var(--color-red-341) !important;
}

.bg-red-342 {
  background: var(--color-red-342) !important;
}

.bg-red-343 {
  background: var(--color-red-343) !important;
}

.bg-red-344 {
  background: var(--color-red-344) !important;
}

.bg-red-345 {
  background: var(--color-red-345) !important;
}

.bg-red-346 {
  background: var(--color-red-346) !important;
}

.bg-red-347 {
  background: var(--color-red-347) !important;
}

.bg-red-348 {
  background: var(--color-red-348) !important;
}

.bg-red-349 {
  background: var(--color-red-349) !important;
}

.bg-red-350 {
  background: var(--color-red-350) !important;
}

.bg-red-351 {
  background: var(--color-red-351) !important;
}

.bg-red-352 {
  background: var(--color-red-352) !important;
}

.bg-red-353 {
  background: var(--color-red-353) !important;
}

.bg-red-354 {
  background: var(--color-red-354) !important;
}

.bg-red-355 {
  background: var(--color-red-355) !important;
}

.bg-red-356 {
  background: var(--color-red-356) !important;
}

.bg-red-357 {
  background: var(--color-red-357) !important;
}

.bg-red-358 {
  background: var(--color-red-358) !important;
}

.bg-red-359 {
  background: var(--color-red-359) !important;
}

.bg-red-360 {
  background: var(--color-red-360) !important;
}

.bg-red-361 {
  background: var(--color-red-361) !important;
}

.bg-red-362 {
  background: var(--color-red-362) !important;
}

.bg-red-363 {
  background: var(--color-red-363) !important;
}

.bg-red-364 {
  background: var(--color-red-364) !important;
}

.bg-red-365 {
  background: var(--color-red-365) !important;
}

.bg-red-366 {
  background: var(--color-red-366) !important;
}

.bg-red-367 {
  background: var(--color-red-367) !important;
}

.bg-red-368 {
  background: var(--color-red-368) !important;
}

.bg-red-369 {
  background: var(--color-red-369) !important;
}

.bg-red-370 {
  background: var(--color-red-370) !important;
}

.bg-red-371 {
  background: var(--color-red-371) !important;
}

.bg-red-372 {
  background: var(--color-red-372) !important;
}

.bg-red-373 {
  background: var(--color-red-373) !important;
}

.bg-red-374 {
  background: var(--color-red-374) !important;
}

.bg-red-375 {
  background: var(--color-red-375) !important;
}

.bg-red-376 {
  background: var(--color-red-376) !important;
}

.bg-red-377 {
  background: var(--color-red-377) !important;
}

.bg-red-378 {
  background: var(--color-red-378) !important;
}

.bg-red-379 {
  background: var(--color-red-379) !important;
}

.bg-red-380 {
  background: var(--color-red-380) !important;
}

.bg-red-381 {
  background: var(--color-red-381) !important;
}

.bg-red-382 {
  background: var(--color-red-382) !important;
}

.bg-red-383 {
  background: var(--color-red-383) !important;
}

.bg-red-384 {
  background: var(--color-red-384) !important;
}

.bg-red-385 {
  background: var(--color-red-385) !important;
}

.bg-red-386 {
  background: var(--color-red-386) !important;
}

.bg-red-387 {
  background: var(--color-red-387) !important;
}

.bg-red-388 {
  background: var(--color-red-388) !important;
}

.bg-red-389 {
  background: var(--color-red-389) !important;
}

.bg-red-390 {
  background: var(--color-red-390) !important;
}

.bg-red-391 {
  background: var(--color-red-391) !important;
}

.bg-red-392 {
  background: var(--color-red-392) !important;
}

.bg-red-393 {
  background: var(--color-red-393) !important;
}

.bg-red-394 {
  background: var(--color-red-394) !important;
}

.bg-red-395 {
  background: var(--color-red-395) !important;
}

.bg-red-396 {
  background: var(--color-red-396) !important;
}

.bg-red-397 {
  background: var(--color-red-397) !important;
}

.bg-red-398 {
  background: var(--color-red-398) !important;
}

.bg-red-399 {
  background: var(--color-red-399) !important;
}

.bg-red-400 {
  background: var(--color-red-400) !important;
}

.bg-red-401 {
  background: var(--color-red-401) !important;
}

.bg-red-402 {
  background: var(--color-red-402) !important;
}

.bg-red-403 {
  background: var(--color-red-403) !important;
}

.bg-red-404 {
  background: var(--color-red-404) !important;
}

.bg-red-405 {
  background: var(--color-red-405) !important;
}

.bg-red-406 {
  background: var(--color-red-406) !important;
}

.bg-red-407 {
  background: var(--color-red-407) !important;
}

.bg-red-408 {
  background: var(--color-red-408) !important;
}

.bg-red-409 {
  background: var(--color-red-409) !important;
}

.bg-red-410 {
  background: var(--color-red-410) !important;
}

.bg-red-411 {
  background: var(--color-red-411) !important;
}

.bg-red-412 {
  background: var(--color-red-412) !important;
}

.bg-red-413 {
  background: var(--color-red-413) !important;
}

.bg-red-414 {
  background: var(--color-red-414) !important;
}

.bg-red-415 {
  background: var(--color-red-415) !important;
}

.bg-red-416 {
  background: var(--color-red-416) !important;
}

.bg-red-417 {
  background: var(--color-red-417) !important;
}

.bg-red-418 {
  background: var(--color-red-418) !important;
}

.bg-red-419 {
  background: var(--color-red-419) !important;
}

.bg-red-420 {
  background: var(--color-red-420) !important;
}

.bg-red-421 {
  background: var(--color-red-421) !important;
}

.bg-red-422 {
  background: var(--color-red-422) !important;
}

.bg-red-423 {
  background: var(--color-red-423) !important;
}

.bg-red-424 {
  background: var(--color-red-424) !important;
}

.bg-red-425 {
  background: var(--color-red-425) !important;
}

.bg-red-426 {
  background: var(--color-red-426) !important;
}

.bg-red-427 {
  background: var(--color-red-427) !important;
}

.bg-red-428 {
  background: var(--color-red-428) !important;
}

.bg-red-429 {
  background: var(--color-red-429) !important;
}

.bg-red-430 {
  background: var(--color-red-430) !important;
}

.bg-red-431 {
  background: var(--color-red-431) !important;
}

.bg-red-432 {
  background: var(--color-red-432) !important;
}

.bg-red-433 {
  background: var(--color-red-433) !important;
}

.bg-red-434 {
  background: var(--color-red-434) !important;
}

.bg-red-435 {
  background: var(--color-red-435) !important;
}

.bg-red-436 {
  background: var(--color-red-436) !important;
}

.bg-red-437 {
  background: var(--color-red-437) !important;
}

.bg-red-438 {
  background: var(--color-red-438) !important;
}

.bg-red-439 {
  background: var(--color-red-439) !important;
}

.bg-red-440 {
  background: var(--color-red-440) !important;
}

.bg-red-441 {
  background: var(--color-red-441) !important;
}

.bg-red-442 {
  background: var(--color-red-442) !important;
}

.bg-red-443 {
  background: var(--color-red-443) !important;
}

.bg-red-444 {
  background: var(--color-red-444) !important;
}

.bg-red-445 {
  background: var(--color-red-445) !important;
}

.bg-red-446 {
  background: var(--color-red-446) !important;
}

.bg-red-447 {
  background: var(--color-red-447) !important;
}

.bg-red-448 {
  background: var(--color-red-448) !important;
}

.bg-red-449 {
  background: var(--color-red-449) !important;
}

.bg-red-450 {
  background: var(--color-red-450) !important;
}

.bg-red-451 {
  background: var(--color-red-451) !important;
}

.bg-red-452 {
  background: var(--color-red-452) !important;
}

.bg-red-453 {
  background: var(--color-red-453) !important;
}

.bg-red-454 {
  background: var(--color-red-454) !important;
}

.bg-red-455 {
  background: var(--color-red-455) !important;
}

.bg-red-456 {
  background: var(--color-red-456) !important;
}

.bg-red-457 {
  background: var(--color-red-457) !important;
}

.bg-red-458 {
  background: var(--color-red-458) !important;
}

.bg-red-459 {
  background: var(--color-red-459) !important;
}

.bg-red-460 {
  background: var(--color-red-460) !important;
}

.bg-red-461 {
  background: var(--color-red-461) !important;
}

.bg-red-462 {
  background: var(--color-red-462) !important;
}

.bg-red-463 {
  background: var(--color-red-463) !important;
}

.bg-red-464 {
  background: var(--color-red-464) !important;
}

.bg-red-465 {
  background: var(--color-red-465) !important;
}

.bg-red-466 {
  background: var(--color-red-466) !important;
}

.bg-red-467 {
  background: var(--color-red-467) !important;
}

.bg-red-468 {
  background: var(--color-red-468) !important;
}

.bg-red-469 {
  background: var(--color-red-469) !important;
}

.bg-red-470 {
  background: var(--color-red-470) !important;
}

.bg-red-471 {
  background: var(--color-red-471) !important;
}

.bg-red-472 {
  background: var(--color-red-472) !important;
}

.bg-red-473 {
  background: var(--color-red-473) !important;
}

.bg-red-474 {
  background: var(--color-red-474) !important;
}

.bg-red-475 {
  background: var(--color-red-475) !important;
}

.bg-red-476 {
  background: var(--color-red-476) !important;
}

.bg-red-477 {
  background: var(--color-red-477) !important;
}

.bg-red-478 {
  background: var(--color-red-478) !important;
}

.bg-red-479 {
  background: var(--color-red-479) !important;
}

.bg-red-480 {
  background: var(--color-red-480) !important;
}

.bg-red-481 {
  background: var(--color-red-481) !important;
}

.bg-red-482 {
  background: var(--color-red-482) !important;
}

.bg-red-483 {
  background: var(--color-red-483) !important;
}

.bg-red-484 {
  background: var(--color-red-484) !important;
}

.bg-red-485 {
  background: var(--color-red-485) !important;
}

.bg-red-486 {
  background: var(--color-red-486) !important;
}

.bg-red-487 {
  background: var(--color-red-487) !important;
}

.bg-red-488 {
  background: var(--color-red-488) !important;
}

.bg-red-489 {
  background: var(--color-red-489) !important;
}

.bg-red-490 {
  background: var(--color-red-490) !important;
}

.bg-red-491 {
  background: var(--color-red-491) !important;
}

.bg-red-492 {
  background: var(--color-red-492) !important;
}

.bg-red-493 {
  background: var(--color-red-493) !important;
}

.bg-red-494 {
  background: var(--color-red-494) !important;
}

.bg-red-495 {
  background: var(--color-red-495) !important;
}

.bg-red-496 {
  background: var(--color-red-496) !important;
}

.bg-red-497 {
  background: var(--color-red-497) !important;
}

.bg-red-498 {
  background: var(--color-red-498) !important;
}

.bg-red-499 {
  background: var(--color-red-499) !important;
}

.bg-red-500 {
  background: var(--color-red-500) !important;
}

.bg-red-501 {
  background: var(--color-red-501) !important;
}

.bg-red-502 {
  background: var(--color-red-502) !important;
}

.bg-red-503 {
  background: var(--color-red-503) !important;
}

.bg-red-504 {
  background: var(--color-red-504) !important;
}

.bg-red-505 {
  background: var(--color-red-505) !important;
}

.bg-red-506 {
  background: var(--color-red-506) !important;
}

.bg-red-507 {
  background: var(--color-red-507) !important;
}

.bg-red-508 {
  background: var(--color-red-508) !important;
}

.bg-red-509 {
  background: var(--color-red-509) !important;
}

.bg-red-510 {
  background: var(--color-red-510) !important;
}

.bg-red-511 {
  background: var(--color-red-511) !important;
}

.bg-red-512 {
  background: var(--color-red-512) !important;
}

.bg-red-513 {
  background: var(--color-red-513) !important;
}

.bg-red-514 {
  background: var(--color-red-514) !important;
}

.bg-red-515 {
  background: var(--color-red-515) !important;
}

.bg-red-516 {
  background: var(--color-red-516) !important;
}

.bg-red-517 {
  background: var(--color-red-517) !important;
}

.bg-red-518 {
  background: var(--color-red-518) !important;
}

.bg-red-519 {
  background: var(--color-red-519) !important;
}

.bg-red-520 {
  background: var(--color-red-520) !important;
}

.bg-red-521 {
  background: var(--color-red-521) !important;
}

.bg-red-522 {
  background: var(--color-red-522) !important;
}

.bg-red-523 {
  background: var(--color-red-523) !important;
}

.bg-red-524 {
  background: var(--color-red-524) !important;
}

.bg-red-525 {
  background: var(--color-red-525) !important;
}

.bg-red-526 {
  background: var(--color-red-526) !important;
}

.bg-red-527 {
  background: var(--color-red-527) !important;
}

.bg-red-528 {
  background: var(--color-red-528) !important;
}

.bg-red-529 {
  background: var(--color-red-529) !important;
}

.bg-red-530 {
  background: var(--color-red-530) !important;
}

.bg-red-531 {
  background: var(--color-red-531) !important;
}

.bg-red-532 {
  background: var(--color-red-532) !important;
}

.bg-red-533 {
  background: var(--color-red-533) !important;
}

.bg-red-534 {
  background: var(--color-red-534) !important;
}

.bg-red-535 {
  background: var(--color-red-535) !important;
}

.bg-red-536 {
  background: var(--color-red-536) !important;
}

.bg-red-537 {
  background: var(--color-red-537) !important;
}

.bg-red-538 {
  background: var(--color-red-538) !important;
}

.bg-red-539 {
  background: var(--color-red-539) !important;
}

.bg-red-540 {
  background: var(--color-red-540) !important;
}

.bg-red-541 {
  background: var(--color-red-541) !important;
}

.bg-red-542 {
  background: var(--color-red-542) !important;
}

.bg-red-543 {
  background: var(--color-red-543) !important;
}

.bg-red-544 {
  background: var(--color-red-544) !important;
}

.bg-red-545 {
  background: var(--color-red-545) !important;
}

.bg-red-546 {
  background: var(--color-red-546) !important;
}

.bg-red-547 {
  background: var(--color-red-547) !important;
}

.bg-red-548 {
  background: var(--color-red-548) !important;
}

.bg-red-549 {
  background: var(--color-red-549) !important;
}

.bg-red-550 {
  background: var(--color-red-550) !important;
}

.bg-red-551 {
  background: var(--color-red-551) !important;
}

.bg-red-552 {
  background: var(--color-red-552) !important;
}

.bg-red-553 {
  background: var(--color-red-553) !important;
}

.bg-red-554 {
  background: var(--color-red-554) !important;
}

.bg-red-555 {
  background: var(--color-red-555) !important;
}

.bg-red-556 {
  background: var(--color-red-556) !important;
}

.bg-red-557 {
  background: var(--color-red-557) !important;
}

.bg-red-558 {
  background: var(--color-red-558) !important;
}

.bg-red-559 {
  background: var(--color-red-559) !important;
}

.bg-red-560 {
  background: var(--color-red-560) !important;
}

.bg-red-561 {
  background: var(--color-red-561) !important;
}

.bg-red-562 {
  background: var(--color-red-562) !important;
}

.bg-red-563 {
  background: var(--color-red-563) !important;
}

.bg-red-564 {
  background: var(--color-red-564) !important;
}

.bg-red-565 {
  background: var(--color-red-565) !important;
}

.bg-red-566 {
  background: var(--color-red-566) !important;
}

.bg-red-567 {
  background: var(--color-red-567) !important;
}

.bg-red-568 {
  background: var(--color-red-568) !important;
}

.bg-red-569 {
  background: var(--color-red-569) !important;
}

.bg-red-570 {
  background: var(--color-red-570) !important;
}

.bg-red-571 {
  background: var(--color-red-571) !important;
}

.bg-red-572 {
  background: var(--color-red-572) !important;
}

.bg-red-573 {
  background: var(--color-red-573) !important;
}

.bg-red-574 {
  background: var(--color-red-574) !important;
}

.bg-red-575 {
  background: var(--color-red-575) !important;
}

.bg-red-576 {
  background: var(--color-red-576) !important;
}

.bg-red-577 {
  background: var(--color-red-577) !important;
}

.bg-red-578 {
  background: var(--color-red-578) !important;
}

.bg-red-579 {
  background: var(--color-red-579) !important;
}

.bg-red-580 {
  background: var(--color-red-580) !important;
}

.bg-red-581 {
  background: var(--color-red-581) !important;
}

.bg-red-582 {
  background: var(--color-red-582) !important;
}

.bg-red-583 {
  background: var(--color-red-583) !important;
}

.bg-red-584 {
  background: var(--color-red-584) !important;
}

.bg-red-585 {
  background: var(--color-red-585) !important;
}

.bg-red-586 {
  background: var(--color-red-586) !important;
}

.bg-red-587 {
  background: var(--color-red-587) !important;
}

.bg-red-588 {
  background: var(--color-red-588) !important;
}

.bg-red-589 {
  background: var(--color-red-589) !important;
}

.bg-red-590 {
  background: var(--color-red-590) !important;
}

.bg-red-591 {
  background: var(--color-red-591) !important;
}

.bg-red-592 {
  background: var(--color-red-592) !important;
}

.bg-red-593 {
  background: var(--color-red-593) !important;
}

.bg-red-594 {
  background: var(--color-red-594) !important;
}

.bg-red-595 {
  background: var(--color-red-595) !important;
}

.bg-red-596 {
  background: var(--color-red-596) !important;
}

.bg-red-597 {
  background: var(--color-red-597) !important;
}

.bg-red-598 {
  background: var(--color-red-598) !important;
}

.bg-red-599 {
  background: var(--color-red-599) !important;
}

.bg-red-600 {
  background: var(--color-red-600) !important;
}

.bg-red-601 {
  background: var(--color-red-601) !important;
}

.bg-red-602 {
  background: var(--color-red-602) !important;
}

.bg-red-603 {
  background: var(--color-red-603) !important;
}

.bg-red-604 {
  background: var(--color-red-604) !important;
}

.bg-red-605 {
  background: var(--color-red-605) !important;
}

.bg-red-606 {
  background: var(--color-red-606) !important;
}

.bg-red-607 {
  background: var(--color-red-607) !important;
}

.bg-red-608 {
  background: var(--color-red-608) !important;
}

.bg-red-609 {
  background: var(--color-red-609) !important;
}

.bg-red-610 {
  background: var(--color-red-610) !important;
}

.bg-red-611 {
  background: var(--color-red-611) !important;
}

.bg-red-612 {
  background: var(--color-red-612) !important;
}

.bg-red-613 {
  background: var(--color-red-613) !important;
}

.bg-red-614 {
  background: var(--color-red-614) !important;
}

.bg-red-615 {
  background: var(--color-red-615) !important;
}

.bg-red-616 {
  background: var(--color-red-616) !important;
}

.bg-red-617 {
  background: var(--color-red-617) !important;
}

.bg-red-618 {
  background: var(--color-red-618) !important;
}

.bg-red-619 {
  background: var(--color-red-619) !important;
}

.bg-red-620 {
  background: var(--color-red-620) !important;
}

.bg-red-621 {
  background: var(--color-red-621) !important;
}

.bg-red-622 {
  background: var(--color-red-622) !important;
}

.bg-red-623 {
  background: var(--color-red-623) !important;
}

.bg-red-624 {
  background: var(--color-red-624) !important;
}

.bg-red-625 {
  background: var(--color-red-625) !important;
}

.bg-red-626 {
  background: var(--color-red-626) !important;
}

.bg-red-627 {
  background: var(--color-red-627) !important;
}

.bg-red-628 {
  background: var(--color-red-628) !important;
}

.bg-red-629 {
  background: var(--color-red-629) !important;
}

.bg-red-630 {
  background: var(--color-red-630) !important;
}

.bg-red-631 {
  background: var(--color-red-631) !important;
}

.bg-red-632 {
  background: var(--color-red-632) !important;
}

.bg-red-633 {
  background: var(--color-red-633) !important;
}

.bg-red-634 {
  background: var(--color-red-634) !important;
}

.bg-red-635 {
  background: var(--color-red-635) !important;
}

.bg-red-636 {
  background: var(--color-red-636) !important;
}

.bg-red-637 {
  background: var(--color-red-637) !important;
}

.bg-red-638 {
  background: var(--color-red-638) !important;
}

.bg-red-639 {
  background: var(--color-red-639) !important;
}

.bg-red-640 {
  background: var(--color-red-640) !important;
}

.bg-red-641 {
  background: var(--color-red-641) !important;
}

.bg-red-642 {
  background: var(--color-red-642) !important;
}

.bg-red-643 {
  background: var(--color-red-643) !important;
}

.bg-red-644 {
  background: var(--color-red-644) !important;
}

.bg-red-645 {
  background: var(--color-red-645) !important;
}

.bg-red-646 {
  background: var(--color-red-646) !important;
}

.bg-red-647 {
  background: var(--color-red-647) !important;
}

.bg-red-648 {
  background: var(--color-red-648) !important;
}

.bg-red-649 {
  background: var(--color-red-649) !important;
}

.bg-red-650 {
  background: var(--color-red-650) !important;
}

.bg-red-651 {
  background: var(--color-red-651) !important;
}

.bg-red-652 {
  background: var(--color-red-652) !important;
}

.bg-red-653 {
  background: var(--color-red-653) !important;
}

.bg-red-654 {
  background: var(--color-red-654) !important;
}

.bg-red-655 {
  background: var(--color-red-655) !important;
}

.bg-red-656 {
  background: var(--color-red-656) !important;
}

.bg-red-657 {
  background: var(--color-red-657) !important;
}

.bg-red-658 {
  background: var(--color-red-658) !important;
}

.bg-red-659 {
  background: var(--color-red-659) !important;
}

.bg-red-660 {
  background: var(--color-red-660) !important;
}

.bg-red-661 {
  background: var(--color-red-661) !important;
}

.bg-red-662 {
  background: var(--color-red-662) !important;
}

.bg-red-663 {
  background: var(--color-red-663) !important;
}

.bg-red-664 {
  background: var(--color-red-664) !important;
}

.bg-red-665 {
  background: var(--color-red-665) !important;
}

.bg-red-666 {
  background: var(--color-red-666) !important;
}

.bg-red-667 {
  background: var(--color-red-667) !important;
}

.bg-red-668 {
  background: var(--color-red-668) !important;
}

.bg-red-669 {
  background: var(--color-red-669) !important;
}

.bg-red-670 {
  background: var(--color-red-670) !important;
}

.bg-red-671 {
  background: var(--color-red-671) !important;
}

.bg-red-672 {
  background: var(--color-red-672) !important;
}

.bg-red-673 {
  background: var(--color-red-673) !important;
}

.bg-red-674 {
  background: var(--color-red-674) !important;
}

.bg-red-675 {
  background: var(--color-red-675) !important;
}

.bg-red-676 {
  background: var(--color-red-676) !important;
}

.bg-red-677 {
  background: var(--color-red-677) !important;
}

.bg-red-678 {
  background: var(--color-red-678) !important;
}

.bg-red-679 {
  background: var(--color-red-679) !important;
}

.bg-red-680 {
  background: var(--color-red-680) !important;
}

.bg-red-681 {
  background: var(--color-red-681) !important;
}

.bg-red-682 {
  background: var(--color-red-682) !important;
}

.bg-red-683 {
  background: var(--color-red-683) !important;
}

.bg-red-684 {
  background: var(--color-red-684) !important;
}

.bg-red-685 {
  background: var(--color-red-685) !important;
}

.bg-red-686 {
  background: var(--color-red-686) !important;
}

.bg-red-687 {
  background: var(--color-red-687) !important;
}

.bg-red-688 {
  background: var(--color-red-688) !important;
}

.bg-red-689 {
  background: var(--color-red-689) !important;
}

.bg-red-690 {
  background: var(--color-red-690) !important;
}

.bg-red-691 {
  background: var(--color-red-691) !important;
}

.bg-red-692 {
  background: var(--color-red-692) !important;
}

.bg-red-693 {
  background: var(--color-red-693) !important;
}

.bg-red-694 {
  background: var(--color-red-694) !important;
}

.bg-red-695 {
  background: var(--color-red-695) !important;
}

.bg-red-696 {
  background: var(--color-red-696) !important;
}

.bg-red-697 {
  background: var(--color-red-697) !important;
}

.bg-red-698 {
  background: var(--color-red-698) !important;
}

.bg-red-699 {
  background: var(--color-red-699) !important;
}

.bg-red-700 {
  background: var(--color-red-700) !important;
}

.bg-red-701 {
  background: var(--color-red-701) !important;
}

.bg-red-702 {
  background: var(--color-red-702) !important;
}

.bg-red-703 {
  background: var(--color-red-703) !important;
}

.bg-red-704 {
  background: var(--color-red-704) !important;
}

.bg-red-705 {
  background: var(--color-red-705) !important;
}

.bg-red-706 {
  background: var(--color-red-706) !important;
}

.bg-red-707 {
  background: var(--color-red-707) !important;
}

.bg-red-708 {
  background: var(--color-red-708) !important;
}

.bg-red-709 {
  background: var(--color-red-709) !important;
}

.bg-red-710 {
  background: var(--color-red-710) !important;
}

.bg-red-711 {
  background: var(--color-red-711) !important;
}

.bg-red-712 {
  background: var(--color-red-712) !important;
}

.bg-red-713 {
  background: var(--color-red-713) !important;
}

.bg-red-714 {
  background: var(--color-red-714) !important;
}

.bg-red-715 {
  background: var(--color-red-715) !important;
}

.bg-red-716 {
  background: var(--color-red-716) !important;
}

.bg-red-717 {
  background: var(--color-red-717) !important;
}

.bg-red-718 {
  background: var(--color-red-718) !important;
}

.bg-red-719 {
  background: var(--color-red-719) !important;
}

.bg-red-720 {
  background: var(--color-red-720) !important;
}

.bg-red-721 {
  background: var(--color-red-721) !important;
}

.bg-red-722 {
  background: var(--color-red-722) !important;
}

.bg-red-723 {
  background: var(--color-red-723) !important;
}

.bg-red-724 {
  background: var(--color-red-724) !important;
}

.bg-red-725 {
  background: var(--color-red-725) !important;
}

.bg-red-726 {
  background: var(--color-red-726) !important;
}

.bg-red-727 {
  background: var(--color-red-727) !important;
}

.bg-red-728 {
  background: var(--color-red-728) !important;
}

.bg-red-729 {
  background: var(--color-red-729) !important;
}

.bg-red-730 {
  background: var(--color-red-730) !important;
}

.bg-red-731 {
  background: var(--color-red-731) !important;
}

.bg-red-732 {
  background: var(--color-red-732) !important;
}

.bg-red-733 {
  background: var(--color-red-733) !important;
}

.bg-red-734 {
  background: var(--color-red-734) !important;
}

.bg-red-735 {
  background: var(--color-red-735) !important;
}

.bg-red-736 {
  background: var(--color-red-736) !important;
}

.bg-red-737 {
  background: var(--color-red-737) !important;
}

.bg-red-738 {
  background: var(--color-red-738) !important;
}

.bg-red-739 {
  background: var(--color-red-739) !important;
}

.bg-red-740 {
  background: var(--color-red-740) !important;
}

.bg-red-741 {
  background: var(--color-red-741) !important;
}

.bg-red-742 {
  background: var(--color-red-742) !important;
}

.bg-red-743 {
  background: var(--color-red-743) !important;
}

.bg-red-744 {
  background: var(--color-red-744) !important;
}

.bg-red-745 {
  background: var(--color-red-745) !important;
}

.bg-red-746 {
  background: var(--color-red-746) !important;
}

.bg-red-747 {
  background: var(--color-red-747) !important;
}

.bg-red-748 {
  background: var(--color-red-748) !important;
}

.bg-red-749 {
  background: var(--color-red-749) !important;
}

.bg-red-750 {
  background: var(--color-red-750) !important;
}

.bg-red-751 {
  background: var(--color-red-751) !important;
}

.bg-red-752 {
  background: var(--color-red-752) !important;
}

.bg-red-753 {
  background: var(--color-red-753) !important;
}

.bg-red-754 {
  background: var(--color-red-754) !important;
}

.bg-red-755 {
  background: var(--color-red-755) !important;
}

.bg-red-756 {
  background: var(--color-red-756) !important;
}

.bg-red-757 {
  background: var(--color-red-757) !important;
}

.bg-red-758 {
  background: var(--color-red-758) !important;
}

.bg-red-759 {
  background: var(--color-red-759) !important;
}

.bg-red-760 {
  background: var(--color-red-760) !important;
}

.bg-red-761 {
  background: var(--color-red-761) !important;
}

.bg-red-762 {
  background: var(--color-red-762) !important;
}

.bg-red-763 {
  background: var(--color-red-763) !important;
}

.bg-red-764 {
  background: var(--color-red-764) !important;
}

.bg-red-765 {
  background: var(--color-red-765) !important;
}

.bg-red-766 {
  background: var(--color-red-766) !important;
}

.bg-red-767 {
  background: var(--color-red-767) !important;
}

.bg-red-768 {
  background: var(--color-red-768) !important;
}

.bg-red-769 {
  background: var(--color-red-769) !important;
}

.bg-red-770 {
  background: var(--color-red-770) !important;
}

.bg-red-771 {
  background: var(--color-red-771) !important;
}

.bg-red-772 {
  background: var(--color-red-772) !important;
}

.bg-red-773 {
  background: var(--color-red-773) !important;
}

.bg-red-774 {
  background: var(--color-red-774) !important;
}

.bg-red-775 {
  background: var(--color-red-775) !important;
}

.bg-red-776 {
  background: var(--color-red-776) !important;
}

.bg-red-777 {
  background: var(--color-red-777) !important;
}

.bg-red-778 {
  background: var(--color-red-778) !important;
}

.bg-red-779 {
  background: var(--color-red-779) !important;
}

.bg-red-780 {
  background: var(--color-red-780) !important;
}

.bg-red-781 {
  background: var(--color-red-781) !important;
}

.bg-red-782 {
  background: var(--color-red-782) !important;
}

.bg-red-783 {
  background: var(--color-red-783) !important;
}

.bg-red-784 {
  background: var(--color-red-784) !important;
}

.bg-red-785 {
  background: var(--color-red-785) !important;
}

.bg-red-786 {
  background: var(--color-red-786) !important;
}

.bg-red-787 {
  background: var(--color-red-787) !important;
}

.bg-red-788 {
  background: var(--color-red-788) !important;
}

.bg-red-789 {
  background: var(--color-red-789) !important;
}

.bg-red-790 {
  background: var(--color-red-790) !important;
}

.bg-red-791 {
  background: var(--color-red-791) !important;
}

.bg-red-792 {
  background: var(--color-red-792) !important;
}

.bg-red-793 {
  background: var(--color-red-793) !important;
}

.bg-red-794 {
  background: var(--color-red-794) !important;
}

.bg-red-795 {
  background: var(--color-red-795) !important;
}

.bg-red-796 {
  background: var(--color-red-796) !important;
}

.bg-red-797 {
  background: var(--color-red-797) !important;
}

.bg-red-798 {
  background: var(--color-red-798) !important;
}

.bg-red-799 {
  background: var(--color-red-799) !important;
}

.bg-red-800 {
  background: var(--color-red-800) !important;
}

.bg-red-801 {
  background: var(--color-red-801) !important;
}

.bg-red-802 {
  background: var(--color-red-802) !important;
}

.bg-red-803 {
  background: var(--color-red-803) !important;
}

.bg-red-804 {
  background: var(--color-red-804) !important;
}

.bg-red-805 {
  background: var(--color-red-805) !important;
}

.bg-red-806 {
  background: var(--color-red-806) !important;
}

.bg-red-807 {
  background: var(--color-red-807) !important;
}

.bg-red-808 {
  background: var(--color-red-808) !important;
}

.bg-red-809 {
  background: var(--color-red-809) !important;
}

.bg-red-810 {
  background: var(--color-red-810) !important;
}

.bg-red-811 {
  background: var(--color-red-811) !important;
}

.bg-red-812 {
  background: var(--color-red-812) !important;
}

.bg-red-813 {
  background: var(--color-red-813) !important;
}

.bg-red-814 {
  background: var(--color-red-814) !important;
}

.bg-red-815 {
  background: var(--color-red-815) !important;
}

.bg-red-816 {
  background: var(--color-red-816) !important;
}

.bg-red-817 {
  background: var(--color-red-817) !important;
}

.bg-red-818 {
  background: var(--color-red-818) !important;
}

.bg-red-819 {
  background: var(--color-red-819) !important;
}

.bg-red-820 {
  background: var(--color-red-820) !important;
}

.bg-red-821 {
  background: var(--color-red-821) !important;
}

.bg-red-822 {
  background: var(--color-red-822) !important;
}

.bg-red-823 {
  background: var(--color-red-823) !important;
}

.bg-red-824 {
  background: var(--color-red-824) !important;
}

.bg-red-825 {
  background: var(--color-red-825) !important;
}

.bg-red-826 {
  background: var(--color-red-826) !important;
}

.bg-red-827 {
  background: var(--color-red-827) !important;
}

.bg-red-828 {
  background: var(--color-red-828) !important;
}

.bg-red-829 {
  background: var(--color-red-829) !important;
}

.bg-red-830 {
  background: var(--color-red-830) !important;
}

.bg-red-831 {
  background: var(--color-red-831) !important;
}

.bg-red-832 {
  background: var(--color-red-832) !important;
}

.bg-red-833 {
  background: var(--color-red-833) !important;
}

.bg-red-834 {
  background: var(--color-red-834) !important;
}

.bg-red-835 {
  background: var(--color-red-835) !important;
}

.bg-red-836 {
  background: var(--color-red-836) !important;
}

.bg-red-837 {
  background: var(--color-red-837) !important;
}

.bg-red-838 {
  background: var(--color-red-838) !important;
}

.bg-red-839 {
  background: var(--color-red-839) !important;
}

.bg-red-840 {
  background: var(--color-red-840) !important;
}

.bg-red-841 {
  background: var(--color-red-841) !important;
}

.bg-red-842 {
  background: var(--color-red-842) !important;
}

.bg-red-843 {
  background: var(--color-red-843) !important;
}

.bg-red-844 {
  background: var(--color-red-844) !important;
}

.bg-red-845 {
  background: var(--color-red-845) !important;
}

.bg-red-846 {
  background: var(--color-red-846) !important;
}

.bg-red-847 {
  background: var(--color-red-847) !important;
}

.bg-red-848 {
  background: var(--color-red-848) !important;
}

.bg-red-849 {
  background: var(--color-red-849) !important;
}

.bg-red-850 {
  background: var(--color-red-850) !important;
}

.bg-red-851 {
  background: var(--color-red-851) !important;
}

.bg-red-852 {
  background: var(--color-red-852) !important;
}

.bg-red-853 {
  background: var(--color-red-853) !important;
}

.bg-red-854 {
  background: var(--color-red-854) !important;
}

.bg-red-855 {
  background: var(--color-red-855) !important;
}

.bg-red-856 {
  background: var(--color-red-856) !important;
}

.bg-red-857 {
  background: var(--color-red-857) !important;
}

.bg-red-858 {
  background: var(--color-red-858) !important;
}

.bg-red-859 {
  background: var(--color-red-859) !important;
}

.bg-red-860 {
  background: var(--color-red-860) !important;
}

.bg-red-861 {
  background: var(--color-red-861) !important;
}

.bg-red-862 {
  background: var(--color-red-862) !important;
}

.bg-red-863 {
  background: var(--color-red-863) !important;
}

.bg-red-864 {
  background: var(--color-red-864) !important;
}

.bg-red-865 {
  background: var(--color-red-865) !important;
}

.bg-red-866 {
  background: var(--color-red-866) !important;
}

.bg-red-867 {
  background: var(--color-red-867) !important;
}

.bg-red-868 {
  background: var(--color-red-868) !important;
}

.bg-red-869 {
  background: var(--color-red-869) !important;
}

.bg-red-870 {
  background: var(--color-red-870) !important;
}

.bg-red-871 {
  background: var(--color-red-871) !important;
}

.bg-red-872 {
  background: var(--color-red-872) !important;
}

.bg-red-873 {
  background: var(--color-red-873) !important;
}

.bg-red-874 {
  background: var(--color-red-874) !important;
}

.bg-red-875 {
  background: var(--color-red-875) !important;
}

.bg-red-876 {
  background: var(--color-red-876) !important;
}

.bg-red-877 {
  background: var(--color-red-877) !important;
}

.bg-red-878 {
  background: var(--color-red-878) !important;
}

.bg-red-879 {
  background: var(--color-red-879) !important;
}

.bg-red-880 {
  background: var(--color-red-880) !important;
}

.bg-red-881 {
  background: var(--color-red-881) !important;
}

.bg-red-882 {
  background: var(--color-red-882) !important;
}

.bg-red-883 {
  background: var(--color-red-883) !important;
}

.bg-red-884 {
  background: var(--color-red-884) !important;
}

.bg-red-885 {
  background: var(--color-red-885) !important;
}

.bg-red-886 {
  background: var(--color-red-886) !important;
}

.bg-red-887 {
  background: var(--color-red-887) !important;
}

.bg-red-888 {
  background: var(--color-red-888) !important;
}

.bg-red-889 {
  background: var(--color-red-889) !important;
}

.bg-red-890 {
  background: var(--color-red-890) !important;
}

.bg-red-891 {
  background: var(--color-red-891) !important;
}

.bg-red-892 {
  background: var(--color-red-892) !important;
}

.bg-red-893 {
  background: var(--color-red-893) !important;
}

.bg-red-894 {
  background: var(--color-red-894) !important;
}

.bg-red-895 {
  background: var(--color-red-895) !important;
}

.bg-red-896 {
  background: var(--color-red-896) !important;
}

.bg-red-897 {
  background: var(--color-red-897) !important;
}

.bg-red-898 {
  background: var(--color-red-898) !important;
}

.bg-red-899 {
  background: var(--color-red-899) !important;
}

.bg-red-900 {
  background: var(--color-red-900) !important;
}

.bg-orange-25 {
  background: var(--color-orange-25) !important;
}

.bg-orange-26 {
  background: var(--color-orange-26) !important;
}

.bg-orange-27 {
  background: var(--color-orange-27) !important;
}

.bg-orange-28 {
  background: var(--color-orange-28) !important;
}

.bg-orange-29 {
  background: var(--color-orange-29) !important;
}

.bg-orange-30 {
  background: var(--color-orange-30) !important;
}

.bg-orange-31 {
  background: var(--color-orange-31) !important;
}

.bg-orange-32 {
  background: var(--color-orange-32) !important;
}

.bg-orange-33 {
  background: var(--color-orange-33) !important;
}

.bg-orange-34 {
  background: var(--color-orange-34) !important;
}

.bg-orange-35 {
  background: var(--color-orange-35) !important;
}

.bg-orange-36 {
  background: var(--color-orange-36) !important;
}

.bg-orange-37 {
  background: var(--color-orange-37) !important;
}

.bg-orange-38 {
  background: var(--color-orange-38) !important;
}

.bg-orange-39 {
  background: var(--color-orange-39) !important;
}

.bg-orange-40 {
  background: var(--color-orange-40) !important;
}

.bg-orange-41 {
  background: var(--color-orange-41) !important;
}

.bg-orange-42 {
  background: var(--color-orange-42) !important;
}

.bg-orange-43 {
  background: var(--color-orange-43) !important;
}

.bg-orange-44 {
  background: var(--color-orange-44) !important;
}

.bg-orange-45 {
  background: var(--color-orange-45) !important;
}

.bg-orange-46 {
  background: var(--color-orange-46) !important;
}

.bg-orange-47 {
  background: var(--color-orange-47) !important;
}

.bg-orange-48 {
  background: var(--color-orange-48) !important;
}

.bg-orange-49 {
  background: var(--color-orange-49) !important;
}

.bg-orange-50 {
  background: var(--color-orange-50) !important;
}

.bg-orange-51 {
  background: var(--color-orange-51) !important;
}

.bg-orange-52 {
  background: var(--color-orange-52) !important;
}

.bg-orange-53 {
  background: var(--color-orange-53) !important;
}

.bg-orange-54 {
  background: var(--color-orange-54) !important;
}

.bg-orange-55 {
  background: var(--color-orange-55) !important;
}

.bg-orange-56 {
  background: var(--color-orange-56) !important;
}

.bg-orange-57 {
  background: var(--color-orange-57) !important;
}

.bg-orange-58 {
  background: var(--color-orange-58) !important;
}

.bg-orange-59 {
  background: var(--color-orange-59) !important;
}

.bg-orange-60 {
  background: var(--color-orange-60) !important;
}

.bg-orange-61 {
  background: var(--color-orange-61) !important;
}

.bg-orange-62 {
  background: var(--color-orange-62) !important;
}

.bg-orange-63 {
  background: var(--color-orange-63) !important;
}

.bg-orange-64 {
  background: var(--color-orange-64) !important;
}

.bg-orange-65 {
  background: var(--color-orange-65) !important;
}

.bg-orange-66 {
  background: var(--color-orange-66) !important;
}

.bg-orange-67 {
  background: var(--color-orange-67) !important;
}

.bg-orange-68 {
  background: var(--color-orange-68) !important;
}

.bg-orange-69 {
  background: var(--color-orange-69) !important;
}

.bg-orange-70 {
  background: var(--color-orange-70) !important;
}

.bg-orange-71 {
  background: var(--color-orange-71) !important;
}

.bg-orange-72 {
  background: var(--color-orange-72) !important;
}

.bg-orange-73 {
  background: var(--color-orange-73) !important;
}

.bg-orange-74 {
  background: var(--color-orange-74) !important;
}

.bg-orange-75 {
  background: var(--color-orange-75) !important;
}

.bg-orange-76 {
  background: var(--color-orange-76) !important;
}

.bg-orange-77 {
  background: var(--color-orange-77) !important;
}

.bg-orange-78 {
  background: var(--color-orange-78) !important;
}

.bg-orange-79 {
  background: var(--color-orange-79) !important;
}

.bg-orange-80 {
  background: var(--color-orange-80) !important;
}

.bg-orange-81 {
  background: var(--color-orange-81) !important;
}

.bg-orange-82 {
  background: var(--color-orange-82) !important;
}

.bg-orange-83 {
  background: var(--color-orange-83) !important;
}

.bg-orange-84 {
  background: var(--color-orange-84) !important;
}

.bg-orange-85 {
  background: var(--color-orange-85) !important;
}

.bg-orange-86 {
  background: var(--color-orange-86) !important;
}

.bg-orange-87 {
  background: var(--color-orange-87) !important;
}

.bg-orange-88 {
  background: var(--color-orange-88) !important;
}

.bg-orange-89 {
  background: var(--color-orange-89) !important;
}

.bg-orange-90 {
  background: var(--color-orange-90) !important;
}

.bg-orange-91 {
  background: var(--color-orange-91) !important;
}

.bg-orange-92 {
  background: var(--color-orange-92) !important;
}

.bg-orange-93 {
  background: var(--color-orange-93) !important;
}

.bg-orange-94 {
  background: var(--color-orange-94) !important;
}

.bg-orange-95 {
  background: var(--color-orange-95) !important;
}

.bg-orange-96 {
  background: var(--color-orange-96) !important;
}

.bg-orange-97 {
  background: var(--color-orange-97) !important;
}

.bg-orange-98 {
  background: var(--color-orange-98) !important;
}

.bg-orange-99 {
  background: var(--color-orange-99) !important;
}

.bg-orange-100 {
  background: var(--color-orange-100) !important;
}

.bg-orange-101 {
  background: var(--color-orange-101) !important;
}

.bg-orange-102 {
  background: var(--color-orange-102) !important;
}

.bg-orange-103 {
  background: var(--color-orange-103) !important;
}

.bg-orange-104 {
  background: var(--color-orange-104) !important;
}

.bg-orange-105 {
  background: var(--color-orange-105) !important;
}

.bg-orange-106 {
  background: var(--color-orange-106) !important;
}

.bg-orange-107 {
  background: var(--color-orange-107) !important;
}

.bg-orange-108 {
  background: var(--color-orange-108) !important;
}

.bg-orange-109 {
  background: var(--color-orange-109) !important;
}

.bg-orange-110 {
  background: var(--color-orange-110) !important;
}

.bg-orange-111 {
  background: var(--color-orange-111) !important;
}

.bg-orange-112 {
  background: var(--color-orange-112) !important;
}

.bg-orange-113 {
  background: var(--color-orange-113) !important;
}

.bg-orange-114 {
  background: var(--color-orange-114) !important;
}

.bg-orange-115 {
  background: var(--color-orange-115) !important;
}

.bg-orange-116 {
  background: var(--color-orange-116) !important;
}

.bg-orange-117 {
  background: var(--color-orange-117) !important;
}

.bg-orange-118 {
  background: var(--color-orange-118) !important;
}

.bg-orange-119 {
  background: var(--color-orange-119) !important;
}

.bg-orange-120 {
  background: var(--color-orange-120) !important;
}

.bg-orange-121 {
  background: var(--color-orange-121) !important;
}

.bg-orange-122 {
  background: var(--color-orange-122) !important;
}

.bg-orange-123 {
  background: var(--color-orange-123) !important;
}

.bg-orange-124 {
  background: var(--color-orange-124) !important;
}

.bg-orange-125 {
  background: var(--color-orange-125) !important;
}

.bg-orange-126 {
  background: var(--color-orange-126) !important;
}

.bg-orange-127 {
  background: var(--color-orange-127) !important;
}

.bg-orange-128 {
  background: var(--color-orange-128) !important;
}

.bg-orange-129 {
  background: var(--color-orange-129) !important;
}

.bg-orange-130 {
  background: var(--color-orange-130) !important;
}

.bg-orange-131 {
  background: var(--color-orange-131) !important;
}

.bg-orange-132 {
  background: var(--color-orange-132) !important;
}

.bg-orange-133 {
  background: var(--color-orange-133) !important;
}

.bg-orange-134 {
  background: var(--color-orange-134) !important;
}

.bg-orange-135 {
  background: var(--color-orange-135) !important;
}

.bg-orange-136 {
  background: var(--color-orange-136) !important;
}

.bg-orange-137 {
  background: var(--color-orange-137) !important;
}

.bg-orange-138 {
  background: var(--color-orange-138) !important;
}

.bg-orange-139 {
  background: var(--color-orange-139) !important;
}

.bg-orange-140 {
  background: var(--color-orange-140) !important;
}

.bg-orange-141 {
  background: var(--color-orange-141) !important;
}

.bg-orange-142 {
  background: var(--color-orange-142) !important;
}

.bg-orange-143 {
  background: var(--color-orange-143) !important;
}

.bg-orange-144 {
  background: var(--color-orange-144) !important;
}

.bg-orange-145 {
  background: var(--color-orange-145) !important;
}

.bg-orange-146 {
  background: var(--color-orange-146) !important;
}

.bg-orange-147 {
  background: var(--color-orange-147) !important;
}

.bg-orange-148 {
  background: var(--color-orange-148) !important;
}

.bg-orange-149 {
  background: var(--color-orange-149) !important;
}

.bg-orange-150 {
  background: var(--color-orange-150) !important;
}

.bg-orange-151 {
  background: var(--color-orange-151) !important;
}

.bg-orange-152 {
  background: var(--color-orange-152) !important;
}

.bg-orange-153 {
  background: var(--color-orange-153) !important;
}

.bg-orange-154 {
  background: var(--color-orange-154) !important;
}

.bg-orange-155 {
  background: var(--color-orange-155) !important;
}

.bg-orange-156 {
  background: var(--color-orange-156) !important;
}

.bg-orange-157 {
  background: var(--color-orange-157) !important;
}

.bg-orange-158 {
  background: var(--color-orange-158) !important;
}

.bg-orange-159 {
  background: var(--color-orange-159) !important;
}

.bg-orange-160 {
  background: var(--color-orange-160) !important;
}

.bg-orange-161 {
  background: var(--color-orange-161) !important;
}

.bg-orange-162 {
  background: var(--color-orange-162) !important;
}

.bg-orange-163 {
  background: var(--color-orange-163) !important;
}

.bg-orange-164 {
  background: var(--color-orange-164) !important;
}

.bg-orange-165 {
  background: var(--color-orange-165) !important;
}

.bg-orange-166 {
  background: var(--color-orange-166) !important;
}

.bg-orange-167 {
  background: var(--color-orange-167) !important;
}

.bg-orange-168 {
  background: var(--color-orange-168) !important;
}

.bg-orange-169 {
  background: var(--color-orange-169) !important;
}

.bg-orange-170 {
  background: var(--color-orange-170) !important;
}

.bg-orange-171 {
  background: var(--color-orange-171) !important;
}

.bg-orange-172 {
  background: var(--color-orange-172) !important;
}

.bg-orange-173 {
  background: var(--color-orange-173) !important;
}

.bg-orange-174 {
  background: var(--color-orange-174) !important;
}

.bg-orange-175 {
  background: var(--color-orange-175) !important;
}

.bg-orange-176 {
  background: var(--color-orange-176) !important;
}

.bg-orange-177 {
  background: var(--color-orange-177) !important;
}

.bg-orange-178 {
  background: var(--color-orange-178) !important;
}

.bg-orange-179 {
  background: var(--color-orange-179) !important;
}

.bg-orange-180 {
  background: var(--color-orange-180) !important;
}

.bg-orange-181 {
  background: var(--color-orange-181) !important;
}

.bg-orange-182 {
  background: var(--color-orange-182) !important;
}

.bg-orange-183 {
  background: var(--color-orange-183) !important;
}

.bg-orange-184 {
  background: var(--color-orange-184) !important;
}

.bg-orange-185 {
  background: var(--color-orange-185) !important;
}

.bg-orange-186 {
  background: var(--color-orange-186) !important;
}

.bg-orange-187 {
  background: var(--color-orange-187) !important;
}

.bg-orange-188 {
  background: var(--color-orange-188) !important;
}

.bg-orange-189 {
  background: var(--color-orange-189) !important;
}

.bg-orange-190 {
  background: var(--color-orange-190) !important;
}

.bg-orange-191 {
  background: var(--color-orange-191) !important;
}

.bg-orange-192 {
  background: var(--color-orange-192) !important;
}

.bg-orange-193 {
  background: var(--color-orange-193) !important;
}

.bg-orange-194 {
  background: var(--color-orange-194) !important;
}

.bg-orange-195 {
  background: var(--color-orange-195) !important;
}

.bg-orange-196 {
  background: var(--color-orange-196) !important;
}

.bg-orange-197 {
  background: var(--color-orange-197) !important;
}

.bg-orange-198 {
  background: var(--color-orange-198) !important;
}

.bg-orange-199 {
  background: var(--color-orange-199) !important;
}

.bg-orange-200 {
  background: var(--color-orange-200) !important;
}

.bg-orange-201 {
  background: var(--color-orange-201) !important;
}

.bg-orange-202 {
  background: var(--color-orange-202) !important;
}

.bg-orange-203 {
  background: var(--color-orange-203) !important;
}

.bg-orange-204 {
  background: var(--color-orange-204) !important;
}

.bg-orange-205 {
  background: var(--color-orange-205) !important;
}

.bg-orange-206 {
  background: var(--color-orange-206) !important;
}

.bg-orange-207 {
  background: var(--color-orange-207) !important;
}

.bg-orange-208 {
  background: var(--color-orange-208) !important;
}

.bg-orange-209 {
  background: var(--color-orange-209) !important;
}

.bg-orange-210 {
  background: var(--color-orange-210) !important;
}

.bg-orange-211 {
  background: var(--color-orange-211) !important;
}

.bg-orange-212 {
  background: var(--color-orange-212) !important;
}

.bg-orange-213 {
  background: var(--color-orange-213) !important;
}

.bg-orange-214 {
  background: var(--color-orange-214) !important;
}

.bg-orange-215 {
  background: var(--color-orange-215) !important;
}

.bg-orange-216 {
  background: var(--color-orange-216) !important;
}

.bg-orange-217 {
  background: var(--color-orange-217) !important;
}

.bg-orange-218 {
  background: var(--color-orange-218) !important;
}

.bg-orange-219 {
  background: var(--color-orange-219) !important;
}

.bg-orange-220 {
  background: var(--color-orange-220) !important;
}

.bg-orange-221 {
  background: var(--color-orange-221) !important;
}

.bg-orange-222 {
  background: var(--color-orange-222) !important;
}

.bg-orange-223 {
  background: var(--color-orange-223) !important;
}

.bg-orange-224 {
  background: var(--color-orange-224) !important;
}

.bg-orange-225 {
  background: var(--color-orange-225) !important;
}

.bg-orange-226 {
  background: var(--color-orange-226) !important;
}

.bg-orange-227 {
  background: var(--color-orange-227) !important;
}

.bg-orange-228 {
  background: var(--color-orange-228) !important;
}

.bg-orange-229 {
  background: var(--color-orange-229) !important;
}

.bg-orange-230 {
  background: var(--color-orange-230) !important;
}

.bg-orange-231 {
  background: var(--color-orange-231) !important;
}

.bg-orange-232 {
  background: var(--color-orange-232) !important;
}

.bg-orange-233 {
  background: var(--color-orange-233) !important;
}

.bg-orange-234 {
  background: var(--color-orange-234) !important;
}

.bg-orange-235 {
  background: var(--color-orange-235) !important;
}

.bg-orange-236 {
  background: var(--color-orange-236) !important;
}

.bg-orange-237 {
  background: var(--color-orange-237) !important;
}

.bg-orange-238 {
  background: var(--color-orange-238) !important;
}

.bg-orange-239 {
  background: var(--color-orange-239) !important;
}

.bg-orange-240 {
  background: var(--color-orange-240) !important;
}

.bg-orange-241 {
  background: var(--color-orange-241) !important;
}

.bg-orange-242 {
  background: var(--color-orange-242) !important;
}

.bg-orange-243 {
  background: var(--color-orange-243) !important;
}

.bg-orange-244 {
  background: var(--color-orange-244) !important;
}

.bg-orange-245 {
  background: var(--color-orange-245) !important;
}

.bg-orange-246 {
  background: var(--color-orange-246) !important;
}

.bg-orange-247 {
  background: var(--color-orange-247) !important;
}

.bg-orange-248 {
  background: var(--color-orange-248) !important;
}

.bg-orange-249 {
  background: var(--color-orange-249) !important;
}

.bg-orange-250 {
  background: var(--color-orange-250) !important;
}

.bg-orange-251 {
  background: var(--color-orange-251) !important;
}

.bg-orange-252 {
  background: var(--color-orange-252) !important;
}

.bg-orange-253 {
  background: var(--color-orange-253) !important;
}

.bg-orange-254 {
  background: var(--color-orange-254) !important;
}

.bg-orange-255 {
  background: var(--color-orange-255) !important;
}

.bg-orange-256 {
  background: var(--color-orange-256) !important;
}

.bg-orange-257 {
  background: var(--color-orange-257) !important;
}

.bg-orange-258 {
  background: var(--color-orange-258) !important;
}

.bg-orange-259 {
  background: var(--color-orange-259) !important;
}

.bg-orange-260 {
  background: var(--color-orange-260) !important;
}

.bg-orange-261 {
  background: var(--color-orange-261) !important;
}

.bg-orange-262 {
  background: var(--color-orange-262) !important;
}

.bg-orange-263 {
  background: var(--color-orange-263) !important;
}

.bg-orange-264 {
  background: var(--color-orange-264) !important;
}

.bg-orange-265 {
  background: var(--color-orange-265) !important;
}

.bg-orange-266 {
  background: var(--color-orange-266) !important;
}

.bg-orange-267 {
  background: var(--color-orange-267) !important;
}

.bg-orange-268 {
  background: var(--color-orange-268) !important;
}

.bg-orange-269 {
  background: var(--color-orange-269) !important;
}

.bg-orange-270 {
  background: var(--color-orange-270) !important;
}

.bg-orange-271 {
  background: var(--color-orange-271) !important;
}

.bg-orange-272 {
  background: var(--color-orange-272) !important;
}

.bg-orange-273 {
  background: var(--color-orange-273) !important;
}

.bg-orange-274 {
  background: var(--color-orange-274) !important;
}

.bg-orange-275 {
  background: var(--color-orange-275) !important;
}

.bg-orange-276 {
  background: var(--color-orange-276) !important;
}

.bg-orange-277 {
  background: var(--color-orange-277) !important;
}

.bg-orange-278 {
  background: var(--color-orange-278) !important;
}

.bg-orange-279 {
  background: var(--color-orange-279) !important;
}

.bg-orange-280 {
  background: var(--color-orange-280) !important;
}

.bg-orange-281 {
  background: var(--color-orange-281) !important;
}

.bg-orange-282 {
  background: var(--color-orange-282) !important;
}

.bg-orange-283 {
  background: var(--color-orange-283) !important;
}

.bg-orange-284 {
  background: var(--color-orange-284) !important;
}

.bg-orange-285 {
  background: var(--color-orange-285) !important;
}

.bg-orange-286 {
  background: var(--color-orange-286) !important;
}

.bg-orange-287 {
  background: var(--color-orange-287) !important;
}

.bg-orange-288 {
  background: var(--color-orange-288) !important;
}

.bg-orange-289 {
  background: var(--color-orange-289) !important;
}

.bg-orange-290 {
  background: var(--color-orange-290) !important;
}

.bg-orange-291 {
  background: var(--color-orange-291) !important;
}

.bg-orange-292 {
  background: var(--color-orange-292) !important;
}

.bg-orange-293 {
  background: var(--color-orange-293) !important;
}

.bg-orange-294 {
  background: var(--color-orange-294) !important;
}

.bg-orange-295 {
  background: var(--color-orange-295) !important;
}

.bg-orange-296 {
  background: var(--color-orange-296) !important;
}

.bg-orange-297 {
  background: var(--color-orange-297) !important;
}

.bg-orange-298 {
  background: var(--color-orange-298) !important;
}

.bg-orange-299 {
  background: var(--color-orange-299) !important;
}

.bg-orange-300 {
  background: var(--color-orange-300) !important;
}

.bg-orange-301 {
  background: var(--color-orange-301) !important;
}

.bg-orange-302 {
  background: var(--color-orange-302) !important;
}

.bg-orange-303 {
  background: var(--color-orange-303) !important;
}

.bg-orange-304 {
  background: var(--color-orange-304) !important;
}

.bg-orange-305 {
  background: var(--color-orange-305) !important;
}

.bg-orange-306 {
  background: var(--color-orange-306) !important;
}

.bg-orange-307 {
  background: var(--color-orange-307) !important;
}

.bg-orange-308 {
  background: var(--color-orange-308) !important;
}

.bg-orange-309 {
  background: var(--color-orange-309) !important;
}

.bg-orange-310 {
  background: var(--color-orange-310) !important;
}

.bg-orange-311 {
  background: var(--color-orange-311) !important;
}

.bg-orange-312 {
  background: var(--color-orange-312) !important;
}

.bg-orange-313 {
  background: var(--color-orange-313) !important;
}

.bg-orange-314 {
  background: var(--color-orange-314) !important;
}

.bg-orange-315 {
  background: var(--color-orange-315) !important;
}

.bg-orange-316 {
  background: var(--color-orange-316) !important;
}

.bg-orange-317 {
  background: var(--color-orange-317) !important;
}

.bg-orange-318 {
  background: var(--color-orange-318) !important;
}

.bg-orange-319 {
  background: var(--color-orange-319) !important;
}

.bg-orange-320 {
  background: var(--color-orange-320) !important;
}

.bg-orange-321 {
  background: var(--color-orange-321) !important;
}

.bg-orange-322 {
  background: var(--color-orange-322) !important;
}

.bg-orange-323 {
  background: var(--color-orange-323) !important;
}

.bg-orange-324 {
  background: var(--color-orange-324) !important;
}

.bg-orange-325 {
  background: var(--color-orange-325) !important;
}

.bg-orange-326 {
  background: var(--color-orange-326) !important;
}

.bg-orange-327 {
  background: var(--color-orange-327) !important;
}

.bg-orange-328 {
  background: var(--color-orange-328) !important;
}

.bg-orange-329 {
  background: var(--color-orange-329) !important;
}

.bg-orange-330 {
  background: var(--color-orange-330) !important;
}

.bg-orange-331 {
  background: var(--color-orange-331) !important;
}

.bg-orange-332 {
  background: var(--color-orange-332) !important;
}

.bg-orange-333 {
  background: var(--color-orange-333) !important;
}

.bg-orange-334 {
  background: var(--color-orange-334) !important;
}

.bg-orange-335 {
  background: var(--color-orange-335) !important;
}

.bg-orange-336 {
  background: var(--color-orange-336) !important;
}

.bg-orange-337 {
  background: var(--color-orange-337) !important;
}

.bg-orange-338 {
  background: var(--color-orange-338) !important;
}

.bg-orange-339 {
  background: var(--color-orange-339) !important;
}

.bg-orange-340 {
  background: var(--color-orange-340) !important;
}

.bg-orange-341 {
  background: var(--color-orange-341) !important;
}

.bg-orange-342 {
  background: var(--color-orange-342) !important;
}

.bg-orange-343 {
  background: var(--color-orange-343) !important;
}

.bg-orange-344 {
  background: var(--color-orange-344) !important;
}

.bg-orange-345 {
  background: var(--color-orange-345) !important;
}

.bg-orange-346 {
  background: var(--color-orange-346) !important;
}

.bg-orange-347 {
  background: var(--color-orange-347) !important;
}

.bg-orange-348 {
  background: var(--color-orange-348) !important;
}

.bg-orange-349 {
  background: var(--color-orange-349) !important;
}

.bg-orange-350 {
  background: var(--color-orange-350) !important;
}

.bg-orange-351 {
  background: var(--color-orange-351) !important;
}

.bg-orange-352 {
  background: var(--color-orange-352) !important;
}

.bg-orange-353 {
  background: var(--color-orange-353) !important;
}

.bg-orange-354 {
  background: var(--color-orange-354) !important;
}

.bg-orange-355 {
  background: var(--color-orange-355) !important;
}

.bg-orange-356 {
  background: var(--color-orange-356) !important;
}

.bg-orange-357 {
  background: var(--color-orange-357) !important;
}

.bg-orange-358 {
  background: var(--color-orange-358) !important;
}

.bg-orange-359 {
  background: var(--color-orange-359) !important;
}

.bg-orange-360 {
  background: var(--color-orange-360) !important;
}

.bg-orange-361 {
  background: var(--color-orange-361) !important;
}

.bg-orange-362 {
  background: var(--color-orange-362) !important;
}

.bg-orange-363 {
  background: var(--color-orange-363) !important;
}

.bg-orange-364 {
  background: var(--color-orange-364) !important;
}

.bg-orange-365 {
  background: var(--color-orange-365) !important;
}

.bg-orange-366 {
  background: var(--color-orange-366) !important;
}

.bg-orange-367 {
  background: var(--color-orange-367) !important;
}

.bg-orange-368 {
  background: var(--color-orange-368) !important;
}

.bg-orange-369 {
  background: var(--color-orange-369) !important;
}

.bg-orange-370 {
  background: var(--color-orange-370) !important;
}

.bg-orange-371 {
  background: var(--color-orange-371) !important;
}

.bg-orange-372 {
  background: var(--color-orange-372) !important;
}

.bg-orange-373 {
  background: var(--color-orange-373) !important;
}

.bg-orange-374 {
  background: var(--color-orange-374) !important;
}

.bg-orange-375 {
  background: var(--color-orange-375) !important;
}

.bg-orange-376 {
  background: var(--color-orange-376) !important;
}

.bg-orange-377 {
  background: var(--color-orange-377) !important;
}

.bg-orange-378 {
  background: var(--color-orange-378) !important;
}

.bg-orange-379 {
  background: var(--color-orange-379) !important;
}

.bg-orange-380 {
  background: var(--color-orange-380) !important;
}

.bg-orange-381 {
  background: var(--color-orange-381) !important;
}

.bg-orange-382 {
  background: var(--color-orange-382) !important;
}

.bg-orange-383 {
  background: var(--color-orange-383) !important;
}

.bg-orange-384 {
  background: var(--color-orange-384) !important;
}

.bg-orange-385 {
  background: var(--color-orange-385) !important;
}

.bg-orange-386 {
  background: var(--color-orange-386) !important;
}

.bg-orange-387 {
  background: var(--color-orange-387) !important;
}

.bg-orange-388 {
  background: var(--color-orange-388) !important;
}

.bg-orange-389 {
  background: var(--color-orange-389) !important;
}

.bg-orange-390 {
  background: var(--color-orange-390) !important;
}

.bg-orange-391 {
  background: var(--color-orange-391) !important;
}

.bg-orange-392 {
  background: var(--color-orange-392) !important;
}

.bg-orange-393 {
  background: var(--color-orange-393) !important;
}

.bg-orange-394 {
  background: var(--color-orange-394) !important;
}

.bg-orange-395 {
  background: var(--color-orange-395) !important;
}

.bg-orange-396 {
  background: var(--color-orange-396) !important;
}

.bg-orange-397 {
  background: var(--color-orange-397) !important;
}

.bg-orange-398 {
  background: var(--color-orange-398) !important;
}

.bg-orange-399 {
  background: var(--color-orange-399) !important;
}

.bg-orange-400 {
  background: var(--color-orange-400) !important;
}

.bg-orange-401 {
  background: var(--color-orange-401) !important;
}

.bg-orange-402 {
  background: var(--color-orange-402) !important;
}

.bg-orange-403 {
  background: var(--color-orange-403) !important;
}

.bg-orange-404 {
  background: var(--color-orange-404) !important;
}

.bg-orange-405 {
  background: var(--color-orange-405) !important;
}

.bg-orange-406 {
  background: var(--color-orange-406) !important;
}

.bg-orange-407 {
  background: var(--color-orange-407) !important;
}

.bg-orange-408 {
  background: var(--color-orange-408) !important;
}

.bg-orange-409 {
  background: var(--color-orange-409) !important;
}

.bg-orange-410 {
  background: var(--color-orange-410) !important;
}

.bg-orange-411 {
  background: var(--color-orange-411) !important;
}

.bg-orange-412 {
  background: var(--color-orange-412) !important;
}

.bg-orange-413 {
  background: var(--color-orange-413) !important;
}

.bg-orange-414 {
  background: var(--color-orange-414) !important;
}

.bg-orange-415 {
  background: var(--color-orange-415) !important;
}

.bg-orange-416 {
  background: var(--color-orange-416) !important;
}

.bg-orange-417 {
  background: var(--color-orange-417) !important;
}

.bg-orange-418 {
  background: var(--color-orange-418) !important;
}

.bg-orange-419 {
  background: var(--color-orange-419) !important;
}

.bg-orange-420 {
  background: var(--color-orange-420) !important;
}

.bg-orange-421 {
  background: var(--color-orange-421) !important;
}

.bg-orange-422 {
  background: var(--color-orange-422) !important;
}

.bg-orange-423 {
  background: var(--color-orange-423) !important;
}

.bg-orange-424 {
  background: var(--color-orange-424) !important;
}

.bg-orange-425 {
  background: var(--color-orange-425) !important;
}

.bg-orange-426 {
  background: var(--color-orange-426) !important;
}

.bg-orange-427 {
  background: var(--color-orange-427) !important;
}

.bg-orange-428 {
  background: var(--color-orange-428) !important;
}

.bg-orange-429 {
  background: var(--color-orange-429) !important;
}

.bg-orange-430 {
  background: var(--color-orange-430) !important;
}

.bg-orange-431 {
  background: var(--color-orange-431) !important;
}

.bg-orange-432 {
  background: var(--color-orange-432) !important;
}

.bg-orange-433 {
  background: var(--color-orange-433) !important;
}

.bg-orange-434 {
  background: var(--color-orange-434) !important;
}

.bg-orange-435 {
  background: var(--color-orange-435) !important;
}

.bg-orange-436 {
  background: var(--color-orange-436) !important;
}

.bg-orange-437 {
  background: var(--color-orange-437) !important;
}

.bg-orange-438 {
  background: var(--color-orange-438) !important;
}

.bg-orange-439 {
  background: var(--color-orange-439) !important;
}

.bg-orange-440 {
  background: var(--color-orange-440) !important;
}

.bg-orange-441 {
  background: var(--color-orange-441) !important;
}

.bg-orange-442 {
  background: var(--color-orange-442) !important;
}

.bg-orange-443 {
  background: var(--color-orange-443) !important;
}

.bg-orange-444 {
  background: var(--color-orange-444) !important;
}

.bg-orange-445 {
  background: var(--color-orange-445) !important;
}

.bg-orange-446 {
  background: var(--color-orange-446) !important;
}

.bg-orange-447 {
  background: var(--color-orange-447) !important;
}

.bg-orange-448 {
  background: var(--color-orange-448) !important;
}

.bg-orange-449 {
  background: var(--color-orange-449) !important;
}

.bg-orange-450 {
  background: var(--color-orange-450) !important;
}

.bg-orange-451 {
  background: var(--color-orange-451) !important;
}

.bg-orange-452 {
  background: var(--color-orange-452) !important;
}

.bg-orange-453 {
  background: var(--color-orange-453) !important;
}

.bg-orange-454 {
  background: var(--color-orange-454) !important;
}

.bg-orange-455 {
  background: var(--color-orange-455) !important;
}

.bg-orange-456 {
  background: var(--color-orange-456) !important;
}

.bg-orange-457 {
  background: var(--color-orange-457) !important;
}

.bg-orange-458 {
  background: var(--color-orange-458) !important;
}

.bg-orange-459 {
  background: var(--color-orange-459) !important;
}

.bg-orange-460 {
  background: var(--color-orange-460) !important;
}

.bg-orange-461 {
  background: var(--color-orange-461) !important;
}

.bg-orange-462 {
  background: var(--color-orange-462) !important;
}

.bg-orange-463 {
  background: var(--color-orange-463) !important;
}

.bg-orange-464 {
  background: var(--color-orange-464) !important;
}

.bg-orange-465 {
  background: var(--color-orange-465) !important;
}

.bg-orange-466 {
  background: var(--color-orange-466) !important;
}

.bg-orange-467 {
  background: var(--color-orange-467) !important;
}

.bg-orange-468 {
  background: var(--color-orange-468) !important;
}

.bg-orange-469 {
  background: var(--color-orange-469) !important;
}

.bg-orange-470 {
  background: var(--color-orange-470) !important;
}

.bg-orange-471 {
  background: var(--color-orange-471) !important;
}

.bg-orange-472 {
  background: var(--color-orange-472) !important;
}

.bg-orange-473 {
  background: var(--color-orange-473) !important;
}

.bg-orange-474 {
  background: var(--color-orange-474) !important;
}

.bg-orange-475 {
  background: var(--color-orange-475) !important;
}

.bg-orange-476 {
  background: var(--color-orange-476) !important;
}

.bg-orange-477 {
  background: var(--color-orange-477) !important;
}

.bg-orange-478 {
  background: var(--color-orange-478) !important;
}

.bg-orange-479 {
  background: var(--color-orange-479) !important;
}

.bg-orange-480 {
  background: var(--color-orange-480) !important;
}

.bg-orange-481 {
  background: var(--color-orange-481) !important;
}

.bg-orange-482 {
  background: var(--color-orange-482) !important;
}

.bg-orange-483 {
  background: var(--color-orange-483) !important;
}

.bg-orange-484 {
  background: var(--color-orange-484) !important;
}

.bg-orange-485 {
  background: var(--color-orange-485) !important;
}

.bg-orange-486 {
  background: var(--color-orange-486) !important;
}

.bg-orange-487 {
  background: var(--color-orange-487) !important;
}

.bg-orange-488 {
  background: var(--color-orange-488) !important;
}

.bg-orange-489 {
  background: var(--color-orange-489) !important;
}

.bg-orange-490 {
  background: var(--color-orange-490) !important;
}

.bg-orange-491 {
  background: var(--color-orange-491) !important;
}

.bg-orange-492 {
  background: var(--color-orange-492) !important;
}

.bg-orange-493 {
  background: var(--color-orange-493) !important;
}

.bg-orange-494 {
  background: var(--color-orange-494) !important;
}

.bg-orange-495 {
  background: var(--color-orange-495) !important;
}

.bg-orange-496 {
  background: var(--color-orange-496) !important;
}

.bg-orange-497 {
  background: var(--color-orange-497) !important;
}

.bg-orange-498 {
  background: var(--color-orange-498) !important;
}

.bg-orange-499 {
  background: var(--color-orange-499) !important;
}

.bg-orange-500 {
  background: var(--color-orange-500) !important;
}

.bg-orange-501 {
  background: var(--color-orange-501) !important;
}

.bg-orange-502 {
  background: var(--color-orange-502) !important;
}

.bg-orange-503 {
  background: var(--color-orange-503) !important;
}

.bg-orange-504 {
  background: var(--color-orange-504) !important;
}

.bg-orange-505 {
  background: var(--color-orange-505) !important;
}

.bg-orange-506 {
  background: var(--color-orange-506) !important;
}

.bg-orange-507 {
  background: var(--color-orange-507) !important;
}

.bg-orange-508 {
  background: var(--color-orange-508) !important;
}

.bg-orange-509 {
  background: var(--color-orange-509) !important;
}

.bg-orange-510 {
  background: var(--color-orange-510) !important;
}

.bg-orange-511 {
  background: var(--color-orange-511) !important;
}

.bg-orange-512 {
  background: var(--color-orange-512) !important;
}

.bg-orange-513 {
  background: var(--color-orange-513) !important;
}

.bg-orange-514 {
  background: var(--color-orange-514) !important;
}

.bg-orange-515 {
  background: var(--color-orange-515) !important;
}

.bg-orange-516 {
  background: var(--color-orange-516) !important;
}

.bg-orange-517 {
  background: var(--color-orange-517) !important;
}

.bg-orange-518 {
  background: var(--color-orange-518) !important;
}

.bg-orange-519 {
  background: var(--color-orange-519) !important;
}

.bg-orange-520 {
  background: var(--color-orange-520) !important;
}

.bg-orange-521 {
  background: var(--color-orange-521) !important;
}

.bg-orange-522 {
  background: var(--color-orange-522) !important;
}

.bg-orange-523 {
  background: var(--color-orange-523) !important;
}

.bg-orange-524 {
  background: var(--color-orange-524) !important;
}

.bg-orange-525 {
  background: var(--color-orange-525) !important;
}

.bg-orange-526 {
  background: var(--color-orange-526) !important;
}

.bg-orange-527 {
  background: var(--color-orange-527) !important;
}

.bg-orange-528 {
  background: var(--color-orange-528) !important;
}

.bg-orange-529 {
  background: var(--color-orange-529) !important;
}

.bg-orange-530 {
  background: var(--color-orange-530) !important;
}

.bg-orange-531 {
  background: var(--color-orange-531) !important;
}

.bg-orange-532 {
  background: var(--color-orange-532) !important;
}

.bg-orange-533 {
  background: var(--color-orange-533) !important;
}

.bg-orange-534 {
  background: var(--color-orange-534) !important;
}

.bg-orange-535 {
  background: var(--color-orange-535) !important;
}

.bg-orange-536 {
  background: var(--color-orange-536) !important;
}

.bg-orange-537 {
  background: var(--color-orange-537) !important;
}

.bg-orange-538 {
  background: var(--color-orange-538) !important;
}

.bg-orange-539 {
  background: var(--color-orange-539) !important;
}

.bg-orange-540 {
  background: var(--color-orange-540) !important;
}

.bg-orange-541 {
  background: var(--color-orange-541) !important;
}

.bg-orange-542 {
  background: var(--color-orange-542) !important;
}

.bg-orange-543 {
  background: var(--color-orange-543) !important;
}

.bg-orange-544 {
  background: var(--color-orange-544) !important;
}

.bg-orange-545 {
  background: var(--color-orange-545) !important;
}

.bg-orange-546 {
  background: var(--color-orange-546) !important;
}

.bg-orange-547 {
  background: var(--color-orange-547) !important;
}

.bg-orange-548 {
  background: var(--color-orange-548) !important;
}

.bg-orange-549 {
  background: var(--color-orange-549) !important;
}

.bg-orange-550 {
  background: var(--color-orange-550) !important;
}

.bg-orange-551 {
  background: var(--color-orange-551) !important;
}

.bg-orange-552 {
  background: var(--color-orange-552) !important;
}

.bg-orange-553 {
  background: var(--color-orange-553) !important;
}

.bg-orange-554 {
  background: var(--color-orange-554) !important;
}

.bg-orange-555 {
  background: var(--color-orange-555) !important;
}

.bg-orange-556 {
  background: var(--color-orange-556) !important;
}

.bg-orange-557 {
  background: var(--color-orange-557) !important;
}

.bg-orange-558 {
  background: var(--color-orange-558) !important;
}

.bg-orange-559 {
  background: var(--color-orange-559) !important;
}

.bg-orange-560 {
  background: var(--color-orange-560) !important;
}

.bg-orange-561 {
  background: var(--color-orange-561) !important;
}

.bg-orange-562 {
  background: var(--color-orange-562) !important;
}

.bg-orange-563 {
  background: var(--color-orange-563) !important;
}

.bg-orange-564 {
  background: var(--color-orange-564) !important;
}

.bg-orange-565 {
  background: var(--color-orange-565) !important;
}

.bg-orange-566 {
  background: var(--color-orange-566) !important;
}

.bg-orange-567 {
  background: var(--color-orange-567) !important;
}

.bg-orange-568 {
  background: var(--color-orange-568) !important;
}

.bg-orange-569 {
  background: var(--color-orange-569) !important;
}

.bg-orange-570 {
  background: var(--color-orange-570) !important;
}

.bg-orange-571 {
  background: var(--color-orange-571) !important;
}

.bg-orange-572 {
  background: var(--color-orange-572) !important;
}

.bg-orange-573 {
  background: var(--color-orange-573) !important;
}

.bg-orange-574 {
  background: var(--color-orange-574) !important;
}

.bg-orange-575 {
  background: var(--color-orange-575) !important;
}

.bg-orange-576 {
  background: var(--color-orange-576) !important;
}

.bg-orange-577 {
  background: var(--color-orange-577) !important;
}

.bg-orange-578 {
  background: var(--color-orange-578) !important;
}

.bg-orange-579 {
  background: var(--color-orange-579) !important;
}

.bg-orange-580 {
  background: var(--color-orange-580) !important;
}

.bg-orange-581 {
  background: var(--color-orange-581) !important;
}

.bg-orange-582 {
  background: var(--color-orange-582) !important;
}

.bg-orange-583 {
  background: var(--color-orange-583) !important;
}

.bg-orange-584 {
  background: var(--color-orange-584) !important;
}

.bg-orange-585 {
  background: var(--color-orange-585) !important;
}

.bg-orange-586 {
  background: var(--color-orange-586) !important;
}

.bg-orange-587 {
  background: var(--color-orange-587) !important;
}

.bg-orange-588 {
  background: var(--color-orange-588) !important;
}

.bg-orange-589 {
  background: var(--color-orange-589) !important;
}

.bg-orange-590 {
  background: var(--color-orange-590) !important;
}

.bg-orange-591 {
  background: var(--color-orange-591) !important;
}

.bg-orange-592 {
  background: var(--color-orange-592) !important;
}

.bg-orange-593 {
  background: var(--color-orange-593) !important;
}

.bg-orange-594 {
  background: var(--color-orange-594) !important;
}

.bg-orange-595 {
  background: var(--color-orange-595) !important;
}

.bg-orange-596 {
  background: var(--color-orange-596) !important;
}

.bg-orange-597 {
  background: var(--color-orange-597) !important;
}

.bg-orange-598 {
  background: var(--color-orange-598) !important;
}

.bg-orange-599 {
  background: var(--color-orange-599) !important;
}

.bg-orange-600 {
  background: var(--color-orange-600) !important;
}

.bg-orange-601 {
  background: var(--color-orange-601) !important;
}

.bg-orange-602 {
  background: var(--color-orange-602) !important;
}

.bg-orange-603 {
  background: var(--color-orange-603) !important;
}

.bg-orange-604 {
  background: var(--color-orange-604) !important;
}

.bg-orange-605 {
  background: var(--color-orange-605) !important;
}

.bg-orange-606 {
  background: var(--color-orange-606) !important;
}

.bg-orange-607 {
  background: var(--color-orange-607) !important;
}

.bg-orange-608 {
  background: var(--color-orange-608) !important;
}

.bg-orange-609 {
  background: var(--color-orange-609) !important;
}

.bg-orange-610 {
  background: var(--color-orange-610) !important;
}

.bg-orange-611 {
  background: var(--color-orange-611) !important;
}

.bg-orange-612 {
  background: var(--color-orange-612) !important;
}

.bg-orange-613 {
  background: var(--color-orange-613) !important;
}

.bg-orange-614 {
  background: var(--color-orange-614) !important;
}

.bg-orange-615 {
  background: var(--color-orange-615) !important;
}

.bg-orange-616 {
  background: var(--color-orange-616) !important;
}

.bg-orange-617 {
  background: var(--color-orange-617) !important;
}

.bg-orange-618 {
  background: var(--color-orange-618) !important;
}

.bg-orange-619 {
  background: var(--color-orange-619) !important;
}

.bg-orange-620 {
  background: var(--color-orange-620) !important;
}

.bg-orange-621 {
  background: var(--color-orange-621) !important;
}

.bg-orange-622 {
  background: var(--color-orange-622) !important;
}

.bg-orange-623 {
  background: var(--color-orange-623) !important;
}

.bg-orange-624 {
  background: var(--color-orange-624) !important;
}

.bg-orange-625 {
  background: var(--color-orange-625) !important;
}

.bg-orange-626 {
  background: var(--color-orange-626) !important;
}

.bg-orange-627 {
  background: var(--color-orange-627) !important;
}

.bg-orange-628 {
  background: var(--color-orange-628) !important;
}

.bg-orange-629 {
  background: var(--color-orange-629) !important;
}

.bg-orange-630 {
  background: var(--color-orange-630) !important;
}

.bg-orange-631 {
  background: var(--color-orange-631) !important;
}

.bg-orange-632 {
  background: var(--color-orange-632) !important;
}

.bg-orange-633 {
  background: var(--color-orange-633) !important;
}

.bg-orange-634 {
  background: var(--color-orange-634) !important;
}

.bg-orange-635 {
  background: var(--color-orange-635) !important;
}

.bg-orange-636 {
  background: var(--color-orange-636) !important;
}

.bg-orange-637 {
  background: var(--color-orange-637) !important;
}

.bg-orange-638 {
  background: var(--color-orange-638) !important;
}

.bg-orange-639 {
  background: var(--color-orange-639) !important;
}

.bg-orange-640 {
  background: var(--color-orange-640) !important;
}

.bg-orange-641 {
  background: var(--color-orange-641) !important;
}

.bg-orange-642 {
  background: var(--color-orange-642) !important;
}

.bg-orange-643 {
  background: var(--color-orange-643) !important;
}

.bg-orange-644 {
  background: var(--color-orange-644) !important;
}

.bg-orange-645 {
  background: var(--color-orange-645) !important;
}

.bg-orange-646 {
  background: var(--color-orange-646) !important;
}

.bg-orange-647 {
  background: var(--color-orange-647) !important;
}

.bg-orange-648 {
  background: var(--color-orange-648) !important;
}

.bg-orange-649 {
  background: var(--color-orange-649) !important;
}

.bg-orange-650 {
  background: var(--color-orange-650) !important;
}

.bg-orange-651 {
  background: var(--color-orange-651) !important;
}

.bg-orange-652 {
  background: var(--color-orange-652) !important;
}

.bg-orange-653 {
  background: var(--color-orange-653) !important;
}

.bg-orange-654 {
  background: var(--color-orange-654) !important;
}

.bg-orange-655 {
  background: var(--color-orange-655) !important;
}

.bg-orange-656 {
  background: var(--color-orange-656) !important;
}

.bg-orange-657 {
  background: var(--color-orange-657) !important;
}

.bg-orange-658 {
  background: var(--color-orange-658) !important;
}

.bg-orange-659 {
  background: var(--color-orange-659) !important;
}

.bg-orange-660 {
  background: var(--color-orange-660) !important;
}

.bg-orange-661 {
  background: var(--color-orange-661) !important;
}

.bg-orange-662 {
  background: var(--color-orange-662) !important;
}

.bg-orange-663 {
  background: var(--color-orange-663) !important;
}

.bg-orange-664 {
  background: var(--color-orange-664) !important;
}

.bg-orange-665 {
  background: var(--color-orange-665) !important;
}

.bg-orange-666 {
  background: var(--color-orange-666) !important;
}

.bg-orange-667 {
  background: var(--color-orange-667) !important;
}

.bg-orange-668 {
  background: var(--color-orange-668) !important;
}

.bg-orange-669 {
  background: var(--color-orange-669) !important;
}

.bg-orange-670 {
  background: var(--color-orange-670) !important;
}

.bg-orange-671 {
  background: var(--color-orange-671) !important;
}

.bg-orange-672 {
  background: var(--color-orange-672) !important;
}

.bg-orange-673 {
  background: var(--color-orange-673) !important;
}

.bg-orange-674 {
  background: var(--color-orange-674) !important;
}

.bg-orange-675 {
  background: var(--color-orange-675) !important;
}

.bg-orange-676 {
  background: var(--color-orange-676) !important;
}

.bg-orange-677 {
  background: var(--color-orange-677) !important;
}

.bg-orange-678 {
  background: var(--color-orange-678) !important;
}

.bg-orange-679 {
  background: var(--color-orange-679) !important;
}

.bg-orange-680 {
  background: var(--color-orange-680) !important;
}

.bg-orange-681 {
  background: var(--color-orange-681) !important;
}

.bg-orange-682 {
  background: var(--color-orange-682) !important;
}

.bg-orange-683 {
  background: var(--color-orange-683) !important;
}

.bg-orange-684 {
  background: var(--color-orange-684) !important;
}

.bg-orange-685 {
  background: var(--color-orange-685) !important;
}

.bg-orange-686 {
  background: var(--color-orange-686) !important;
}

.bg-orange-687 {
  background: var(--color-orange-687) !important;
}

.bg-orange-688 {
  background: var(--color-orange-688) !important;
}

.bg-orange-689 {
  background: var(--color-orange-689) !important;
}

.bg-orange-690 {
  background: var(--color-orange-690) !important;
}

.bg-orange-691 {
  background: var(--color-orange-691) !important;
}

.bg-orange-692 {
  background: var(--color-orange-692) !important;
}

.bg-orange-693 {
  background: var(--color-orange-693) !important;
}

.bg-orange-694 {
  background: var(--color-orange-694) !important;
}

.bg-orange-695 {
  background: var(--color-orange-695) !important;
}

.bg-orange-696 {
  background: var(--color-orange-696) !important;
}

.bg-orange-697 {
  background: var(--color-orange-697) !important;
}

.bg-orange-698 {
  background: var(--color-orange-698) !important;
}

.bg-orange-699 {
  background: var(--color-orange-699) !important;
}

.bg-orange-700 {
  background: var(--color-orange-700) !important;
}

.bg-orange-701 {
  background: var(--color-orange-701) !important;
}

.bg-orange-702 {
  background: var(--color-orange-702) !important;
}

.bg-orange-703 {
  background: var(--color-orange-703) !important;
}

.bg-orange-704 {
  background: var(--color-orange-704) !important;
}

.bg-orange-705 {
  background: var(--color-orange-705) !important;
}

.bg-orange-706 {
  background: var(--color-orange-706) !important;
}

.bg-orange-707 {
  background: var(--color-orange-707) !important;
}

.bg-orange-708 {
  background: var(--color-orange-708) !important;
}

.bg-orange-709 {
  background: var(--color-orange-709) !important;
}

.bg-orange-710 {
  background: var(--color-orange-710) !important;
}

.bg-orange-711 {
  background: var(--color-orange-711) !important;
}

.bg-orange-712 {
  background: var(--color-orange-712) !important;
}

.bg-orange-713 {
  background: var(--color-orange-713) !important;
}

.bg-orange-714 {
  background: var(--color-orange-714) !important;
}

.bg-orange-715 {
  background: var(--color-orange-715) !important;
}

.bg-orange-716 {
  background: var(--color-orange-716) !important;
}

.bg-orange-717 {
  background: var(--color-orange-717) !important;
}

.bg-orange-718 {
  background: var(--color-orange-718) !important;
}

.bg-orange-719 {
  background: var(--color-orange-719) !important;
}

.bg-orange-720 {
  background: var(--color-orange-720) !important;
}

.bg-orange-721 {
  background: var(--color-orange-721) !important;
}

.bg-orange-722 {
  background: var(--color-orange-722) !important;
}

.bg-orange-723 {
  background: var(--color-orange-723) !important;
}

.bg-orange-724 {
  background: var(--color-orange-724) !important;
}

.bg-orange-725 {
  background: var(--color-orange-725) !important;
}

.bg-orange-726 {
  background: var(--color-orange-726) !important;
}

.bg-orange-727 {
  background: var(--color-orange-727) !important;
}

.bg-orange-728 {
  background: var(--color-orange-728) !important;
}

.bg-orange-729 {
  background: var(--color-orange-729) !important;
}

.bg-orange-730 {
  background: var(--color-orange-730) !important;
}

.bg-orange-731 {
  background: var(--color-orange-731) !important;
}

.bg-orange-732 {
  background: var(--color-orange-732) !important;
}

.bg-orange-733 {
  background: var(--color-orange-733) !important;
}

.bg-orange-734 {
  background: var(--color-orange-734) !important;
}

.bg-orange-735 {
  background: var(--color-orange-735) !important;
}

.bg-orange-736 {
  background: var(--color-orange-736) !important;
}

.bg-orange-737 {
  background: var(--color-orange-737) !important;
}

.bg-orange-738 {
  background: var(--color-orange-738) !important;
}

.bg-orange-739 {
  background: var(--color-orange-739) !important;
}

.bg-orange-740 {
  background: var(--color-orange-740) !important;
}

.bg-orange-741 {
  background: var(--color-orange-741) !important;
}

.bg-orange-742 {
  background: var(--color-orange-742) !important;
}

.bg-orange-743 {
  background: var(--color-orange-743) !important;
}

.bg-orange-744 {
  background: var(--color-orange-744) !important;
}

.bg-orange-745 {
  background: var(--color-orange-745) !important;
}

.bg-orange-746 {
  background: var(--color-orange-746) !important;
}

.bg-orange-747 {
  background: var(--color-orange-747) !important;
}

.bg-orange-748 {
  background: var(--color-orange-748) !important;
}

.bg-orange-749 {
  background: var(--color-orange-749) !important;
}

.bg-orange-750 {
  background: var(--color-orange-750) !important;
}

.bg-orange-751 {
  background: var(--color-orange-751) !important;
}

.bg-orange-752 {
  background: var(--color-orange-752) !important;
}

.bg-orange-753 {
  background: var(--color-orange-753) !important;
}

.bg-orange-754 {
  background: var(--color-orange-754) !important;
}

.bg-orange-755 {
  background: var(--color-orange-755) !important;
}

.bg-orange-756 {
  background: var(--color-orange-756) !important;
}

.bg-orange-757 {
  background: var(--color-orange-757) !important;
}

.bg-orange-758 {
  background: var(--color-orange-758) !important;
}

.bg-orange-759 {
  background: var(--color-orange-759) !important;
}

.bg-orange-760 {
  background: var(--color-orange-760) !important;
}

.bg-orange-761 {
  background: var(--color-orange-761) !important;
}

.bg-orange-762 {
  background: var(--color-orange-762) !important;
}

.bg-orange-763 {
  background: var(--color-orange-763) !important;
}

.bg-orange-764 {
  background: var(--color-orange-764) !important;
}

.bg-orange-765 {
  background: var(--color-orange-765) !important;
}

.bg-orange-766 {
  background: var(--color-orange-766) !important;
}

.bg-orange-767 {
  background: var(--color-orange-767) !important;
}

.bg-orange-768 {
  background: var(--color-orange-768) !important;
}

.bg-orange-769 {
  background: var(--color-orange-769) !important;
}

.bg-orange-770 {
  background: var(--color-orange-770) !important;
}

.bg-orange-771 {
  background: var(--color-orange-771) !important;
}

.bg-orange-772 {
  background: var(--color-orange-772) !important;
}

.bg-orange-773 {
  background: var(--color-orange-773) !important;
}

.bg-orange-774 {
  background: var(--color-orange-774) !important;
}

.bg-orange-775 {
  background: var(--color-orange-775) !important;
}

.bg-orange-776 {
  background: var(--color-orange-776) !important;
}

.bg-orange-777 {
  background: var(--color-orange-777) !important;
}

.bg-orange-778 {
  background: var(--color-orange-778) !important;
}

.bg-orange-779 {
  background: var(--color-orange-779) !important;
}

.bg-orange-780 {
  background: var(--color-orange-780) !important;
}

.bg-orange-781 {
  background: var(--color-orange-781) !important;
}

.bg-orange-782 {
  background: var(--color-orange-782) !important;
}

.bg-orange-783 {
  background: var(--color-orange-783) !important;
}

.bg-orange-784 {
  background: var(--color-orange-784) !important;
}

.bg-orange-785 {
  background: var(--color-orange-785) !important;
}

.bg-orange-786 {
  background: var(--color-orange-786) !important;
}

.bg-orange-787 {
  background: var(--color-orange-787) !important;
}

.bg-orange-788 {
  background: var(--color-orange-788) !important;
}

.bg-orange-789 {
  background: var(--color-orange-789) !important;
}

.bg-orange-790 {
  background: var(--color-orange-790) !important;
}

.bg-orange-791 {
  background: var(--color-orange-791) !important;
}

.bg-orange-792 {
  background: var(--color-orange-792) !important;
}

.bg-orange-793 {
  background: var(--color-orange-793) !important;
}

.bg-orange-794 {
  background: var(--color-orange-794) !important;
}

.bg-orange-795 {
  background: var(--color-orange-795) !important;
}

.bg-orange-796 {
  background: var(--color-orange-796) !important;
}

.bg-orange-797 {
  background: var(--color-orange-797) !important;
}

.bg-orange-798 {
  background: var(--color-orange-798) !important;
}

.bg-orange-799 {
  background: var(--color-orange-799) !important;
}

.bg-orange-800 {
  background: var(--color-orange-800) !important;
}

.bg-orange-801 {
  background: var(--color-orange-801) !important;
}

.bg-orange-802 {
  background: var(--color-orange-802) !important;
}

.bg-orange-803 {
  background: var(--color-orange-803) !important;
}

.bg-orange-804 {
  background: var(--color-orange-804) !important;
}

.bg-orange-805 {
  background: var(--color-orange-805) !important;
}

.bg-orange-806 {
  background: var(--color-orange-806) !important;
}

.bg-orange-807 {
  background: var(--color-orange-807) !important;
}

.bg-orange-808 {
  background: var(--color-orange-808) !important;
}

.bg-orange-809 {
  background: var(--color-orange-809) !important;
}

.bg-orange-810 {
  background: var(--color-orange-810) !important;
}

.bg-orange-811 {
  background: var(--color-orange-811) !important;
}

.bg-orange-812 {
  background: var(--color-orange-812) !important;
}

.bg-orange-813 {
  background: var(--color-orange-813) !important;
}

.bg-orange-814 {
  background: var(--color-orange-814) !important;
}

.bg-orange-815 {
  background: var(--color-orange-815) !important;
}

.bg-orange-816 {
  background: var(--color-orange-816) !important;
}

.bg-orange-817 {
  background: var(--color-orange-817) !important;
}

.bg-orange-818 {
  background: var(--color-orange-818) !important;
}

.bg-orange-819 {
  background: var(--color-orange-819) !important;
}

.bg-orange-820 {
  background: var(--color-orange-820) !important;
}

.bg-orange-821 {
  background: var(--color-orange-821) !important;
}

.bg-orange-822 {
  background: var(--color-orange-822) !important;
}

.bg-orange-823 {
  background: var(--color-orange-823) !important;
}

.bg-orange-824 {
  background: var(--color-orange-824) !important;
}

.bg-orange-825 {
  background: var(--color-orange-825) !important;
}

.bg-orange-826 {
  background: var(--color-orange-826) !important;
}

.bg-orange-827 {
  background: var(--color-orange-827) !important;
}

.bg-orange-828 {
  background: var(--color-orange-828) !important;
}

.bg-orange-829 {
  background: var(--color-orange-829) !important;
}

.bg-orange-830 {
  background: var(--color-orange-830) !important;
}

.bg-orange-831 {
  background: var(--color-orange-831) !important;
}

.bg-orange-832 {
  background: var(--color-orange-832) !important;
}

.bg-orange-833 {
  background: var(--color-orange-833) !important;
}

.bg-orange-834 {
  background: var(--color-orange-834) !important;
}

.bg-orange-835 {
  background: var(--color-orange-835) !important;
}

.bg-orange-836 {
  background: var(--color-orange-836) !important;
}

.bg-orange-837 {
  background: var(--color-orange-837) !important;
}

.bg-orange-838 {
  background: var(--color-orange-838) !important;
}

.bg-orange-839 {
  background: var(--color-orange-839) !important;
}

.bg-orange-840 {
  background: var(--color-orange-840) !important;
}

.bg-orange-841 {
  background: var(--color-orange-841) !important;
}

.bg-orange-842 {
  background: var(--color-orange-842) !important;
}

.bg-orange-843 {
  background: var(--color-orange-843) !important;
}

.bg-orange-844 {
  background: var(--color-orange-844) !important;
}

.bg-orange-845 {
  background: var(--color-orange-845) !important;
}

.bg-orange-846 {
  background: var(--color-orange-846) !important;
}

.bg-orange-847 {
  background: var(--color-orange-847) !important;
}

.bg-orange-848 {
  background: var(--color-orange-848) !important;
}

.bg-orange-849 {
  background: var(--color-orange-849) !important;
}

.bg-orange-850 {
  background: var(--color-orange-850) !important;
}

.bg-orange-851 {
  background: var(--color-orange-851) !important;
}

.bg-orange-852 {
  background: var(--color-orange-852) !important;
}

.bg-orange-853 {
  background: var(--color-orange-853) !important;
}

.bg-orange-854 {
  background: var(--color-orange-854) !important;
}

.bg-orange-855 {
  background: var(--color-orange-855) !important;
}

.bg-orange-856 {
  background: var(--color-orange-856) !important;
}

.bg-orange-857 {
  background: var(--color-orange-857) !important;
}

.bg-orange-858 {
  background: var(--color-orange-858) !important;
}

.bg-orange-859 {
  background: var(--color-orange-859) !important;
}

.bg-orange-860 {
  background: var(--color-orange-860) !important;
}

.bg-orange-861 {
  background: var(--color-orange-861) !important;
}

.bg-orange-862 {
  background: var(--color-orange-862) !important;
}

.bg-orange-863 {
  background: var(--color-orange-863) !important;
}

.bg-orange-864 {
  background: var(--color-orange-864) !important;
}

.bg-orange-865 {
  background: var(--color-orange-865) !important;
}

.bg-orange-866 {
  background: var(--color-orange-866) !important;
}

.bg-orange-867 {
  background: var(--color-orange-867) !important;
}

.bg-orange-868 {
  background: var(--color-orange-868) !important;
}

.bg-orange-869 {
  background: var(--color-orange-869) !important;
}

.bg-orange-870 {
  background: var(--color-orange-870) !important;
}

.bg-orange-871 {
  background: var(--color-orange-871) !important;
}

.bg-orange-872 {
  background: var(--color-orange-872) !important;
}

.bg-orange-873 {
  background: var(--color-orange-873) !important;
}

.bg-orange-874 {
  background: var(--color-orange-874) !important;
}

.bg-orange-875 {
  background: var(--color-orange-875) !important;
}

.bg-orange-876 {
  background: var(--color-orange-876) !important;
}

.bg-orange-877 {
  background: var(--color-orange-877) !important;
}

.bg-orange-878 {
  background: var(--color-orange-878) !important;
}

.bg-orange-879 {
  background: var(--color-orange-879) !important;
}

.bg-orange-880 {
  background: var(--color-orange-880) !important;
}

.bg-orange-881 {
  background: var(--color-orange-881) !important;
}

.bg-orange-882 {
  background: var(--color-orange-882) !important;
}

.bg-orange-883 {
  background: var(--color-orange-883) !important;
}

.bg-orange-884 {
  background: var(--color-orange-884) !important;
}

.bg-orange-885 {
  background: var(--color-orange-885) !important;
}

.bg-orange-886 {
  background: var(--color-orange-886) !important;
}

.bg-orange-887 {
  background: var(--color-orange-887) !important;
}

.bg-orange-888 {
  background: var(--color-orange-888) !important;
}

.bg-orange-889 {
  background: var(--color-orange-889) !important;
}

.bg-orange-890 {
  background: var(--color-orange-890) !important;
}

.bg-orange-891 {
  background: var(--color-orange-891) !important;
}

.bg-orange-892 {
  background: var(--color-orange-892) !important;
}

.bg-orange-893 {
  background: var(--color-orange-893) !important;
}

.bg-orange-894 {
  background: var(--color-orange-894) !important;
}

.bg-orange-895 {
  background: var(--color-orange-895) !important;
}

.bg-orange-896 {
  background: var(--color-orange-896) !important;
}

.bg-orange-897 {
  background: var(--color-orange-897) !important;
}

.bg-orange-898 {
  background: var(--color-orange-898) !important;
}

.bg-orange-899 {
  background: var(--color-orange-899) !important;
}

.bg-orange-900 {
  background: var(--color-orange-900) !important;
}

.bg-gold-25 {
  background: var(--color-gold-25) !important;
}

.bg-gold-26 {
  background: var(--color-gold-26) !important;
}

.bg-gold-27 {
  background: var(--color-gold-27) !important;
}

.bg-gold-28 {
  background: var(--color-gold-28) !important;
}

.bg-gold-29 {
  background: var(--color-gold-29) !important;
}

.bg-gold-30 {
  background: var(--color-gold-30) !important;
}

.bg-gold-31 {
  background: var(--color-gold-31) !important;
}

.bg-gold-32 {
  background: var(--color-gold-32) !important;
}

.bg-gold-33 {
  background: var(--color-gold-33) !important;
}

.bg-gold-34 {
  background: var(--color-gold-34) !important;
}

.bg-gold-35 {
  background: var(--color-gold-35) !important;
}

.bg-gold-36 {
  background: var(--color-gold-36) !important;
}

.bg-gold-37 {
  background: var(--color-gold-37) !important;
}

.bg-gold-38 {
  background: var(--color-gold-38) !important;
}

.bg-gold-39 {
  background: var(--color-gold-39) !important;
}

.bg-gold-40 {
  background: var(--color-gold-40) !important;
}

.bg-gold-41 {
  background: var(--color-gold-41) !important;
}

.bg-gold-42 {
  background: var(--color-gold-42) !important;
}

.bg-gold-43 {
  background: var(--color-gold-43) !important;
}

.bg-gold-44 {
  background: var(--color-gold-44) !important;
}

.bg-gold-45 {
  background: var(--color-gold-45) !important;
}

.bg-gold-46 {
  background: var(--color-gold-46) !important;
}

.bg-gold-47 {
  background: var(--color-gold-47) !important;
}

.bg-gold-48 {
  background: var(--color-gold-48) !important;
}

.bg-gold-49 {
  background: var(--color-gold-49) !important;
}

.bg-gold-50 {
  background: var(--color-gold-50) !important;
}

.bg-gold-51 {
  background: var(--color-gold-51) !important;
}

.bg-gold-52 {
  background: var(--color-gold-52) !important;
}

.bg-gold-53 {
  background: var(--color-gold-53) !important;
}

.bg-gold-54 {
  background: var(--color-gold-54) !important;
}

.bg-gold-55 {
  background: var(--color-gold-55) !important;
}

.bg-gold-56 {
  background: var(--color-gold-56) !important;
}

.bg-gold-57 {
  background: var(--color-gold-57) !important;
}

.bg-gold-58 {
  background: var(--color-gold-58) !important;
}

.bg-gold-59 {
  background: var(--color-gold-59) !important;
}

.bg-gold-60 {
  background: var(--color-gold-60) !important;
}

.bg-gold-61 {
  background: var(--color-gold-61) !important;
}

.bg-gold-62 {
  background: var(--color-gold-62) !important;
}

.bg-gold-63 {
  background: var(--color-gold-63) !important;
}

.bg-gold-64 {
  background: var(--color-gold-64) !important;
}

.bg-gold-65 {
  background: var(--color-gold-65) !important;
}

.bg-gold-66 {
  background: var(--color-gold-66) !important;
}

.bg-gold-67 {
  background: var(--color-gold-67) !important;
}

.bg-gold-68 {
  background: var(--color-gold-68) !important;
}

.bg-gold-69 {
  background: var(--color-gold-69) !important;
}

.bg-gold-70 {
  background: var(--color-gold-70) !important;
}

.bg-gold-71 {
  background: var(--color-gold-71) !important;
}

.bg-gold-72 {
  background: var(--color-gold-72) !important;
}

.bg-gold-73 {
  background: var(--color-gold-73) !important;
}

.bg-gold-74 {
  background: var(--color-gold-74) !important;
}

.bg-gold-75 {
  background: var(--color-gold-75) !important;
}

.bg-gold-76 {
  background: var(--color-gold-76) !important;
}

.bg-gold-77 {
  background: var(--color-gold-77) !important;
}

.bg-gold-78 {
  background: var(--color-gold-78) !important;
}

.bg-gold-79 {
  background: var(--color-gold-79) !important;
}

.bg-gold-80 {
  background: var(--color-gold-80) !important;
}

.bg-gold-81 {
  background: var(--color-gold-81) !important;
}

.bg-gold-82 {
  background: var(--color-gold-82) !important;
}

.bg-gold-83 {
  background: var(--color-gold-83) !important;
}

.bg-gold-84 {
  background: var(--color-gold-84) !important;
}

.bg-gold-85 {
  background: var(--color-gold-85) !important;
}

.bg-gold-86 {
  background: var(--color-gold-86) !important;
}

.bg-gold-87 {
  background: var(--color-gold-87) !important;
}

.bg-gold-88 {
  background: var(--color-gold-88) !important;
}

.bg-gold-89 {
  background: var(--color-gold-89) !important;
}

.bg-gold-90 {
  background: var(--color-gold-90) !important;
}

.bg-gold-91 {
  background: var(--color-gold-91) !important;
}

.bg-gold-92 {
  background: var(--color-gold-92) !important;
}

.bg-gold-93 {
  background: var(--color-gold-93) !important;
}

.bg-gold-94 {
  background: var(--color-gold-94) !important;
}

.bg-gold-95 {
  background: var(--color-gold-95) !important;
}

.bg-gold-96 {
  background: var(--color-gold-96) !important;
}

.bg-gold-97 {
  background: var(--color-gold-97) !important;
}

.bg-gold-98 {
  background: var(--color-gold-98) !important;
}

.bg-gold-99 {
  background: var(--color-gold-99) !important;
}

.bg-gold-100 {
  background: var(--color-gold-100) !important;
}

.bg-gold-101 {
  background: var(--color-gold-101) !important;
}

.bg-gold-102 {
  background: var(--color-gold-102) !important;
}

.bg-gold-103 {
  background: var(--color-gold-103) !important;
}

.bg-gold-104 {
  background: var(--color-gold-104) !important;
}

.bg-gold-105 {
  background: var(--color-gold-105) !important;
}

.bg-gold-106 {
  background: var(--color-gold-106) !important;
}

.bg-gold-107 {
  background: var(--color-gold-107) !important;
}

.bg-gold-108 {
  background: var(--color-gold-108) !important;
}

.bg-gold-109 {
  background: var(--color-gold-109) !important;
}

.bg-gold-110 {
  background: var(--color-gold-110) !important;
}

.bg-gold-111 {
  background: var(--color-gold-111) !important;
}

.bg-gold-112 {
  background: var(--color-gold-112) !important;
}

.bg-gold-113 {
  background: var(--color-gold-113) !important;
}

.bg-gold-114 {
  background: var(--color-gold-114) !important;
}

.bg-gold-115 {
  background: var(--color-gold-115) !important;
}

.bg-gold-116 {
  background: var(--color-gold-116) !important;
}

.bg-gold-117 {
  background: var(--color-gold-117) !important;
}

.bg-gold-118 {
  background: var(--color-gold-118) !important;
}

.bg-gold-119 {
  background: var(--color-gold-119) !important;
}

.bg-gold-120 {
  background: var(--color-gold-120) !important;
}

.bg-gold-121 {
  background: var(--color-gold-121) !important;
}

.bg-gold-122 {
  background: var(--color-gold-122) !important;
}

.bg-gold-123 {
  background: var(--color-gold-123) !important;
}

.bg-gold-124 {
  background: var(--color-gold-124) !important;
}

.bg-gold-125 {
  background: var(--color-gold-125) !important;
}

.bg-gold-126 {
  background: var(--color-gold-126) !important;
}

.bg-gold-127 {
  background: var(--color-gold-127) !important;
}

.bg-gold-128 {
  background: var(--color-gold-128) !important;
}

.bg-gold-129 {
  background: var(--color-gold-129) !important;
}

.bg-gold-130 {
  background: var(--color-gold-130) !important;
}

.bg-gold-131 {
  background: var(--color-gold-131) !important;
}

.bg-gold-132 {
  background: var(--color-gold-132) !important;
}

.bg-gold-133 {
  background: var(--color-gold-133) !important;
}

.bg-gold-134 {
  background: var(--color-gold-134) !important;
}

.bg-gold-135 {
  background: var(--color-gold-135) !important;
}

.bg-gold-136 {
  background: var(--color-gold-136) !important;
}

.bg-gold-137 {
  background: var(--color-gold-137) !important;
}

.bg-gold-138 {
  background: var(--color-gold-138) !important;
}

.bg-gold-139 {
  background: var(--color-gold-139) !important;
}

.bg-gold-140 {
  background: var(--color-gold-140) !important;
}

.bg-gold-141 {
  background: var(--color-gold-141) !important;
}

.bg-gold-142 {
  background: var(--color-gold-142) !important;
}

.bg-gold-143 {
  background: var(--color-gold-143) !important;
}

.bg-gold-144 {
  background: var(--color-gold-144) !important;
}

.bg-gold-145 {
  background: var(--color-gold-145) !important;
}

.bg-gold-146 {
  background: var(--color-gold-146) !important;
}

.bg-gold-147 {
  background: var(--color-gold-147) !important;
}

.bg-gold-148 {
  background: var(--color-gold-148) !important;
}

.bg-gold-149 {
  background: var(--color-gold-149) !important;
}

.bg-gold-150 {
  background: var(--color-gold-150) !important;
}

.bg-gold-151 {
  background: var(--color-gold-151) !important;
}

.bg-gold-152 {
  background: var(--color-gold-152) !important;
}

.bg-gold-153 {
  background: var(--color-gold-153) !important;
}

.bg-gold-154 {
  background: var(--color-gold-154) !important;
}

.bg-gold-155 {
  background: var(--color-gold-155) !important;
}

.bg-gold-156 {
  background: var(--color-gold-156) !important;
}

.bg-gold-157 {
  background: var(--color-gold-157) !important;
}

.bg-gold-158 {
  background: var(--color-gold-158) !important;
}

.bg-gold-159 {
  background: var(--color-gold-159) !important;
}

.bg-gold-160 {
  background: var(--color-gold-160) !important;
}

.bg-gold-161 {
  background: var(--color-gold-161) !important;
}

.bg-gold-162 {
  background: var(--color-gold-162) !important;
}

.bg-gold-163 {
  background: var(--color-gold-163) !important;
}

.bg-gold-164 {
  background: var(--color-gold-164) !important;
}

.bg-gold-165 {
  background: var(--color-gold-165) !important;
}

.bg-gold-166 {
  background: var(--color-gold-166) !important;
}

.bg-gold-167 {
  background: var(--color-gold-167) !important;
}

.bg-gold-168 {
  background: var(--color-gold-168) !important;
}

.bg-gold-169 {
  background: var(--color-gold-169) !important;
}

.bg-gold-170 {
  background: var(--color-gold-170) !important;
}

.bg-gold-171 {
  background: var(--color-gold-171) !important;
}

.bg-gold-172 {
  background: var(--color-gold-172) !important;
}

.bg-gold-173 {
  background: var(--color-gold-173) !important;
}

.bg-gold-174 {
  background: var(--color-gold-174) !important;
}

.bg-gold-175 {
  background: var(--color-gold-175) !important;
}

.bg-gold-176 {
  background: var(--color-gold-176) !important;
}

.bg-gold-177 {
  background: var(--color-gold-177) !important;
}

.bg-gold-178 {
  background: var(--color-gold-178) !important;
}

.bg-gold-179 {
  background: var(--color-gold-179) !important;
}

.bg-gold-180 {
  background: var(--color-gold-180) !important;
}

.bg-gold-181 {
  background: var(--color-gold-181) !important;
}

.bg-gold-182 {
  background: var(--color-gold-182) !important;
}

.bg-gold-183 {
  background: var(--color-gold-183) !important;
}

.bg-gold-184 {
  background: var(--color-gold-184) !important;
}

.bg-gold-185 {
  background: var(--color-gold-185) !important;
}

.bg-gold-186 {
  background: var(--color-gold-186) !important;
}

.bg-gold-187 {
  background: var(--color-gold-187) !important;
}

.bg-gold-188 {
  background: var(--color-gold-188) !important;
}

.bg-gold-189 {
  background: var(--color-gold-189) !important;
}

.bg-gold-190 {
  background: var(--color-gold-190) !important;
}

.bg-gold-191 {
  background: var(--color-gold-191) !important;
}

.bg-gold-192 {
  background: var(--color-gold-192) !important;
}

.bg-gold-193 {
  background: var(--color-gold-193) !important;
}

.bg-gold-194 {
  background: var(--color-gold-194) !important;
}

.bg-gold-195 {
  background: var(--color-gold-195) !important;
}

.bg-gold-196 {
  background: var(--color-gold-196) !important;
}

.bg-gold-197 {
  background: var(--color-gold-197) !important;
}

.bg-gold-198 {
  background: var(--color-gold-198) !important;
}

.bg-gold-199 {
  background: var(--color-gold-199) !important;
}

.bg-gold-200 {
  background: var(--color-gold-200) !important;
}

.bg-gold-201 {
  background: var(--color-gold-201) !important;
}

.bg-gold-202 {
  background: var(--color-gold-202) !important;
}

.bg-gold-203 {
  background: var(--color-gold-203) !important;
}

.bg-gold-204 {
  background: var(--color-gold-204) !important;
}

.bg-gold-205 {
  background: var(--color-gold-205) !important;
}

.bg-gold-206 {
  background: var(--color-gold-206) !important;
}

.bg-gold-207 {
  background: var(--color-gold-207) !important;
}

.bg-gold-208 {
  background: var(--color-gold-208) !important;
}

.bg-gold-209 {
  background: var(--color-gold-209) !important;
}

.bg-gold-210 {
  background: var(--color-gold-210) !important;
}

.bg-gold-211 {
  background: var(--color-gold-211) !important;
}

.bg-gold-212 {
  background: var(--color-gold-212) !important;
}

.bg-gold-213 {
  background: var(--color-gold-213) !important;
}

.bg-gold-214 {
  background: var(--color-gold-214) !important;
}

.bg-gold-215 {
  background: var(--color-gold-215) !important;
}

.bg-gold-216 {
  background: var(--color-gold-216) !important;
}

.bg-gold-217 {
  background: var(--color-gold-217) !important;
}

.bg-gold-218 {
  background: var(--color-gold-218) !important;
}

.bg-gold-219 {
  background: var(--color-gold-219) !important;
}

.bg-gold-220 {
  background: var(--color-gold-220) !important;
}

.bg-gold-221 {
  background: var(--color-gold-221) !important;
}

.bg-gold-222 {
  background: var(--color-gold-222) !important;
}

.bg-gold-223 {
  background: var(--color-gold-223) !important;
}

.bg-gold-224 {
  background: var(--color-gold-224) !important;
}

.bg-gold-225 {
  background: var(--color-gold-225) !important;
}

.bg-gold-226 {
  background: var(--color-gold-226) !important;
}

.bg-gold-227 {
  background: var(--color-gold-227) !important;
}

.bg-gold-228 {
  background: var(--color-gold-228) !important;
}

.bg-gold-229 {
  background: var(--color-gold-229) !important;
}

.bg-gold-230 {
  background: var(--color-gold-230) !important;
}

.bg-gold-231 {
  background: var(--color-gold-231) !important;
}

.bg-gold-232 {
  background: var(--color-gold-232) !important;
}

.bg-gold-233 {
  background: var(--color-gold-233) !important;
}

.bg-gold-234 {
  background: var(--color-gold-234) !important;
}

.bg-gold-235 {
  background: var(--color-gold-235) !important;
}

.bg-gold-236 {
  background: var(--color-gold-236) !important;
}

.bg-gold-237 {
  background: var(--color-gold-237) !important;
}

.bg-gold-238 {
  background: var(--color-gold-238) !important;
}

.bg-gold-239 {
  background: var(--color-gold-239) !important;
}

.bg-gold-240 {
  background: var(--color-gold-240) !important;
}

.bg-gold-241 {
  background: var(--color-gold-241) !important;
}

.bg-gold-242 {
  background: var(--color-gold-242) !important;
}

.bg-gold-243 {
  background: var(--color-gold-243) !important;
}

.bg-gold-244 {
  background: var(--color-gold-244) !important;
}

.bg-gold-245 {
  background: var(--color-gold-245) !important;
}

.bg-gold-246 {
  background: var(--color-gold-246) !important;
}

.bg-gold-247 {
  background: var(--color-gold-247) !important;
}

.bg-gold-248 {
  background: var(--color-gold-248) !important;
}

.bg-gold-249 {
  background: var(--color-gold-249) !important;
}

.bg-gold-250 {
  background: var(--color-gold-250) !important;
}

.bg-gold-251 {
  background: var(--color-gold-251) !important;
}

.bg-gold-252 {
  background: var(--color-gold-252) !important;
}

.bg-gold-253 {
  background: var(--color-gold-253) !important;
}

.bg-gold-254 {
  background: var(--color-gold-254) !important;
}

.bg-gold-255 {
  background: var(--color-gold-255) !important;
}

.bg-gold-256 {
  background: var(--color-gold-256) !important;
}

.bg-gold-257 {
  background: var(--color-gold-257) !important;
}

.bg-gold-258 {
  background: var(--color-gold-258) !important;
}

.bg-gold-259 {
  background: var(--color-gold-259) !important;
}

.bg-gold-260 {
  background: var(--color-gold-260) !important;
}

.bg-gold-261 {
  background: var(--color-gold-261) !important;
}

.bg-gold-262 {
  background: var(--color-gold-262) !important;
}

.bg-gold-263 {
  background: var(--color-gold-263) !important;
}

.bg-gold-264 {
  background: var(--color-gold-264) !important;
}

.bg-gold-265 {
  background: var(--color-gold-265) !important;
}

.bg-gold-266 {
  background: var(--color-gold-266) !important;
}

.bg-gold-267 {
  background: var(--color-gold-267) !important;
}

.bg-gold-268 {
  background: var(--color-gold-268) !important;
}

.bg-gold-269 {
  background: var(--color-gold-269) !important;
}

.bg-gold-270 {
  background: var(--color-gold-270) !important;
}

.bg-gold-271 {
  background: var(--color-gold-271) !important;
}

.bg-gold-272 {
  background: var(--color-gold-272) !important;
}

.bg-gold-273 {
  background: var(--color-gold-273) !important;
}

.bg-gold-274 {
  background: var(--color-gold-274) !important;
}

.bg-gold-275 {
  background: var(--color-gold-275) !important;
}

.bg-gold-276 {
  background: var(--color-gold-276) !important;
}

.bg-gold-277 {
  background: var(--color-gold-277) !important;
}

.bg-gold-278 {
  background: var(--color-gold-278) !important;
}

.bg-gold-279 {
  background: var(--color-gold-279) !important;
}

.bg-gold-280 {
  background: var(--color-gold-280) !important;
}

.bg-gold-281 {
  background: var(--color-gold-281) !important;
}

.bg-gold-282 {
  background: var(--color-gold-282) !important;
}

.bg-gold-283 {
  background: var(--color-gold-283) !important;
}

.bg-gold-284 {
  background: var(--color-gold-284) !important;
}

.bg-gold-285 {
  background: var(--color-gold-285) !important;
}

.bg-gold-286 {
  background: var(--color-gold-286) !important;
}

.bg-gold-287 {
  background: var(--color-gold-287) !important;
}

.bg-gold-288 {
  background: var(--color-gold-288) !important;
}

.bg-gold-289 {
  background: var(--color-gold-289) !important;
}

.bg-gold-290 {
  background: var(--color-gold-290) !important;
}

.bg-gold-291 {
  background: var(--color-gold-291) !important;
}

.bg-gold-292 {
  background: var(--color-gold-292) !important;
}

.bg-gold-293 {
  background: var(--color-gold-293) !important;
}

.bg-gold-294 {
  background: var(--color-gold-294) !important;
}

.bg-gold-295 {
  background: var(--color-gold-295) !important;
}

.bg-gold-296 {
  background: var(--color-gold-296) !important;
}

.bg-gold-297 {
  background: var(--color-gold-297) !important;
}

.bg-gold-298 {
  background: var(--color-gold-298) !important;
}

.bg-gold-299 {
  background: var(--color-gold-299) !important;
}

.bg-gold-300 {
  background: var(--color-gold-300) !important;
}

.bg-gold-301 {
  background: var(--color-gold-301) !important;
}

.bg-gold-302 {
  background: var(--color-gold-302) !important;
}

.bg-gold-303 {
  background: var(--color-gold-303) !important;
}

.bg-gold-304 {
  background: var(--color-gold-304) !important;
}

.bg-gold-305 {
  background: var(--color-gold-305) !important;
}

.bg-gold-306 {
  background: var(--color-gold-306) !important;
}

.bg-gold-307 {
  background: var(--color-gold-307) !important;
}

.bg-gold-308 {
  background: var(--color-gold-308) !important;
}

.bg-gold-309 {
  background: var(--color-gold-309) !important;
}

.bg-gold-310 {
  background: var(--color-gold-310) !important;
}

.bg-gold-311 {
  background: var(--color-gold-311) !important;
}

.bg-gold-312 {
  background: var(--color-gold-312) !important;
}

.bg-gold-313 {
  background: var(--color-gold-313) !important;
}

.bg-gold-314 {
  background: var(--color-gold-314) !important;
}

.bg-gold-315 {
  background: var(--color-gold-315) !important;
}

.bg-gold-316 {
  background: var(--color-gold-316) !important;
}

.bg-gold-317 {
  background: var(--color-gold-317) !important;
}

.bg-gold-318 {
  background: var(--color-gold-318) !important;
}

.bg-gold-319 {
  background: var(--color-gold-319) !important;
}

.bg-gold-320 {
  background: var(--color-gold-320) !important;
}

.bg-gold-321 {
  background: var(--color-gold-321) !important;
}

.bg-gold-322 {
  background: var(--color-gold-322) !important;
}

.bg-gold-323 {
  background: var(--color-gold-323) !important;
}

.bg-gold-324 {
  background: var(--color-gold-324) !important;
}

.bg-gold-325 {
  background: var(--color-gold-325) !important;
}

.bg-gold-326 {
  background: var(--color-gold-326) !important;
}

.bg-gold-327 {
  background: var(--color-gold-327) !important;
}

.bg-gold-328 {
  background: var(--color-gold-328) !important;
}

.bg-gold-329 {
  background: var(--color-gold-329) !important;
}

.bg-gold-330 {
  background: var(--color-gold-330) !important;
}

.bg-gold-331 {
  background: var(--color-gold-331) !important;
}

.bg-gold-332 {
  background: var(--color-gold-332) !important;
}

.bg-gold-333 {
  background: var(--color-gold-333) !important;
}

.bg-gold-334 {
  background: var(--color-gold-334) !important;
}

.bg-gold-335 {
  background: var(--color-gold-335) !important;
}

.bg-gold-336 {
  background: var(--color-gold-336) !important;
}

.bg-gold-337 {
  background: var(--color-gold-337) !important;
}

.bg-gold-338 {
  background: var(--color-gold-338) !important;
}

.bg-gold-339 {
  background: var(--color-gold-339) !important;
}

.bg-gold-340 {
  background: var(--color-gold-340) !important;
}

.bg-gold-341 {
  background: var(--color-gold-341) !important;
}

.bg-gold-342 {
  background: var(--color-gold-342) !important;
}

.bg-gold-343 {
  background: var(--color-gold-343) !important;
}

.bg-gold-344 {
  background: var(--color-gold-344) !important;
}

.bg-gold-345 {
  background: var(--color-gold-345) !important;
}

.bg-gold-346 {
  background: var(--color-gold-346) !important;
}

.bg-gold-347 {
  background: var(--color-gold-347) !important;
}

.bg-gold-348 {
  background: var(--color-gold-348) !important;
}

.bg-gold-349 {
  background: var(--color-gold-349) !important;
}

.bg-gold-350 {
  background: var(--color-gold-350) !important;
}

.bg-gold-351 {
  background: var(--color-gold-351) !important;
}

.bg-gold-352 {
  background: var(--color-gold-352) !important;
}

.bg-gold-353 {
  background: var(--color-gold-353) !important;
}

.bg-gold-354 {
  background: var(--color-gold-354) !important;
}

.bg-gold-355 {
  background: var(--color-gold-355) !important;
}

.bg-gold-356 {
  background: var(--color-gold-356) !important;
}

.bg-gold-357 {
  background: var(--color-gold-357) !important;
}

.bg-gold-358 {
  background: var(--color-gold-358) !important;
}

.bg-gold-359 {
  background: var(--color-gold-359) !important;
}

.bg-gold-360 {
  background: var(--color-gold-360) !important;
}

.bg-gold-361 {
  background: var(--color-gold-361) !important;
}

.bg-gold-362 {
  background: var(--color-gold-362) !important;
}

.bg-gold-363 {
  background: var(--color-gold-363) !important;
}

.bg-gold-364 {
  background: var(--color-gold-364) !important;
}

.bg-gold-365 {
  background: var(--color-gold-365) !important;
}

.bg-gold-366 {
  background: var(--color-gold-366) !important;
}

.bg-gold-367 {
  background: var(--color-gold-367) !important;
}

.bg-gold-368 {
  background: var(--color-gold-368) !important;
}

.bg-gold-369 {
  background: var(--color-gold-369) !important;
}

.bg-gold-370 {
  background: var(--color-gold-370) !important;
}

.bg-gold-371 {
  background: var(--color-gold-371) !important;
}

.bg-gold-372 {
  background: var(--color-gold-372) !important;
}

.bg-gold-373 {
  background: var(--color-gold-373) !important;
}

.bg-gold-374 {
  background: var(--color-gold-374) !important;
}

.bg-gold-375 {
  background: var(--color-gold-375) !important;
}

.bg-gold-376 {
  background: var(--color-gold-376) !important;
}

.bg-gold-377 {
  background: var(--color-gold-377) !important;
}

.bg-gold-378 {
  background: var(--color-gold-378) !important;
}

.bg-gold-379 {
  background: var(--color-gold-379) !important;
}

.bg-gold-380 {
  background: var(--color-gold-380) !important;
}

.bg-gold-381 {
  background: var(--color-gold-381) !important;
}

.bg-gold-382 {
  background: var(--color-gold-382) !important;
}

.bg-gold-383 {
  background: var(--color-gold-383) !important;
}

.bg-gold-384 {
  background: var(--color-gold-384) !important;
}

.bg-gold-385 {
  background: var(--color-gold-385) !important;
}

.bg-gold-386 {
  background: var(--color-gold-386) !important;
}

.bg-gold-387 {
  background: var(--color-gold-387) !important;
}

.bg-gold-388 {
  background: var(--color-gold-388) !important;
}

.bg-gold-389 {
  background: var(--color-gold-389) !important;
}

.bg-gold-390 {
  background: var(--color-gold-390) !important;
}

.bg-gold-391 {
  background: var(--color-gold-391) !important;
}

.bg-gold-392 {
  background: var(--color-gold-392) !important;
}

.bg-gold-393 {
  background: var(--color-gold-393) !important;
}

.bg-gold-394 {
  background: var(--color-gold-394) !important;
}

.bg-gold-395 {
  background: var(--color-gold-395) !important;
}

.bg-gold-396 {
  background: var(--color-gold-396) !important;
}

.bg-gold-397 {
  background: var(--color-gold-397) !important;
}

.bg-gold-398 {
  background: var(--color-gold-398) !important;
}

.bg-gold-399 {
  background: var(--color-gold-399) !important;
}

.bg-gold-400 {
  background: var(--color-gold-400) !important;
}

.bg-gold-401 {
  background: var(--color-gold-401) !important;
}

.bg-gold-402 {
  background: var(--color-gold-402) !important;
}

.bg-gold-403 {
  background: var(--color-gold-403) !important;
}

.bg-gold-404 {
  background: var(--color-gold-404) !important;
}

.bg-gold-405 {
  background: var(--color-gold-405) !important;
}

.bg-gold-406 {
  background: var(--color-gold-406) !important;
}

.bg-gold-407 {
  background: var(--color-gold-407) !important;
}

.bg-gold-408 {
  background: var(--color-gold-408) !important;
}

.bg-gold-409 {
  background: var(--color-gold-409) !important;
}

.bg-gold-410 {
  background: var(--color-gold-410) !important;
}

.bg-gold-411 {
  background: var(--color-gold-411) !important;
}

.bg-gold-412 {
  background: var(--color-gold-412) !important;
}

.bg-gold-413 {
  background: var(--color-gold-413) !important;
}

.bg-gold-414 {
  background: var(--color-gold-414) !important;
}

.bg-gold-415 {
  background: var(--color-gold-415) !important;
}

.bg-gold-416 {
  background: var(--color-gold-416) !important;
}

.bg-gold-417 {
  background: var(--color-gold-417) !important;
}

.bg-gold-418 {
  background: var(--color-gold-418) !important;
}

.bg-gold-419 {
  background: var(--color-gold-419) !important;
}

.bg-gold-420 {
  background: var(--color-gold-420) !important;
}

.bg-gold-421 {
  background: var(--color-gold-421) !important;
}

.bg-gold-422 {
  background: var(--color-gold-422) !important;
}

.bg-gold-423 {
  background: var(--color-gold-423) !important;
}

.bg-gold-424 {
  background: var(--color-gold-424) !important;
}

.bg-gold-425 {
  background: var(--color-gold-425) !important;
}

.bg-gold-426 {
  background: var(--color-gold-426) !important;
}

.bg-gold-427 {
  background: var(--color-gold-427) !important;
}

.bg-gold-428 {
  background: var(--color-gold-428) !important;
}

.bg-gold-429 {
  background: var(--color-gold-429) !important;
}

.bg-gold-430 {
  background: var(--color-gold-430) !important;
}

.bg-gold-431 {
  background: var(--color-gold-431) !important;
}

.bg-gold-432 {
  background: var(--color-gold-432) !important;
}

.bg-gold-433 {
  background: var(--color-gold-433) !important;
}

.bg-gold-434 {
  background: var(--color-gold-434) !important;
}

.bg-gold-435 {
  background: var(--color-gold-435) !important;
}

.bg-gold-436 {
  background: var(--color-gold-436) !important;
}

.bg-gold-437 {
  background: var(--color-gold-437) !important;
}

.bg-gold-438 {
  background: var(--color-gold-438) !important;
}

.bg-gold-439 {
  background: var(--color-gold-439) !important;
}

.bg-gold-440 {
  background: var(--color-gold-440) !important;
}

.bg-gold-441 {
  background: var(--color-gold-441) !important;
}

.bg-gold-442 {
  background: var(--color-gold-442) !important;
}

.bg-gold-443 {
  background: var(--color-gold-443) !important;
}

.bg-gold-444 {
  background: var(--color-gold-444) !important;
}

.bg-gold-445 {
  background: var(--color-gold-445) !important;
}

.bg-gold-446 {
  background: var(--color-gold-446) !important;
}

.bg-gold-447 {
  background: var(--color-gold-447) !important;
}

.bg-gold-448 {
  background: var(--color-gold-448) !important;
}

.bg-gold-449 {
  background: var(--color-gold-449) !important;
}

.bg-gold-450 {
  background: var(--color-gold-450) !important;
}

.bg-gold-451 {
  background: var(--color-gold-451) !important;
}

.bg-gold-452 {
  background: var(--color-gold-452) !important;
}

.bg-gold-453 {
  background: var(--color-gold-453) !important;
}

.bg-gold-454 {
  background: var(--color-gold-454) !important;
}

.bg-gold-455 {
  background: var(--color-gold-455) !important;
}

.bg-gold-456 {
  background: var(--color-gold-456) !important;
}

.bg-gold-457 {
  background: var(--color-gold-457) !important;
}

.bg-gold-458 {
  background: var(--color-gold-458) !important;
}

.bg-gold-459 {
  background: var(--color-gold-459) !important;
}

.bg-gold-460 {
  background: var(--color-gold-460) !important;
}

.bg-gold-461 {
  background: var(--color-gold-461) !important;
}

.bg-gold-462 {
  background: var(--color-gold-462) !important;
}

.bg-gold-463 {
  background: var(--color-gold-463) !important;
}

.bg-gold-464 {
  background: var(--color-gold-464) !important;
}

.bg-gold-465 {
  background: var(--color-gold-465) !important;
}

.bg-gold-466 {
  background: var(--color-gold-466) !important;
}

.bg-gold-467 {
  background: var(--color-gold-467) !important;
}

.bg-gold-468 {
  background: var(--color-gold-468) !important;
}

.bg-gold-469 {
  background: var(--color-gold-469) !important;
}

.bg-gold-470 {
  background: var(--color-gold-470) !important;
}

.bg-gold-471 {
  background: var(--color-gold-471) !important;
}

.bg-gold-472 {
  background: var(--color-gold-472) !important;
}

.bg-gold-473 {
  background: var(--color-gold-473) !important;
}

.bg-gold-474 {
  background: var(--color-gold-474) !important;
}

.bg-gold-475 {
  background: var(--color-gold-475) !important;
}

.bg-gold-476 {
  background: var(--color-gold-476) !important;
}

.bg-gold-477 {
  background: var(--color-gold-477) !important;
}

.bg-gold-478 {
  background: var(--color-gold-478) !important;
}

.bg-gold-479 {
  background: var(--color-gold-479) !important;
}

.bg-gold-480 {
  background: var(--color-gold-480) !important;
}

.bg-gold-481 {
  background: var(--color-gold-481) !important;
}

.bg-gold-482 {
  background: var(--color-gold-482) !important;
}

.bg-gold-483 {
  background: var(--color-gold-483) !important;
}

.bg-gold-484 {
  background: var(--color-gold-484) !important;
}

.bg-gold-485 {
  background: var(--color-gold-485) !important;
}

.bg-gold-486 {
  background: var(--color-gold-486) !important;
}

.bg-gold-487 {
  background: var(--color-gold-487) !important;
}

.bg-gold-488 {
  background: var(--color-gold-488) !important;
}

.bg-gold-489 {
  background: var(--color-gold-489) !important;
}

.bg-gold-490 {
  background: var(--color-gold-490) !important;
}

.bg-gold-491 {
  background: var(--color-gold-491) !important;
}

.bg-gold-492 {
  background: var(--color-gold-492) !important;
}

.bg-gold-493 {
  background: var(--color-gold-493) !important;
}

.bg-gold-494 {
  background: var(--color-gold-494) !important;
}

.bg-gold-495 {
  background: var(--color-gold-495) !important;
}

.bg-gold-496 {
  background: var(--color-gold-496) !important;
}

.bg-gold-497 {
  background: var(--color-gold-497) !important;
}

.bg-gold-498 {
  background: var(--color-gold-498) !important;
}

.bg-gold-499 {
  background: var(--color-gold-499) !important;
}

.bg-gold-500 {
  background: var(--color-gold-500) !important;
}

.bg-gold-501 {
  background: var(--color-gold-501) !important;
}

.bg-gold-502 {
  background: var(--color-gold-502) !important;
}

.bg-gold-503 {
  background: var(--color-gold-503) !important;
}

.bg-gold-504 {
  background: var(--color-gold-504) !important;
}

.bg-gold-505 {
  background: var(--color-gold-505) !important;
}

.bg-gold-506 {
  background: var(--color-gold-506) !important;
}

.bg-gold-507 {
  background: var(--color-gold-507) !important;
}

.bg-gold-508 {
  background: var(--color-gold-508) !important;
}

.bg-gold-509 {
  background: var(--color-gold-509) !important;
}

.bg-gold-510 {
  background: var(--color-gold-510) !important;
}

.bg-gold-511 {
  background: var(--color-gold-511) !important;
}

.bg-gold-512 {
  background: var(--color-gold-512) !important;
}

.bg-gold-513 {
  background: var(--color-gold-513) !important;
}

.bg-gold-514 {
  background: var(--color-gold-514) !important;
}

.bg-gold-515 {
  background: var(--color-gold-515) !important;
}

.bg-gold-516 {
  background: var(--color-gold-516) !important;
}

.bg-gold-517 {
  background: var(--color-gold-517) !important;
}

.bg-gold-518 {
  background: var(--color-gold-518) !important;
}

.bg-gold-519 {
  background: var(--color-gold-519) !important;
}

.bg-gold-520 {
  background: var(--color-gold-520) !important;
}

.bg-gold-521 {
  background: var(--color-gold-521) !important;
}

.bg-gold-522 {
  background: var(--color-gold-522) !important;
}

.bg-gold-523 {
  background: var(--color-gold-523) !important;
}

.bg-gold-524 {
  background: var(--color-gold-524) !important;
}

.bg-gold-525 {
  background: var(--color-gold-525) !important;
}

.bg-gold-526 {
  background: var(--color-gold-526) !important;
}

.bg-gold-527 {
  background: var(--color-gold-527) !important;
}

.bg-gold-528 {
  background: var(--color-gold-528) !important;
}

.bg-gold-529 {
  background: var(--color-gold-529) !important;
}

.bg-gold-530 {
  background: var(--color-gold-530) !important;
}

.bg-gold-531 {
  background: var(--color-gold-531) !important;
}

.bg-gold-532 {
  background: var(--color-gold-532) !important;
}

.bg-gold-533 {
  background: var(--color-gold-533) !important;
}

.bg-gold-534 {
  background: var(--color-gold-534) !important;
}

.bg-gold-535 {
  background: var(--color-gold-535) !important;
}

.bg-gold-536 {
  background: var(--color-gold-536) !important;
}

.bg-gold-537 {
  background: var(--color-gold-537) !important;
}

.bg-gold-538 {
  background: var(--color-gold-538) !important;
}

.bg-gold-539 {
  background: var(--color-gold-539) !important;
}

.bg-gold-540 {
  background: var(--color-gold-540) !important;
}

.bg-gold-541 {
  background: var(--color-gold-541) !important;
}

.bg-gold-542 {
  background: var(--color-gold-542) !important;
}

.bg-gold-543 {
  background: var(--color-gold-543) !important;
}

.bg-gold-544 {
  background: var(--color-gold-544) !important;
}

.bg-gold-545 {
  background: var(--color-gold-545) !important;
}

.bg-gold-546 {
  background: var(--color-gold-546) !important;
}

.bg-gold-547 {
  background: var(--color-gold-547) !important;
}

.bg-gold-548 {
  background: var(--color-gold-548) !important;
}

.bg-gold-549 {
  background: var(--color-gold-549) !important;
}

.bg-gold-550 {
  background: var(--color-gold-550) !important;
}

.bg-gold-551 {
  background: var(--color-gold-551) !important;
}

.bg-gold-552 {
  background: var(--color-gold-552) !important;
}

.bg-gold-553 {
  background: var(--color-gold-553) !important;
}

.bg-gold-554 {
  background: var(--color-gold-554) !important;
}

.bg-gold-555 {
  background: var(--color-gold-555) !important;
}

.bg-gold-556 {
  background: var(--color-gold-556) !important;
}

.bg-gold-557 {
  background: var(--color-gold-557) !important;
}

.bg-gold-558 {
  background: var(--color-gold-558) !important;
}

.bg-gold-559 {
  background: var(--color-gold-559) !important;
}

.bg-gold-560 {
  background: var(--color-gold-560) !important;
}

.bg-gold-561 {
  background: var(--color-gold-561) !important;
}

.bg-gold-562 {
  background: var(--color-gold-562) !important;
}

.bg-gold-563 {
  background: var(--color-gold-563) !important;
}

.bg-gold-564 {
  background: var(--color-gold-564) !important;
}

.bg-gold-565 {
  background: var(--color-gold-565) !important;
}

.bg-gold-566 {
  background: var(--color-gold-566) !important;
}

.bg-gold-567 {
  background: var(--color-gold-567) !important;
}

.bg-gold-568 {
  background: var(--color-gold-568) !important;
}

.bg-gold-569 {
  background: var(--color-gold-569) !important;
}

.bg-gold-570 {
  background: var(--color-gold-570) !important;
}

.bg-gold-571 {
  background: var(--color-gold-571) !important;
}

.bg-gold-572 {
  background: var(--color-gold-572) !important;
}

.bg-gold-573 {
  background: var(--color-gold-573) !important;
}

.bg-gold-574 {
  background: var(--color-gold-574) !important;
}

.bg-gold-575 {
  background: var(--color-gold-575) !important;
}

.bg-gold-576 {
  background: var(--color-gold-576) !important;
}

.bg-gold-577 {
  background: var(--color-gold-577) !important;
}

.bg-gold-578 {
  background: var(--color-gold-578) !important;
}

.bg-gold-579 {
  background: var(--color-gold-579) !important;
}

.bg-gold-580 {
  background: var(--color-gold-580) !important;
}

.bg-gold-581 {
  background: var(--color-gold-581) !important;
}

.bg-gold-582 {
  background: var(--color-gold-582) !important;
}

.bg-gold-583 {
  background: var(--color-gold-583) !important;
}

.bg-gold-584 {
  background: var(--color-gold-584) !important;
}

.bg-gold-585 {
  background: var(--color-gold-585) !important;
}

.bg-gold-586 {
  background: var(--color-gold-586) !important;
}

.bg-gold-587 {
  background: var(--color-gold-587) !important;
}

.bg-gold-588 {
  background: var(--color-gold-588) !important;
}

.bg-gold-589 {
  background: var(--color-gold-589) !important;
}

.bg-gold-590 {
  background: var(--color-gold-590) !important;
}

.bg-gold-591 {
  background: var(--color-gold-591) !important;
}

.bg-gold-592 {
  background: var(--color-gold-592) !important;
}

.bg-gold-593 {
  background: var(--color-gold-593) !important;
}

.bg-gold-594 {
  background: var(--color-gold-594) !important;
}

.bg-gold-595 {
  background: var(--color-gold-595) !important;
}

.bg-gold-596 {
  background: var(--color-gold-596) !important;
}

.bg-gold-597 {
  background: var(--color-gold-597) !important;
}

.bg-gold-598 {
  background: var(--color-gold-598) !important;
}

.bg-gold-599 {
  background: var(--color-gold-599) !important;
}

.bg-gold-600 {
  background: var(--color-gold-600) !important;
}

.bg-gold-601 {
  background: var(--color-gold-601) !important;
}

.bg-gold-602 {
  background: var(--color-gold-602) !important;
}

.bg-gold-603 {
  background: var(--color-gold-603) !important;
}

.bg-gold-604 {
  background: var(--color-gold-604) !important;
}

.bg-gold-605 {
  background: var(--color-gold-605) !important;
}

.bg-gold-606 {
  background: var(--color-gold-606) !important;
}

.bg-gold-607 {
  background: var(--color-gold-607) !important;
}

.bg-gold-608 {
  background: var(--color-gold-608) !important;
}

.bg-gold-609 {
  background: var(--color-gold-609) !important;
}

.bg-gold-610 {
  background: var(--color-gold-610) !important;
}

.bg-gold-611 {
  background: var(--color-gold-611) !important;
}

.bg-gold-612 {
  background: var(--color-gold-612) !important;
}

.bg-gold-613 {
  background: var(--color-gold-613) !important;
}

.bg-gold-614 {
  background: var(--color-gold-614) !important;
}

.bg-gold-615 {
  background: var(--color-gold-615) !important;
}

.bg-gold-616 {
  background: var(--color-gold-616) !important;
}

.bg-gold-617 {
  background: var(--color-gold-617) !important;
}

.bg-gold-618 {
  background: var(--color-gold-618) !important;
}

.bg-gold-619 {
  background: var(--color-gold-619) !important;
}

.bg-gold-620 {
  background: var(--color-gold-620) !important;
}

.bg-gold-621 {
  background: var(--color-gold-621) !important;
}

.bg-gold-622 {
  background: var(--color-gold-622) !important;
}

.bg-gold-623 {
  background: var(--color-gold-623) !important;
}

.bg-gold-624 {
  background: var(--color-gold-624) !important;
}

.bg-gold-625 {
  background: var(--color-gold-625) !important;
}

.bg-gold-626 {
  background: var(--color-gold-626) !important;
}

.bg-gold-627 {
  background: var(--color-gold-627) !important;
}

.bg-gold-628 {
  background: var(--color-gold-628) !important;
}

.bg-gold-629 {
  background: var(--color-gold-629) !important;
}

.bg-gold-630 {
  background: var(--color-gold-630) !important;
}

.bg-gold-631 {
  background: var(--color-gold-631) !important;
}

.bg-gold-632 {
  background: var(--color-gold-632) !important;
}

.bg-gold-633 {
  background: var(--color-gold-633) !important;
}

.bg-gold-634 {
  background: var(--color-gold-634) !important;
}

.bg-gold-635 {
  background: var(--color-gold-635) !important;
}

.bg-gold-636 {
  background: var(--color-gold-636) !important;
}

.bg-gold-637 {
  background: var(--color-gold-637) !important;
}

.bg-gold-638 {
  background: var(--color-gold-638) !important;
}

.bg-gold-639 {
  background: var(--color-gold-639) !important;
}

.bg-gold-640 {
  background: var(--color-gold-640) !important;
}

.bg-gold-641 {
  background: var(--color-gold-641) !important;
}

.bg-gold-642 {
  background: var(--color-gold-642) !important;
}

.bg-gold-643 {
  background: var(--color-gold-643) !important;
}

.bg-gold-644 {
  background: var(--color-gold-644) !important;
}

.bg-gold-645 {
  background: var(--color-gold-645) !important;
}

.bg-gold-646 {
  background: var(--color-gold-646) !important;
}

.bg-gold-647 {
  background: var(--color-gold-647) !important;
}

.bg-gold-648 {
  background: var(--color-gold-648) !important;
}

.bg-gold-649 {
  background: var(--color-gold-649) !important;
}

.bg-gold-650 {
  background: var(--color-gold-650) !important;
}

.bg-gold-651 {
  background: var(--color-gold-651) !important;
}

.bg-gold-652 {
  background: var(--color-gold-652) !important;
}

.bg-gold-653 {
  background: var(--color-gold-653) !important;
}

.bg-gold-654 {
  background: var(--color-gold-654) !important;
}

.bg-gold-655 {
  background: var(--color-gold-655) !important;
}

.bg-gold-656 {
  background: var(--color-gold-656) !important;
}

.bg-gold-657 {
  background: var(--color-gold-657) !important;
}

.bg-gold-658 {
  background: var(--color-gold-658) !important;
}

.bg-gold-659 {
  background: var(--color-gold-659) !important;
}

.bg-gold-660 {
  background: var(--color-gold-660) !important;
}

.bg-gold-661 {
  background: var(--color-gold-661) !important;
}

.bg-gold-662 {
  background: var(--color-gold-662) !important;
}

.bg-gold-663 {
  background: var(--color-gold-663) !important;
}

.bg-gold-664 {
  background: var(--color-gold-664) !important;
}

.bg-gold-665 {
  background: var(--color-gold-665) !important;
}

.bg-gold-666 {
  background: var(--color-gold-666) !important;
}

.bg-gold-667 {
  background: var(--color-gold-667) !important;
}

.bg-gold-668 {
  background: var(--color-gold-668) !important;
}

.bg-gold-669 {
  background: var(--color-gold-669) !important;
}

.bg-gold-670 {
  background: var(--color-gold-670) !important;
}

.bg-gold-671 {
  background: var(--color-gold-671) !important;
}

.bg-gold-672 {
  background: var(--color-gold-672) !important;
}

.bg-gold-673 {
  background: var(--color-gold-673) !important;
}

.bg-gold-674 {
  background: var(--color-gold-674) !important;
}

.bg-gold-675 {
  background: var(--color-gold-675) !important;
}

.bg-gold-676 {
  background: var(--color-gold-676) !important;
}

.bg-gold-677 {
  background: var(--color-gold-677) !important;
}

.bg-gold-678 {
  background: var(--color-gold-678) !important;
}

.bg-gold-679 {
  background: var(--color-gold-679) !important;
}

.bg-gold-680 {
  background: var(--color-gold-680) !important;
}

.bg-gold-681 {
  background: var(--color-gold-681) !important;
}

.bg-gold-682 {
  background: var(--color-gold-682) !important;
}

.bg-gold-683 {
  background: var(--color-gold-683) !important;
}

.bg-gold-684 {
  background: var(--color-gold-684) !important;
}

.bg-gold-685 {
  background: var(--color-gold-685) !important;
}

.bg-gold-686 {
  background: var(--color-gold-686) !important;
}

.bg-gold-687 {
  background: var(--color-gold-687) !important;
}

.bg-gold-688 {
  background: var(--color-gold-688) !important;
}

.bg-gold-689 {
  background: var(--color-gold-689) !important;
}

.bg-gold-690 {
  background: var(--color-gold-690) !important;
}

.bg-gold-691 {
  background: var(--color-gold-691) !important;
}

.bg-gold-692 {
  background: var(--color-gold-692) !important;
}

.bg-gold-693 {
  background: var(--color-gold-693) !important;
}

.bg-gold-694 {
  background: var(--color-gold-694) !important;
}

.bg-gold-695 {
  background: var(--color-gold-695) !important;
}

.bg-gold-696 {
  background: var(--color-gold-696) !important;
}

.bg-gold-697 {
  background: var(--color-gold-697) !important;
}

.bg-gold-698 {
  background: var(--color-gold-698) !important;
}

.bg-gold-699 {
  background: var(--color-gold-699) !important;
}

.bg-gold-700 {
  background: var(--color-gold-700) !important;
}

.bg-gold-701 {
  background: var(--color-gold-701) !important;
}

.bg-gold-702 {
  background: var(--color-gold-702) !important;
}

.bg-gold-703 {
  background: var(--color-gold-703) !important;
}

.bg-gold-704 {
  background: var(--color-gold-704) !important;
}

.bg-gold-705 {
  background: var(--color-gold-705) !important;
}

.bg-gold-706 {
  background: var(--color-gold-706) !important;
}

.bg-gold-707 {
  background: var(--color-gold-707) !important;
}

.bg-gold-708 {
  background: var(--color-gold-708) !important;
}

.bg-gold-709 {
  background: var(--color-gold-709) !important;
}

.bg-gold-710 {
  background: var(--color-gold-710) !important;
}

.bg-gold-711 {
  background: var(--color-gold-711) !important;
}

.bg-gold-712 {
  background: var(--color-gold-712) !important;
}

.bg-gold-713 {
  background: var(--color-gold-713) !important;
}

.bg-gold-714 {
  background: var(--color-gold-714) !important;
}

.bg-gold-715 {
  background: var(--color-gold-715) !important;
}

.bg-gold-716 {
  background: var(--color-gold-716) !important;
}

.bg-gold-717 {
  background: var(--color-gold-717) !important;
}

.bg-gold-718 {
  background: var(--color-gold-718) !important;
}

.bg-gold-719 {
  background: var(--color-gold-719) !important;
}

.bg-gold-720 {
  background: var(--color-gold-720) !important;
}

.bg-gold-721 {
  background: var(--color-gold-721) !important;
}

.bg-gold-722 {
  background: var(--color-gold-722) !important;
}

.bg-gold-723 {
  background: var(--color-gold-723) !important;
}

.bg-gold-724 {
  background: var(--color-gold-724) !important;
}

.bg-gold-725 {
  background: var(--color-gold-725) !important;
}

.bg-gold-726 {
  background: var(--color-gold-726) !important;
}

.bg-gold-727 {
  background: var(--color-gold-727) !important;
}

.bg-gold-728 {
  background: var(--color-gold-728) !important;
}

.bg-gold-729 {
  background: var(--color-gold-729) !important;
}

.bg-gold-730 {
  background: var(--color-gold-730) !important;
}

.bg-gold-731 {
  background: var(--color-gold-731) !important;
}

.bg-gold-732 {
  background: var(--color-gold-732) !important;
}

.bg-gold-733 {
  background: var(--color-gold-733) !important;
}

.bg-gold-734 {
  background: var(--color-gold-734) !important;
}

.bg-gold-735 {
  background: var(--color-gold-735) !important;
}

.bg-gold-736 {
  background: var(--color-gold-736) !important;
}

.bg-gold-737 {
  background: var(--color-gold-737) !important;
}

.bg-gold-738 {
  background: var(--color-gold-738) !important;
}

.bg-gold-739 {
  background: var(--color-gold-739) !important;
}

.bg-gold-740 {
  background: var(--color-gold-740) !important;
}

.bg-gold-741 {
  background: var(--color-gold-741) !important;
}

.bg-gold-742 {
  background: var(--color-gold-742) !important;
}

.bg-gold-743 {
  background: var(--color-gold-743) !important;
}

.bg-gold-744 {
  background: var(--color-gold-744) !important;
}

.bg-gold-745 {
  background: var(--color-gold-745) !important;
}

.bg-gold-746 {
  background: var(--color-gold-746) !important;
}

.bg-gold-747 {
  background: var(--color-gold-747) !important;
}

.bg-gold-748 {
  background: var(--color-gold-748) !important;
}

.bg-gold-749 {
  background: var(--color-gold-749) !important;
}

.bg-gold-750 {
  background: var(--color-gold-750) !important;
}

.bg-gold-751 {
  background: var(--color-gold-751) !important;
}

.bg-gold-752 {
  background: var(--color-gold-752) !important;
}

.bg-gold-753 {
  background: var(--color-gold-753) !important;
}

.bg-gold-754 {
  background: var(--color-gold-754) !important;
}

.bg-gold-755 {
  background: var(--color-gold-755) !important;
}

.bg-gold-756 {
  background: var(--color-gold-756) !important;
}

.bg-gold-757 {
  background: var(--color-gold-757) !important;
}

.bg-gold-758 {
  background: var(--color-gold-758) !important;
}

.bg-gold-759 {
  background: var(--color-gold-759) !important;
}

.bg-gold-760 {
  background: var(--color-gold-760) !important;
}

.bg-gold-761 {
  background: var(--color-gold-761) !important;
}

.bg-gold-762 {
  background: var(--color-gold-762) !important;
}

.bg-gold-763 {
  background: var(--color-gold-763) !important;
}

.bg-gold-764 {
  background: var(--color-gold-764) !important;
}

.bg-gold-765 {
  background: var(--color-gold-765) !important;
}

.bg-gold-766 {
  background: var(--color-gold-766) !important;
}

.bg-gold-767 {
  background: var(--color-gold-767) !important;
}

.bg-gold-768 {
  background: var(--color-gold-768) !important;
}

.bg-gold-769 {
  background: var(--color-gold-769) !important;
}

.bg-gold-770 {
  background: var(--color-gold-770) !important;
}

.bg-gold-771 {
  background: var(--color-gold-771) !important;
}

.bg-gold-772 {
  background: var(--color-gold-772) !important;
}

.bg-gold-773 {
  background: var(--color-gold-773) !important;
}

.bg-gold-774 {
  background: var(--color-gold-774) !important;
}

.bg-gold-775 {
  background: var(--color-gold-775) !important;
}

.bg-gold-776 {
  background: var(--color-gold-776) !important;
}

.bg-gold-777 {
  background: var(--color-gold-777) !important;
}

.bg-gold-778 {
  background: var(--color-gold-778) !important;
}

.bg-gold-779 {
  background: var(--color-gold-779) !important;
}

.bg-gold-780 {
  background: var(--color-gold-780) !important;
}

.bg-gold-781 {
  background: var(--color-gold-781) !important;
}

.bg-gold-782 {
  background: var(--color-gold-782) !important;
}

.bg-gold-783 {
  background: var(--color-gold-783) !important;
}

.bg-gold-784 {
  background: var(--color-gold-784) !important;
}

.bg-gold-785 {
  background: var(--color-gold-785) !important;
}

.bg-gold-786 {
  background: var(--color-gold-786) !important;
}

.bg-gold-787 {
  background: var(--color-gold-787) !important;
}

.bg-gold-788 {
  background: var(--color-gold-788) !important;
}

.bg-gold-789 {
  background: var(--color-gold-789) !important;
}

.bg-gold-790 {
  background: var(--color-gold-790) !important;
}

.bg-gold-791 {
  background: var(--color-gold-791) !important;
}

.bg-gold-792 {
  background: var(--color-gold-792) !important;
}

.bg-gold-793 {
  background: var(--color-gold-793) !important;
}

.bg-gold-794 {
  background: var(--color-gold-794) !important;
}

.bg-gold-795 {
  background: var(--color-gold-795) !important;
}

.bg-gold-796 {
  background: var(--color-gold-796) !important;
}

.bg-gold-797 {
  background: var(--color-gold-797) !important;
}

.bg-gold-798 {
  background: var(--color-gold-798) !important;
}

.bg-gold-799 {
  background: var(--color-gold-799) !important;
}

.bg-gold-800 {
  background: var(--color-gold-800) !important;
}

.bg-gold-801 {
  background: var(--color-gold-801) !important;
}

.bg-gold-802 {
  background: var(--color-gold-802) !important;
}

.bg-gold-803 {
  background: var(--color-gold-803) !important;
}

.bg-gold-804 {
  background: var(--color-gold-804) !important;
}

.bg-gold-805 {
  background: var(--color-gold-805) !important;
}

.bg-gold-806 {
  background: var(--color-gold-806) !important;
}

.bg-gold-807 {
  background: var(--color-gold-807) !important;
}

.bg-gold-808 {
  background: var(--color-gold-808) !important;
}

.bg-gold-809 {
  background: var(--color-gold-809) !important;
}

.bg-gold-810 {
  background: var(--color-gold-810) !important;
}

.bg-gold-811 {
  background: var(--color-gold-811) !important;
}

.bg-gold-812 {
  background: var(--color-gold-812) !important;
}

.bg-gold-813 {
  background: var(--color-gold-813) !important;
}

.bg-gold-814 {
  background: var(--color-gold-814) !important;
}

.bg-gold-815 {
  background: var(--color-gold-815) !important;
}

.bg-gold-816 {
  background: var(--color-gold-816) !important;
}

.bg-gold-817 {
  background: var(--color-gold-817) !important;
}

.bg-gold-818 {
  background: var(--color-gold-818) !important;
}

.bg-gold-819 {
  background: var(--color-gold-819) !important;
}

.bg-gold-820 {
  background: var(--color-gold-820) !important;
}

.bg-gold-821 {
  background: var(--color-gold-821) !important;
}

.bg-gold-822 {
  background: var(--color-gold-822) !important;
}

.bg-gold-823 {
  background: var(--color-gold-823) !important;
}

.bg-gold-824 {
  background: var(--color-gold-824) !important;
}

.bg-gold-825 {
  background: var(--color-gold-825) !important;
}

.bg-gold-826 {
  background: var(--color-gold-826) !important;
}

.bg-gold-827 {
  background: var(--color-gold-827) !important;
}

.bg-gold-828 {
  background: var(--color-gold-828) !important;
}

.bg-gold-829 {
  background: var(--color-gold-829) !important;
}

.bg-gold-830 {
  background: var(--color-gold-830) !important;
}

.bg-gold-831 {
  background: var(--color-gold-831) !important;
}

.bg-gold-832 {
  background: var(--color-gold-832) !important;
}

.bg-gold-833 {
  background: var(--color-gold-833) !important;
}

.bg-gold-834 {
  background: var(--color-gold-834) !important;
}

.bg-gold-835 {
  background: var(--color-gold-835) !important;
}

.bg-gold-836 {
  background: var(--color-gold-836) !important;
}

.bg-gold-837 {
  background: var(--color-gold-837) !important;
}

.bg-gold-838 {
  background: var(--color-gold-838) !important;
}

.bg-gold-839 {
  background: var(--color-gold-839) !important;
}

.bg-gold-840 {
  background: var(--color-gold-840) !important;
}

.bg-gold-841 {
  background: var(--color-gold-841) !important;
}

.bg-gold-842 {
  background: var(--color-gold-842) !important;
}

.bg-gold-843 {
  background: var(--color-gold-843) !important;
}

.bg-gold-844 {
  background: var(--color-gold-844) !important;
}

.bg-gold-845 {
  background: var(--color-gold-845) !important;
}

.bg-gold-846 {
  background: var(--color-gold-846) !important;
}

.bg-gold-847 {
  background: var(--color-gold-847) !important;
}

.bg-gold-848 {
  background: var(--color-gold-848) !important;
}

.bg-gold-849 {
  background: var(--color-gold-849) !important;
}

.bg-gold-850 {
  background: var(--color-gold-850) !important;
}

.bg-gold-851 {
  background: var(--color-gold-851) !important;
}

.bg-gold-852 {
  background: var(--color-gold-852) !important;
}

.bg-gold-853 {
  background: var(--color-gold-853) !important;
}

.bg-gold-854 {
  background: var(--color-gold-854) !important;
}

.bg-gold-855 {
  background: var(--color-gold-855) !important;
}

.bg-gold-856 {
  background: var(--color-gold-856) !important;
}

.bg-gold-857 {
  background: var(--color-gold-857) !important;
}

.bg-gold-858 {
  background: var(--color-gold-858) !important;
}

.bg-gold-859 {
  background: var(--color-gold-859) !important;
}

.bg-gold-860 {
  background: var(--color-gold-860) !important;
}

.bg-gold-861 {
  background: var(--color-gold-861) !important;
}

.bg-gold-862 {
  background: var(--color-gold-862) !important;
}

.bg-gold-863 {
  background: var(--color-gold-863) !important;
}

.bg-gold-864 {
  background: var(--color-gold-864) !important;
}

.bg-gold-865 {
  background: var(--color-gold-865) !important;
}

.bg-gold-866 {
  background: var(--color-gold-866) !important;
}

.bg-gold-867 {
  background: var(--color-gold-867) !important;
}

.bg-gold-868 {
  background: var(--color-gold-868) !important;
}

.bg-gold-869 {
  background: var(--color-gold-869) !important;
}

.bg-gold-870 {
  background: var(--color-gold-870) !important;
}

.bg-gold-871 {
  background: var(--color-gold-871) !important;
}

.bg-gold-872 {
  background: var(--color-gold-872) !important;
}

.bg-gold-873 {
  background: var(--color-gold-873) !important;
}

.bg-gold-874 {
  background: var(--color-gold-874) !important;
}

.bg-gold-875 {
  background: var(--color-gold-875) !important;
}

.bg-gold-876 {
  background: var(--color-gold-876) !important;
}

.bg-gold-877 {
  background: var(--color-gold-877) !important;
}

.bg-gold-878 {
  background: var(--color-gold-878) !important;
}

.bg-gold-879 {
  background: var(--color-gold-879) !important;
}

.bg-gold-880 {
  background: var(--color-gold-880) !important;
}

.bg-gold-881 {
  background: var(--color-gold-881) !important;
}

.bg-gold-882 {
  background: var(--color-gold-882) !important;
}

.bg-gold-883 {
  background: var(--color-gold-883) !important;
}

.bg-gold-884 {
  background: var(--color-gold-884) !important;
}

.bg-gold-885 {
  background: var(--color-gold-885) !important;
}

.bg-gold-886 {
  background: var(--color-gold-886) !important;
}

.bg-gold-887 {
  background: var(--color-gold-887) !important;
}

.bg-gold-888 {
  background: var(--color-gold-888) !important;
}

.bg-gold-889 {
  background: var(--color-gold-889) !important;
}

.bg-gold-890 {
  background: var(--color-gold-890) !important;
}

.bg-gold-891 {
  background: var(--color-gold-891) !important;
}

.bg-gold-892 {
  background: var(--color-gold-892) !important;
}

.bg-gold-893 {
  background: var(--color-gold-893) !important;
}

.bg-gold-894 {
  background: var(--color-gold-894) !important;
}

.bg-gold-895 {
  background: var(--color-gold-895) !important;
}

.bg-gold-896 {
  background: var(--color-gold-896) !important;
}

.bg-gold-897 {
  background: var(--color-gold-897) !important;
}

.bg-gold-898 {
  background: var(--color-gold-898) !important;
}

.bg-gold-899 {
  background: var(--color-gold-899) !important;
}

.bg-gold-900 {
  background: var(--color-gold-900) !important;
}

.bg-brown-25 {
  background: var(--color-brown-25) !important;
}

.bg-brown-26 {
  background: var(--color-brown-26) !important;
}

.bg-brown-27 {
  background: var(--color-brown-27) !important;
}

.bg-brown-28 {
  background: var(--color-brown-28) !important;
}

.bg-brown-29 {
  background: var(--color-brown-29) !important;
}

.bg-brown-30 {
  background: var(--color-brown-30) !important;
}

.bg-brown-31 {
  background: var(--color-brown-31) !important;
}

.bg-brown-32 {
  background: var(--color-brown-32) !important;
}

.bg-brown-33 {
  background: var(--color-brown-33) !important;
}

.bg-brown-34 {
  background: var(--color-brown-34) !important;
}

.bg-brown-35 {
  background: var(--color-brown-35) !important;
}

.bg-brown-36 {
  background: var(--color-brown-36) !important;
}

.bg-brown-37 {
  background: var(--color-brown-37) !important;
}

.bg-brown-38 {
  background: var(--color-brown-38) !important;
}

.bg-brown-39 {
  background: var(--color-brown-39) !important;
}

.bg-brown-40 {
  background: var(--color-brown-40) !important;
}

.bg-brown-41 {
  background: var(--color-brown-41) !important;
}

.bg-brown-42 {
  background: var(--color-brown-42) !important;
}

.bg-brown-43 {
  background: var(--color-brown-43) !important;
}

.bg-brown-44 {
  background: var(--color-brown-44) !important;
}

.bg-brown-45 {
  background: var(--color-brown-45) !important;
}

.bg-brown-46 {
  background: var(--color-brown-46) !important;
}

.bg-brown-47 {
  background: var(--color-brown-47) !important;
}

.bg-brown-48 {
  background: var(--color-brown-48) !important;
}

.bg-brown-49 {
  background: var(--color-brown-49) !important;
}

.bg-brown-50 {
  background: var(--color-brown-50) !important;
}

.bg-brown-51 {
  background: var(--color-brown-51) !important;
}

.bg-brown-52 {
  background: var(--color-brown-52) !important;
}

.bg-brown-53 {
  background: var(--color-brown-53) !important;
}

.bg-brown-54 {
  background: var(--color-brown-54) !important;
}

.bg-brown-55 {
  background: var(--color-brown-55) !important;
}

.bg-brown-56 {
  background: var(--color-brown-56) !important;
}

.bg-brown-57 {
  background: var(--color-brown-57) !important;
}

.bg-brown-58 {
  background: var(--color-brown-58) !important;
}

.bg-brown-59 {
  background: var(--color-brown-59) !important;
}

.bg-brown-60 {
  background: var(--color-brown-60) !important;
}

.bg-brown-61 {
  background: var(--color-brown-61) !important;
}

.bg-brown-62 {
  background: var(--color-brown-62) !important;
}

.bg-brown-63 {
  background: var(--color-brown-63) !important;
}

.bg-brown-64 {
  background: var(--color-brown-64) !important;
}

.bg-brown-65 {
  background: var(--color-brown-65) !important;
}

.bg-brown-66 {
  background: var(--color-brown-66) !important;
}

.bg-brown-67 {
  background: var(--color-brown-67) !important;
}

.bg-brown-68 {
  background: var(--color-brown-68) !important;
}

.bg-brown-69 {
  background: var(--color-brown-69) !important;
}

.bg-brown-70 {
  background: var(--color-brown-70) !important;
}

.bg-brown-71 {
  background: var(--color-brown-71) !important;
}

.bg-brown-72 {
  background: var(--color-brown-72) !important;
}

.bg-brown-73 {
  background: var(--color-brown-73) !important;
}

.bg-brown-74 {
  background: var(--color-brown-74) !important;
}

.bg-brown-75 {
  background: var(--color-brown-75) !important;
}

.bg-brown-76 {
  background: var(--color-brown-76) !important;
}

.bg-brown-77 {
  background: var(--color-brown-77) !important;
}

.bg-brown-78 {
  background: var(--color-brown-78) !important;
}

.bg-brown-79 {
  background: var(--color-brown-79) !important;
}

.bg-brown-80 {
  background: var(--color-brown-80) !important;
}

.bg-brown-81 {
  background: var(--color-brown-81) !important;
}

.bg-brown-82 {
  background: var(--color-brown-82) !important;
}

.bg-brown-83 {
  background: var(--color-brown-83) !important;
}

.bg-brown-84 {
  background: var(--color-brown-84) !important;
}

.bg-brown-85 {
  background: var(--color-brown-85) !important;
}

.bg-brown-86 {
  background: var(--color-brown-86) !important;
}

.bg-brown-87 {
  background: var(--color-brown-87) !important;
}

.bg-brown-88 {
  background: var(--color-brown-88) !important;
}

.bg-brown-89 {
  background: var(--color-brown-89) !important;
}

.bg-brown-90 {
  background: var(--color-brown-90) !important;
}

.bg-brown-91 {
  background: var(--color-brown-91) !important;
}

.bg-brown-92 {
  background: var(--color-brown-92) !important;
}

.bg-brown-93 {
  background: var(--color-brown-93) !important;
}

.bg-brown-94 {
  background: var(--color-brown-94) !important;
}

.bg-brown-95 {
  background: var(--color-brown-95) !important;
}

.bg-brown-96 {
  background: var(--color-brown-96) !important;
}

.bg-brown-97 {
  background: var(--color-brown-97) !important;
}

.bg-brown-98 {
  background: var(--color-brown-98) !important;
}

.bg-brown-99 {
  background: var(--color-brown-99) !important;
}

.bg-brown-100 {
  background: var(--color-brown-100) !important;
}

.bg-brown-101 {
  background: var(--color-brown-101) !important;
}

.bg-brown-102 {
  background: var(--color-brown-102) !important;
}

.bg-brown-103 {
  background: var(--color-brown-103) !important;
}

.bg-brown-104 {
  background: var(--color-brown-104) !important;
}

.bg-brown-105 {
  background: var(--color-brown-105) !important;
}

.bg-brown-106 {
  background: var(--color-brown-106) !important;
}

.bg-brown-107 {
  background: var(--color-brown-107) !important;
}

.bg-brown-108 {
  background: var(--color-brown-108) !important;
}

.bg-brown-109 {
  background: var(--color-brown-109) !important;
}

.bg-brown-110 {
  background: var(--color-brown-110) !important;
}

.bg-brown-111 {
  background: var(--color-brown-111) !important;
}

.bg-brown-112 {
  background: var(--color-brown-112) !important;
}

.bg-brown-113 {
  background: var(--color-brown-113) !important;
}

.bg-brown-114 {
  background: var(--color-brown-114) !important;
}

.bg-brown-115 {
  background: var(--color-brown-115) !important;
}

.bg-brown-116 {
  background: var(--color-brown-116) !important;
}

.bg-brown-117 {
  background: var(--color-brown-117) !important;
}

.bg-brown-118 {
  background: var(--color-brown-118) !important;
}

.bg-brown-119 {
  background: var(--color-brown-119) !important;
}

.bg-brown-120 {
  background: var(--color-brown-120) !important;
}

.bg-brown-121 {
  background: var(--color-brown-121) !important;
}

.bg-brown-122 {
  background: var(--color-brown-122) !important;
}

.bg-brown-123 {
  background: var(--color-brown-123) !important;
}

.bg-brown-124 {
  background: var(--color-brown-124) !important;
}

.bg-brown-125 {
  background: var(--color-brown-125) !important;
}

.bg-brown-126 {
  background: var(--color-brown-126) !important;
}

.bg-brown-127 {
  background: var(--color-brown-127) !important;
}

.bg-brown-128 {
  background: var(--color-brown-128) !important;
}

.bg-brown-129 {
  background: var(--color-brown-129) !important;
}

.bg-brown-130 {
  background: var(--color-brown-130) !important;
}

.bg-brown-131 {
  background: var(--color-brown-131) !important;
}

.bg-brown-132 {
  background: var(--color-brown-132) !important;
}

.bg-brown-133 {
  background: var(--color-brown-133) !important;
}

.bg-brown-134 {
  background: var(--color-brown-134) !important;
}

.bg-brown-135 {
  background: var(--color-brown-135) !important;
}

.bg-brown-136 {
  background: var(--color-brown-136) !important;
}

.bg-brown-137 {
  background: var(--color-brown-137) !important;
}

.bg-brown-138 {
  background: var(--color-brown-138) !important;
}

.bg-brown-139 {
  background: var(--color-brown-139) !important;
}

.bg-brown-140 {
  background: var(--color-brown-140) !important;
}

.bg-brown-141 {
  background: var(--color-brown-141) !important;
}

.bg-brown-142 {
  background: var(--color-brown-142) !important;
}

.bg-brown-143 {
  background: var(--color-brown-143) !important;
}

.bg-brown-144 {
  background: var(--color-brown-144) !important;
}

.bg-brown-145 {
  background: var(--color-brown-145) !important;
}

.bg-brown-146 {
  background: var(--color-brown-146) !important;
}

.bg-brown-147 {
  background: var(--color-brown-147) !important;
}

.bg-brown-148 {
  background: var(--color-brown-148) !important;
}

.bg-brown-149 {
  background: var(--color-brown-149) !important;
}

.bg-brown-150 {
  background: var(--color-brown-150) !important;
}

.bg-brown-151 {
  background: var(--color-brown-151) !important;
}

.bg-brown-152 {
  background: var(--color-brown-152) !important;
}

.bg-brown-153 {
  background: var(--color-brown-153) !important;
}

.bg-brown-154 {
  background: var(--color-brown-154) !important;
}

.bg-brown-155 {
  background: var(--color-brown-155) !important;
}

.bg-brown-156 {
  background: var(--color-brown-156) !important;
}

.bg-brown-157 {
  background: var(--color-brown-157) !important;
}

.bg-brown-158 {
  background: var(--color-brown-158) !important;
}

.bg-brown-159 {
  background: var(--color-brown-159) !important;
}

.bg-brown-160 {
  background: var(--color-brown-160) !important;
}

.bg-brown-161 {
  background: var(--color-brown-161) !important;
}

.bg-brown-162 {
  background: var(--color-brown-162) !important;
}

.bg-brown-163 {
  background: var(--color-brown-163) !important;
}

.bg-brown-164 {
  background: var(--color-brown-164) !important;
}

.bg-brown-165 {
  background: var(--color-brown-165) !important;
}

.bg-brown-166 {
  background: var(--color-brown-166) !important;
}

.bg-brown-167 {
  background: var(--color-brown-167) !important;
}

.bg-brown-168 {
  background: var(--color-brown-168) !important;
}

.bg-brown-169 {
  background: var(--color-brown-169) !important;
}

.bg-brown-170 {
  background: var(--color-brown-170) !important;
}

.bg-brown-171 {
  background: var(--color-brown-171) !important;
}

.bg-brown-172 {
  background: var(--color-brown-172) !important;
}

.bg-brown-173 {
  background: var(--color-brown-173) !important;
}

.bg-brown-174 {
  background: var(--color-brown-174) !important;
}

.bg-brown-175 {
  background: var(--color-brown-175) !important;
}

.bg-brown-176 {
  background: var(--color-brown-176) !important;
}

.bg-brown-177 {
  background: var(--color-brown-177) !important;
}

.bg-brown-178 {
  background: var(--color-brown-178) !important;
}

.bg-brown-179 {
  background: var(--color-brown-179) !important;
}

.bg-brown-180 {
  background: var(--color-brown-180) !important;
}

.bg-brown-181 {
  background: var(--color-brown-181) !important;
}

.bg-brown-182 {
  background: var(--color-brown-182) !important;
}

.bg-brown-183 {
  background: var(--color-brown-183) !important;
}

.bg-brown-184 {
  background: var(--color-brown-184) !important;
}

.bg-brown-185 {
  background: var(--color-brown-185) !important;
}

.bg-brown-186 {
  background: var(--color-brown-186) !important;
}

.bg-brown-187 {
  background: var(--color-brown-187) !important;
}

.bg-brown-188 {
  background: var(--color-brown-188) !important;
}

.bg-brown-189 {
  background: var(--color-brown-189) !important;
}

.bg-brown-190 {
  background: var(--color-brown-190) !important;
}

.bg-brown-191 {
  background: var(--color-brown-191) !important;
}

.bg-brown-192 {
  background: var(--color-brown-192) !important;
}

.bg-brown-193 {
  background: var(--color-brown-193) !important;
}

.bg-brown-194 {
  background: var(--color-brown-194) !important;
}

.bg-brown-195 {
  background: var(--color-brown-195) !important;
}

.bg-brown-196 {
  background: var(--color-brown-196) !important;
}

.bg-brown-197 {
  background: var(--color-brown-197) !important;
}

.bg-brown-198 {
  background: var(--color-brown-198) !important;
}

.bg-brown-199 {
  background: var(--color-brown-199) !important;
}

.bg-brown-200 {
  background: var(--color-brown-200) !important;
}

.bg-brown-201 {
  background: var(--color-brown-201) !important;
}

.bg-brown-202 {
  background: var(--color-brown-202) !important;
}

.bg-brown-203 {
  background: var(--color-brown-203) !important;
}

.bg-brown-204 {
  background: var(--color-brown-204) !important;
}

.bg-brown-205 {
  background: var(--color-brown-205) !important;
}

.bg-brown-206 {
  background: var(--color-brown-206) !important;
}

.bg-brown-207 {
  background: var(--color-brown-207) !important;
}

.bg-brown-208 {
  background: var(--color-brown-208) !important;
}

.bg-brown-209 {
  background: var(--color-brown-209) !important;
}

.bg-brown-210 {
  background: var(--color-brown-210) !important;
}

.bg-brown-211 {
  background: var(--color-brown-211) !important;
}

.bg-brown-212 {
  background: var(--color-brown-212) !important;
}

.bg-brown-213 {
  background: var(--color-brown-213) !important;
}

.bg-brown-214 {
  background: var(--color-brown-214) !important;
}

.bg-brown-215 {
  background: var(--color-brown-215) !important;
}

.bg-brown-216 {
  background: var(--color-brown-216) !important;
}

.bg-brown-217 {
  background: var(--color-brown-217) !important;
}

.bg-brown-218 {
  background: var(--color-brown-218) !important;
}

.bg-brown-219 {
  background: var(--color-brown-219) !important;
}

.bg-brown-220 {
  background: var(--color-brown-220) !important;
}

.bg-brown-221 {
  background: var(--color-brown-221) !important;
}

.bg-brown-222 {
  background: var(--color-brown-222) !important;
}

.bg-brown-223 {
  background: var(--color-brown-223) !important;
}

.bg-brown-224 {
  background: var(--color-brown-224) !important;
}

.bg-brown-225 {
  background: var(--color-brown-225) !important;
}

.bg-brown-226 {
  background: var(--color-brown-226) !important;
}

.bg-brown-227 {
  background: var(--color-brown-227) !important;
}

.bg-brown-228 {
  background: var(--color-brown-228) !important;
}

.bg-brown-229 {
  background: var(--color-brown-229) !important;
}

.bg-brown-230 {
  background: var(--color-brown-230) !important;
}

.bg-brown-231 {
  background: var(--color-brown-231) !important;
}

.bg-brown-232 {
  background: var(--color-brown-232) !important;
}

.bg-brown-233 {
  background: var(--color-brown-233) !important;
}

.bg-brown-234 {
  background: var(--color-brown-234) !important;
}

.bg-brown-235 {
  background: var(--color-brown-235) !important;
}

.bg-brown-236 {
  background: var(--color-brown-236) !important;
}

.bg-brown-237 {
  background: var(--color-brown-237) !important;
}

.bg-brown-238 {
  background: var(--color-brown-238) !important;
}

.bg-brown-239 {
  background: var(--color-brown-239) !important;
}

.bg-brown-240 {
  background: var(--color-brown-240) !important;
}

.bg-brown-241 {
  background: var(--color-brown-241) !important;
}

.bg-brown-242 {
  background: var(--color-brown-242) !important;
}

.bg-brown-243 {
  background: var(--color-brown-243) !important;
}

.bg-brown-244 {
  background: var(--color-brown-244) !important;
}

.bg-brown-245 {
  background: var(--color-brown-245) !important;
}

.bg-brown-246 {
  background: var(--color-brown-246) !important;
}

.bg-brown-247 {
  background: var(--color-brown-247) !important;
}

.bg-brown-248 {
  background: var(--color-brown-248) !important;
}

.bg-brown-249 {
  background: var(--color-brown-249) !important;
}

.bg-brown-250 {
  background: var(--color-brown-250) !important;
}

.bg-brown-251 {
  background: var(--color-brown-251) !important;
}

.bg-brown-252 {
  background: var(--color-brown-252) !important;
}

.bg-brown-253 {
  background: var(--color-brown-253) !important;
}

.bg-brown-254 {
  background: var(--color-brown-254) !important;
}

.bg-brown-255 {
  background: var(--color-brown-255) !important;
}

.bg-brown-256 {
  background: var(--color-brown-256) !important;
}

.bg-brown-257 {
  background: var(--color-brown-257) !important;
}

.bg-brown-258 {
  background: var(--color-brown-258) !important;
}

.bg-brown-259 {
  background: var(--color-brown-259) !important;
}

.bg-brown-260 {
  background: var(--color-brown-260) !important;
}

.bg-brown-261 {
  background: var(--color-brown-261) !important;
}

.bg-brown-262 {
  background: var(--color-brown-262) !important;
}

.bg-brown-263 {
  background: var(--color-brown-263) !important;
}

.bg-brown-264 {
  background: var(--color-brown-264) !important;
}

.bg-brown-265 {
  background: var(--color-brown-265) !important;
}

.bg-brown-266 {
  background: var(--color-brown-266) !important;
}

.bg-brown-267 {
  background: var(--color-brown-267) !important;
}

.bg-brown-268 {
  background: var(--color-brown-268) !important;
}

.bg-brown-269 {
  background: var(--color-brown-269) !important;
}

.bg-brown-270 {
  background: var(--color-brown-270) !important;
}

.bg-brown-271 {
  background: var(--color-brown-271) !important;
}

.bg-brown-272 {
  background: var(--color-brown-272) !important;
}

.bg-brown-273 {
  background: var(--color-brown-273) !important;
}

.bg-brown-274 {
  background: var(--color-brown-274) !important;
}

.bg-brown-275 {
  background: var(--color-brown-275) !important;
}

.bg-brown-276 {
  background: var(--color-brown-276) !important;
}

.bg-brown-277 {
  background: var(--color-brown-277) !important;
}

.bg-brown-278 {
  background: var(--color-brown-278) !important;
}

.bg-brown-279 {
  background: var(--color-brown-279) !important;
}

.bg-brown-280 {
  background: var(--color-brown-280) !important;
}

.bg-brown-281 {
  background: var(--color-brown-281) !important;
}

.bg-brown-282 {
  background: var(--color-brown-282) !important;
}

.bg-brown-283 {
  background: var(--color-brown-283) !important;
}

.bg-brown-284 {
  background: var(--color-brown-284) !important;
}

.bg-brown-285 {
  background: var(--color-brown-285) !important;
}

.bg-brown-286 {
  background: var(--color-brown-286) !important;
}

.bg-brown-287 {
  background: var(--color-brown-287) !important;
}

.bg-brown-288 {
  background: var(--color-brown-288) !important;
}

.bg-brown-289 {
  background: var(--color-brown-289) !important;
}

.bg-brown-290 {
  background: var(--color-brown-290) !important;
}

.bg-brown-291 {
  background: var(--color-brown-291) !important;
}

.bg-brown-292 {
  background: var(--color-brown-292) !important;
}

.bg-brown-293 {
  background: var(--color-brown-293) !important;
}

.bg-brown-294 {
  background: var(--color-brown-294) !important;
}

.bg-brown-295 {
  background: var(--color-brown-295) !important;
}

.bg-brown-296 {
  background: var(--color-brown-296) !important;
}

.bg-brown-297 {
  background: var(--color-brown-297) !important;
}

.bg-brown-298 {
  background: var(--color-brown-298) !important;
}

.bg-brown-299 {
  background: var(--color-brown-299) !important;
}

.bg-brown-300 {
  background: var(--color-brown-300) !important;
}

.bg-brown-301 {
  background: var(--color-brown-301) !important;
}

.bg-brown-302 {
  background: var(--color-brown-302) !important;
}

.bg-brown-303 {
  background: var(--color-brown-303) !important;
}

.bg-brown-304 {
  background: var(--color-brown-304) !important;
}

.bg-brown-305 {
  background: var(--color-brown-305) !important;
}

.bg-brown-306 {
  background: var(--color-brown-306) !important;
}

.bg-brown-307 {
  background: var(--color-brown-307) !important;
}

.bg-brown-308 {
  background: var(--color-brown-308) !important;
}

.bg-brown-309 {
  background: var(--color-brown-309) !important;
}

.bg-brown-310 {
  background: var(--color-brown-310) !important;
}

.bg-brown-311 {
  background: var(--color-brown-311) !important;
}

.bg-brown-312 {
  background: var(--color-brown-312) !important;
}

.bg-brown-313 {
  background: var(--color-brown-313) !important;
}

.bg-brown-314 {
  background: var(--color-brown-314) !important;
}

.bg-brown-315 {
  background: var(--color-brown-315) !important;
}

.bg-brown-316 {
  background: var(--color-brown-316) !important;
}

.bg-brown-317 {
  background: var(--color-brown-317) !important;
}

.bg-brown-318 {
  background: var(--color-brown-318) !important;
}

.bg-brown-319 {
  background: var(--color-brown-319) !important;
}

.bg-brown-320 {
  background: var(--color-brown-320) !important;
}

.bg-brown-321 {
  background: var(--color-brown-321) !important;
}

.bg-brown-322 {
  background: var(--color-brown-322) !important;
}

.bg-brown-323 {
  background: var(--color-brown-323) !important;
}

.bg-brown-324 {
  background: var(--color-brown-324) !important;
}

.bg-brown-325 {
  background: var(--color-brown-325) !important;
}

.bg-brown-326 {
  background: var(--color-brown-326) !important;
}

.bg-brown-327 {
  background: var(--color-brown-327) !important;
}

.bg-brown-328 {
  background: var(--color-brown-328) !important;
}

.bg-brown-329 {
  background: var(--color-brown-329) !important;
}

.bg-brown-330 {
  background: var(--color-brown-330) !important;
}

.bg-brown-331 {
  background: var(--color-brown-331) !important;
}

.bg-brown-332 {
  background: var(--color-brown-332) !important;
}

.bg-brown-333 {
  background: var(--color-brown-333) !important;
}

.bg-brown-334 {
  background: var(--color-brown-334) !important;
}

.bg-brown-335 {
  background: var(--color-brown-335) !important;
}

.bg-brown-336 {
  background: var(--color-brown-336) !important;
}

.bg-brown-337 {
  background: var(--color-brown-337) !important;
}

.bg-brown-338 {
  background: var(--color-brown-338) !important;
}

.bg-brown-339 {
  background: var(--color-brown-339) !important;
}

.bg-brown-340 {
  background: var(--color-brown-340) !important;
}

.bg-brown-341 {
  background: var(--color-brown-341) !important;
}

.bg-brown-342 {
  background: var(--color-brown-342) !important;
}

.bg-brown-343 {
  background: var(--color-brown-343) !important;
}

.bg-brown-344 {
  background: var(--color-brown-344) !important;
}

.bg-brown-345 {
  background: var(--color-brown-345) !important;
}

.bg-brown-346 {
  background: var(--color-brown-346) !important;
}

.bg-brown-347 {
  background: var(--color-brown-347) !important;
}

.bg-brown-348 {
  background: var(--color-brown-348) !important;
}

.bg-brown-349 {
  background: var(--color-brown-349) !important;
}

.bg-brown-350 {
  background: var(--color-brown-350) !important;
}

.bg-brown-351 {
  background: var(--color-brown-351) !important;
}

.bg-brown-352 {
  background: var(--color-brown-352) !important;
}

.bg-brown-353 {
  background: var(--color-brown-353) !important;
}

.bg-brown-354 {
  background: var(--color-brown-354) !important;
}

.bg-brown-355 {
  background: var(--color-brown-355) !important;
}

.bg-brown-356 {
  background: var(--color-brown-356) !important;
}

.bg-brown-357 {
  background: var(--color-brown-357) !important;
}

.bg-brown-358 {
  background: var(--color-brown-358) !important;
}

.bg-brown-359 {
  background: var(--color-brown-359) !important;
}

.bg-brown-360 {
  background: var(--color-brown-360) !important;
}

.bg-brown-361 {
  background: var(--color-brown-361) !important;
}

.bg-brown-362 {
  background: var(--color-brown-362) !important;
}

.bg-brown-363 {
  background: var(--color-brown-363) !important;
}

.bg-brown-364 {
  background: var(--color-brown-364) !important;
}

.bg-brown-365 {
  background: var(--color-brown-365) !important;
}

.bg-brown-366 {
  background: var(--color-brown-366) !important;
}

.bg-brown-367 {
  background: var(--color-brown-367) !important;
}

.bg-brown-368 {
  background: var(--color-brown-368) !important;
}

.bg-brown-369 {
  background: var(--color-brown-369) !important;
}

.bg-brown-370 {
  background: var(--color-brown-370) !important;
}

.bg-brown-371 {
  background: var(--color-brown-371) !important;
}

.bg-brown-372 {
  background: var(--color-brown-372) !important;
}

.bg-brown-373 {
  background: var(--color-brown-373) !important;
}

.bg-brown-374 {
  background: var(--color-brown-374) !important;
}

.bg-brown-375 {
  background: var(--color-brown-375) !important;
}

.bg-brown-376 {
  background: var(--color-brown-376) !important;
}

.bg-brown-377 {
  background: var(--color-brown-377) !important;
}

.bg-brown-378 {
  background: var(--color-brown-378) !important;
}

.bg-brown-379 {
  background: var(--color-brown-379) !important;
}

.bg-brown-380 {
  background: var(--color-brown-380) !important;
}

.bg-brown-381 {
  background: var(--color-brown-381) !important;
}

.bg-brown-382 {
  background: var(--color-brown-382) !important;
}

.bg-brown-383 {
  background: var(--color-brown-383) !important;
}

.bg-brown-384 {
  background: var(--color-brown-384) !important;
}

.bg-brown-385 {
  background: var(--color-brown-385) !important;
}

.bg-brown-386 {
  background: var(--color-brown-386) !important;
}

.bg-brown-387 {
  background: var(--color-brown-387) !important;
}

.bg-brown-388 {
  background: var(--color-brown-388) !important;
}

.bg-brown-389 {
  background: var(--color-brown-389) !important;
}

.bg-brown-390 {
  background: var(--color-brown-390) !important;
}

.bg-brown-391 {
  background: var(--color-brown-391) !important;
}

.bg-brown-392 {
  background: var(--color-brown-392) !important;
}

.bg-brown-393 {
  background: var(--color-brown-393) !important;
}

.bg-brown-394 {
  background: var(--color-brown-394) !important;
}

.bg-brown-395 {
  background: var(--color-brown-395) !important;
}

.bg-brown-396 {
  background: var(--color-brown-396) !important;
}

.bg-brown-397 {
  background: var(--color-brown-397) !important;
}

.bg-brown-398 {
  background: var(--color-brown-398) !important;
}

.bg-brown-399 {
  background: var(--color-brown-399) !important;
}

.bg-brown-400 {
  background: var(--color-brown-400) !important;
}

.bg-brown-401 {
  background: var(--color-brown-401) !important;
}

.bg-brown-402 {
  background: var(--color-brown-402) !important;
}

.bg-brown-403 {
  background: var(--color-brown-403) !important;
}

.bg-brown-404 {
  background: var(--color-brown-404) !important;
}

.bg-brown-405 {
  background: var(--color-brown-405) !important;
}

.bg-brown-406 {
  background: var(--color-brown-406) !important;
}

.bg-brown-407 {
  background: var(--color-brown-407) !important;
}

.bg-brown-408 {
  background: var(--color-brown-408) !important;
}

.bg-brown-409 {
  background: var(--color-brown-409) !important;
}

.bg-brown-410 {
  background: var(--color-brown-410) !important;
}

.bg-brown-411 {
  background: var(--color-brown-411) !important;
}

.bg-brown-412 {
  background: var(--color-brown-412) !important;
}

.bg-brown-413 {
  background: var(--color-brown-413) !important;
}

.bg-brown-414 {
  background: var(--color-brown-414) !important;
}

.bg-brown-415 {
  background: var(--color-brown-415) !important;
}

.bg-brown-416 {
  background: var(--color-brown-416) !important;
}

.bg-brown-417 {
  background: var(--color-brown-417) !important;
}

.bg-brown-418 {
  background: var(--color-brown-418) !important;
}

.bg-brown-419 {
  background: var(--color-brown-419) !important;
}

.bg-brown-420 {
  background: var(--color-brown-420) !important;
}

.bg-brown-421 {
  background: var(--color-brown-421) !important;
}

.bg-brown-422 {
  background: var(--color-brown-422) !important;
}

.bg-brown-423 {
  background: var(--color-brown-423) !important;
}

.bg-brown-424 {
  background: var(--color-brown-424) !important;
}

.bg-brown-425 {
  background: var(--color-brown-425) !important;
}

.bg-brown-426 {
  background: var(--color-brown-426) !important;
}

.bg-brown-427 {
  background: var(--color-brown-427) !important;
}

.bg-brown-428 {
  background: var(--color-brown-428) !important;
}

.bg-brown-429 {
  background: var(--color-brown-429) !important;
}

.bg-brown-430 {
  background: var(--color-brown-430) !important;
}

.bg-brown-431 {
  background: var(--color-brown-431) !important;
}

.bg-brown-432 {
  background: var(--color-brown-432) !important;
}

.bg-brown-433 {
  background: var(--color-brown-433) !important;
}

.bg-brown-434 {
  background: var(--color-brown-434) !important;
}

.bg-brown-435 {
  background: var(--color-brown-435) !important;
}

.bg-brown-436 {
  background: var(--color-brown-436) !important;
}

.bg-brown-437 {
  background: var(--color-brown-437) !important;
}

.bg-brown-438 {
  background: var(--color-brown-438) !important;
}

.bg-brown-439 {
  background: var(--color-brown-439) !important;
}

.bg-brown-440 {
  background: var(--color-brown-440) !important;
}

.bg-brown-441 {
  background: var(--color-brown-441) !important;
}

.bg-brown-442 {
  background: var(--color-brown-442) !important;
}

.bg-brown-443 {
  background: var(--color-brown-443) !important;
}

.bg-brown-444 {
  background: var(--color-brown-444) !important;
}

.bg-brown-445 {
  background: var(--color-brown-445) !important;
}

.bg-brown-446 {
  background: var(--color-brown-446) !important;
}

.bg-brown-447 {
  background: var(--color-brown-447) !important;
}

.bg-brown-448 {
  background: var(--color-brown-448) !important;
}

.bg-brown-449 {
  background: var(--color-brown-449) !important;
}

.bg-brown-450 {
  background: var(--color-brown-450) !important;
}

.bg-brown-451 {
  background: var(--color-brown-451) !important;
}

.bg-brown-452 {
  background: var(--color-brown-452) !important;
}

.bg-brown-453 {
  background: var(--color-brown-453) !important;
}

.bg-brown-454 {
  background: var(--color-brown-454) !important;
}

.bg-brown-455 {
  background: var(--color-brown-455) !important;
}

.bg-brown-456 {
  background: var(--color-brown-456) !important;
}

.bg-brown-457 {
  background: var(--color-brown-457) !important;
}

.bg-brown-458 {
  background: var(--color-brown-458) !important;
}

.bg-brown-459 {
  background: var(--color-brown-459) !important;
}

.bg-brown-460 {
  background: var(--color-brown-460) !important;
}

.bg-brown-461 {
  background: var(--color-brown-461) !important;
}

.bg-brown-462 {
  background: var(--color-brown-462) !important;
}

.bg-brown-463 {
  background: var(--color-brown-463) !important;
}

.bg-brown-464 {
  background: var(--color-brown-464) !important;
}

.bg-brown-465 {
  background: var(--color-brown-465) !important;
}

.bg-brown-466 {
  background: var(--color-brown-466) !important;
}

.bg-brown-467 {
  background: var(--color-brown-467) !important;
}

.bg-brown-468 {
  background: var(--color-brown-468) !important;
}

.bg-brown-469 {
  background: var(--color-brown-469) !important;
}

.bg-brown-470 {
  background: var(--color-brown-470) !important;
}

.bg-brown-471 {
  background: var(--color-brown-471) !important;
}

.bg-brown-472 {
  background: var(--color-brown-472) !important;
}

.bg-brown-473 {
  background: var(--color-brown-473) !important;
}

.bg-brown-474 {
  background: var(--color-brown-474) !important;
}

.bg-brown-475 {
  background: var(--color-brown-475) !important;
}

.bg-brown-476 {
  background: var(--color-brown-476) !important;
}

.bg-brown-477 {
  background: var(--color-brown-477) !important;
}

.bg-brown-478 {
  background: var(--color-brown-478) !important;
}

.bg-brown-479 {
  background: var(--color-brown-479) !important;
}

.bg-brown-480 {
  background: var(--color-brown-480) !important;
}

.bg-brown-481 {
  background: var(--color-brown-481) !important;
}

.bg-brown-482 {
  background: var(--color-brown-482) !important;
}

.bg-brown-483 {
  background: var(--color-brown-483) !important;
}

.bg-brown-484 {
  background: var(--color-brown-484) !important;
}

.bg-brown-485 {
  background: var(--color-brown-485) !important;
}

.bg-brown-486 {
  background: var(--color-brown-486) !important;
}

.bg-brown-487 {
  background: var(--color-brown-487) !important;
}

.bg-brown-488 {
  background: var(--color-brown-488) !important;
}

.bg-brown-489 {
  background: var(--color-brown-489) !important;
}

.bg-brown-490 {
  background: var(--color-brown-490) !important;
}

.bg-brown-491 {
  background: var(--color-brown-491) !important;
}

.bg-brown-492 {
  background: var(--color-brown-492) !important;
}

.bg-brown-493 {
  background: var(--color-brown-493) !important;
}

.bg-brown-494 {
  background: var(--color-brown-494) !important;
}

.bg-brown-495 {
  background: var(--color-brown-495) !important;
}

.bg-brown-496 {
  background: var(--color-brown-496) !important;
}

.bg-brown-497 {
  background: var(--color-brown-497) !important;
}

.bg-brown-498 {
  background: var(--color-brown-498) !important;
}

.bg-brown-499 {
  background: var(--color-brown-499) !important;
}

.bg-brown-500 {
  background: var(--color-brown-500) !important;
}

.bg-brown-501 {
  background: var(--color-brown-501) !important;
}

.bg-brown-502 {
  background: var(--color-brown-502) !important;
}

.bg-brown-503 {
  background: var(--color-brown-503) !important;
}

.bg-brown-504 {
  background: var(--color-brown-504) !important;
}

.bg-brown-505 {
  background: var(--color-brown-505) !important;
}

.bg-brown-506 {
  background: var(--color-brown-506) !important;
}

.bg-brown-507 {
  background: var(--color-brown-507) !important;
}

.bg-brown-508 {
  background: var(--color-brown-508) !important;
}

.bg-brown-509 {
  background: var(--color-brown-509) !important;
}

.bg-brown-510 {
  background: var(--color-brown-510) !important;
}

.bg-brown-511 {
  background: var(--color-brown-511) !important;
}

.bg-brown-512 {
  background: var(--color-brown-512) !important;
}

.bg-brown-513 {
  background: var(--color-brown-513) !important;
}

.bg-brown-514 {
  background: var(--color-brown-514) !important;
}

.bg-brown-515 {
  background: var(--color-brown-515) !important;
}

.bg-brown-516 {
  background: var(--color-brown-516) !important;
}

.bg-brown-517 {
  background: var(--color-brown-517) !important;
}

.bg-brown-518 {
  background: var(--color-brown-518) !important;
}

.bg-brown-519 {
  background: var(--color-brown-519) !important;
}

.bg-brown-520 {
  background: var(--color-brown-520) !important;
}

.bg-brown-521 {
  background: var(--color-brown-521) !important;
}

.bg-brown-522 {
  background: var(--color-brown-522) !important;
}

.bg-brown-523 {
  background: var(--color-brown-523) !important;
}

.bg-brown-524 {
  background: var(--color-brown-524) !important;
}

.bg-brown-525 {
  background: var(--color-brown-525) !important;
}

.bg-brown-526 {
  background: var(--color-brown-526) !important;
}

.bg-brown-527 {
  background: var(--color-brown-527) !important;
}

.bg-brown-528 {
  background: var(--color-brown-528) !important;
}

.bg-brown-529 {
  background: var(--color-brown-529) !important;
}

.bg-brown-530 {
  background: var(--color-brown-530) !important;
}

.bg-brown-531 {
  background: var(--color-brown-531) !important;
}

.bg-brown-532 {
  background: var(--color-brown-532) !important;
}

.bg-brown-533 {
  background: var(--color-brown-533) !important;
}

.bg-brown-534 {
  background: var(--color-brown-534) !important;
}

.bg-brown-535 {
  background: var(--color-brown-535) !important;
}

.bg-brown-536 {
  background: var(--color-brown-536) !important;
}

.bg-brown-537 {
  background: var(--color-brown-537) !important;
}

.bg-brown-538 {
  background: var(--color-brown-538) !important;
}

.bg-brown-539 {
  background: var(--color-brown-539) !important;
}

.bg-brown-540 {
  background: var(--color-brown-540) !important;
}

.bg-brown-541 {
  background: var(--color-brown-541) !important;
}

.bg-brown-542 {
  background: var(--color-brown-542) !important;
}

.bg-brown-543 {
  background: var(--color-brown-543) !important;
}

.bg-brown-544 {
  background: var(--color-brown-544) !important;
}

.bg-brown-545 {
  background: var(--color-brown-545) !important;
}

.bg-brown-546 {
  background: var(--color-brown-546) !important;
}

.bg-brown-547 {
  background: var(--color-brown-547) !important;
}

.bg-brown-548 {
  background: var(--color-brown-548) !important;
}

.bg-brown-549 {
  background: var(--color-brown-549) !important;
}

.bg-brown-550 {
  background: var(--color-brown-550) !important;
}

.bg-brown-551 {
  background: var(--color-brown-551) !important;
}

.bg-brown-552 {
  background: var(--color-brown-552) !important;
}

.bg-brown-553 {
  background: var(--color-brown-553) !important;
}

.bg-brown-554 {
  background: var(--color-brown-554) !important;
}

.bg-brown-555 {
  background: var(--color-brown-555) !important;
}

.bg-brown-556 {
  background: var(--color-brown-556) !important;
}

.bg-brown-557 {
  background: var(--color-brown-557) !important;
}

.bg-brown-558 {
  background: var(--color-brown-558) !important;
}

.bg-brown-559 {
  background: var(--color-brown-559) !important;
}

.bg-brown-560 {
  background: var(--color-brown-560) !important;
}

.bg-brown-561 {
  background: var(--color-brown-561) !important;
}

.bg-brown-562 {
  background: var(--color-brown-562) !important;
}

.bg-brown-563 {
  background: var(--color-brown-563) !important;
}

.bg-brown-564 {
  background: var(--color-brown-564) !important;
}

.bg-brown-565 {
  background: var(--color-brown-565) !important;
}

.bg-brown-566 {
  background: var(--color-brown-566) !important;
}

.bg-brown-567 {
  background: var(--color-brown-567) !important;
}

.bg-brown-568 {
  background: var(--color-brown-568) !important;
}

.bg-brown-569 {
  background: var(--color-brown-569) !important;
}

.bg-brown-570 {
  background: var(--color-brown-570) !important;
}

.bg-brown-571 {
  background: var(--color-brown-571) !important;
}

.bg-brown-572 {
  background: var(--color-brown-572) !important;
}

.bg-brown-573 {
  background: var(--color-brown-573) !important;
}

.bg-brown-574 {
  background: var(--color-brown-574) !important;
}

.bg-brown-575 {
  background: var(--color-brown-575) !important;
}

.bg-brown-576 {
  background: var(--color-brown-576) !important;
}

.bg-brown-577 {
  background: var(--color-brown-577) !important;
}

.bg-brown-578 {
  background: var(--color-brown-578) !important;
}

.bg-brown-579 {
  background: var(--color-brown-579) !important;
}

.bg-brown-580 {
  background: var(--color-brown-580) !important;
}

.bg-brown-581 {
  background: var(--color-brown-581) !important;
}

.bg-brown-582 {
  background: var(--color-brown-582) !important;
}

.bg-brown-583 {
  background: var(--color-brown-583) !important;
}

.bg-brown-584 {
  background: var(--color-brown-584) !important;
}

.bg-brown-585 {
  background: var(--color-brown-585) !important;
}

.bg-brown-586 {
  background: var(--color-brown-586) !important;
}

.bg-brown-587 {
  background: var(--color-brown-587) !important;
}

.bg-brown-588 {
  background: var(--color-brown-588) !important;
}

.bg-brown-589 {
  background: var(--color-brown-589) !important;
}

.bg-brown-590 {
  background: var(--color-brown-590) !important;
}

.bg-brown-591 {
  background: var(--color-brown-591) !important;
}

.bg-brown-592 {
  background: var(--color-brown-592) !important;
}

.bg-brown-593 {
  background: var(--color-brown-593) !important;
}

.bg-brown-594 {
  background: var(--color-brown-594) !important;
}

.bg-brown-595 {
  background: var(--color-brown-595) !important;
}

.bg-brown-596 {
  background: var(--color-brown-596) !important;
}

.bg-brown-597 {
  background: var(--color-brown-597) !important;
}

.bg-brown-598 {
  background: var(--color-brown-598) !important;
}

.bg-brown-599 {
  background: var(--color-brown-599) !important;
}

.bg-brown-600 {
  background: var(--color-brown-600) !important;
}

.bg-brown-601 {
  background: var(--color-brown-601) !important;
}

.bg-brown-602 {
  background: var(--color-brown-602) !important;
}

.bg-brown-603 {
  background: var(--color-brown-603) !important;
}

.bg-brown-604 {
  background: var(--color-brown-604) !important;
}

.bg-brown-605 {
  background: var(--color-brown-605) !important;
}

.bg-brown-606 {
  background: var(--color-brown-606) !important;
}

.bg-brown-607 {
  background: var(--color-brown-607) !important;
}

.bg-brown-608 {
  background: var(--color-brown-608) !important;
}

.bg-brown-609 {
  background: var(--color-brown-609) !important;
}

.bg-brown-610 {
  background: var(--color-brown-610) !important;
}

.bg-brown-611 {
  background: var(--color-brown-611) !important;
}

.bg-brown-612 {
  background: var(--color-brown-612) !important;
}

.bg-brown-613 {
  background: var(--color-brown-613) !important;
}

.bg-brown-614 {
  background: var(--color-brown-614) !important;
}

.bg-brown-615 {
  background: var(--color-brown-615) !important;
}

.bg-brown-616 {
  background: var(--color-brown-616) !important;
}

.bg-brown-617 {
  background: var(--color-brown-617) !important;
}

.bg-brown-618 {
  background: var(--color-brown-618) !important;
}

.bg-brown-619 {
  background: var(--color-brown-619) !important;
}

.bg-brown-620 {
  background: var(--color-brown-620) !important;
}

.bg-brown-621 {
  background: var(--color-brown-621) !important;
}

.bg-brown-622 {
  background: var(--color-brown-622) !important;
}

.bg-brown-623 {
  background: var(--color-brown-623) !important;
}

.bg-brown-624 {
  background: var(--color-brown-624) !important;
}

.bg-brown-625 {
  background: var(--color-brown-625) !important;
}

.bg-brown-626 {
  background: var(--color-brown-626) !important;
}

.bg-brown-627 {
  background: var(--color-brown-627) !important;
}

.bg-brown-628 {
  background: var(--color-brown-628) !important;
}

.bg-brown-629 {
  background: var(--color-brown-629) !important;
}

.bg-brown-630 {
  background: var(--color-brown-630) !important;
}

.bg-brown-631 {
  background: var(--color-brown-631) !important;
}

.bg-brown-632 {
  background: var(--color-brown-632) !important;
}

.bg-brown-633 {
  background: var(--color-brown-633) !important;
}

.bg-brown-634 {
  background: var(--color-brown-634) !important;
}

.bg-brown-635 {
  background: var(--color-brown-635) !important;
}

.bg-brown-636 {
  background: var(--color-brown-636) !important;
}

.bg-brown-637 {
  background: var(--color-brown-637) !important;
}

.bg-brown-638 {
  background: var(--color-brown-638) !important;
}

.bg-brown-639 {
  background: var(--color-brown-639) !important;
}

.bg-brown-640 {
  background: var(--color-brown-640) !important;
}

.bg-brown-641 {
  background: var(--color-brown-641) !important;
}

.bg-brown-642 {
  background: var(--color-brown-642) !important;
}

.bg-brown-643 {
  background: var(--color-brown-643) !important;
}

.bg-brown-644 {
  background: var(--color-brown-644) !important;
}

.bg-brown-645 {
  background: var(--color-brown-645) !important;
}

.bg-brown-646 {
  background: var(--color-brown-646) !important;
}

.bg-brown-647 {
  background: var(--color-brown-647) !important;
}

.bg-brown-648 {
  background: var(--color-brown-648) !important;
}

.bg-brown-649 {
  background: var(--color-brown-649) !important;
}

.bg-brown-650 {
  background: var(--color-brown-650) !important;
}

.bg-brown-651 {
  background: var(--color-brown-651) !important;
}

.bg-brown-652 {
  background: var(--color-brown-652) !important;
}

.bg-brown-653 {
  background: var(--color-brown-653) !important;
}

.bg-brown-654 {
  background: var(--color-brown-654) !important;
}

.bg-brown-655 {
  background: var(--color-brown-655) !important;
}

.bg-brown-656 {
  background: var(--color-brown-656) !important;
}

.bg-brown-657 {
  background: var(--color-brown-657) !important;
}

.bg-brown-658 {
  background: var(--color-brown-658) !important;
}

.bg-brown-659 {
  background: var(--color-brown-659) !important;
}

.bg-brown-660 {
  background: var(--color-brown-660) !important;
}

.bg-brown-661 {
  background: var(--color-brown-661) !important;
}

.bg-brown-662 {
  background: var(--color-brown-662) !important;
}

.bg-brown-663 {
  background: var(--color-brown-663) !important;
}

.bg-brown-664 {
  background: var(--color-brown-664) !important;
}

.bg-brown-665 {
  background: var(--color-brown-665) !important;
}

.bg-brown-666 {
  background: var(--color-brown-666) !important;
}

.bg-brown-667 {
  background: var(--color-brown-667) !important;
}

.bg-brown-668 {
  background: var(--color-brown-668) !important;
}

.bg-brown-669 {
  background: var(--color-brown-669) !important;
}

.bg-brown-670 {
  background: var(--color-brown-670) !important;
}

.bg-brown-671 {
  background: var(--color-brown-671) !important;
}

.bg-brown-672 {
  background: var(--color-brown-672) !important;
}

.bg-brown-673 {
  background: var(--color-brown-673) !important;
}

.bg-brown-674 {
  background: var(--color-brown-674) !important;
}

.bg-brown-675 {
  background: var(--color-brown-675) !important;
}

.bg-brown-676 {
  background: var(--color-brown-676) !important;
}

.bg-brown-677 {
  background: var(--color-brown-677) !important;
}

.bg-brown-678 {
  background: var(--color-brown-678) !important;
}

.bg-brown-679 {
  background: var(--color-brown-679) !important;
}

.bg-brown-680 {
  background: var(--color-brown-680) !important;
}

.bg-brown-681 {
  background: var(--color-brown-681) !important;
}

.bg-brown-682 {
  background: var(--color-brown-682) !important;
}

.bg-brown-683 {
  background: var(--color-brown-683) !important;
}

.bg-brown-684 {
  background: var(--color-brown-684) !important;
}

.bg-brown-685 {
  background: var(--color-brown-685) !important;
}

.bg-brown-686 {
  background: var(--color-brown-686) !important;
}

.bg-brown-687 {
  background: var(--color-brown-687) !important;
}

.bg-brown-688 {
  background: var(--color-brown-688) !important;
}

.bg-brown-689 {
  background: var(--color-brown-689) !important;
}

.bg-brown-690 {
  background: var(--color-brown-690) !important;
}

.bg-brown-691 {
  background: var(--color-brown-691) !important;
}

.bg-brown-692 {
  background: var(--color-brown-692) !important;
}

.bg-brown-693 {
  background: var(--color-brown-693) !important;
}

.bg-brown-694 {
  background: var(--color-brown-694) !important;
}

.bg-brown-695 {
  background: var(--color-brown-695) !important;
}

.bg-brown-696 {
  background: var(--color-brown-696) !important;
}

.bg-brown-697 {
  background: var(--color-brown-697) !important;
}

.bg-brown-698 {
  background: var(--color-brown-698) !important;
}

.bg-brown-699 {
  background: var(--color-brown-699) !important;
}

.bg-brown-700 {
  background: var(--color-brown-700) !important;
}

.bg-brown-701 {
  background: var(--color-brown-701) !important;
}

.bg-brown-702 {
  background: var(--color-brown-702) !important;
}

.bg-brown-703 {
  background: var(--color-brown-703) !important;
}

.bg-brown-704 {
  background: var(--color-brown-704) !important;
}

.bg-brown-705 {
  background: var(--color-brown-705) !important;
}

.bg-brown-706 {
  background: var(--color-brown-706) !important;
}

.bg-brown-707 {
  background: var(--color-brown-707) !important;
}

.bg-brown-708 {
  background: var(--color-brown-708) !important;
}

.bg-brown-709 {
  background: var(--color-brown-709) !important;
}

.bg-brown-710 {
  background: var(--color-brown-710) !important;
}

.bg-brown-711 {
  background: var(--color-brown-711) !important;
}

.bg-brown-712 {
  background: var(--color-brown-712) !important;
}

.bg-brown-713 {
  background: var(--color-brown-713) !important;
}

.bg-brown-714 {
  background: var(--color-brown-714) !important;
}

.bg-brown-715 {
  background: var(--color-brown-715) !important;
}

.bg-brown-716 {
  background: var(--color-brown-716) !important;
}

.bg-brown-717 {
  background: var(--color-brown-717) !important;
}

.bg-brown-718 {
  background: var(--color-brown-718) !important;
}

.bg-brown-719 {
  background: var(--color-brown-719) !important;
}

.bg-brown-720 {
  background: var(--color-brown-720) !important;
}

.bg-brown-721 {
  background: var(--color-brown-721) !important;
}

.bg-brown-722 {
  background: var(--color-brown-722) !important;
}

.bg-brown-723 {
  background: var(--color-brown-723) !important;
}

.bg-brown-724 {
  background: var(--color-brown-724) !important;
}

.bg-brown-725 {
  background: var(--color-brown-725) !important;
}

.bg-brown-726 {
  background: var(--color-brown-726) !important;
}

.bg-brown-727 {
  background: var(--color-brown-727) !important;
}

.bg-brown-728 {
  background: var(--color-brown-728) !important;
}

.bg-brown-729 {
  background: var(--color-brown-729) !important;
}

.bg-brown-730 {
  background: var(--color-brown-730) !important;
}

.bg-brown-731 {
  background: var(--color-brown-731) !important;
}

.bg-brown-732 {
  background: var(--color-brown-732) !important;
}

.bg-brown-733 {
  background: var(--color-brown-733) !important;
}

.bg-brown-734 {
  background: var(--color-brown-734) !important;
}

.bg-brown-735 {
  background: var(--color-brown-735) !important;
}

.bg-brown-736 {
  background: var(--color-brown-736) !important;
}

.bg-brown-737 {
  background: var(--color-brown-737) !important;
}

.bg-brown-738 {
  background: var(--color-brown-738) !important;
}

.bg-brown-739 {
  background: var(--color-brown-739) !important;
}

.bg-brown-740 {
  background: var(--color-brown-740) !important;
}

.bg-brown-741 {
  background: var(--color-brown-741) !important;
}

.bg-brown-742 {
  background: var(--color-brown-742) !important;
}

.bg-brown-743 {
  background: var(--color-brown-743) !important;
}

.bg-brown-744 {
  background: var(--color-brown-744) !important;
}

.bg-brown-745 {
  background: var(--color-brown-745) !important;
}

.bg-brown-746 {
  background: var(--color-brown-746) !important;
}

.bg-brown-747 {
  background: var(--color-brown-747) !important;
}

.bg-brown-748 {
  background: var(--color-brown-748) !important;
}

.bg-brown-749 {
  background: var(--color-brown-749) !important;
}

.bg-brown-750 {
  background: var(--color-brown-750) !important;
}

.bg-brown-751 {
  background: var(--color-brown-751) !important;
}

.bg-brown-752 {
  background: var(--color-brown-752) !important;
}

.bg-brown-753 {
  background: var(--color-brown-753) !important;
}

.bg-brown-754 {
  background: var(--color-brown-754) !important;
}

.bg-brown-755 {
  background: var(--color-brown-755) !important;
}

.bg-brown-756 {
  background: var(--color-brown-756) !important;
}

.bg-brown-757 {
  background: var(--color-brown-757) !important;
}

.bg-brown-758 {
  background: var(--color-brown-758) !important;
}

.bg-brown-759 {
  background: var(--color-brown-759) !important;
}

.bg-brown-760 {
  background: var(--color-brown-760) !important;
}

.bg-brown-761 {
  background: var(--color-brown-761) !important;
}

.bg-brown-762 {
  background: var(--color-brown-762) !important;
}

.bg-brown-763 {
  background: var(--color-brown-763) !important;
}

.bg-brown-764 {
  background: var(--color-brown-764) !important;
}

.bg-brown-765 {
  background: var(--color-brown-765) !important;
}

.bg-brown-766 {
  background: var(--color-brown-766) !important;
}

.bg-brown-767 {
  background: var(--color-brown-767) !important;
}

.bg-brown-768 {
  background: var(--color-brown-768) !important;
}

.bg-brown-769 {
  background: var(--color-brown-769) !important;
}

.bg-brown-770 {
  background: var(--color-brown-770) !important;
}

.bg-brown-771 {
  background: var(--color-brown-771) !important;
}

.bg-brown-772 {
  background: var(--color-brown-772) !important;
}

.bg-brown-773 {
  background: var(--color-brown-773) !important;
}

.bg-brown-774 {
  background: var(--color-brown-774) !important;
}

.bg-brown-775 {
  background: var(--color-brown-775) !important;
}

.bg-brown-776 {
  background: var(--color-brown-776) !important;
}

.bg-brown-777 {
  background: var(--color-brown-777) !important;
}

.bg-brown-778 {
  background: var(--color-brown-778) !important;
}

.bg-brown-779 {
  background: var(--color-brown-779) !important;
}

.bg-brown-780 {
  background: var(--color-brown-780) !important;
}

.bg-brown-781 {
  background: var(--color-brown-781) !important;
}

.bg-brown-782 {
  background: var(--color-brown-782) !important;
}

.bg-brown-783 {
  background: var(--color-brown-783) !important;
}

.bg-brown-784 {
  background: var(--color-brown-784) !important;
}

.bg-brown-785 {
  background: var(--color-brown-785) !important;
}

.bg-brown-786 {
  background: var(--color-brown-786) !important;
}

.bg-brown-787 {
  background: var(--color-brown-787) !important;
}

.bg-brown-788 {
  background: var(--color-brown-788) !important;
}

.bg-brown-789 {
  background: var(--color-brown-789) !important;
}

.bg-brown-790 {
  background: var(--color-brown-790) !important;
}

.bg-brown-791 {
  background: var(--color-brown-791) !important;
}

.bg-brown-792 {
  background: var(--color-brown-792) !important;
}

.bg-brown-793 {
  background: var(--color-brown-793) !important;
}

.bg-brown-794 {
  background: var(--color-brown-794) !important;
}

.bg-brown-795 {
  background: var(--color-brown-795) !important;
}

.bg-brown-796 {
  background: var(--color-brown-796) !important;
}

.bg-brown-797 {
  background: var(--color-brown-797) !important;
}

.bg-brown-798 {
  background: var(--color-brown-798) !important;
}

.bg-brown-799 {
  background: var(--color-brown-799) !important;
}

.bg-brown-800 {
  background: var(--color-brown-800) !important;
}

.bg-brown-801 {
  background: var(--color-brown-801) !important;
}

.bg-brown-802 {
  background: var(--color-brown-802) !important;
}

.bg-brown-803 {
  background: var(--color-brown-803) !important;
}

.bg-brown-804 {
  background: var(--color-brown-804) !important;
}

.bg-brown-805 {
  background: var(--color-brown-805) !important;
}

.bg-brown-806 {
  background: var(--color-brown-806) !important;
}

.bg-brown-807 {
  background: var(--color-brown-807) !important;
}

.bg-brown-808 {
  background: var(--color-brown-808) !important;
}

.bg-brown-809 {
  background: var(--color-brown-809) !important;
}

.bg-brown-810 {
  background: var(--color-brown-810) !important;
}

.bg-brown-811 {
  background: var(--color-brown-811) !important;
}

.bg-brown-812 {
  background: var(--color-brown-812) !important;
}

.bg-brown-813 {
  background: var(--color-brown-813) !important;
}

.bg-brown-814 {
  background: var(--color-brown-814) !important;
}

.bg-brown-815 {
  background: var(--color-brown-815) !important;
}

.bg-brown-816 {
  background: var(--color-brown-816) !important;
}

.bg-brown-817 {
  background: var(--color-brown-817) !important;
}

.bg-brown-818 {
  background: var(--color-brown-818) !important;
}

.bg-brown-819 {
  background: var(--color-brown-819) !important;
}

.bg-brown-820 {
  background: var(--color-brown-820) !important;
}

.bg-brown-821 {
  background: var(--color-brown-821) !important;
}

.bg-brown-822 {
  background: var(--color-brown-822) !important;
}

.bg-brown-823 {
  background: var(--color-brown-823) !important;
}

.bg-brown-824 {
  background: var(--color-brown-824) !important;
}

.bg-brown-825 {
  background: var(--color-brown-825) !important;
}

.bg-brown-826 {
  background: var(--color-brown-826) !important;
}

.bg-brown-827 {
  background: var(--color-brown-827) !important;
}

.bg-brown-828 {
  background: var(--color-brown-828) !important;
}

.bg-brown-829 {
  background: var(--color-brown-829) !important;
}

.bg-brown-830 {
  background: var(--color-brown-830) !important;
}

.bg-brown-831 {
  background: var(--color-brown-831) !important;
}

.bg-brown-832 {
  background: var(--color-brown-832) !important;
}

.bg-brown-833 {
  background: var(--color-brown-833) !important;
}

.bg-brown-834 {
  background: var(--color-brown-834) !important;
}

.bg-brown-835 {
  background: var(--color-brown-835) !important;
}

.bg-brown-836 {
  background: var(--color-brown-836) !important;
}

.bg-brown-837 {
  background: var(--color-brown-837) !important;
}

.bg-brown-838 {
  background: var(--color-brown-838) !important;
}

.bg-brown-839 {
  background: var(--color-brown-839) !important;
}

.bg-brown-840 {
  background: var(--color-brown-840) !important;
}

.bg-brown-841 {
  background: var(--color-brown-841) !important;
}

.bg-brown-842 {
  background: var(--color-brown-842) !important;
}

.bg-brown-843 {
  background: var(--color-brown-843) !important;
}

.bg-brown-844 {
  background: var(--color-brown-844) !important;
}

.bg-brown-845 {
  background: var(--color-brown-845) !important;
}

.bg-brown-846 {
  background: var(--color-brown-846) !important;
}

.bg-brown-847 {
  background: var(--color-brown-847) !important;
}

.bg-brown-848 {
  background: var(--color-brown-848) !important;
}

.bg-brown-849 {
  background: var(--color-brown-849) !important;
}

.bg-brown-850 {
  background: var(--color-brown-850) !important;
}

.bg-brown-851 {
  background: var(--color-brown-851) !important;
}

.bg-brown-852 {
  background: var(--color-brown-852) !important;
}

.bg-brown-853 {
  background: var(--color-brown-853) !important;
}

.bg-brown-854 {
  background: var(--color-brown-854) !important;
}

.bg-brown-855 {
  background: var(--color-brown-855) !important;
}

.bg-brown-856 {
  background: var(--color-brown-856) !important;
}

.bg-brown-857 {
  background: var(--color-brown-857) !important;
}

.bg-brown-858 {
  background: var(--color-brown-858) !important;
}

.bg-brown-859 {
  background: var(--color-brown-859) !important;
}

.bg-brown-860 {
  background: var(--color-brown-860) !important;
}

.bg-brown-861 {
  background: var(--color-brown-861) !important;
}

.bg-brown-862 {
  background: var(--color-brown-862) !important;
}

.bg-brown-863 {
  background: var(--color-brown-863) !important;
}

.bg-brown-864 {
  background: var(--color-brown-864) !important;
}

.bg-brown-865 {
  background: var(--color-brown-865) !important;
}

.bg-brown-866 {
  background: var(--color-brown-866) !important;
}

.bg-brown-867 {
  background: var(--color-brown-867) !important;
}

.bg-brown-868 {
  background: var(--color-brown-868) !important;
}

.bg-brown-869 {
  background: var(--color-brown-869) !important;
}

.bg-brown-870 {
  background: var(--color-brown-870) !important;
}

.bg-brown-871 {
  background: var(--color-brown-871) !important;
}

.bg-brown-872 {
  background: var(--color-brown-872) !important;
}

.bg-brown-873 {
  background: var(--color-brown-873) !important;
}

.bg-brown-874 {
  background: var(--color-brown-874) !important;
}

.bg-brown-875 {
  background: var(--color-brown-875) !important;
}

.bg-brown-876 {
  background: var(--color-brown-876) !important;
}

.bg-brown-877 {
  background: var(--color-brown-877) !important;
}

.bg-brown-878 {
  background: var(--color-brown-878) !important;
}

.bg-brown-879 {
  background: var(--color-brown-879) !important;
}

.bg-brown-880 {
  background: var(--color-brown-880) !important;
}

.bg-brown-881 {
  background: var(--color-brown-881) !important;
}

.bg-brown-882 {
  background: var(--color-brown-882) !important;
}

.bg-brown-883 {
  background: var(--color-brown-883) !important;
}

.bg-brown-884 {
  background: var(--color-brown-884) !important;
}

.bg-brown-885 {
  background: var(--color-brown-885) !important;
}

.bg-brown-886 {
  background: var(--color-brown-886) !important;
}

.bg-brown-887 {
  background: var(--color-brown-887) !important;
}

.bg-brown-888 {
  background: var(--color-brown-888) !important;
}

.bg-brown-889 {
  background: var(--color-brown-889) !important;
}

.bg-brown-890 {
  background: var(--color-brown-890) !important;
}

.bg-brown-891 {
  background: var(--color-brown-891) !important;
}

.bg-brown-892 {
  background: var(--color-brown-892) !important;
}

.bg-brown-893 {
  background: var(--color-brown-893) !important;
}

.bg-brown-894 {
  background: var(--color-brown-894) !important;
}

.bg-brown-895 {
  background: var(--color-brown-895) !important;
}

.bg-brown-896 {
  background: var(--color-brown-896) !important;
}

.bg-brown-897 {
  background: var(--color-brown-897) !important;
}

.bg-brown-898 {
  background: var(--color-brown-898) !important;
}

.bg-brown-899 {
  background: var(--color-brown-899) !important;
}

.bg-brown-900 {
  background: var(--color-brown-900) !important;
}

.bg-skin-25 {
  background: var(--color-skin-25) !important;
}

.bg-skin-26 {
  background: var(--color-skin-26) !important;
}

.bg-skin-27 {
  background: var(--color-skin-27) !important;
}

.bg-skin-28 {
  background: var(--color-skin-28) !important;
}

.bg-skin-29 {
  background: var(--color-skin-29) !important;
}

.bg-skin-30 {
  background: var(--color-skin-30) !important;
}

.bg-skin-31 {
  background: var(--color-skin-31) !important;
}

.bg-skin-32 {
  background: var(--color-skin-32) !important;
}

.bg-skin-33 {
  background: var(--color-skin-33) !important;
}

.bg-skin-34 {
  background: var(--color-skin-34) !important;
}

.bg-skin-35 {
  background: var(--color-skin-35) !important;
}

.bg-skin-36 {
  background: var(--color-skin-36) !important;
}

.bg-skin-37 {
  background: var(--color-skin-37) !important;
}

.bg-skin-38 {
  background: var(--color-skin-38) !important;
}

.bg-skin-39 {
  background: var(--color-skin-39) !important;
}

.bg-skin-40 {
  background: var(--color-skin-40) !important;
}

.bg-skin-41 {
  background: var(--color-skin-41) !important;
}

.bg-skin-42 {
  background: var(--color-skin-42) !important;
}

.bg-skin-43 {
  background: var(--color-skin-43) !important;
}

.bg-skin-44 {
  background: var(--color-skin-44) !important;
}

.bg-skin-45 {
  background: var(--color-skin-45) !important;
}

.bg-skin-46 {
  background: var(--color-skin-46) !important;
}

.bg-skin-47 {
  background: var(--color-skin-47) !important;
}

.bg-skin-48 {
  background: var(--color-skin-48) !important;
}

.bg-skin-49 {
  background: var(--color-skin-49) !important;
}

.bg-skin-50 {
  background: var(--color-skin-50) !important;
}

.bg-skin-51 {
  background: var(--color-skin-51) !important;
}

.bg-skin-52 {
  background: var(--color-skin-52) !important;
}

.bg-skin-53 {
  background: var(--color-skin-53) !important;
}

.bg-skin-54 {
  background: var(--color-skin-54) !important;
}

.bg-skin-55 {
  background: var(--color-skin-55) !important;
}

.bg-skin-56 {
  background: var(--color-skin-56) !important;
}

.bg-skin-57 {
  background: var(--color-skin-57) !important;
}

.bg-skin-58 {
  background: var(--color-skin-58) !important;
}

.bg-skin-59 {
  background: var(--color-skin-59) !important;
}

.bg-skin-60 {
  background: var(--color-skin-60) !important;
}

.bg-skin-61 {
  background: var(--color-skin-61) !important;
}

.bg-skin-62 {
  background: var(--color-skin-62) !important;
}

.bg-skin-63 {
  background: var(--color-skin-63) !important;
}

.bg-skin-64 {
  background: var(--color-skin-64) !important;
}

.bg-skin-65 {
  background: var(--color-skin-65) !important;
}

.bg-skin-66 {
  background: var(--color-skin-66) !important;
}

.bg-skin-67 {
  background: var(--color-skin-67) !important;
}

.bg-skin-68 {
  background: var(--color-skin-68) !important;
}

.bg-skin-69 {
  background: var(--color-skin-69) !important;
}

.bg-skin-70 {
  background: var(--color-skin-70) !important;
}

.bg-skin-71 {
  background: var(--color-skin-71) !important;
}

.bg-skin-72 {
  background: var(--color-skin-72) !important;
}

.bg-skin-73 {
  background: var(--color-skin-73) !important;
}

.bg-skin-74 {
  background: var(--color-skin-74) !important;
}

.bg-skin-75 {
  background: var(--color-skin-75) !important;
}

.bg-skin-76 {
  background: var(--color-skin-76) !important;
}

.bg-skin-77 {
  background: var(--color-skin-77) !important;
}

.bg-skin-78 {
  background: var(--color-skin-78) !important;
}

.bg-skin-79 {
  background: var(--color-skin-79) !important;
}

.bg-skin-80 {
  background: var(--color-skin-80) !important;
}

.bg-skin-81 {
  background: var(--color-skin-81) !important;
}

.bg-skin-82 {
  background: var(--color-skin-82) !important;
}

.bg-skin-83 {
  background: var(--color-skin-83) !important;
}

.bg-skin-84 {
  background: var(--color-skin-84) !important;
}

.bg-skin-85 {
  background: var(--color-skin-85) !important;
}

.bg-skin-86 {
  background: var(--color-skin-86) !important;
}

.bg-skin-87 {
  background: var(--color-skin-87) !important;
}

.bg-skin-88 {
  background: var(--color-skin-88) !important;
}

.bg-skin-89 {
  background: var(--color-skin-89) !important;
}

.bg-skin-90 {
  background: var(--color-skin-90) !important;
}

.bg-skin-91 {
  background: var(--color-skin-91) !important;
}

.bg-skin-92 {
  background: var(--color-skin-92) !important;
}

.bg-skin-93 {
  background: var(--color-skin-93) !important;
}

.bg-skin-94 {
  background: var(--color-skin-94) !important;
}

.bg-skin-95 {
  background: var(--color-skin-95) !important;
}

.bg-skin-96 {
  background: var(--color-skin-96) !important;
}

.bg-skin-97 {
  background: var(--color-skin-97) !important;
}

.bg-skin-98 {
  background: var(--color-skin-98) !important;
}

.bg-skin-99 {
  background: var(--color-skin-99) !important;
}

.bg-skin-100 {
  background: var(--color-skin-100) !important;
}

.bg-skin-101 {
  background: var(--color-skin-101) !important;
}

.bg-skin-102 {
  background: var(--color-skin-102) !important;
}

.bg-skin-103 {
  background: var(--color-skin-103) !important;
}

.bg-skin-104 {
  background: var(--color-skin-104) !important;
}

.bg-skin-105 {
  background: var(--color-skin-105) !important;
}

.bg-skin-106 {
  background: var(--color-skin-106) !important;
}

.bg-skin-107 {
  background: var(--color-skin-107) !important;
}

.bg-skin-108 {
  background: var(--color-skin-108) !important;
}

.bg-skin-109 {
  background: var(--color-skin-109) !important;
}

.bg-skin-110 {
  background: var(--color-skin-110) !important;
}

.bg-skin-111 {
  background: var(--color-skin-111) !important;
}

.bg-skin-112 {
  background: var(--color-skin-112) !important;
}

.bg-skin-113 {
  background: var(--color-skin-113) !important;
}

.bg-skin-114 {
  background: var(--color-skin-114) !important;
}

.bg-skin-115 {
  background: var(--color-skin-115) !important;
}

.bg-skin-116 {
  background: var(--color-skin-116) !important;
}

.bg-skin-117 {
  background: var(--color-skin-117) !important;
}

.bg-skin-118 {
  background: var(--color-skin-118) !important;
}

.bg-skin-119 {
  background: var(--color-skin-119) !important;
}

.bg-skin-120 {
  background: var(--color-skin-120) !important;
}

.bg-skin-121 {
  background: var(--color-skin-121) !important;
}

.bg-skin-122 {
  background: var(--color-skin-122) !important;
}

.bg-skin-123 {
  background: var(--color-skin-123) !important;
}

.bg-skin-124 {
  background: var(--color-skin-124) !important;
}

.bg-skin-125 {
  background: var(--color-skin-125) !important;
}

.bg-skin-126 {
  background: var(--color-skin-126) !important;
}

.bg-skin-127 {
  background: var(--color-skin-127) !important;
}

.bg-skin-128 {
  background: var(--color-skin-128) !important;
}

.bg-skin-129 {
  background: var(--color-skin-129) !important;
}

.bg-skin-130 {
  background: var(--color-skin-130) !important;
}

.bg-skin-131 {
  background: var(--color-skin-131) !important;
}

.bg-skin-132 {
  background: var(--color-skin-132) !important;
}

.bg-skin-133 {
  background: var(--color-skin-133) !important;
}

.bg-skin-134 {
  background: var(--color-skin-134) !important;
}

.bg-skin-135 {
  background: var(--color-skin-135) !important;
}

.bg-skin-136 {
  background: var(--color-skin-136) !important;
}

.bg-skin-137 {
  background: var(--color-skin-137) !important;
}

.bg-skin-138 {
  background: var(--color-skin-138) !important;
}

.bg-skin-139 {
  background: var(--color-skin-139) !important;
}

.bg-skin-140 {
  background: var(--color-skin-140) !important;
}

.bg-skin-141 {
  background: var(--color-skin-141) !important;
}

.bg-skin-142 {
  background: var(--color-skin-142) !important;
}

.bg-skin-143 {
  background: var(--color-skin-143) !important;
}

.bg-skin-144 {
  background: var(--color-skin-144) !important;
}

.bg-skin-145 {
  background: var(--color-skin-145) !important;
}

.bg-skin-146 {
  background: var(--color-skin-146) !important;
}

.bg-skin-147 {
  background: var(--color-skin-147) !important;
}

.bg-skin-148 {
  background: var(--color-skin-148) !important;
}

.bg-skin-149 {
  background: var(--color-skin-149) !important;
}

.bg-skin-150 {
  background: var(--color-skin-150) !important;
}

.bg-skin-151 {
  background: var(--color-skin-151) !important;
}

.bg-skin-152 {
  background: var(--color-skin-152) !important;
}

.bg-skin-153 {
  background: var(--color-skin-153) !important;
}

.bg-skin-154 {
  background: var(--color-skin-154) !important;
}

.bg-skin-155 {
  background: var(--color-skin-155) !important;
}

.bg-skin-156 {
  background: var(--color-skin-156) !important;
}

.bg-skin-157 {
  background: var(--color-skin-157) !important;
}

.bg-skin-158 {
  background: var(--color-skin-158) !important;
}

.bg-skin-159 {
  background: var(--color-skin-159) !important;
}

.bg-skin-160 {
  background: var(--color-skin-160) !important;
}

.bg-skin-161 {
  background: var(--color-skin-161) !important;
}

.bg-skin-162 {
  background: var(--color-skin-162) !important;
}

.bg-skin-163 {
  background: var(--color-skin-163) !important;
}

.bg-skin-164 {
  background: var(--color-skin-164) !important;
}

.bg-skin-165 {
  background: var(--color-skin-165) !important;
}

.bg-skin-166 {
  background: var(--color-skin-166) !important;
}

.bg-skin-167 {
  background: var(--color-skin-167) !important;
}

.bg-skin-168 {
  background: var(--color-skin-168) !important;
}

.bg-skin-169 {
  background: var(--color-skin-169) !important;
}

.bg-skin-170 {
  background: var(--color-skin-170) !important;
}

.bg-skin-171 {
  background: var(--color-skin-171) !important;
}

.bg-skin-172 {
  background: var(--color-skin-172) !important;
}

.bg-skin-173 {
  background: var(--color-skin-173) !important;
}

.bg-skin-174 {
  background: var(--color-skin-174) !important;
}

.bg-skin-175 {
  background: var(--color-skin-175) !important;
}

.bg-skin-176 {
  background: var(--color-skin-176) !important;
}

.bg-skin-177 {
  background: var(--color-skin-177) !important;
}

.bg-skin-178 {
  background: var(--color-skin-178) !important;
}

.bg-skin-179 {
  background: var(--color-skin-179) !important;
}

.bg-skin-180 {
  background: var(--color-skin-180) !important;
}

.bg-skin-181 {
  background: var(--color-skin-181) !important;
}

.bg-skin-182 {
  background: var(--color-skin-182) !important;
}

.bg-skin-183 {
  background: var(--color-skin-183) !important;
}

.bg-skin-184 {
  background: var(--color-skin-184) !important;
}

.bg-skin-185 {
  background: var(--color-skin-185) !important;
}

.bg-skin-186 {
  background: var(--color-skin-186) !important;
}

.bg-skin-187 {
  background: var(--color-skin-187) !important;
}

.bg-skin-188 {
  background: var(--color-skin-188) !important;
}

.bg-skin-189 {
  background: var(--color-skin-189) !important;
}

.bg-skin-190 {
  background: var(--color-skin-190) !important;
}

.bg-skin-191 {
  background: var(--color-skin-191) !important;
}

.bg-skin-192 {
  background: var(--color-skin-192) !important;
}

.bg-skin-193 {
  background: var(--color-skin-193) !important;
}

.bg-skin-194 {
  background: var(--color-skin-194) !important;
}

.bg-skin-195 {
  background: var(--color-skin-195) !important;
}

.bg-skin-196 {
  background: var(--color-skin-196) !important;
}

.bg-skin-197 {
  background: var(--color-skin-197) !important;
}

.bg-skin-198 {
  background: var(--color-skin-198) !important;
}

.bg-skin-199 {
  background: var(--color-skin-199) !important;
}

.bg-skin-200 {
  background: var(--color-skin-200) !important;
}

.bg-skin-201 {
  background: var(--color-skin-201) !important;
}

.bg-skin-202 {
  background: var(--color-skin-202) !important;
}

.bg-skin-203 {
  background: var(--color-skin-203) !important;
}

.bg-skin-204 {
  background: var(--color-skin-204) !important;
}

.bg-skin-205 {
  background: var(--color-skin-205) !important;
}

.bg-skin-206 {
  background: var(--color-skin-206) !important;
}

.bg-skin-207 {
  background: var(--color-skin-207) !important;
}

.bg-skin-208 {
  background: var(--color-skin-208) !important;
}

.bg-skin-209 {
  background: var(--color-skin-209) !important;
}

.bg-skin-210 {
  background: var(--color-skin-210) !important;
}

.bg-skin-211 {
  background: var(--color-skin-211) !important;
}

.bg-skin-212 {
  background: var(--color-skin-212) !important;
}

.bg-skin-213 {
  background: var(--color-skin-213) !important;
}

.bg-skin-214 {
  background: var(--color-skin-214) !important;
}

.bg-skin-215 {
  background: var(--color-skin-215) !important;
}

.bg-skin-216 {
  background: var(--color-skin-216) !important;
}

.bg-skin-217 {
  background: var(--color-skin-217) !important;
}

.bg-skin-218 {
  background: var(--color-skin-218) !important;
}

.bg-skin-219 {
  background: var(--color-skin-219) !important;
}

.bg-skin-220 {
  background: var(--color-skin-220) !important;
}

.bg-skin-221 {
  background: var(--color-skin-221) !important;
}

.bg-skin-222 {
  background: var(--color-skin-222) !important;
}

.bg-skin-223 {
  background: var(--color-skin-223) !important;
}

.bg-skin-224 {
  background: var(--color-skin-224) !important;
}

.bg-skin-225 {
  background: var(--color-skin-225) !important;
}

.bg-skin-226 {
  background: var(--color-skin-226) !important;
}

.bg-skin-227 {
  background: var(--color-skin-227) !important;
}

.bg-skin-228 {
  background: var(--color-skin-228) !important;
}

.bg-skin-229 {
  background: var(--color-skin-229) !important;
}

.bg-skin-230 {
  background: var(--color-skin-230) !important;
}

.bg-skin-231 {
  background: var(--color-skin-231) !important;
}

.bg-skin-232 {
  background: var(--color-skin-232) !important;
}

.bg-skin-233 {
  background: var(--color-skin-233) !important;
}

.bg-skin-234 {
  background: var(--color-skin-234) !important;
}

.bg-skin-235 {
  background: var(--color-skin-235) !important;
}

.bg-skin-236 {
  background: var(--color-skin-236) !important;
}

.bg-skin-237 {
  background: var(--color-skin-237) !important;
}

.bg-skin-238 {
  background: var(--color-skin-238) !important;
}

.bg-skin-239 {
  background: var(--color-skin-239) !important;
}

.bg-skin-240 {
  background: var(--color-skin-240) !important;
}

.bg-skin-241 {
  background: var(--color-skin-241) !important;
}

.bg-skin-242 {
  background: var(--color-skin-242) !important;
}

.bg-skin-243 {
  background: var(--color-skin-243) !important;
}

.bg-skin-244 {
  background: var(--color-skin-244) !important;
}

.bg-skin-245 {
  background: var(--color-skin-245) !important;
}

.bg-skin-246 {
  background: var(--color-skin-246) !important;
}

.bg-skin-247 {
  background: var(--color-skin-247) !important;
}

.bg-skin-248 {
  background: var(--color-skin-248) !important;
}

.bg-skin-249 {
  background: var(--color-skin-249) !important;
}

.bg-skin-250 {
  background: var(--color-skin-250) !important;
}

.bg-skin-251 {
  background: var(--color-skin-251) !important;
}

.bg-skin-252 {
  background: var(--color-skin-252) !important;
}

.bg-skin-253 {
  background: var(--color-skin-253) !important;
}

.bg-skin-254 {
  background: var(--color-skin-254) !important;
}

.bg-skin-255 {
  background: var(--color-skin-255) !important;
}

.bg-skin-256 {
  background: var(--color-skin-256) !important;
}

.bg-skin-257 {
  background: var(--color-skin-257) !important;
}

.bg-skin-258 {
  background: var(--color-skin-258) !important;
}

.bg-skin-259 {
  background: var(--color-skin-259) !important;
}

.bg-skin-260 {
  background: var(--color-skin-260) !important;
}

.bg-skin-261 {
  background: var(--color-skin-261) !important;
}

.bg-skin-262 {
  background: var(--color-skin-262) !important;
}

.bg-skin-263 {
  background: var(--color-skin-263) !important;
}

.bg-skin-264 {
  background: var(--color-skin-264) !important;
}

.bg-skin-265 {
  background: var(--color-skin-265) !important;
}

.bg-skin-266 {
  background: var(--color-skin-266) !important;
}

.bg-skin-267 {
  background: var(--color-skin-267) !important;
}

.bg-skin-268 {
  background: var(--color-skin-268) !important;
}

.bg-skin-269 {
  background: var(--color-skin-269) !important;
}

.bg-skin-270 {
  background: var(--color-skin-270) !important;
}

.bg-skin-271 {
  background: var(--color-skin-271) !important;
}

.bg-skin-272 {
  background: var(--color-skin-272) !important;
}

.bg-skin-273 {
  background: var(--color-skin-273) !important;
}

.bg-skin-274 {
  background: var(--color-skin-274) !important;
}

.bg-skin-275 {
  background: var(--color-skin-275) !important;
}

.bg-skin-276 {
  background: var(--color-skin-276) !important;
}

.bg-skin-277 {
  background: var(--color-skin-277) !important;
}

.bg-skin-278 {
  background: var(--color-skin-278) !important;
}

.bg-skin-279 {
  background: var(--color-skin-279) !important;
}

.bg-skin-280 {
  background: var(--color-skin-280) !important;
}

.bg-skin-281 {
  background: var(--color-skin-281) !important;
}

.bg-skin-282 {
  background: var(--color-skin-282) !important;
}

.bg-skin-283 {
  background: var(--color-skin-283) !important;
}

.bg-skin-284 {
  background: var(--color-skin-284) !important;
}

.bg-skin-285 {
  background: var(--color-skin-285) !important;
}

.bg-skin-286 {
  background: var(--color-skin-286) !important;
}

.bg-skin-287 {
  background: var(--color-skin-287) !important;
}

.bg-skin-288 {
  background: var(--color-skin-288) !important;
}

.bg-skin-289 {
  background: var(--color-skin-289) !important;
}

.bg-skin-290 {
  background: var(--color-skin-290) !important;
}

.bg-skin-291 {
  background: var(--color-skin-291) !important;
}

.bg-skin-292 {
  background: var(--color-skin-292) !important;
}

.bg-skin-293 {
  background: var(--color-skin-293) !important;
}

.bg-skin-294 {
  background: var(--color-skin-294) !important;
}

.bg-skin-295 {
  background: var(--color-skin-295) !important;
}

.bg-skin-296 {
  background: var(--color-skin-296) !important;
}

.bg-skin-297 {
  background: var(--color-skin-297) !important;
}

.bg-skin-298 {
  background: var(--color-skin-298) !important;
}

.bg-skin-299 {
  background: var(--color-skin-299) !important;
}

.bg-skin-300 {
  background: var(--color-skin-300) !important;
}

.bg-skin-301 {
  background: var(--color-skin-301) !important;
}

.bg-skin-302 {
  background: var(--color-skin-302) !important;
}

.bg-skin-303 {
  background: var(--color-skin-303) !important;
}

.bg-skin-304 {
  background: var(--color-skin-304) !important;
}

.bg-skin-305 {
  background: var(--color-skin-305) !important;
}

.bg-skin-306 {
  background: var(--color-skin-306) !important;
}

.bg-skin-307 {
  background: var(--color-skin-307) !important;
}

.bg-skin-308 {
  background: var(--color-skin-308) !important;
}

.bg-skin-309 {
  background: var(--color-skin-309) !important;
}

.bg-skin-310 {
  background: var(--color-skin-310) !important;
}

.bg-skin-311 {
  background: var(--color-skin-311) !important;
}

.bg-skin-312 {
  background: var(--color-skin-312) !important;
}

.bg-skin-313 {
  background: var(--color-skin-313) !important;
}

.bg-skin-314 {
  background: var(--color-skin-314) !important;
}

.bg-skin-315 {
  background: var(--color-skin-315) !important;
}

.bg-skin-316 {
  background: var(--color-skin-316) !important;
}

.bg-skin-317 {
  background: var(--color-skin-317) !important;
}

.bg-skin-318 {
  background: var(--color-skin-318) !important;
}

.bg-skin-319 {
  background: var(--color-skin-319) !important;
}

.bg-skin-320 {
  background: var(--color-skin-320) !important;
}

.bg-skin-321 {
  background: var(--color-skin-321) !important;
}

.bg-skin-322 {
  background: var(--color-skin-322) !important;
}

.bg-skin-323 {
  background: var(--color-skin-323) !important;
}

.bg-skin-324 {
  background: var(--color-skin-324) !important;
}

.bg-skin-325 {
  background: var(--color-skin-325) !important;
}

.bg-skin-326 {
  background: var(--color-skin-326) !important;
}

.bg-skin-327 {
  background: var(--color-skin-327) !important;
}

.bg-skin-328 {
  background: var(--color-skin-328) !important;
}

.bg-skin-329 {
  background: var(--color-skin-329) !important;
}

.bg-skin-330 {
  background: var(--color-skin-330) !important;
}

.bg-skin-331 {
  background: var(--color-skin-331) !important;
}

.bg-skin-332 {
  background: var(--color-skin-332) !important;
}

.bg-skin-333 {
  background: var(--color-skin-333) !important;
}

.bg-skin-334 {
  background: var(--color-skin-334) !important;
}

.bg-skin-335 {
  background: var(--color-skin-335) !important;
}

.bg-skin-336 {
  background: var(--color-skin-336) !important;
}

.bg-skin-337 {
  background: var(--color-skin-337) !important;
}

.bg-skin-338 {
  background: var(--color-skin-338) !important;
}

.bg-skin-339 {
  background: var(--color-skin-339) !important;
}

.bg-skin-340 {
  background: var(--color-skin-340) !important;
}

.bg-skin-341 {
  background: var(--color-skin-341) !important;
}

.bg-skin-342 {
  background: var(--color-skin-342) !important;
}

.bg-skin-343 {
  background: var(--color-skin-343) !important;
}

.bg-skin-344 {
  background: var(--color-skin-344) !important;
}

.bg-skin-345 {
  background: var(--color-skin-345) !important;
}

.bg-skin-346 {
  background: var(--color-skin-346) !important;
}

.bg-skin-347 {
  background: var(--color-skin-347) !important;
}

.bg-skin-348 {
  background: var(--color-skin-348) !important;
}

.bg-skin-349 {
  background: var(--color-skin-349) !important;
}

.bg-skin-350 {
  background: var(--color-skin-350) !important;
}

.bg-skin-351 {
  background: var(--color-skin-351) !important;
}

.bg-skin-352 {
  background: var(--color-skin-352) !important;
}

.bg-skin-353 {
  background: var(--color-skin-353) !important;
}

.bg-skin-354 {
  background: var(--color-skin-354) !important;
}

.bg-skin-355 {
  background: var(--color-skin-355) !important;
}

.bg-skin-356 {
  background: var(--color-skin-356) !important;
}

.bg-skin-357 {
  background: var(--color-skin-357) !important;
}

.bg-skin-358 {
  background: var(--color-skin-358) !important;
}

.bg-skin-359 {
  background: var(--color-skin-359) !important;
}

.bg-skin-360 {
  background: var(--color-skin-360) !important;
}

.bg-skin-361 {
  background: var(--color-skin-361) !important;
}

.bg-skin-362 {
  background: var(--color-skin-362) !important;
}

.bg-skin-363 {
  background: var(--color-skin-363) !important;
}

.bg-skin-364 {
  background: var(--color-skin-364) !important;
}

.bg-skin-365 {
  background: var(--color-skin-365) !important;
}

.bg-skin-366 {
  background: var(--color-skin-366) !important;
}

.bg-skin-367 {
  background: var(--color-skin-367) !important;
}

.bg-skin-368 {
  background: var(--color-skin-368) !important;
}

.bg-skin-369 {
  background: var(--color-skin-369) !important;
}

.bg-skin-370 {
  background: var(--color-skin-370) !important;
}

.bg-skin-371 {
  background: var(--color-skin-371) !important;
}

.bg-skin-372 {
  background: var(--color-skin-372) !important;
}

.bg-skin-373 {
  background: var(--color-skin-373) !important;
}

.bg-skin-374 {
  background: var(--color-skin-374) !important;
}

.bg-skin-375 {
  background: var(--color-skin-375) !important;
}

.bg-skin-376 {
  background: var(--color-skin-376) !important;
}

.bg-skin-377 {
  background: var(--color-skin-377) !important;
}

.bg-skin-378 {
  background: var(--color-skin-378) !important;
}

.bg-skin-379 {
  background: var(--color-skin-379) !important;
}

.bg-skin-380 {
  background: var(--color-skin-380) !important;
}

.bg-skin-381 {
  background: var(--color-skin-381) !important;
}

.bg-skin-382 {
  background: var(--color-skin-382) !important;
}

.bg-skin-383 {
  background: var(--color-skin-383) !important;
}

.bg-skin-384 {
  background: var(--color-skin-384) !important;
}

.bg-skin-385 {
  background: var(--color-skin-385) !important;
}

.bg-skin-386 {
  background: var(--color-skin-386) !important;
}

.bg-skin-387 {
  background: var(--color-skin-387) !important;
}

.bg-skin-388 {
  background: var(--color-skin-388) !important;
}

.bg-skin-389 {
  background: var(--color-skin-389) !important;
}

.bg-skin-390 {
  background: var(--color-skin-390) !important;
}

.bg-skin-391 {
  background: var(--color-skin-391) !important;
}

.bg-skin-392 {
  background: var(--color-skin-392) !important;
}

.bg-skin-393 {
  background: var(--color-skin-393) !important;
}

.bg-skin-394 {
  background: var(--color-skin-394) !important;
}

.bg-skin-395 {
  background: var(--color-skin-395) !important;
}

.bg-skin-396 {
  background: var(--color-skin-396) !important;
}

.bg-skin-397 {
  background: var(--color-skin-397) !important;
}

.bg-skin-398 {
  background: var(--color-skin-398) !important;
}

.bg-skin-399 {
  background: var(--color-skin-399) !important;
}

.bg-skin-400 {
  background: var(--color-skin-400) !important;
}

.bg-skin-401 {
  background: var(--color-skin-401) !important;
}

.bg-skin-402 {
  background: var(--color-skin-402) !important;
}

.bg-skin-403 {
  background: var(--color-skin-403) !important;
}

.bg-skin-404 {
  background: var(--color-skin-404) !important;
}

.bg-skin-405 {
  background: var(--color-skin-405) !important;
}

.bg-skin-406 {
  background: var(--color-skin-406) !important;
}

.bg-skin-407 {
  background: var(--color-skin-407) !important;
}

.bg-skin-408 {
  background: var(--color-skin-408) !important;
}

.bg-skin-409 {
  background: var(--color-skin-409) !important;
}

.bg-skin-410 {
  background: var(--color-skin-410) !important;
}

.bg-skin-411 {
  background: var(--color-skin-411) !important;
}

.bg-skin-412 {
  background: var(--color-skin-412) !important;
}

.bg-skin-413 {
  background: var(--color-skin-413) !important;
}

.bg-skin-414 {
  background: var(--color-skin-414) !important;
}

.bg-skin-415 {
  background: var(--color-skin-415) !important;
}

.bg-skin-416 {
  background: var(--color-skin-416) !important;
}

.bg-skin-417 {
  background: var(--color-skin-417) !important;
}

.bg-skin-418 {
  background: var(--color-skin-418) !important;
}

.bg-skin-419 {
  background: var(--color-skin-419) !important;
}

.bg-skin-420 {
  background: var(--color-skin-420) !important;
}

.bg-skin-421 {
  background: var(--color-skin-421) !important;
}

.bg-skin-422 {
  background: var(--color-skin-422) !important;
}

.bg-skin-423 {
  background: var(--color-skin-423) !important;
}

.bg-skin-424 {
  background: var(--color-skin-424) !important;
}

.bg-skin-425 {
  background: var(--color-skin-425) !important;
}

.bg-skin-426 {
  background: var(--color-skin-426) !important;
}

.bg-skin-427 {
  background: var(--color-skin-427) !important;
}

.bg-skin-428 {
  background: var(--color-skin-428) !important;
}

.bg-skin-429 {
  background: var(--color-skin-429) !important;
}

.bg-skin-430 {
  background: var(--color-skin-430) !important;
}

.bg-skin-431 {
  background: var(--color-skin-431) !important;
}

.bg-skin-432 {
  background: var(--color-skin-432) !important;
}

.bg-skin-433 {
  background: var(--color-skin-433) !important;
}

.bg-skin-434 {
  background: var(--color-skin-434) !important;
}

.bg-skin-435 {
  background: var(--color-skin-435) !important;
}

.bg-skin-436 {
  background: var(--color-skin-436) !important;
}

.bg-skin-437 {
  background: var(--color-skin-437) !important;
}

.bg-skin-438 {
  background: var(--color-skin-438) !important;
}

.bg-skin-439 {
  background: var(--color-skin-439) !important;
}

.bg-skin-440 {
  background: var(--color-skin-440) !important;
}

.bg-skin-441 {
  background: var(--color-skin-441) !important;
}

.bg-skin-442 {
  background: var(--color-skin-442) !important;
}

.bg-skin-443 {
  background: var(--color-skin-443) !important;
}

.bg-skin-444 {
  background: var(--color-skin-444) !important;
}

.bg-skin-445 {
  background: var(--color-skin-445) !important;
}

.bg-skin-446 {
  background: var(--color-skin-446) !important;
}

.bg-skin-447 {
  background: var(--color-skin-447) !important;
}

.bg-skin-448 {
  background: var(--color-skin-448) !important;
}

.bg-skin-449 {
  background: var(--color-skin-449) !important;
}

.bg-skin-450 {
  background: var(--color-skin-450) !important;
}

.bg-skin-451 {
  background: var(--color-skin-451) !important;
}

.bg-skin-452 {
  background: var(--color-skin-452) !important;
}

.bg-skin-453 {
  background: var(--color-skin-453) !important;
}

.bg-skin-454 {
  background: var(--color-skin-454) !important;
}

.bg-skin-455 {
  background: var(--color-skin-455) !important;
}

.bg-skin-456 {
  background: var(--color-skin-456) !important;
}

.bg-skin-457 {
  background: var(--color-skin-457) !important;
}

.bg-skin-458 {
  background: var(--color-skin-458) !important;
}

.bg-skin-459 {
  background: var(--color-skin-459) !important;
}

.bg-skin-460 {
  background: var(--color-skin-460) !important;
}

.bg-skin-461 {
  background: var(--color-skin-461) !important;
}

.bg-skin-462 {
  background: var(--color-skin-462) !important;
}

.bg-skin-463 {
  background: var(--color-skin-463) !important;
}

.bg-skin-464 {
  background: var(--color-skin-464) !important;
}

.bg-skin-465 {
  background: var(--color-skin-465) !important;
}

.bg-skin-466 {
  background: var(--color-skin-466) !important;
}

.bg-skin-467 {
  background: var(--color-skin-467) !important;
}

.bg-skin-468 {
  background: var(--color-skin-468) !important;
}

.bg-skin-469 {
  background: var(--color-skin-469) !important;
}

.bg-skin-470 {
  background: var(--color-skin-470) !important;
}

.bg-skin-471 {
  background: var(--color-skin-471) !important;
}

.bg-skin-472 {
  background: var(--color-skin-472) !important;
}

.bg-skin-473 {
  background: var(--color-skin-473) !important;
}

.bg-skin-474 {
  background: var(--color-skin-474) !important;
}

.bg-skin-475 {
  background: var(--color-skin-475) !important;
}

.bg-skin-476 {
  background: var(--color-skin-476) !important;
}

.bg-skin-477 {
  background: var(--color-skin-477) !important;
}

.bg-skin-478 {
  background: var(--color-skin-478) !important;
}

.bg-skin-479 {
  background: var(--color-skin-479) !important;
}

.bg-skin-480 {
  background: var(--color-skin-480) !important;
}

.bg-skin-481 {
  background: var(--color-skin-481) !important;
}

.bg-skin-482 {
  background: var(--color-skin-482) !important;
}

.bg-skin-483 {
  background: var(--color-skin-483) !important;
}

.bg-skin-484 {
  background: var(--color-skin-484) !important;
}

.bg-skin-485 {
  background: var(--color-skin-485) !important;
}

.bg-skin-486 {
  background: var(--color-skin-486) !important;
}

.bg-skin-487 {
  background: var(--color-skin-487) !important;
}

.bg-skin-488 {
  background: var(--color-skin-488) !important;
}

.bg-skin-489 {
  background: var(--color-skin-489) !important;
}

.bg-skin-490 {
  background: var(--color-skin-490) !important;
}

.bg-skin-491 {
  background: var(--color-skin-491) !important;
}

.bg-skin-492 {
  background: var(--color-skin-492) !important;
}

.bg-skin-493 {
  background: var(--color-skin-493) !important;
}

.bg-skin-494 {
  background: var(--color-skin-494) !important;
}

.bg-skin-495 {
  background: var(--color-skin-495) !important;
}

.bg-skin-496 {
  background: var(--color-skin-496) !important;
}

.bg-skin-497 {
  background: var(--color-skin-497) !important;
}

.bg-skin-498 {
  background: var(--color-skin-498) !important;
}

.bg-skin-499 {
  background: var(--color-skin-499) !important;
}

.bg-skin-500 {
  background: var(--color-skin-500) !important;
}

.bg-skin-501 {
  background: var(--color-skin-501) !important;
}

.bg-skin-502 {
  background: var(--color-skin-502) !important;
}

.bg-skin-503 {
  background: var(--color-skin-503) !important;
}

.bg-skin-504 {
  background: var(--color-skin-504) !important;
}

.bg-skin-505 {
  background: var(--color-skin-505) !important;
}

.bg-skin-506 {
  background: var(--color-skin-506) !important;
}

.bg-skin-507 {
  background: var(--color-skin-507) !important;
}

.bg-skin-508 {
  background: var(--color-skin-508) !important;
}

.bg-skin-509 {
  background: var(--color-skin-509) !important;
}

.bg-skin-510 {
  background: var(--color-skin-510) !important;
}

.bg-skin-511 {
  background: var(--color-skin-511) !important;
}

.bg-skin-512 {
  background: var(--color-skin-512) !important;
}

.bg-skin-513 {
  background: var(--color-skin-513) !important;
}

.bg-skin-514 {
  background: var(--color-skin-514) !important;
}

.bg-skin-515 {
  background: var(--color-skin-515) !important;
}

.bg-skin-516 {
  background: var(--color-skin-516) !important;
}

.bg-skin-517 {
  background: var(--color-skin-517) !important;
}

.bg-skin-518 {
  background: var(--color-skin-518) !important;
}

.bg-skin-519 {
  background: var(--color-skin-519) !important;
}

.bg-skin-520 {
  background: var(--color-skin-520) !important;
}

.bg-skin-521 {
  background: var(--color-skin-521) !important;
}

.bg-skin-522 {
  background: var(--color-skin-522) !important;
}

.bg-skin-523 {
  background: var(--color-skin-523) !important;
}

.bg-skin-524 {
  background: var(--color-skin-524) !important;
}

.bg-skin-525 {
  background: var(--color-skin-525) !important;
}

.bg-skin-526 {
  background: var(--color-skin-526) !important;
}

.bg-skin-527 {
  background: var(--color-skin-527) !important;
}

.bg-skin-528 {
  background: var(--color-skin-528) !important;
}

.bg-skin-529 {
  background: var(--color-skin-529) !important;
}

.bg-skin-530 {
  background: var(--color-skin-530) !important;
}

.bg-skin-531 {
  background: var(--color-skin-531) !important;
}

.bg-skin-532 {
  background: var(--color-skin-532) !important;
}

.bg-skin-533 {
  background: var(--color-skin-533) !important;
}

.bg-skin-534 {
  background: var(--color-skin-534) !important;
}

.bg-skin-535 {
  background: var(--color-skin-535) !important;
}

.bg-skin-536 {
  background: var(--color-skin-536) !important;
}

.bg-skin-537 {
  background: var(--color-skin-537) !important;
}

.bg-skin-538 {
  background: var(--color-skin-538) !important;
}

.bg-skin-539 {
  background: var(--color-skin-539) !important;
}

.bg-skin-540 {
  background: var(--color-skin-540) !important;
}

.bg-skin-541 {
  background: var(--color-skin-541) !important;
}

.bg-skin-542 {
  background: var(--color-skin-542) !important;
}

.bg-skin-543 {
  background: var(--color-skin-543) !important;
}

.bg-skin-544 {
  background: var(--color-skin-544) !important;
}

.bg-skin-545 {
  background: var(--color-skin-545) !important;
}

.bg-skin-546 {
  background: var(--color-skin-546) !important;
}

.bg-skin-547 {
  background: var(--color-skin-547) !important;
}

.bg-skin-548 {
  background: var(--color-skin-548) !important;
}

.bg-skin-549 {
  background: var(--color-skin-549) !important;
}

.bg-skin-550 {
  background: var(--color-skin-550) !important;
}

.bg-skin-551 {
  background: var(--color-skin-551) !important;
}

.bg-skin-552 {
  background: var(--color-skin-552) !important;
}

.bg-skin-553 {
  background: var(--color-skin-553) !important;
}

.bg-skin-554 {
  background: var(--color-skin-554) !important;
}

.bg-skin-555 {
  background: var(--color-skin-555) !important;
}

.bg-skin-556 {
  background: var(--color-skin-556) !important;
}

.bg-skin-557 {
  background: var(--color-skin-557) !important;
}

.bg-skin-558 {
  background: var(--color-skin-558) !important;
}

.bg-skin-559 {
  background: var(--color-skin-559) !important;
}

.bg-skin-560 {
  background: var(--color-skin-560) !important;
}

.bg-skin-561 {
  background: var(--color-skin-561) !important;
}

.bg-skin-562 {
  background: var(--color-skin-562) !important;
}

.bg-skin-563 {
  background: var(--color-skin-563) !important;
}

.bg-skin-564 {
  background: var(--color-skin-564) !important;
}

.bg-skin-565 {
  background: var(--color-skin-565) !important;
}

.bg-skin-566 {
  background: var(--color-skin-566) !important;
}

.bg-skin-567 {
  background: var(--color-skin-567) !important;
}

.bg-skin-568 {
  background: var(--color-skin-568) !important;
}

.bg-skin-569 {
  background: var(--color-skin-569) !important;
}

.bg-skin-570 {
  background: var(--color-skin-570) !important;
}

.bg-skin-571 {
  background: var(--color-skin-571) !important;
}

.bg-skin-572 {
  background: var(--color-skin-572) !important;
}

.bg-skin-573 {
  background: var(--color-skin-573) !important;
}

.bg-skin-574 {
  background: var(--color-skin-574) !important;
}

.bg-skin-575 {
  background: var(--color-skin-575) !important;
}

.bg-skin-576 {
  background: var(--color-skin-576) !important;
}

.bg-skin-577 {
  background: var(--color-skin-577) !important;
}

.bg-skin-578 {
  background: var(--color-skin-578) !important;
}

.bg-skin-579 {
  background: var(--color-skin-579) !important;
}

.bg-skin-580 {
  background: var(--color-skin-580) !important;
}

.bg-skin-581 {
  background: var(--color-skin-581) !important;
}

.bg-skin-582 {
  background: var(--color-skin-582) !important;
}

.bg-skin-583 {
  background: var(--color-skin-583) !important;
}

.bg-skin-584 {
  background: var(--color-skin-584) !important;
}

.bg-skin-585 {
  background: var(--color-skin-585) !important;
}

.bg-skin-586 {
  background: var(--color-skin-586) !important;
}

.bg-skin-587 {
  background: var(--color-skin-587) !important;
}

.bg-skin-588 {
  background: var(--color-skin-588) !important;
}

.bg-skin-589 {
  background: var(--color-skin-589) !important;
}

.bg-skin-590 {
  background: var(--color-skin-590) !important;
}

.bg-skin-591 {
  background: var(--color-skin-591) !important;
}

.bg-skin-592 {
  background: var(--color-skin-592) !important;
}

.bg-skin-593 {
  background: var(--color-skin-593) !important;
}

.bg-skin-594 {
  background: var(--color-skin-594) !important;
}

.bg-skin-595 {
  background: var(--color-skin-595) !important;
}

.bg-skin-596 {
  background: var(--color-skin-596) !important;
}

.bg-skin-597 {
  background: var(--color-skin-597) !important;
}

.bg-skin-598 {
  background: var(--color-skin-598) !important;
}

.bg-skin-599 {
  background: var(--color-skin-599) !important;
}

.bg-skin-600 {
  background: var(--color-skin-600) !important;
}

.bg-skin-601 {
  background: var(--color-skin-601) !important;
}

.bg-skin-602 {
  background: var(--color-skin-602) !important;
}

.bg-skin-603 {
  background: var(--color-skin-603) !important;
}

.bg-skin-604 {
  background: var(--color-skin-604) !important;
}

.bg-skin-605 {
  background: var(--color-skin-605) !important;
}

.bg-skin-606 {
  background: var(--color-skin-606) !important;
}

.bg-skin-607 {
  background: var(--color-skin-607) !important;
}

.bg-skin-608 {
  background: var(--color-skin-608) !important;
}

.bg-skin-609 {
  background: var(--color-skin-609) !important;
}

.bg-skin-610 {
  background: var(--color-skin-610) !important;
}

.bg-skin-611 {
  background: var(--color-skin-611) !important;
}

.bg-skin-612 {
  background: var(--color-skin-612) !important;
}

.bg-skin-613 {
  background: var(--color-skin-613) !important;
}

.bg-skin-614 {
  background: var(--color-skin-614) !important;
}

.bg-skin-615 {
  background: var(--color-skin-615) !important;
}

.bg-skin-616 {
  background: var(--color-skin-616) !important;
}

.bg-skin-617 {
  background: var(--color-skin-617) !important;
}

.bg-skin-618 {
  background: var(--color-skin-618) !important;
}

.bg-skin-619 {
  background: var(--color-skin-619) !important;
}

.bg-skin-620 {
  background: var(--color-skin-620) !important;
}

.bg-skin-621 {
  background: var(--color-skin-621) !important;
}

.bg-skin-622 {
  background: var(--color-skin-622) !important;
}

.bg-skin-623 {
  background: var(--color-skin-623) !important;
}

.bg-skin-624 {
  background: var(--color-skin-624) !important;
}

.bg-skin-625 {
  background: var(--color-skin-625) !important;
}

.bg-skin-626 {
  background: var(--color-skin-626) !important;
}

.bg-skin-627 {
  background: var(--color-skin-627) !important;
}

.bg-skin-628 {
  background: var(--color-skin-628) !important;
}

.bg-skin-629 {
  background: var(--color-skin-629) !important;
}

.bg-skin-630 {
  background: var(--color-skin-630) !important;
}

.bg-skin-631 {
  background: var(--color-skin-631) !important;
}

.bg-skin-632 {
  background: var(--color-skin-632) !important;
}

.bg-skin-633 {
  background: var(--color-skin-633) !important;
}

.bg-skin-634 {
  background: var(--color-skin-634) !important;
}

.bg-skin-635 {
  background: var(--color-skin-635) !important;
}

.bg-skin-636 {
  background: var(--color-skin-636) !important;
}

.bg-skin-637 {
  background: var(--color-skin-637) !important;
}

.bg-skin-638 {
  background: var(--color-skin-638) !important;
}

.bg-skin-639 {
  background: var(--color-skin-639) !important;
}

.bg-skin-640 {
  background: var(--color-skin-640) !important;
}

.bg-skin-641 {
  background: var(--color-skin-641) !important;
}

.bg-skin-642 {
  background: var(--color-skin-642) !important;
}

.bg-skin-643 {
  background: var(--color-skin-643) !important;
}

.bg-skin-644 {
  background: var(--color-skin-644) !important;
}

.bg-skin-645 {
  background: var(--color-skin-645) !important;
}

.bg-skin-646 {
  background: var(--color-skin-646) !important;
}

.bg-skin-647 {
  background: var(--color-skin-647) !important;
}

.bg-skin-648 {
  background: var(--color-skin-648) !important;
}

.bg-skin-649 {
  background: var(--color-skin-649) !important;
}

.bg-skin-650 {
  background: var(--color-skin-650) !important;
}

.bg-skin-651 {
  background: var(--color-skin-651) !important;
}

.bg-skin-652 {
  background: var(--color-skin-652) !important;
}

.bg-skin-653 {
  background: var(--color-skin-653) !important;
}

.bg-skin-654 {
  background: var(--color-skin-654) !important;
}

.bg-skin-655 {
  background: var(--color-skin-655) !important;
}

.bg-skin-656 {
  background: var(--color-skin-656) !important;
}

.bg-skin-657 {
  background: var(--color-skin-657) !important;
}

.bg-skin-658 {
  background: var(--color-skin-658) !important;
}

.bg-skin-659 {
  background: var(--color-skin-659) !important;
}

.bg-skin-660 {
  background: var(--color-skin-660) !important;
}

.bg-skin-661 {
  background: var(--color-skin-661) !important;
}

.bg-skin-662 {
  background: var(--color-skin-662) !important;
}

.bg-skin-663 {
  background: var(--color-skin-663) !important;
}

.bg-skin-664 {
  background: var(--color-skin-664) !important;
}

.bg-skin-665 {
  background: var(--color-skin-665) !important;
}

.bg-skin-666 {
  background: var(--color-skin-666) !important;
}

.bg-skin-667 {
  background: var(--color-skin-667) !important;
}

.bg-skin-668 {
  background: var(--color-skin-668) !important;
}

.bg-skin-669 {
  background: var(--color-skin-669) !important;
}

.bg-skin-670 {
  background: var(--color-skin-670) !important;
}

.bg-skin-671 {
  background: var(--color-skin-671) !important;
}

.bg-skin-672 {
  background: var(--color-skin-672) !important;
}

.bg-skin-673 {
  background: var(--color-skin-673) !important;
}

.bg-skin-674 {
  background: var(--color-skin-674) !important;
}

.bg-skin-675 {
  background: var(--color-skin-675) !important;
}

.bg-skin-676 {
  background: var(--color-skin-676) !important;
}

.bg-skin-677 {
  background: var(--color-skin-677) !important;
}

.bg-skin-678 {
  background: var(--color-skin-678) !important;
}

.bg-skin-679 {
  background: var(--color-skin-679) !important;
}

.bg-skin-680 {
  background: var(--color-skin-680) !important;
}

.bg-skin-681 {
  background: var(--color-skin-681) !important;
}

.bg-skin-682 {
  background: var(--color-skin-682) !important;
}

.bg-skin-683 {
  background: var(--color-skin-683) !important;
}

.bg-skin-684 {
  background: var(--color-skin-684) !important;
}

.bg-skin-685 {
  background: var(--color-skin-685) !important;
}

.bg-skin-686 {
  background: var(--color-skin-686) !important;
}

.bg-skin-687 {
  background: var(--color-skin-687) !important;
}

.bg-skin-688 {
  background: var(--color-skin-688) !important;
}

.bg-skin-689 {
  background: var(--color-skin-689) !important;
}

.bg-skin-690 {
  background: var(--color-skin-690) !important;
}

.bg-skin-691 {
  background: var(--color-skin-691) !important;
}

.bg-skin-692 {
  background: var(--color-skin-692) !important;
}

.bg-skin-693 {
  background: var(--color-skin-693) !important;
}

.bg-skin-694 {
  background: var(--color-skin-694) !important;
}

.bg-skin-695 {
  background: var(--color-skin-695) !important;
}

.bg-skin-696 {
  background: var(--color-skin-696) !important;
}

.bg-skin-697 {
  background: var(--color-skin-697) !important;
}

.bg-skin-698 {
  background: var(--color-skin-698) !important;
}

.bg-skin-699 {
  background: var(--color-skin-699) !important;
}

.bg-skin-700 {
  background: var(--color-skin-700) !important;
}

.bg-skin-701 {
  background: var(--color-skin-701) !important;
}

.bg-skin-702 {
  background: var(--color-skin-702) !important;
}

.bg-skin-703 {
  background: var(--color-skin-703) !important;
}

.bg-skin-704 {
  background: var(--color-skin-704) !important;
}

.bg-skin-705 {
  background: var(--color-skin-705) !important;
}

.bg-skin-706 {
  background: var(--color-skin-706) !important;
}

.bg-skin-707 {
  background: var(--color-skin-707) !important;
}

.bg-skin-708 {
  background: var(--color-skin-708) !important;
}

.bg-skin-709 {
  background: var(--color-skin-709) !important;
}

.bg-skin-710 {
  background: var(--color-skin-710) !important;
}

.bg-skin-711 {
  background: var(--color-skin-711) !important;
}

.bg-skin-712 {
  background: var(--color-skin-712) !important;
}

.bg-skin-713 {
  background: var(--color-skin-713) !important;
}

.bg-skin-714 {
  background: var(--color-skin-714) !important;
}

.bg-skin-715 {
  background: var(--color-skin-715) !important;
}

.bg-skin-716 {
  background: var(--color-skin-716) !important;
}

.bg-skin-717 {
  background: var(--color-skin-717) !important;
}

.bg-skin-718 {
  background: var(--color-skin-718) !important;
}

.bg-skin-719 {
  background: var(--color-skin-719) !important;
}

.bg-skin-720 {
  background: var(--color-skin-720) !important;
}

.bg-skin-721 {
  background: var(--color-skin-721) !important;
}

.bg-skin-722 {
  background: var(--color-skin-722) !important;
}

.bg-skin-723 {
  background: var(--color-skin-723) !important;
}

.bg-skin-724 {
  background: var(--color-skin-724) !important;
}

.bg-skin-725 {
  background: var(--color-skin-725) !important;
}

.bg-skin-726 {
  background: var(--color-skin-726) !important;
}

.bg-skin-727 {
  background: var(--color-skin-727) !important;
}

.bg-skin-728 {
  background: var(--color-skin-728) !important;
}

.bg-skin-729 {
  background: var(--color-skin-729) !important;
}

.bg-skin-730 {
  background: var(--color-skin-730) !important;
}

.bg-skin-731 {
  background: var(--color-skin-731) !important;
}

.bg-skin-732 {
  background: var(--color-skin-732) !important;
}

.bg-skin-733 {
  background: var(--color-skin-733) !important;
}

.bg-skin-734 {
  background: var(--color-skin-734) !important;
}

.bg-skin-735 {
  background: var(--color-skin-735) !important;
}

.bg-skin-736 {
  background: var(--color-skin-736) !important;
}

.bg-skin-737 {
  background: var(--color-skin-737) !important;
}

.bg-skin-738 {
  background: var(--color-skin-738) !important;
}

.bg-skin-739 {
  background: var(--color-skin-739) !important;
}

.bg-skin-740 {
  background: var(--color-skin-740) !important;
}

.bg-skin-741 {
  background: var(--color-skin-741) !important;
}

.bg-skin-742 {
  background: var(--color-skin-742) !important;
}

.bg-skin-743 {
  background: var(--color-skin-743) !important;
}

.bg-skin-744 {
  background: var(--color-skin-744) !important;
}

.bg-skin-745 {
  background: var(--color-skin-745) !important;
}

.bg-skin-746 {
  background: var(--color-skin-746) !important;
}

.bg-skin-747 {
  background: var(--color-skin-747) !important;
}

.bg-skin-748 {
  background: var(--color-skin-748) !important;
}

.bg-skin-749 {
  background: var(--color-skin-749) !important;
}

.bg-skin-750 {
  background: var(--color-skin-750) !important;
}

.bg-skin-751 {
  background: var(--color-skin-751) !important;
}

.bg-skin-752 {
  background: var(--color-skin-752) !important;
}

.bg-skin-753 {
  background: var(--color-skin-753) !important;
}

.bg-skin-754 {
  background: var(--color-skin-754) !important;
}

.bg-skin-755 {
  background: var(--color-skin-755) !important;
}

.bg-skin-756 {
  background: var(--color-skin-756) !important;
}

.bg-skin-757 {
  background: var(--color-skin-757) !important;
}

.bg-skin-758 {
  background: var(--color-skin-758) !important;
}

.bg-skin-759 {
  background: var(--color-skin-759) !important;
}

.bg-skin-760 {
  background: var(--color-skin-760) !important;
}

.bg-skin-761 {
  background: var(--color-skin-761) !important;
}

.bg-skin-762 {
  background: var(--color-skin-762) !important;
}

.bg-skin-763 {
  background: var(--color-skin-763) !important;
}

.bg-skin-764 {
  background: var(--color-skin-764) !important;
}

.bg-skin-765 {
  background: var(--color-skin-765) !important;
}

.bg-skin-766 {
  background: var(--color-skin-766) !important;
}

.bg-skin-767 {
  background: var(--color-skin-767) !important;
}

.bg-skin-768 {
  background: var(--color-skin-768) !important;
}

.bg-skin-769 {
  background: var(--color-skin-769) !important;
}

.bg-skin-770 {
  background: var(--color-skin-770) !important;
}

.bg-skin-771 {
  background: var(--color-skin-771) !important;
}

.bg-skin-772 {
  background: var(--color-skin-772) !important;
}

.bg-skin-773 {
  background: var(--color-skin-773) !important;
}

.bg-skin-774 {
  background: var(--color-skin-774) !important;
}

.bg-skin-775 {
  background: var(--color-skin-775) !important;
}

.bg-skin-776 {
  background: var(--color-skin-776) !important;
}

.bg-skin-777 {
  background: var(--color-skin-777) !important;
}

.bg-skin-778 {
  background: var(--color-skin-778) !important;
}

.bg-skin-779 {
  background: var(--color-skin-779) !important;
}

.bg-skin-780 {
  background: var(--color-skin-780) !important;
}

.bg-skin-781 {
  background: var(--color-skin-781) !important;
}

.bg-skin-782 {
  background: var(--color-skin-782) !important;
}

.bg-skin-783 {
  background: var(--color-skin-783) !important;
}

.bg-skin-784 {
  background: var(--color-skin-784) !important;
}

.bg-skin-785 {
  background: var(--color-skin-785) !important;
}

.bg-skin-786 {
  background: var(--color-skin-786) !important;
}

.bg-skin-787 {
  background: var(--color-skin-787) !important;
}

.bg-skin-788 {
  background: var(--color-skin-788) !important;
}

.bg-skin-789 {
  background: var(--color-skin-789) !important;
}

.bg-skin-790 {
  background: var(--color-skin-790) !important;
}

.bg-skin-791 {
  background: var(--color-skin-791) !important;
}

.bg-skin-792 {
  background: var(--color-skin-792) !important;
}

.bg-skin-793 {
  background: var(--color-skin-793) !important;
}

.bg-skin-794 {
  background: var(--color-skin-794) !important;
}

.bg-skin-795 {
  background: var(--color-skin-795) !important;
}

.bg-skin-796 {
  background: var(--color-skin-796) !important;
}

.bg-skin-797 {
  background: var(--color-skin-797) !important;
}

.bg-skin-798 {
  background: var(--color-skin-798) !important;
}

.bg-skin-799 {
  background: var(--color-skin-799) !important;
}

.bg-skin-800 {
  background: var(--color-skin-800) !important;
}

.bg-skin-801 {
  background: var(--color-skin-801) !important;
}

.bg-skin-802 {
  background: var(--color-skin-802) !important;
}

.bg-skin-803 {
  background: var(--color-skin-803) !important;
}

.bg-skin-804 {
  background: var(--color-skin-804) !important;
}

.bg-skin-805 {
  background: var(--color-skin-805) !important;
}

.bg-skin-806 {
  background: var(--color-skin-806) !important;
}

.bg-skin-807 {
  background: var(--color-skin-807) !important;
}

.bg-skin-808 {
  background: var(--color-skin-808) !important;
}

.bg-skin-809 {
  background: var(--color-skin-809) !important;
}

.bg-skin-810 {
  background: var(--color-skin-810) !important;
}

.bg-skin-811 {
  background: var(--color-skin-811) !important;
}

.bg-skin-812 {
  background: var(--color-skin-812) !important;
}

.bg-skin-813 {
  background: var(--color-skin-813) !important;
}

.bg-skin-814 {
  background: var(--color-skin-814) !important;
}

.bg-skin-815 {
  background: var(--color-skin-815) !important;
}

.bg-skin-816 {
  background: var(--color-skin-816) !important;
}

.bg-skin-817 {
  background: var(--color-skin-817) !important;
}

.bg-skin-818 {
  background: var(--color-skin-818) !important;
}

.bg-skin-819 {
  background: var(--color-skin-819) !important;
}

.bg-skin-820 {
  background: var(--color-skin-820) !important;
}

.bg-skin-821 {
  background: var(--color-skin-821) !important;
}

.bg-skin-822 {
  background: var(--color-skin-822) !important;
}

.bg-skin-823 {
  background: var(--color-skin-823) !important;
}

.bg-skin-824 {
  background: var(--color-skin-824) !important;
}

.bg-skin-825 {
  background: var(--color-skin-825) !important;
}

.bg-skin-826 {
  background: var(--color-skin-826) !important;
}

.bg-skin-827 {
  background: var(--color-skin-827) !important;
}

.bg-skin-828 {
  background: var(--color-skin-828) !important;
}

.bg-skin-829 {
  background: var(--color-skin-829) !important;
}

.bg-skin-830 {
  background: var(--color-skin-830) !important;
}

.bg-skin-831 {
  background: var(--color-skin-831) !important;
}

.bg-skin-832 {
  background: var(--color-skin-832) !important;
}

.bg-skin-833 {
  background: var(--color-skin-833) !important;
}

.bg-skin-834 {
  background: var(--color-skin-834) !important;
}

.bg-skin-835 {
  background: var(--color-skin-835) !important;
}

.bg-skin-836 {
  background: var(--color-skin-836) !important;
}

.bg-skin-837 {
  background: var(--color-skin-837) !important;
}

.bg-skin-838 {
  background: var(--color-skin-838) !important;
}

.bg-skin-839 {
  background: var(--color-skin-839) !important;
}

.bg-skin-840 {
  background: var(--color-skin-840) !important;
}

.bg-skin-841 {
  background: var(--color-skin-841) !important;
}

.bg-skin-842 {
  background: var(--color-skin-842) !important;
}

.bg-skin-843 {
  background: var(--color-skin-843) !important;
}

.bg-skin-844 {
  background: var(--color-skin-844) !important;
}

.bg-skin-845 {
  background: var(--color-skin-845) !important;
}

.bg-skin-846 {
  background: var(--color-skin-846) !important;
}

.bg-skin-847 {
  background: var(--color-skin-847) !important;
}

.bg-skin-848 {
  background: var(--color-skin-848) !important;
}

.bg-skin-849 {
  background: var(--color-skin-849) !important;
}

.bg-skin-850 {
  background: var(--color-skin-850) !important;
}

.bg-skin-851 {
  background: var(--color-skin-851) !important;
}

.bg-skin-852 {
  background: var(--color-skin-852) !important;
}

.bg-skin-853 {
  background: var(--color-skin-853) !important;
}

.bg-skin-854 {
  background: var(--color-skin-854) !important;
}

.bg-skin-855 {
  background: var(--color-skin-855) !important;
}

.bg-skin-856 {
  background: var(--color-skin-856) !important;
}

.bg-skin-857 {
  background: var(--color-skin-857) !important;
}

.bg-skin-858 {
  background: var(--color-skin-858) !important;
}

.bg-skin-859 {
  background: var(--color-skin-859) !important;
}

.bg-skin-860 {
  background: var(--color-skin-860) !important;
}

.bg-skin-861 {
  background: var(--color-skin-861) !important;
}

.bg-skin-862 {
  background: var(--color-skin-862) !important;
}

.bg-skin-863 {
  background: var(--color-skin-863) !important;
}

.bg-skin-864 {
  background: var(--color-skin-864) !important;
}

.bg-skin-865 {
  background: var(--color-skin-865) !important;
}

.bg-skin-866 {
  background: var(--color-skin-866) !important;
}

.bg-skin-867 {
  background: var(--color-skin-867) !important;
}

.bg-skin-868 {
  background: var(--color-skin-868) !important;
}

.bg-skin-869 {
  background: var(--color-skin-869) !important;
}

.bg-skin-870 {
  background: var(--color-skin-870) !important;
}

.bg-skin-871 {
  background: var(--color-skin-871) !important;
}

.bg-skin-872 {
  background: var(--color-skin-872) !important;
}

.bg-skin-873 {
  background: var(--color-skin-873) !important;
}

.bg-skin-874 {
  background: var(--color-skin-874) !important;
}

.bg-skin-875 {
  background: var(--color-skin-875) !important;
}

.bg-skin-876 {
  background: var(--color-skin-876) !important;
}

.bg-skin-877 {
  background: var(--color-skin-877) !important;
}

.bg-skin-878 {
  background: var(--color-skin-878) !important;
}

.bg-skin-879 {
  background: var(--color-skin-879) !important;
}

.bg-skin-880 {
  background: var(--color-skin-880) !important;
}

.bg-skin-881 {
  background: var(--color-skin-881) !important;
}

.bg-skin-882 {
  background: var(--color-skin-882) !important;
}

.bg-skin-883 {
  background: var(--color-skin-883) !important;
}

.bg-skin-884 {
  background: var(--color-skin-884) !important;
}

.bg-skin-885 {
  background: var(--color-skin-885) !important;
}

.bg-skin-886 {
  background: var(--color-skin-886) !important;
}

.bg-skin-887 {
  background: var(--color-skin-887) !important;
}

.bg-skin-888 {
  background: var(--color-skin-888) !important;
}

.bg-skin-889 {
  background: var(--color-skin-889) !important;
}

.bg-skin-890 {
  background: var(--color-skin-890) !important;
}

.bg-skin-891 {
  background: var(--color-skin-891) !important;
}

.bg-skin-892 {
  background: var(--color-skin-892) !important;
}

.bg-skin-893 {
  background: var(--color-skin-893) !important;
}

.bg-skin-894 {
  background: var(--color-skin-894) !important;
}

.bg-skin-895 {
  background: var(--color-skin-895) !important;
}

.bg-skin-896 {
  background: var(--color-skin-896) !important;
}

.bg-skin-897 {
  background: var(--color-skin-897) !important;
}

.bg-skin-898 {
  background: var(--color-skin-898) !important;
}

.bg-skin-899 {
  background: var(--color-skin-899) !important;
}

.bg-skin-900 {
  background: var(--color-skin-900) !important;
}

.bg-gray-25 {
  background: var(--color-gray-25) !important;
}

.bg-gray-26 {
  background: var(--color-gray-26) !important;
}

.bg-gray-27 {
  background: var(--color-gray-27) !important;
}

.bg-gray-28 {
  background: var(--color-gray-28) !important;
}

.bg-gray-29 {
  background: var(--color-gray-29) !important;
}

.bg-gray-30 {
  background: var(--color-gray-30) !important;
}

.bg-gray-31 {
  background: var(--color-gray-31) !important;
}

.bg-gray-32 {
  background: var(--color-gray-32) !important;
}

.bg-gray-33 {
  background: var(--color-gray-33) !important;
}

.bg-gray-34 {
  background: var(--color-gray-34) !important;
}

.bg-gray-35 {
  background: var(--color-gray-35) !important;
}

.bg-gray-36 {
  background: var(--color-gray-36) !important;
}

.bg-gray-37 {
  background: var(--color-gray-37) !important;
}

.bg-gray-38 {
  background: var(--color-gray-38) !important;
}

.bg-gray-39 {
  background: var(--color-gray-39) !important;
}

.bg-gray-40 {
  background: var(--color-gray-40) !important;
}

.bg-gray-41 {
  background: var(--color-gray-41) !important;
}

.bg-gray-42 {
  background: var(--color-gray-42) !important;
}

.bg-gray-43 {
  background: var(--color-gray-43) !important;
}

.bg-gray-44 {
  background: var(--color-gray-44) !important;
}

.bg-gray-45 {
  background: var(--color-gray-45) !important;
}

.bg-gray-46 {
  background: var(--color-gray-46) !important;
}

.bg-gray-47 {
  background: var(--color-gray-47) !important;
}

.bg-gray-48 {
  background: var(--color-gray-48) !important;
}

.bg-gray-49 {
  background: var(--color-gray-49) !important;
}

.bg-gray-50 {
  background: var(--color-gray-50) !important;
}

.bg-gray-51 {
  background: var(--color-gray-51) !important;
}

.bg-gray-52 {
  background: var(--color-gray-52) !important;
}

.bg-gray-53 {
  background: var(--color-gray-53) !important;
}

.bg-gray-54 {
  background: var(--color-gray-54) !important;
}

.bg-gray-55 {
  background: var(--color-gray-55) !important;
}

.bg-gray-56 {
  background: var(--color-gray-56) !important;
}

.bg-gray-57 {
  background: var(--color-gray-57) !important;
}

.bg-gray-58 {
  background: var(--color-gray-58) !important;
}

.bg-gray-59 {
  background: var(--color-gray-59) !important;
}

.bg-gray-60 {
  background: var(--color-gray-60) !important;
}

.bg-gray-61 {
  background: var(--color-gray-61) !important;
}

.bg-gray-62 {
  background: var(--color-gray-62) !important;
}

.bg-gray-63 {
  background: var(--color-gray-63) !important;
}

.bg-gray-64 {
  background: var(--color-gray-64) !important;
}

.bg-gray-65 {
  background: var(--color-gray-65) !important;
}

.bg-gray-66 {
  background: var(--color-gray-66) !important;
}

.bg-gray-67 {
  background: var(--color-gray-67) !important;
}

.bg-gray-68 {
  background: var(--color-gray-68) !important;
}

.bg-gray-69 {
  background: var(--color-gray-69) !important;
}

.bg-gray-70 {
  background: var(--color-gray-70) !important;
}

.bg-gray-71 {
  background: var(--color-gray-71) !important;
}

.bg-gray-72 {
  background: var(--color-gray-72) !important;
}

.bg-gray-73 {
  background: var(--color-gray-73) !important;
}

.bg-gray-74 {
  background: var(--color-gray-74) !important;
}

.bg-gray-75 {
  background: var(--color-gray-75) !important;
}

.bg-gray-76 {
  background: var(--color-gray-76) !important;
}

.bg-gray-77 {
  background: var(--color-gray-77) !important;
}

.bg-gray-78 {
  background: var(--color-gray-78) !important;
}

.bg-gray-79 {
  background: var(--color-gray-79) !important;
}

.bg-gray-80 {
  background: var(--color-gray-80) !important;
}

.bg-gray-81 {
  background: var(--color-gray-81) !important;
}

.bg-gray-82 {
  background: var(--color-gray-82) !important;
}

.bg-gray-83 {
  background: var(--color-gray-83) !important;
}

.bg-gray-84 {
  background: var(--color-gray-84) !important;
}

.bg-gray-85 {
  background: var(--color-gray-85) !important;
}

.bg-gray-86 {
  background: var(--color-gray-86) !important;
}

.bg-gray-87 {
  background: var(--color-gray-87) !important;
}

.bg-gray-88 {
  background: var(--color-gray-88) !important;
}

.bg-gray-89 {
  background: var(--color-gray-89) !important;
}

.bg-gray-90 {
  background: var(--color-gray-90) !important;
}

.bg-gray-91 {
  background: var(--color-gray-91) !important;
}

.bg-gray-92 {
  background: var(--color-gray-92) !important;
}

.bg-gray-93 {
  background: var(--color-gray-93) !important;
}

.bg-gray-94 {
  background: var(--color-gray-94) !important;
}

.bg-gray-95 {
  background: var(--color-gray-95) !important;
}

.bg-gray-96 {
  background: var(--color-gray-96) !important;
}

.bg-gray-97 {
  background: var(--color-gray-97) !important;
}

.bg-gray-98 {
  background: var(--color-gray-98) !important;
}

.bg-gray-99 {
  background: var(--color-gray-99) !important;
}

.bg-gray-100 {
  background: var(--color-gray-100) !important;
}

.bg-gray-101 {
  background: var(--color-gray-101) !important;
}

.bg-gray-102 {
  background: var(--color-gray-102) !important;
}

.bg-gray-103 {
  background: var(--color-gray-103) !important;
}

.bg-gray-104 {
  background: var(--color-gray-104) !important;
}

.bg-gray-105 {
  background: var(--color-gray-105) !important;
}

.bg-gray-106 {
  background: var(--color-gray-106) !important;
}

.bg-gray-107 {
  background: var(--color-gray-107) !important;
}

.bg-gray-108 {
  background: var(--color-gray-108) !important;
}

.bg-gray-109 {
  background: var(--color-gray-109) !important;
}

.bg-gray-110 {
  background: var(--color-gray-110) !important;
}

.bg-gray-111 {
  background: var(--color-gray-111) !important;
}

.bg-gray-112 {
  background: var(--color-gray-112) !important;
}

.bg-gray-113 {
  background: var(--color-gray-113) !important;
}

.bg-gray-114 {
  background: var(--color-gray-114) !important;
}

.bg-gray-115 {
  background: var(--color-gray-115) !important;
}

.bg-gray-116 {
  background: var(--color-gray-116) !important;
}

.bg-gray-117 {
  background: var(--color-gray-117) !important;
}

.bg-gray-118 {
  background: var(--color-gray-118) !important;
}

.bg-gray-119 {
  background: var(--color-gray-119) !important;
}

.bg-gray-120 {
  background: var(--color-gray-120) !important;
}

.bg-gray-121 {
  background: var(--color-gray-121) !important;
}

.bg-gray-122 {
  background: var(--color-gray-122) !important;
}

.bg-gray-123 {
  background: var(--color-gray-123) !important;
}

.bg-gray-124 {
  background: var(--color-gray-124) !important;
}

.bg-gray-125 {
  background: var(--color-gray-125) !important;
}

.bg-gray-126 {
  background: var(--color-gray-126) !important;
}

.bg-gray-127 {
  background: var(--color-gray-127) !important;
}

.bg-gray-128 {
  background: var(--color-gray-128) !important;
}

.bg-gray-129 {
  background: var(--color-gray-129) !important;
}

.bg-gray-130 {
  background: var(--color-gray-130) !important;
}

.bg-gray-131 {
  background: var(--color-gray-131) !important;
}

.bg-gray-132 {
  background: var(--color-gray-132) !important;
}

.bg-gray-133 {
  background: var(--color-gray-133) !important;
}

.bg-gray-134 {
  background: var(--color-gray-134) !important;
}

.bg-gray-135 {
  background: var(--color-gray-135) !important;
}

.bg-gray-136 {
  background: var(--color-gray-136) !important;
}

.bg-gray-137 {
  background: var(--color-gray-137) !important;
}

.bg-gray-138 {
  background: var(--color-gray-138) !important;
}

.bg-gray-139 {
  background: var(--color-gray-139) !important;
}

.bg-gray-140 {
  background: var(--color-gray-140) !important;
}

.bg-gray-141 {
  background: var(--color-gray-141) !important;
}

.bg-gray-142 {
  background: var(--color-gray-142) !important;
}

.bg-gray-143 {
  background: var(--color-gray-143) !important;
}

.bg-gray-144 {
  background: var(--color-gray-144) !important;
}

.bg-gray-145 {
  background: var(--color-gray-145) !important;
}

.bg-gray-146 {
  background: var(--color-gray-146) !important;
}

.bg-gray-147 {
  background: var(--color-gray-147) !important;
}

.bg-gray-148 {
  background: var(--color-gray-148) !important;
}

.bg-gray-149 {
  background: var(--color-gray-149) !important;
}

.bg-gray-150 {
  background: var(--color-gray-150) !important;
}

.bg-gray-151 {
  background: var(--color-gray-151) !important;
}

.bg-gray-152 {
  background: var(--color-gray-152) !important;
}

.bg-gray-153 {
  background: var(--color-gray-153) !important;
}

.bg-gray-154 {
  background: var(--color-gray-154) !important;
}

.bg-gray-155 {
  background: var(--color-gray-155) !important;
}

.bg-gray-156 {
  background: var(--color-gray-156) !important;
}

.bg-gray-157 {
  background: var(--color-gray-157) !important;
}

.bg-gray-158 {
  background: var(--color-gray-158) !important;
}

.bg-gray-159 {
  background: var(--color-gray-159) !important;
}

.bg-gray-160 {
  background: var(--color-gray-160) !important;
}

.bg-gray-161 {
  background: var(--color-gray-161) !important;
}

.bg-gray-162 {
  background: var(--color-gray-162) !important;
}

.bg-gray-163 {
  background: var(--color-gray-163) !important;
}

.bg-gray-164 {
  background: var(--color-gray-164) !important;
}

.bg-gray-165 {
  background: var(--color-gray-165) !important;
}

.bg-gray-166 {
  background: var(--color-gray-166) !important;
}

.bg-gray-167 {
  background: var(--color-gray-167) !important;
}

.bg-gray-168 {
  background: var(--color-gray-168) !important;
}

.bg-gray-169 {
  background: var(--color-gray-169) !important;
}

.bg-gray-170 {
  background: var(--color-gray-170) !important;
}

.bg-gray-171 {
  background: var(--color-gray-171) !important;
}

.bg-gray-172 {
  background: var(--color-gray-172) !important;
}

.bg-gray-173 {
  background: var(--color-gray-173) !important;
}

.bg-gray-174 {
  background: var(--color-gray-174) !important;
}

.bg-gray-175 {
  background: var(--color-gray-175) !important;
}

.bg-gray-176 {
  background: var(--color-gray-176) !important;
}

.bg-gray-177 {
  background: var(--color-gray-177) !important;
}

.bg-gray-178 {
  background: var(--color-gray-178) !important;
}

.bg-gray-179 {
  background: var(--color-gray-179) !important;
}

.bg-gray-180 {
  background: var(--color-gray-180) !important;
}

.bg-gray-181 {
  background: var(--color-gray-181) !important;
}

.bg-gray-182 {
  background: var(--color-gray-182) !important;
}

.bg-gray-183 {
  background: var(--color-gray-183) !important;
}

.bg-gray-184 {
  background: var(--color-gray-184) !important;
}

.bg-gray-185 {
  background: var(--color-gray-185) !important;
}

.bg-gray-186 {
  background: var(--color-gray-186) !important;
}

.bg-gray-187 {
  background: var(--color-gray-187) !important;
}

.bg-gray-188 {
  background: var(--color-gray-188) !important;
}

.bg-gray-189 {
  background: var(--color-gray-189) !important;
}

.bg-gray-190 {
  background: var(--color-gray-190) !important;
}

.bg-gray-191 {
  background: var(--color-gray-191) !important;
}

.bg-gray-192 {
  background: var(--color-gray-192) !important;
}

.bg-gray-193 {
  background: var(--color-gray-193) !important;
}

.bg-gray-194 {
  background: var(--color-gray-194) !important;
}

.bg-gray-195 {
  background: var(--color-gray-195) !important;
}

.bg-gray-196 {
  background: var(--color-gray-196) !important;
}

.bg-gray-197 {
  background: var(--color-gray-197) !important;
}

.bg-gray-198 {
  background: var(--color-gray-198) !important;
}

.bg-gray-199 {
  background: var(--color-gray-199) !important;
}

.bg-gray-200 {
  background: var(--color-gray-200) !important;
}

.bg-gray-201 {
  background: var(--color-gray-201) !important;
}

.bg-gray-202 {
  background: var(--color-gray-202) !important;
}

.bg-gray-203 {
  background: var(--color-gray-203) !important;
}

.bg-gray-204 {
  background: var(--color-gray-204) !important;
}

.bg-gray-205 {
  background: var(--color-gray-205) !important;
}

.bg-gray-206 {
  background: var(--color-gray-206) !important;
}

.bg-gray-207 {
  background: var(--color-gray-207) !important;
}

.bg-gray-208 {
  background: var(--color-gray-208) !important;
}

.bg-gray-209 {
  background: var(--color-gray-209) !important;
}

.bg-gray-210 {
  background: var(--color-gray-210) !important;
}

.bg-gray-211 {
  background: var(--color-gray-211) !important;
}

.bg-gray-212 {
  background: var(--color-gray-212) !important;
}

.bg-gray-213 {
  background: var(--color-gray-213) !important;
}

.bg-gray-214 {
  background: var(--color-gray-214) !important;
}

.bg-gray-215 {
  background: var(--color-gray-215) !important;
}

.bg-gray-216 {
  background: var(--color-gray-216) !important;
}

.bg-gray-217 {
  background: var(--color-gray-217) !important;
}

.bg-gray-218 {
  background: var(--color-gray-218) !important;
}

.bg-gray-219 {
  background: var(--color-gray-219) !important;
}

.bg-gray-220 {
  background: var(--color-gray-220) !important;
}

.bg-gray-221 {
  background: var(--color-gray-221) !important;
}

.bg-gray-222 {
  background: var(--color-gray-222) !important;
}

.bg-gray-223 {
  background: var(--color-gray-223) !important;
}

.bg-gray-224 {
  background: var(--color-gray-224) !important;
}

.bg-gray-225 {
  background: var(--color-gray-225) !important;
}

.bg-gray-226 {
  background: var(--color-gray-226) !important;
}

.bg-gray-227 {
  background: var(--color-gray-227) !important;
}

.bg-gray-228 {
  background: var(--color-gray-228) !important;
}

.bg-gray-229 {
  background: var(--color-gray-229) !important;
}

.bg-gray-230 {
  background: var(--color-gray-230) !important;
}

.bg-gray-231 {
  background: var(--color-gray-231) !important;
}

.bg-gray-232 {
  background: var(--color-gray-232) !important;
}

.bg-gray-233 {
  background: var(--color-gray-233) !important;
}

.bg-gray-234 {
  background: var(--color-gray-234) !important;
}

.bg-gray-235 {
  background: var(--color-gray-235) !important;
}

.bg-gray-236 {
  background: var(--color-gray-236) !important;
}

.bg-gray-237 {
  background: var(--color-gray-237) !important;
}

.bg-gray-238 {
  background: var(--color-gray-238) !important;
}

.bg-gray-239 {
  background: var(--color-gray-239) !important;
}

.bg-gray-240 {
  background: var(--color-gray-240) !important;
}

.bg-gray-241 {
  background: var(--color-gray-241) !important;
}

.bg-gray-242 {
  background: var(--color-gray-242) !important;
}

.bg-gray-243 {
  background: var(--color-gray-243) !important;
}

.bg-gray-244 {
  background: var(--color-gray-244) !important;
}

.bg-gray-245 {
  background: var(--color-gray-245) !important;
}

.bg-gray-246 {
  background: var(--color-gray-246) !important;
}

.bg-gray-247 {
  background: var(--color-gray-247) !important;
}

.bg-gray-248 {
  background: var(--color-gray-248) !important;
}

.bg-gray-249 {
  background: var(--color-gray-249) !important;
}

.bg-gray-250 {
  background: var(--color-gray-250) !important;
}

.bg-gray-251 {
  background: var(--color-gray-251) !important;
}

.bg-gray-252 {
  background: var(--color-gray-252) !important;
}

.bg-gray-253 {
  background: var(--color-gray-253) !important;
}

.bg-gray-254 {
  background: var(--color-gray-254) !important;
}

.bg-gray-255 {
  background: var(--color-gray-255) !important;
}

.bg-gray-256 {
  background: var(--color-gray-256) !important;
}

.bg-gray-257 {
  background: var(--color-gray-257) !important;
}

.bg-gray-258 {
  background: var(--color-gray-258) !important;
}

.bg-gray-259 {
  background: var(--color-gray-259) !important;
}

.bg-gray-260 {
  background: var(--color-gray-260) !important;
}

.bg-gray-261 {
  background: var(--color-gray-261) !important;
}

.bg-gray-262 {
  background: var(--color-gray-262) !important;
}

.bg-gray-263 {
  background: var(--color-gray-263) !important;
}

.bg-gray-264 {
  background: var(--color-gray-264) !important;
}

.bg-gray-265 {
  background: var(--color-gray-265) !important;
}

.bg-gray-266 {
  background: var(--color-gray-266) !important;
}

.bg-gray-267 {
  background: var(--color-gray-267) !important;
}

.bg-gray-268 {
  background: var(--color-gray-268) !important;
}

.bg-gray-269 {
  background: var(--color-gray-269) !important;
}

.bg-gray-270 {
  background: var(--color-gray-270) !important;
}

.bg-gray-271 {
  background: var(--color-gray-271) !important;
}

.bg-gray-272 {
  background: var(--color-gray-272) !important;
}

.bg-gray-273 {
  background: var(--color-gray-273) !important;
}

.bg-gray-274 {
  background: var(--color-gray-274) !important;
}

.bg-gray-275 {
  background: var(--color-gray-275) !important;
}

.bg-gray-276 {
  background: var(--color-gray-276) !important;
}

.bg-gray-277 {
  background: var(--color-gray-277) !important;
}

.bg-gray-278 {
  background: var(--color-gray-278) !important;
}

.bg-gray-279 {
  background: var(--color-gray-279) !important;
}

.bg-gray-280 {
  background: var(--color-gray-280) !important;
}

.bg-gray-281 {
  background: var(--color-gray-281) !important;
}

.bg-gray-282 {
  background: var(--color-gray-282) !important;
}

.bg-gray-283 {
  background: var(--color-gray-283) !important;
}

.bg-gray-284 {
  background: var(--color-gray-284) !important;
}

.bg-gray-285 {
  background: var(--color-gray-285) !important;
}

.bg-gray-286 {
  background: var(--color-gray-286) !important;
}

.bg-gray-287 {
  background: var(--color-gray-287) !important;
}

.bg-gray-288 {
  background: var(--color-gray-288) !important;
}

.bg-gray-289 {
  background: var(--color-gray-289) !important;
}

.bg-gray-290 {
  background: var(--color-gray-290) !important;
}

.bg-gray-291 {
  background: var(--color-gray-291) !important;
}

.bg-gray-292 {
  background: var(--color-gray-292) !important;
}

.bg-gray-293 {
  background: var(--color-gray-293) !important;
}

.bg-gray-294 {
  background: var(--color-gray-294) !important;
}

.bg-gray-295 {
  background: var(--color-gray-295) !important;
}

.bg-gray-296 {
  background: var(--color-gray-296) !important;
}

.bg-gray-297 {
  background: var(--color-gray-297) !important;
}

.bg-gray-298 {
  background: var(--color-gray-298) !important;
}

.bg-gray-299 {
  background: var(--color-gray-299) !important;
}

.bg-gray-300 {
  background: var(--color-gray-300) !important;
}

.bg-gray-301 {
  background: var(--color-gray-301) !important;
}

.bg-gray-302 {
  background: var(--color-gray-302) !important;
}

.bg-gray-303 {
  background: var(--color-gray-303) !important;
}

.bg-gray-304 {
  background: var(--color-gray-304) !important;
}

.bg-gray-305 {
  background: var(--color-gray-305) !important;
}

.bg-gray-306 {
  background: var(--color-gray-306) !important;
}

.bg-gray-307 {
  background: var(--color-gray-307) !important;
}

.bg-gray-308 {
  background: var(--color-gray-308) !important;
}

.bg-gray-309 {
  background: var(--color-gray-309) !important;
}

.bg-gray-310 {
  background: var(--color-gray-310) !important;
}

.bg-gray-311 {
  background: var(--color-gray-311) !important;
}

.bg-gray-312 {
  background: var(--color-gray-312) !important;
}

.bg-gray-313 {
  background: var(--color-gray-313) !important;
}

.bg-gray-314 {
  background: var(--color-gray-314) !important;
}

.bg-gray-315 {
  background: var(--color-gray-315) !important;
}

.bg-gray-316 {
  background: var(--color-gray-316) !important;
}

.bg-gray-317 {
  background: var(--color-gray-317) !important;
}

.bg-gray-318 {
  background: var(--color-gray-318) !important;
}

.bg-gray-319 {
  background: var(--color-gray-319) !important;
}

.bg-gray-320 {
  background: var(--color-gray-320) !important;
}

.bg-gray-321 {
  background: var(--color-gray-321) !important;
}

.bg-gray-322 {
  background: var(--color-gray-322) !important;
}

.bg-gray-323 {
  background: var(--color-gray-323) !important;
}

.bg-gray-324 {
  background: var(--color-gray-324) !important;
}

.bg-gray-325 {
  background: var(--color-gray-325) !important;
}

.bg-gray-326 {
  background: var(--color-gray-326) !important;
}

.bg-gray-327 {
  background: var(--color-gray-327) !important;
}

.bg-gray-328 {
  background: var(--color-gray-328) !important;
}

.bg-gray-329 {
  background: var(--color-gray-329) !important;
}

.bg-gray-330 {
  background: var(--color-gray-330) !important;
}

.bg-gray-331 {
  background: var(--color-gray-331) !important;
}

.bg-gray-332 {
  background: var(--color-gray-332) !important;
}

.bg-gray-333 {
  background: var(--color-gray-333) !important;
}

.bg-gray-334 {
  background: var(--color-gray-334) !important;
}

.bg-gray-335 {
  background: var(--color-gray-335) !important;
}

.bg-gray-336 {
  background: var(--color-gray-336) !important;
}

.bg-gray-337 {
  background: var(--color-gray-337) !important;
}

.bg-gray-338 {
  background: var(--color-gray-338) !important;
}

.bg-gray-339 {
  background: var(--color-gray-339) !important;
}

.bg-gray-340 {
  background: var(--color-gray-340) !important;
}

.bg-gray-341 {
  background: var(--color-gray-341) !important;
}

.bg-gray-342 {
  background: var(--color-gray-342) !important;
}

.bg-gray-343 {
  background: var(--color-gray-343) !important;
}

.bg-gray-344 {
  background: var(--color-gray-344) !important;
}

.bg-gray-345 {
  background: var(--color-gray-345) !important;
}

.bg-gray-346 {
  background: var(--color-gray-346) !important;
}

.bg-gray-347 {
  background: var(--color-gray-347) !important;
}

.bg-gray-348 {
  background: var(--color-gray-348) !important;
}

.bg-gray-349 {
  background: var(--color-gray-349) !important;
}

.bg-gray-350 {
  background: var(--color-gray-350) !important;
}

.bg-gray-351 {
  background: var(--color-gray-351) !important;
}

.bg-gray-352 {
  background: var(--color-gray-352) !important;
}

.bg-gray-353 {
  background: var(--color-gray-353) !important;
}

.bg-gray-354 {
  background: var(--color-gray-354) !important;
}

.bg-gray-355 {
  background: var(--color-gray-355) !important;
}

.bg-gray-356 {
  background: var(--color-gray-356) !important;
}

.bg-gray-357 {
  background: var(--color-gray-357) !important;
}

.bg-gray-358 {
  background: var(--color-gray-358) !important;
}

.bg-gray-359 {
  background: var(--color-gray-359) !important;
}

.bg-gray-360 {
  background: var(--color-gray-360) !important;
}

.bg-gray-361 {
  background: var(--color-gray-361) !important;
}

.bg-gray-362 {
  background: var(--color-gray-362) !important;
}

.bg-gray-363 {
  background: var(--color-gray-363) !important;
}

.bg-gray-364 {
  background: var(--color-gray-364) !important;
}

.bg-gray-365 {
  background: var(--color-gray-365) !important;
}

.bg-gray-366 {
  background: var(--color-gray-366) !important;
}

.bg-gray-367 {
  background: var(--color-gray-367) !important;
}

.bg-gray-368 {
  background: var(--color-gray-368) !important;
}

.bg-gray-369 {
  background: var(--color-gray-369) !important;
}

.bg-gray-370 {
  background: var(--color-gray-370) !important;
}

.bg-gray-371 {
  background: var(--color-gray-371) !important;
}

.bg-gray-372 {
  background: var(--color-gray-372) !important;
}

.bg-gray-373 {
  background: var(--color-gray-373) !important;
}

.bg-gray-374 {
  background: var(--color-gray-374) !important;
}

.bg-gray-375 {
  background: var(--color-gray-375) !important;
}

.bg-gray-376 {
  background: var(--color-gray-376) !important;
}

.bg-gray-377 {
  background: var(--color-gray-377) !important;
}

.bg-gray-378 {
  background: var(--color-gray-378) !important;
}

.bg-gray-379 {
  background: var(--color-gray-379) !important;
}

.bg-gray-380 {
  background: var(--color-gray-380) !important;
}

.bg-gray-381 {
  background: var(--color-gray-381) !important;
}

.bg-gray-382 {
  background: var(--color-gray-382) !important;
}

.bg-gray-383 {
  background: var(--color-gray-383) !important;
}

.bg-gray-384 {
  background: var(--color-gray-384) !important;
}

.bg-gray-385 {
  background: var(--color-gray-385) !important;
}

.bg-gray-386 {
  background: var(--color-gray-386) !important;
}

.bg-gray-387 {
  background: var(--color-gray-387) !important;
}

.bg-gray-388 {
  background: var(--color-gray-388) !important;
}

.bg-gray-389 {
  background: var(--color-gray-389) !important;
}

.bg-gray-390 {
  background: var(--color-gray-390) !important;
}

.bg-gray-391 {
  background: var(--color-gray-391) !important;
}

.bg-gray-392 {
  background: var(--color-gray-392) !important;
}

.bg-gray-393 {
  background: var(--color-gray-393) !important;
}

.bg-gray-394 {
  background: var(--color-gray-394) !important;
}

.bg-gray-395 {
  background: var(--color-gray-395) !important;
}

.bg-gray-396 {
  background: var(--color-gray-396) !important;
}

.bg-gray-397 {
  background: var(--color-gray-397) !important;
}

.bg-gray-398 {
  background: var(--color-gray-398) !important;
}

.bg-gray-399 {
  background: var(--color-gray-399) !important;
}

.bg-gray-400 {
  background: var(--color-gray-400) !important;
}

.bg-gray-401 {
  background: var(--color-gray-401) !important;
}

.bg-gray-402 {
  background: var(--color-gray-402) !important;
}

.bg-gray-403 {
  background: var(--color-gray-403) !important;
}

.bg-gray-404 {
  background: var(--color-gray-404) !important;
}

.bg-gray-405 {
  background: var(--color-gray-405) !important;
}

.bg-gray-406 {
  background: var(--color-gray-406) !important;
}

.bg-gray-407 {
  background: var(--color-gray-407) !important;
}

.bg-gray-408 {
  background: var(--color-gray-408) !important;
}

.bg-gray-409 {
  background: var(--color-gray-409) !important;
}

.bg-gray-410 {
  background: var(--color-gray-410) !important;
}

.bg-gray-411 {
  background: var(--color-gray-411) !important;
}

.bg-gray-412 {
  background: var(--color-gray-412) !important;
}

.bg-gray-413 {
  background: var(--color-gray-413) !important;
}

.bg-gray-414 {
  background: var(--color-gray-414) !important;
}

.bg-gray-415 {
  background: var(--color-gray-415) !important;
}

.bg-gray-416 {
  background: var(--color-gray-416) !important;
}

.bg-gray-417 {
  background: var(--color-gray-417) !important;
}

.bg-gray-418 {
  background: var(--color-gray-418) !important;
}

.bg-gray-419 {
  background: var(--color-gray-419) !important;
}

.bg-gray-420 {
  background: var(--color-gray-420) !important;
}

.bg-gray-421 {
  background: var(--color-gray-421) !important;
}

.bg-gray-422 {
  background: var(--color-gray-422) !important;
}

.bg-gray-423 {
  background: var(--color-gray-423) !important;
}

.bg-gray-424 {
  background: var(--color-gray-424) !important;
}

.bg-gray-425 {
  background: var(--color-gray-425) !important;
}

.bg-gray-426 {
  background: var(--color-gray-426) !important;
}

.bg-gray-427 {
  background: var(--color-gray-427) !important;
}

.bg-gray-428 {
  background: var(--color-gray-428) !important;
}

.bg-gray-429 {
  background: var(--color-gray-429) !important;
}

.bg-gray-430 {
  background: var(--color-gray-430) !important;
}

.bg-gray-431 {
  background: var(--color-gray-431) !important;
}

.bg-gray-432 {
  background: var(--color-gray-432) !important;
}

.bg-gray-433 {
  background: var(--color-gray-433) !important;
}

.bg-gray-434 {
  background: var(--color-gray-434) !important;
}

.bg-gray-435 {
  background: var(--color-gray-435) !important;
}

.bg-gray-436 {
  background: var(--color-gray-436) !important;
}

.bg-gray-437 {
  background: var(--color-gray-437) !important;
}

.bg-gray-438 {
  background: var(--color-gray-438) !important;
}

.bg-gray-439 {
  background: var(--color-gray-439) !important;
}

.bg-gray-440 {
  background: var(--color-gray-440) !important;
}

.bg-gray-441 {
  background: var(--color-gray-441) !important;
}

.bg-gray-442 {
  background: var(--color-gray-442) !important;
}

.bg-gray-443 {
  background: var(--color-gray-443) !important;
}

.bg-gray-444 {
  background: var(--color-gray-444) !important;
}

.bg-gray-445 {
  background: var(--color-gray-445) !important;
}

.bg-gray-446 {
  background: var(--color-gray-446) !important;
}

.bg-gray-447 {
  background: var(--color-gray-447) !important;
}

.bg-gray-448 {
  background: var(--color-gray-448) !important;
}

.bg-gray-449 {
  background: var(--color-gray-449) !important;
}

.bg-gray-450 {
  background: var(--color-gray-450) !important;
}

.bg-gray-451 {
  background: var(--color-gray-451) !important;
}

.bg-gray-452 {
  background: var(--color-gray-452) !important;
}

.bg-gray-453 {
  background: var(--color-gray-453) !important;
}

.bg-gray-454 {
  background: var(--color-gray-454) !important;
}

.bg-gray-455 {
  background: var(--color-gray-455) !important;
}

.bg-gray-456 {
  background: var(--color-gray-456) !important;
}

.bg-gray-457 {
  background: var(--color-gray-457) !important;
}

.bg-gray-458 {
  background: var(--color-gray-458) !important;
}

.bg-gray-459 {
  background: var(--color-gray-459) !important;
}

.bg-gray-460 {
  background: var(--color-gray-460) !important;
}

.bg-gray-461 {
  background: var(--color-gray-461) !important;
}

.bg-gray-462 {
  background: var(--color-gray-462) !important;
}

.bg-gray-463 {
  background: var(--color-gray-463) !important;
}

.bg-gray-464 {
  background: var(--color-gray-464) !important;
}

.bg-gray-465 {
  background: var(--color-gray-465) !important;
}

.bg-gray-466 {
  background: var(--color-gray-466) !important;
}

.bg-gray-467 {
  background: var(--color-gray-467) !important;
}

.bg-gray-468 {
  background: var(--color-gray-468) !important;
}

.bg-gray-469 {
  background: var(--color-gray-469) !important;
}

.bg-gray-470 {
  background: var(--color-gray-470) !important;
}

.bg-gray-471 {
  background: var(--color-gray-471) !important;
}

.bg-gray-472 {
  background: var(--color-gray-472) !important;
}

.bg-gray-473 {
  background: var(--color-gray-473) !important;
}

.bg-gray-474 {
  background: var(--color-gray-474) !important;
}

.bg-gray-475 {
  background: var(--color-gray-475) !important;
}

.bg-gray-476 {
  background: var(--color-gray-476) !important;
}

.bg-gray-477 {
  background: var(--color-gray-477) !important;
}

.bg-gray-478 {
  background: var(--color-gray-478) !important;
}

.bg-gray-479 {
  background: var(--color-gray-479) !important;
}

.bg-gray-480 {
  background: var(--color-gray-480) !important;
}

.bg-gray-481 {
  background: var(--color-gray-481) !important;
}

.bg-gray-482 {
  background: var(--color-gray-482) !important;
}

.bg-gray-483 {
  background: var(--color-gray-483) !important;
}

.bg-gray-484 {
  background: var(--color-gray-484) !important;
}

.bg-gray-485 {
  background: var(--color-gray-485) !important;
}

.bg-gray-486 {
  background: var(--color-gray-486) !important;
}

.bg-gray-487 {
  background: var(--color-gray-487) !important;
}

.bg-gray-488 {
  background: var(--color-gray-488) !important;
}

.bg-gray-489 {
  background: var(--color-gray-489) !important;
}

.bg-gray-490 {
  background: var(--color-gray-490) !important;
}

.bg-gray-491 {
  background: var(--color-gray-491) !important;
}

.bg-gray-492 {
  background: var(--color-gray-492) !important;
}

.bg-gray-493 {
  background: var(--color-gray-493) !important;
}

.bg-gray-494 {
  background: var(--color-gray-494) !important;
}

.bg-gray-495 {
  background: var(--color-gray-495) !important;
}

.bg-gray-496 {
  background: var(--color-gray-496) !important;
}

.bg-gray-497 {
  background: var(--color-gray-497) !important;
}

.bg-gray-498 {
  background: var(--color-gray-498) !important;
}

.bg-gray-499 {
  background: var(--color-gray-499) !important;
}

.bg-gray-500 {
  background: var(--color-gray-500) !important;
}

.bg-gray-501 {
  background: var(--color-gray-501) !important;
}

.bg-gray-502 {
  background: var(--color-gray-502) !important;
}

.bg-gray-503 {
  background: var(--color-gray-503) !important;
}

.bg-gray-504 {
  background: var(--color-gray-504) !important;
}

.bg-gray-505 {
  background: var(--color-gray-505) !important;
}

.bg-gray-506 {
  background: var(--color-gray-506) !important;
}

.bg-gray-507 {
  background: var(--color-gray-507) !important;
}

.bg-gray-508 {
  background: var(--color-gray-508) !important;
}

.bg-gray-509 {
  background: var(--color-gray-509) !important;
}

.bg-gray-510 {
  background: var(--color-gray-510) !important;
}

.bg-gray-511 {
  background: var(--color-gray-511) !important;
}

.bg-gray-512 {
  background: var(--color-gray-512) !important;
}

.bg-gray-513 {
  background: var(--color-gray-513) !important;
}

.bg-gray-514 {
  background: var(--color-gray-514) !important;
}

.bg-gray-515 {
  background: var(--color-gray-515) !important;
}

.bg-gray-516 {
  background: var(--color-gray-516) !important;
}

.bg-gray-517 {
  background: var(--color-gray-517) !important;
}

.bg-gray-518 {
  background: var(--color-gray-518) !important;
}

.bg-gray-519 {
  background: var(--color-gray-519) !important;
}

.bg-gray-520 {
  background: var(--color-gray-520) !important;
}

.bg-gray-521 {
  background: var(--color-gray-521) !important;
}

.bg-gray-522 {
  background: var(--color-gray-522) !important;
}

.bg-gray-523 {
  background: var(--color-gray-523) !important;
}

.bg-gray-524 {
  background: var(--color-gray-524) !important;
}

.bg-gray-525 {
  background: var(--color-gray-525) !important;
}

.bg-gray-526 {
  background: var(--color-gray-526) !important;
}

.bg-gray-527 {
  background: var(--color-gray-527) !important;
}

.bg-gray-528 {
  background: var(--color-gray-528) !important;
}

.bg-gray-529 {
  background: var(--color-gray-529) !important;
}

.bg-gray-530 {
  background: var(--color-gray-530) !important;
}

.bg-gray-531 {
  background: var(--color-gray-531) !important;
}

.bg-gray-532 {
  background: var(--color-gray-532) !important;
}

.bg-gray-533 {
  background: var(--color-gray-533) !important;
}

.bg-gray-534 {
  background: var(--color-gray-534) !important;
}

.bg-gray-535 {
  background: var(--color-gray-535) !important;
}

.bg-gray-536 {
  background: var(--color-gray-536) !important;
}

.bg-gray-537 {
  background: var(--color-gray-537) !important;
}

.bg-gray-538 {
  background: var(--color-gray-538) !important;
}

.bg-gray-539 {
  background: var(--color-gray-539) !important;
}

.bg-gray-540 {
  background: var(--color-gray-540) !important;
}

.bg-gray-541 {
  background: var(--color-gray-541) !important;
}

.bg-gray-542 {
  background: var(--color-gray-542) !important;
}

.bg-gray-543 {
  background: var(--color-gray-543) !important;
}

.bg-gray-544 {
  background: var(--color-gray-544) !important;
}

.bg-gray-545 {
  background: var(--color-gray-545) !important;
}

.bg-gray-546 {
  background: var(--color-gray-546) !important;
}

.bg-gray-547 {
  background: var(--color-gray-547) !important;
}

.bg-gray-548 {
  background: var(--color-gray-548) !important;
}

.bg-gray-549 {
  background: var(--color-gray-549) !important;
}

.bg-gray-550 {
  background: var(--color-gray-550) !important;
}

.bg-gray-551 {
  background: var(--color-gray-551) !important;
}

.bg-gray-552 {
  background: var(--color-gray-552) !important;
}

.bg-gray-553 {
  background: var(--color-gray-553) !important;
}

.bg-gray-554 {
  background: var(--color-gray-554) !important;
}

.bg-gray-555 {
  background: var(--color-gray-555) !important;
}

.bg-gray-556 {
  background: var(--color-gray-556) !important;
}

.bg-gray-557 {
  background: var(--color-gray-557) !important;
}

.bg-gray-558 {
  background: var(--color-gray-558) !important;
}

.bg-gray-559 {
  background: var(--color-gray-559) !important;
}

.bg-gray-560 {
  background: var(--color-gray-560) !important;
}

.bg-gray-561 {
  background: var(--color-gray-561) !important;
}

.bg-gray-562 {
  background: var(--color-gray-562) !important;
}

.bg-gray-563 {
  background: var(--color-gray-563) !important;
}

.bg-gray-564 {
  background: var(--color-gray-564) !important;
}

.bg-gray-565 {
  background: var(--color-gray-565) !important;
}

.bg-gray-566 {
  background: var(--color-gray-566) !important;
}

.bg-gray-567 {
  background: var(--color-gray-567) !important;
}

.bg-gray-568 {
  background: var(--color-gray-568) !important;
}

.bg-gray-569 {
  background: var(--color-gray-569) !important;
}

.bg-gray-570 {
  background: var(--color-gray-570) !important;
}

.bg-gray-571 {
  background: var(--color-gray-571) !important;
}

.bg-gray-572 {
  background: var(--color-gray-572) !important;
}

.bg-gray-573 {
  background: var(--color-gray-573) !important;
}

.bg-gray-574 {
  background: var(--color-gray-574) !important;
}

.bg-gray-575 {
  background: var(--color-gray-575) !important;
}

.bg-gray-576 {
  background: var(--color-gray-576) !important;
}

.bg-gray-577 {
  background: var(--color-gray-577) !important;
}

.bg-gray-578 {
  background: var(--color-gray-578) !important;
}

.bg-gray-579 {
  background: var(--color-gray-579) !important;
}

.bg-gray-580 {
  background: var(--color-gray-580) !important;
}

.bg-gray-581 {
  background: var(--color-gray-581) !important;
}

.bg-gray-582 {
  background: var(--color-gray-582) !important;
}

.bg-gray-583 {
  background: var(--color-gray-583) !important;
}

.bg-gray-584 {
  background: var(--color-gray-584) !important;
}

.bg-gray-585 {
  background: var(--color-gray-585) !important;
}

.bg-gray-586 {
  background: var(--color-gray-586) !important;
}

.bg-gray-587 {
  background: var(--color-gray-587) !important;
}

.bg-gray-588 {
  background: var(--color-gray-588) !important;
}

.bg-gray-589 {
  background: var(--color-gray-589) !important;
}

.bg-gray-590 {
  background: var(--color-gray-590) !important;
}

.bg-gray-591 {
  background: var(--color-gray-591) !important;
}

.bg-gray-592 {
  background: var(--color-gray-592) !important;
}

.bg-gray-593 {
  background: var(--color-gray-593) !important;
}

.bg-gray-594 {
  background: var(--color-gray-594) !important;
}

.bg-gray-595 {
  background: var(--color-gray-595) !important;
}

.bg-gray-596 {
  background: var(--color-gray-596) !important;
}

.bg-gray-597 {
  background: var(--color-gray-597) !important;
}

.bg-gray-598 {
  background: var(--color-gray-598) !important;
}

.bg-gray-599 {
  background: var(--color-gray-599) !important;
}

.bg-gray-600 {
  background: var(--color-gray-600) !important;
}

.bg-gray-601 {
  background: var(--color-gray-601) !important;
}

.bg-gray-602 {
  background: var(--color-gray-602) !important;
}

.bg-gray-603 {
  background: var(--color-gray-603) !important;
}

.bg-gray-604 {
  background: var(--color-gray-604) !important;
}

.bg-gray-605 {
  background: var(--color-gray-605) !important;
}

.bg-gray-606 {
  background: var(--color-gray-606) !important;
}

.bg-gray-607 {
  background: var(--color-gray-607) !important;
}

.bg-gray-608 {
  background: var(--color-gray-608) !important;
}

.bg-gray-609 {
  background: var(--color-gray-609) !important;
}

.bg-gray-610 {
  background: var(--color-gray-610) !important;
}

.bg-gray-611 {
  background: var(--color-gray-611) !important;
}

.bg-gray-612 {
  background: var(--color-gray-612) !important;
}

.bg-gray-613 {
  background: var(--color-gray-613) !important;
}

.bg-gray-614 {
  background: var(--color-gray-614) !important;
}

.bg-gray-615 {
  background: var(--color-gray-615) !important;
}

.bg-gray-616 {
  background: var(--color-gray-616) !important;
}

.bg-gray-617 {
  background: var(--color-gray-617) !important;
}

.bg-gray-618 {
  background: var(--color-gray-618) !important;
}

.bg-gray-619 {
  background: var(--color-gray-619) !important;
}

.bg-gray-620 {
  background: var(--color-gray-620) !important;
}

.bg-gray-621 {
  background: var(--color-gray-621) !important;
}

.bg-gray-622 {
  background: var(--color-gray-622) !important;
}

.bg-gray-623 {
  background: var(--color-gray-623) !important;
}

.bg-gray-624 {
  background: var(--color-gray-624) !important;
}

.bg-gray-625 {
  background: var(--color-gray-625) !important;
}

.bg-gray-626 {
  background: var(--color-gray-626) !important;
}

.bg-gray-627 {
  background: var(--color-gray-627) !important;
}

.bg-gray-628 {
  background: var(--color-gray-628) !important;
}

.bg-gray-629 {
  background: var(--color-gray-629) !important;
}

.bg-gray-630 {
  background: var(--color-gray-630) !important;
}

.bg-gray-631 {
  background: var(--color-gray-631) !important;
}

.bg-gray-632 {
  background: var(--color-gray-632) !important;
}

.bg-gray-633 {
  background: var(--color-gray-633) !important;
}

.bg-gray-634 {
  background: var(--color-gray-634) !important;
}

.bg-gray-635 {
  background: var(--color-gray-635) !important;
}

.bg-gray-636 {
  background: var(--color-gray-636) !important;
}

.bg-gray-637 {
  background: var(--color-gray-637) !important;
}

.bg-gray-638 {
  background: var(--color-gray-638) !important;
}

.bg-gray-639 {
  background: var(--color-gray-639) !important;
}

.bg-gray-640 {
  background: var(--color-gray-640) !important;
}

.bg-gray-641 {
  background: var(--color-gray-641) !important;
}

.bg-gray-642 {
  background: var(--color-gray-642) !important;
}

.bg-gray-643 {
  background: var(--color-gray-643) !important;
}

.bg-gray-644 {
  background: var(--color-gray-644) !important;
}

.bg-gray-645 {
  background: var(--color-gray-645) !important;
}

.bg-gray-646 {
  background: var(--color-gray-646) !important;
}

.bg-gray-647 {
  background: var(--color-gray-647) !important;
}

.bg-gray-648 {
  background: var(--color-gray-648) !important;
}

.bg-gray-649 {
  background: var(--color-gray-649) !important;
}

.bg-gray-650 {
  background: var(--color-gray-650) !important;
}

.bg-gray-651 {
  background: var(--color-gray-651) !important;
}

.bg-gray-652 {
  background: var(--color-gray-652) !important;
}

.bg-gray-653 {
  background: var(--color-gray-653) !important;
}

.bg-gray-654 {
  background: var(--color-gray-654) !important;
}

.bg-gray-655 {
  background: var(--color-gray-655) !important;
}

.bg-gray-656 {
  background: var(--color-gray-656) !important;
}

.bg-gray-657 {
  background: var(--color-gray-657) !important;
}

.bg-gray-658 {
  background: var(--color-gray-658) !important;
}

.bg-gray-659 {
  background: var(--color-gray-659) !important;
}

.bg-gray-660 {
  background: var(--color-gray-660) !important;
}

.bg-gray-661 {
  background: var(--color-gray-661) !important;
}

.bg-gray-662 {
  background: var(--color-gray-662) !important;
}

.bg-gray-663 {
  background: var(--color-gray-663) !important;
}

.bg-gray-664 {
  background: var(--color-gray-664) !important;
}

.bg-gray-665 {
  background: var(--color-gray-665) !important;
}

.bg-gray-666 {
  background: var(--color-gray-666) !important;
}

.bg-gray-667 {
  background: var(--color-gray-667) !important;
}

.bg-gray-668 {
  background: var(--color-gray-668) !important;
}

.bg-gray-669 {
  background: var(--color-gray-669) !important;
}

.bg-gray-670 {
  background: var(--color-gray-670) !important;
}

.bg-gray-671 {
  background: var(--color-gray-671) !important;
}

.bg-gray-672 {
  background: var(--color-gray-672) !important;
}

.bg-gray-673 {
  background: var(--color-gray-673) !important;
}

.bg-gray-674 {
  background: var(--color-gray-674) !important;
}

.bg-gray-675 {
  background: var(--color-gray-675) !important;
}

.bg-gray-676 {
  background: var(--color-gray-676) !important;
}

.bg-gray-677 {
  background: var(--color-gray-677) !important;
}

.bg-gray-678 {
  background: var(--color-gray-678) !important;
}

.bg-gray-679 {
  background: var(--color-gray-679) !important;
}

.bg-gray-680 {
  background: var(--color-gray-680) !important;
}

.bg-gray-681 {
  background: var(--color-gray-681) !important;
}

.bg-gray-682 {
  background: var(--color-gray-682) !important;
}

.bg-gray-683 {
  background: var(--color-gray-683) !important;
}

.bg-gray-684 {
  background: var(--color-gray-684) !important;
}

.bg-gray-685 {
  background: var(--color-gray-685) !important;
}

.bg-gray-686 {
  background: var(--color-gray-686) !important;
}

.bg-gray-687 {
  background: var(--color-gray-687) !important;
}

.bg-gray-688 {
  background: var(--color-gray-688) !important;
}

.bg-gray-689 {
  background: var(--color-gray-689) !important;
}

.bg-gray-690 {
  background: var(--color-gray-690) !important;
}

.bg-gray-691 {
  background: var(--color-gray-691) !important;
}

.bg-gray-692 {
  background: var(--color-gray-692) !important;
}

.bg-gray-693 {
  background: var(--color-gray-693) !important;
}

.bg-gray-694 {
  background: var(--color-gray-694) !important;
}

.bg-gray-695 {
  background: var(--color-gray-695) !important;
}

.bg-gray-696 {
  background: var(--color-gray-696) !important;
}

.bg-gray-697 {
  background: var(--color-gray-697) !important;
}

.bg-gray-698 {
  background: var(--color-gray-698) !important;
}

.bg-gray-699 {
  background: var(--color-gray-699) !important;
}

.bg-gray-700 {
  background: var(--color-gray-700) !important;
}

.bg-gray-701 {
  background: var(--color-gray-701) !important;
}

.bg-gray-702 {
  background: var(--color-gray-702) !important;
}

.bg-gray-703 {
  background: var(--color-gray-703) !important;
}

.bg-gray-704 {
  background: var(--color-gray-704) !important;
}

.bg-gray-705 {
  background: var(--color-gray-705) !important;
}

.bg-gray-706 {
  background: var(--color-gray-706) !important;
}

.bg-gray-707 {
  background: var(--color-gray-707) !important;
}

.bg-gray-708 {
  background: var(--color-gray-708) !important;
}

.bg-gray-709 {
  background: var(--color-gray-709) !important;
}

.bg-gray-710 {
  background: var(--color-gray-710) !important;
}

.bg-gray-711 {
  background: var(--color-gray-711) !important;
}

.bg-gray-712 {
  background: var(--color-gray-712) !important;
}

.bg-gray-713 {
  background: var(--color-gray-713) !important;
}

.bg-gray-714 {
  background: var(--color-gray-714) !important;
}

.bg-gray-715 {
  background: var(--color-gray-715) !important;
}

.bg-gray-716 {
  background: var(--color-gray-716) !important;
}

.bg-gray-717 {
  background: var(--color-gray-717) !important;
}

.bg-gray-718 {
  background: var(--color-gray-718) !important;
}

.bg-gray-719 {
  background: var(--color-gray-719) !important;
}

.bg-gray-720 {
  background: var(--color-gray-720) !important;
}

.bg-gray-721 {
  background: var(--color-gray-721) !important;
}

.bg-gray-722 {
  background: var(--color-gray-722) !important;
}

.bg-gray-723 {
  background: var(--color-gray-723) !important;
}

.bg-gray-724 {
  background: var(--color-gray-724) !important;
}

.bg-gray-725 {
  background: var(--color-gray-725) !important;
}

.bg-gray-726 {
  background: var(--color-gray-726) !important;
}

.bg-gray-727 {
  background: var(--color-gray-727) !important;
}

.bg-gray-728 {
  background: var(--color-gray-728) !important;
}

.bg-gray-729 {
  background: var(--color-gray-729) !important;
}

.bg-gray-730 {
  background: var(--color-gray-730) !important;
}

.bg-gray-731 {
  background: var(--color-gray-731) !important;
}

.bg-gray-732 {
  background: var(--color-gray-732) !important;
}

.bg-gray-733 {
  background: var(--color-gray-733) !important;
}

.bg-gray-734 {
  background: var(--color-gray-734) !important;
}

.bg-gray-735 {
  background: var(--color-gray-735) !important;
}

.bg-gray-736 {
  background: var(--color-gray-736) !important;
}

.bg-gray-737 {
  background: var(--color-gray-737) !important;
}

.bg-gray-738 {
  background: var(--color-gray-738) !important;
}

.bg-gray-739 {
  background: var(--color-gray-739) !important;
}

.bg-gray-740 {
  background: var(--color-gray-740) !important;
}

.bg-gray-741 {
  background: var(--color-gray-741) !important;
}

.bg-gray-742 {
  background: var(--color-gray-742) !important;
}

.bg-gray-743 {
  background: var(--color-gray-743) !important;
}

.bg-gray-744 {
  background: var(--color-gray-744) !important;
}

.bg-gray-745 {
  background: var(--color-gray-745) !important;
}

.bg-gray-746 {
  background: var(--color-gray-746) !important;
}

.bg-gray-747 {
  background: var(--color-gray-747) !important;
}

.bg-gray-748 {
  background: var(--color-gray-748) !important;
}

.bg-gray-749 {
  background: var(--color-gray-749) !important;
}

.bg-gray-750 {
  background: var(--color-gray-750) !important;
}

.bg-gray-751 {
  background: var(--color-gray-751) !important;
}

.bg-gray-752 {
  background: var(--color-gray-752) !important;
}

.bg-gray-753 {
  background: var(--color-gray-753) !important;
}

.bg-gray-754 {
  background: var(--color-gray-754) !important;
}

.bg-gray-755 {
  background: var(--color-gray-755) !important;
}

.bg-gray-756 {
  background: var(--color-gray-756) !important;
}

.bg-gray-757 {
  background: var(--color-gray-757) !important;
}

.bg-gray-758 {
  background: var(--color-gray-758) !important;
}

.bg-gray-759 {
  background: var(--color-gray-759) !important;
}

.bg-gray-760 {
  background: var(--color-gray-760) !important;
}

.bg-gray-761 {
  background: var(--color-gray-761) !important;
}

.bg-gray-762 {
  background: var(--color-gray-762) !important;
}

.bg-gray-763 {
  background: var(--color-gray-763) !important;
}

.bg-gray-764 {
  background: var(--color-gray-764) !important;
}

.bg-gray-765 {
  background: var(--color-gray-765) !important;
}

.bg-gray-766 {
  background: var(--color-gray-766) !important;
}

.bg-gray-767 {
  background: var(--color-gray-767) !important;
}

.bg-gray-768 {
  background: var(--color-gray-768) !important;
}

.bg-gray-769 {
  background: var(--color-gray-769) !important;
}

.bg-gray-770 {
  background: var(--color-gray-770) !important;
}

.bg-gray-771 {
  background: var(--color-gray-771) !important;
}

.bg-gray-772 {
  background: var(--color-gray-772) !important;
}

.bg-gray-773 {
  background: var(--color-gray-773) !important;
}

.bg-gray-774 {
  background: var(--color-gray-774) !important;
}

.bg-gray-775 {
  background: var(--color-gray-775) !important;
}

.bg-gray-776 {
  background: var(--color-gray-776) !important;
}

.bg-gray-777 {
  background: var(--color-gray-777) !important;
}

.bg-gray-778 {
  background: var(--color-gray-778) !important;
}

.bg-gray-779 {
  background: var(--color-gray-779) !important;
}

.bg-gray-780 {
  background: var(--color-gray-780) !important;
}

.bg-gray-781 {
  background: var(--color-gray-781) !important;
}

.bg-gray-782 {
  background: var(--color-gray-782) !important;
}

.bg-gray-783 {
  background: var(--color-gray-783) !important;
}

.bg-gray-784 {
  background: var(--color-gray-784) !important;
}

.bg-gray-785 {
  background: var(--color-gray-785) !important;
}

.bg-gray-786 {
  background: var(--color-gray-786) !important;
}

.bg-gray-787 {
  background: var(--color-gray-787) !important;
}

.bg-gray-788 {
  background: var(--color-gray-788) !important;
}

.bg-gray-789 {
  background: var(--color-gray-789) !important;
}

.bg-gray-790 {
  background: var(--color-gray-790) !important;
}

.bg-gray-791 {
  background: var(--color-gray-791) !important;
}

.bg-gray-792 {
  background: var(--color-gray-792) !important;
}

.bg-gray-793 {
  background: var(--color-gray-793) !important;
}

.bg-gray-794 {
  background: var(--color-gray-794) !important;
}

.bg-gray-795 {
  background: var(--color-gray-795) !important;
}

.bg-gray-796 {
  background: var(--color-gray-796) !important;
}

.bg-gray-797 {
  background: var(--color-gray-797) !important;
}

.bg-gray-798 {
  background: var(--color-gray-798) !important;
}

.bg-gray-799 {
  background: var(--color-gray-799) !important;
}

.bg-gray-800 {
  background: var(--color-gray-800) !important;
}

.bg-gray-801 {
  background: var(--color-gray-801) !important;
}

.bg-gray-802 {
  background: var(--color-gray-802) !important;
}

.bg-gray-803 {
  background: var(--color-gray-803) !important;
}

.bg-gray-804 {
  background: var(--color-gray-804) !important;
}

.bg-gray-805 {
  background: var(--color-gray-805) !important;
}

.bg-gray-806 {
  background: var(--color-gray-806) !important;
}

.bg-gray-807 {
  background: var(--color-gray-807) !important;
}

.bg-gray-808 {
  background: var(--color-gray-808) !important;
}

.bg-gray-809 {
  background: var(--color-gray-809) !important;
}

.bg-gray-810 {
  background: var(--color-gray-810) !important;
}

.bg-gray-811 {
  background: var(--color-gray-811) !important;
}

.bg-gray-812 {
  background: var(--color-gray-812) !important;
}

.bg-gray-813 {
  background: var(--color-gray-813) !important;
}

.bg-gray-814 {
  background: var(--color-gray-814) !important;
}

.bg-gray-815 {
  background: var(--color-gray-815) !important;
}

.bg-gray-816 {
  background: var(--color-gray-816) !important;
}

.bg-gray-817 {
  background: var(--color-gray-817) !important;
}

.bg-gray-818 {
  background: var(--color-gray-818) !important;
}

.bg-gray-819 {
  background: var(--color-gray-819) !important;
}

.bg-gray-820 {
  background: var(--color-gray-820) !important;
}

.bg-gray-821 {
  background: var(--color-gray-821) !important;
}

.bg-gray-822 {
  background: var(--color-gray-822) !important;
}

.bg-gray-823 {
  background: var(--color-gray-823) !important;
}

.bg-gray-824 {
  background: var(--color-gray-824) !important;
}

.bg-gray-825 {
  background: var(--color-gray-825) !important;
}

.bg-gray-826 {
  background: var(--color-gray-826) !important;
}

.bg-gray-827 {
  background: var(--color-gray-827) !important;
}

.bg-gray-828 {
  background: var(--color-gray-828) !important;
}

.bg-gray-829 {
  background: var(--color-gray-829) !important;
}

.bg-gray-830 {
  background: var(--color-gray-830) !important;
}

.bg-gray-831 {
  background: var(--color-gray-831) !important;
}

.bg-gray-832 {
  background: var(--color-gray-832) !important;
}

.bg-gray-833 {
  background: var(--color-gray-833) !important;
}

.bg-gray-834 {
  background: var(--color-gray-834) !important;
}

.bg-gray-835 {
  background: var(--color-gray-835) !important;
}

.bg-gray-836 {
  background: var(--color-gray-836) !important;
}

.bg-gray-837 {
  background: var(--color-gray-837) !important;
}

.bg-gray-838 {
  background: var(--color-gray-838) !important;
}

.bg-gray-839 {
  background: var(--color-gray-839) !important;
}

.bg-gray-840 {
  background: var(--color-gray-840) !important;
}

.bg-gray-841 {
  background: var(--color-gray-841) !important;
}

.bg-gray-842 {
  background: var(--color-gray-842) !important;
}

.bg-gray-843 {
  background: var(--color-gray-843) !important;
}

.bg-gray-844 {
  background: var(--color-gray-844) !important;
}

.bg-gray-845 {
  background: var(--color-gray-845) !important;
}

.bg-gray-846 {
  background: var(--color-gray-846) !important;
}

.bg-gray-847 {
  background: var(--color-gray-847) !important;
}

.bg-gray-848 {
  background: var(--color-gray-848) !important;
}

.bg-gray-849 {
  background: var(--color-gray-849) !important;
}

.bg-gray-850 {
  background: var(--color-gray-850) !important;
}

.bg-gray-851 {
  background: var(--color-gray-851) !important;
}

.bg-gray-852 {
  background: var(--color-gray-852) !important;
}

.bg-gray-853 {
  background: var(--color-gray-853) !important;
}

.bg-gray-854 {
  background: var(--color-gray-854) !important;
}

.bg-gray-855 {
  background: var(--color-gray-855) !important;
}

.bg-gray-856 {
  background: var(--color-gray-856) !important;
}

.bg-gray-857 {
  background: var(--color-gray-857) !important;
}

.bg-gray-858 {
  background: var(--color-gray-858) !important;
}

.bg-gray-859 {
  background: var(--color-gray-859) !important;
}

.bg-gray-860 {
  background: var(--color-gray-860) !important;
}

.bg-gray-861 {
  background: var(--color-gray-861) !important;
}

.bg-gray-862 {
  background: var(--color-gray-862) !important;
}

.bg-gray-863 {
  background: var(--color-gray-863) !important;
}

.bg-gray-864 {
  background: var(--color-gray-864) !important;
}

.bg-gray-865 {
  background: var(--color-gray-865) !important;
}

.bg-gray-866 {
  background: var(--color-gray-866) !important;
}

.bg-gray-867 {
  background: var(--color-gray-867) !important;
}

.bg-gray-868 {
  background: var(--color-gray-868) !important;
}

.bg-gray-869 {
  background: var(--color-gray-869) !important;
}

.bg-gray-870 {
  background: var(--color-gray-870) !important;
}

.bg-gray-871 {
  background: var(--color-gray-871) !important;
}

.bg-gray-872 {
  background: var(--color-gray-872) !important;
}

.bg-gray-873 {
  background: var(--color-gray-873) !important;
}

.bg-gray-874 {
  background: var(--color-gray-874) !important;
}

.bg-gray-875 {
  background: var(--color-gray-875) !important;
}

.bg-gray-876 {
  background: var(--color-gray-876) !important;
}

.bg-gray-877 {
  background: var(--color-gray-877) !important;
}

.bg-gray-878 {
  background: var(--color-gray-878) !important;
}

.bg-gray-879 {
  background: var(--color-gray-879) !important;
}

.bg-gray-880 {
  background: var(--color-gray-880) !important;
}

.bg-gray-881 {
  background: var(--color-gray-881) !important;
}

.bg-gray-882 {
  background: var(--color-gray-882) !important;
}

.bg-gray-883 {
  background: var(--color-gray-883) !important;
}

.bg-gray-884 {
  background: var(--color-gray-884) !important;
}

.bg-gray-885 {
  background: var(--color-gray-885) !important;
}

.bg-gray-886 {
  background: var(--color-gray-886) !important;
}

.bg-gray-887 {
  background: var(--color-gray-887) !important;
}

.bg-gray-888 {
  background: var(--color-gray-888) !important;
}

.bg-gray-889 {
  background: var(--color-gray-889) !important;
}

.bg-gray-890 {
  background: var(--color-gray-890) !important;
}

.bg-gray-891 {
  background: var(--color-gray-891) !important;
}

.bg-gray-892 {
  background: var(--color-gray-892) !important;
}

.bg-gray-893 {
  background: var(--color-gray-893) !important;
}

.bg-gray-894 {
  background: var(--color-gray-894) !important;
}

.bg-gray-895 {
  background: var(--color-gray-895) !important;
}

.bg-gray-896 {
  background: var(--color-gray-896) !important;
}

.bg-gray-897 {
  background: var(--color-gray-897) !important;
}

.bg-gray-898 {
  background: var(--color-gray-898) !important;
}

.bg-gray-899 {
  background: var(--color-gray-899) !important;
}

.bg-gray-900 {
  background: var(--color-gray-900) !important;
}