/* yellow */
/* Background colors */
.bg-yellow {
  background-color: var(--m-yellow) !important;
}

.bg-yellow-1 {
  background-color: var(--m-yellow-1) !important;
}

.bg-yellow-2 {
  background-color: var(--m-yellow-2) !important;
}

.bg-yellow-3 {
  background-color: var(--m-yellow-3) !important;
}

.bg-yellow-4 {
  background-color: var(--m-yellow-4) !important;
}

.bg-yellow-5 {
  background-color: var(--m-yellow-5) !important;
}

.bg-yellow-6 {
  background-color: var(--m-yellow-6) !important;
}

.bg-yellow-7 {
  background-color: var(--m-yellow-7) !important;
}

.bg-yellow-8 {
  background-color: var(--m-yellow-8) !important;
}

.bg-yellow-9 {
  background-color: var(--m-yellow-9) !important;
}

.bg-yellow-10 {
  background-color: var(--m-yellow-10) !important;
}

/* Text colors */
.cl-yellow {
  color: var(--m-yellow) !important;
}

.cl-yellow-1 {
  color: var(--m-yellow-1) !important;
}

.cl-yellow-2 {
  color: var(--m-yellow-2) !important;
}

.cl-yellow-3 {
  color: var(--m-yellow-3) !important;
}

.cl-yellow-4 {
  color: var(--m-yellow-4) !important;
}

.cl-yellow-5 {
  color: var(--m-yellow-5) !important;
}

.cl-yellow-6 {
  color: var(--m-yellow-6) !important;
}

.cl-yellow-7 {
  color: var(--m-yellow-7) !important;
}

.cl-yellow-8 {
  color: var(--m-yellow-8) !important;
}

.cl-yellow-9 {
  color: var(--m-yellow-9) !important;
}

.cl-yellow-10 {
  color: var(--m-yellow-10) !important;
}

/* Border colors */
.br-yellow {
  border-color: var(--m-yellow) !important;
}

.br-yellow-1 {
  border-color: var(--m-yellow-1) !important;
}

.br-yellow-2 {
  border-color: var(--m-yellow-2) !important;
}

.br-yellow-3 {
  border-color: var(--m-yellow-3) !important;
}

.br-yellow-4 {
  border-color: var(--m-yellow-4) !important;
}

.br-yellow-5 {
  border-color: var(--m-yellow-5) !important;
}

.br-yellow-6 {
  border-color: var(--m-yellow-6) !important;
}

.br-yellow-7 {
  border-color: var(--m-yellow-7) !important;
}

.br-yellow-8 {
  border-color: var(--m-yellow-8) !important;
}

.br-yellow-9 {
  border-color: var(--m-yellow-9) !important;
}

.br-yellow-10 {
  border-color: var(--m-yellow-10) !important;
}

/* Links */
.link-yellow,
.link-warning {
  color: var(--m-yellow-5) !important;
  text-decoration: none !important;
  cursor: pointer;
}

.link-yellow:focus, .link-yellow:hover,
.link-warning:focus, .link-warning:hover {
  color: var(--m-yellow-6) !important;
}

.link-yellow-dark {
  color: var(--m-yellow-6) !important;
  text-decoration: none !important;
}

.link-yellow-dark:focus, .link-yellow-dark:hover {
  color: var(--m-yellow-7) !important;
}

.link-yellow-darker {
  color: var(--m-yellow-7) !important;
  text-decoration: none !important;
}

.link-yellow-darker:focus, .link-yellow-darker:hover {
  color: var(--m-yellow-8) !important;
}


/* amber */
/* Background colors */
.bg-amber {
  background-color: var(--m-amber) !important;
}

.bg-amber-1 {
  background-color: var(--m-amber-1) !important;
}

.bg-amber-2 {
  background-color: var(--m-amber-2) !important;
}

.bg-amber-3 {
  background-color: var(--m-amber-3) !important;
}

.bg-amber-4 {
  background-color: var(--m-amber-4) !important;
}

.bg-amber-5 {
  background-color: var(--m-amber-5) !important;
}

.bg-amber-6 {
  background-color: var(--m-amber-6) !important;
}

.bg-amber-7 {
  background-color: var(--m-amber-7) !important;
}

.bg-amber-8 {
  background-color: var(--m-amber-8) !important;
}

.bg-amber-9 {
  background-color: var(--m-amber-9) !important;
}

.bg-amber-10 {
  background-color: var(--m-amber-10) !important;
}

/* Text colors */
.cl-amber {
  color: var(--m-amber) !important;
}

.cl-amber-1 {
  color: var(--m-amber-1) !important;
}

.cl-amber-2 {
  color: var(--m-amber-2) !important;
}

.cl-amber-3 {
  color: var(--m-amber-3) !important;
}

.cl-amber-4 {
  color: var(--m-amber-4) !important;
}

.cl-amber-5 {
  color: var(--m-amber-5) !important;
}

.cl-amber-6 {
  color: var(--m-amber-6) !important;
}

.cl-amber-7 {
  color: var(--m-amber-7) !important;
}

.cl-amber-8 {
  color: var(--m-amber-8) !important;
}

.cl-amber-9 {
  color: var(--m-amber-9) !important;
}

.cl-amber-10 {
  color: var(--m-amber-10) !important;
}

/* Border colors */
.br-amber {
  border-color: var(--m-amber) !important;
}

.br-amber-1 {
  border-color: var(--m-amber-1) !important;
}

.br-amber-2 {
  border-color: var(--m-amber-2) !important;
}

.br-amber-3 {
  border-color: var(--m-amber-3) !important;
}

.br-amber-4 {
  border-color: var(--m-amber-4) !important;
}

.br-amber-5 {
  border-color: var(--m-amber-5) !important;
}

.br-amber-6 {
  border-color: var(--m-amber-6) !important;
}

.br-amber-7 {
  border-color: var(--m-amber-7) !important;
}

.br-amber-8 {
  border-color: var(--m-amber-8) !important;
}

.br-amber-9 {
  border-color: var(--m-amber-9) !important;
}

.br-amber-10 {
  border-color: var(--m-amber-10) !important;
}

/* Links */
.link-amber {
  color: var(--m-amber-5) !important;
  text-decoration: none !important;
  cursor: pointer;
}

.link-amber:focus, .link-amber:hover {
  color: var(--m-amber-6) !important;
}

.link-amber-dark {
  color: var(--m-amber-6) !important;
  text-decoration: none !important;
}

.link-amber-dark:focus, .link-amber-dark:hover {
  color: var(--m-amber-7) !important;
}

.link-amber-darker {
  color: var(--m-amber-7) !important;
  text-decoration: none !important;
}

.link-amber-darker:focus, .link-amber-darker:hover {
  color: var(--m-amber-8) !important;
}


/* orange */
/* Background colors */
.bg-orange {
  background-color: var(--m-orange) !important;
}

.bg-orange-1 {
  background-color: var(--m-orange-1) !important;
}

.bg-orange-2 {
  background-color: var(--m-orange-2) !important;
}

.bg-orange-3 {
  background-color: var(--m-orange-3) !important;
}

.bg-orange-4 {
  background-color: var(--m-orange-4) !important;
}

.bg-orange-5 {
  background-color: var(--m-orange-5) !important;
}

.bg-orange-6 {
  background-color: var(--m-orange-6) !important;
}

.bg-orange-7 {
  background-color: var(--m-orange-7) !important;
}

.bg-orange-8 {
  background-color: var(--m-orange-8) !important;
}

.bg-orange-9 {
  background-color: var(--m-orange-9) !important;
}

.bg-orange-10 {
  background-color: var(--m-orange-10) !important;
}

/* Text colors */
.cl-orange {
  color: var(--m-orange) !important;
}

.cl-orange-1 {
  color: var(--m-orange-1) !important;
}

.cl-orange-2 {
  color: var(--m-orange-2) !important;
}

.cl-orange-3 {
  color: var(--m-orange-3) !important;
}

.cl-orange-4 {
  color: var(--m-orange-4) !important;
}

.cl-orange-5 {
  color: var(--m-orange-5) !important;
}

.cl-orange-6 {
  color: var(--m-orange-6) !important;
}

.cl-orange-7 {
  color: var(--m-orange-7) !important;
}

.cl-orange-8 {
  color: var(--m-orange-8) !important;
}

.cl-orange-9 {
  color: var(--m-orange-9) !important;
}

.cl-orange-10 {
  color: var(--m-orange-10) !important;
}

/* Border colors */
.br-orange {
  border-color: var(--m-orange) !important;
}

.br-orange-1 {
  border-color: var(--m-orange-1) !important;
}

.br-orange-2 {
  border-color: var(--m-orange-2) !important;
}

.br-orange-3 {
  border-color: var(--m-orange-3) !important;
}

.br-orange-4 {
  border-color: var(--m-orange-4) !important;
}

.br-orange-5 {
  border-color: var(--m-orange-5) !important;
}

.br-orange-6 {
  border-color: var(--m-orange-6) !important;
}

.br-orange-7 {
  border-color: var(--m-orange-7) !important;
}

.br-orange-8 {
  border-color: var(--m-orange-8) !important;
}

.br-orange-9 {
  border-color: var(--m-orange-9) !important;
}

.br-orange-10 {
  border-color: var(--m-orange-10) !important;
}

/* Links */
.link-orange {
  color: var(--m-orange-5) !important;
  text-decoration: none !important;
  cursor: pointer;
}

.link-orange:focus, .link-orange:hover {
  color: var(--m-orange-6) !important;
}

.link-orange-dark {
  color: var(--m-orange-6) !important;
  text-decoration: none !important;
}

.link-orange-dark:focus, .link-orange-dark:hover {
  color: var(--m-orange-7) !important;
}

.link-orange-darker {
  color: var(--m-orange-7) !important;
  text-decoration: none !important;
}

.link-orange-darker:focus, .link-orange-darker:hover {
  color: var(--m-orange-8) !important;
}


/* red */
/* Background colors */
.bg-red {
  background-color: var(--m-red) !important;
}

.bg-red-1 {
  background-color: var(--m-red-1) !important;
}

.bg-red-2 {
  background-color: var(--m-red-2) !important;
}

.bg-red-3 {
  background-color: var(--m-red-3) !important;
}

.bg-red-4 {
  background-color: var(--m-red-4) !important;
}

.bg-red-5 {
  background-color: var(--m-red-5) !important;
}

.bg-red-6 {
  background-color: var(--m-red-6) !important;
}

.bg-red-7 {
  background-color: var(--m-red-7) !important;
}

.bg-red-8 {
  background-color: var(--m-red-8) !important;
}

.bg-red-9 {
  background-color: var(--m-red-9) !important;
}

.bg-red-10 {
  background-color: var(--m-red-10) !important;
}

/* Text colors */
.cl-red {
  color: var(--m-red) !important;
}

.cl-red-1 {
  color: var(--m-red-1) !important;
}

.cl-red-2 {
  color: var(--m-red-2) !important;
}

.cl-red-3 {
  color: var(--m-red-3) !important;
}

.cl-red-4 {
  color: var(--m-red-4) !important;
}

.cl-red-5 {
  color: var(--m-red-5) !important;
}

.cl-red-6 {
  color: var(--m-red-6) !important;
}

.cl-red-7 {
  color: var(--m-red-7) !important;
}

.cl-red-8 {
  color: var(--m-red-8) !important;
}

.cl-red-9 {
  color: var(--m-red-9) !important;
}

.cl-red-10 {
  color: var(--m-red-10) !important;
}

/* Border colors */
.br-red {
  border-color: var(--m-red) !important;
}

.br-red-1 {
  border-color: var(--m-red-1) !important;
}

.br-red-2 {
  border-color: var(--m-red-2) !important;
}

.br-red-3 {
  border-color: var(--m-red-3) !important;
}

.br-red-4 {
  border-color: var(--m-red-4) !important;
}

.br-red-5 {
  border-color: var(--m-red-5) !important;
}

.br-red-6 {
  border-color: var(--m-red-6) !important;
}

.br-red-7 {
  border-color: var(--m-red-7) !important;
}

.br-red-8 {
  border-color: var(--m-red-8) !important;
}

.br-red-9 {
  border-color: var(--m-red-9) !important;
}

.br-red-10 {
  border-color: var(--m-red-10) !important;
}

/* Links */
.link-red,
.link-danger {
  color: var(--m-red-5) !important;
  text-decoration: none !important;
  cursor: pointer;
}

.link-red:focus, .link-red:hover,
.link-danger:focus, .link-danger:hover {
  color: var(--m-red-6) !important;
}

.link-red-dark {
  color: var(--m-red-6) !important;
  text-decoration: none !important;
}

.link-red-dark:focus, .link-red-dark:hover {
  color: var(--m-red-7) !important;
}

.link-red-darker {
  color: var(--m-red-7) !important;
  text-decoration: none !important;
}

.link-red-darker:focus, .link-red-darker:hover {
  color: var(--m-red-8) !important;
}


/* scarlet */
/* Background colors */
.bg-scarlet {
  background-color: var(--m-scarlet) !important;
}

.bg-scarlet-1 {
  background-color: var(--m-scarlet-1) !important;
}

.bg-scarlet-2 {
  background-color: var(--m-scarlet-2) !important;
}

.bg-scarlet-3 {
  background-color: var(--m-scarlet-3) !important;
}

.bg-scarlet-4 {
  background-color: var(--m-scarlet-4) !important;
}

.bg-scarlet-5 {
  background-color: var(--m-scarlet-5) !important;
}

.bg-scarlet-6 {
  background-color: var(--m-scarlet-6) !important;
}

.bg-scarlet-7 {
  background-color: var(--m-scarlet-7) !important;
}

.bg-scarlet-8 {
  background-color: var(--m-scarlet-8) !important;
}

.bg-scarlet-9 {
  background-color: var(--m-scarlet-9) !important;
}

.bg-scarlet-10 {
  background-color: var(--m-scarlet-10) !important;
}

/* Text colors */
.cl-scarlet {
  color: var(--m-scarlet) !important;
}

.cl-scarlet-1 {
  color: var(--m-scarlet-1) !important;
}

.cl-scarlet-2 {
  color: var(--m-scarlet-2) !important;
}

.cl-scarlet-3 {
  color: var(--m-scarlet-3) !important;
}

.cl-scarlet-4 {
  color: var(--m-scarlet-4) !important;
}

.cl-scarlet-5 {
  color: var(--m-scarlet-5) !important;
}

.cl-scarlet-6 {
  color: var(--m-scarlet-6) !important;
}

.cl-scarlet-7 {
  color: var(--m-scarlet-7) !important;
}

.cl-scarlet-8 {
  color: var(--m-scarlet-8) !important;
}

.cl-scarlet-9 {
  color: var(--m-scarlet-9) !important;
}

.cl-scarlet-10 {
  color: var(--m-scarlet-10) !important;
}

/* Border colors */
.br-scarlet {
  border-color: var(--m-scarlet) !important;
}

.br-scarlet-1 {
  border-color: var(--m-scarlet-1) !important;
}

.br-scarlet-2 {
  border-color: var(--m-scarlet-2) !important;
}

.br-scarlet-3 {
  border-color: var(--m-scarlet-3) !important;
}

.br-scarlet-4 {
  border-color: var(--m-scarlet-4) !important;
}

.br-scarlet-5 {
  border-color: var(--m-scarlet-5) !important;
}

.br-scarlet-6 {
  border-color: var(--m-scarlet-6) !important;
}

.br-scarlet-7 {
  border-color: var(--m-scarlet-7) !important;
}

.br-scarlet-8 {
  border-color: var(--m-scarlet-8) !important;
}

.br-scarlet-9 {
  border-color: var(--m-scarlet-9) !important;
}

.br-scarlet-10 {
  border-color: var(--m-scarlet-10) !important;
}

/* Links */
.link-scarlet {
  color: var(--m-scarlet-5) !important;
  text-decoration: none !important;
  cursor: pointer;
}

.link-scarlet:focus, .link-scarlet:hover {
  color: var(--m-scarlet-6) !important;
}

.link-scarlet-dark {
  color: var(--m-scarlet-6) !important;
  text-decoration: none !important;
}

.link-scarlet-dark:focus, .link-scarlet-dark:hover {
  color: var(--m-scarlet-7) !important;
}

.link-scarlet-darker {
  color: var(--m-scarlet-7) !important;
  text-decoration: none !important;
}

.link-scarlet-darker:focus, .link-scarlet-darker:hover {
  color: var(--m-scarlet-8) !important;
}


/* pink */
/* Background colors */
.bg-pink {
  background-color: var(--m-pink) !important;
}

.bg-pink-1 {
  background-color: var(--m-pink-1) !important;
}

.bg-pink-2 {
  background-color: var(--m-pink-2) !important;
}

.bg-pink-3 {
  background-color: var(--m-pink-3) !important;
}

.bg-pink-4 {
  background-color: var(--m-pink-4) !important;
}

.bg-pink-5 {
  background-color: var(--m-pink-5) !important;
}

.bg-pink-6 {
  background-color: var(--m-pink-6) !important;
}

.bg-pink-7 {
  background-color: var(--m-pink-7) !important;
}

.bg-pink-8 {
  background-color: var(--m-pink-8) !important;
}

.bg-pink-9 {
  background-color: var(--m-pink-9) !important;
}

.bg-pink-10 {
  background-color: var(--m-pink-10) !important;
}

/* Text colors */
.cl-pink {
  color: var(--m-pink) !important;
}

.cl-pink-1 {
  color: var(--m-pink-1) !important;
}

.cl-pink-2 {
  color: var(--m-pink-2) !important;
}

.cl-pink-3 {
  color: var(--m-pink-3) !important;
}

.cl-pink-4 {
  color: var(--m-pink-4) !important;
}

.cl-pink-5 {
  color: var(--m-pink-5) !important;
}

.cl-pink-6 {
  color: var(--m-pink-6) !important;
}

.cl-pink-7 {
  color: var(--m-pink-7) !important;
}

.cl-pink-8 {
  color: var(--m-pink-8) !important;
}

.cl-pink-9 {
  color: var(--m-pink-9) !important;
}

.cl-pink-10 {
  color: var(--m-pink-10) !important;
}

/* Border colors */
.br-pink {
  border-color: var(--m-pink) !important;
}

.br-pink-1 {
  border-color: var(--m-pink-1) !important;
}

.br-pink-2 {
  border-color: var(--m-pink-2) !important;
}

.br-pink-3 {
  border-color: var(--m-pink-3) !important;
}

.br-pink-4 {
  border-color: var(--m-pink-4) !important;
}

.br-pink-5 {
  border-color: var(--m-pink-5) !important;
}

.br-pink-6 {
  border-color: var(--m-pink-6) !important;
}

.br-pink-7 {
  border-color: var(--m-pink-7) !important;
}

.br-pink-8 {
  border-color: var(--m-pink-8) !important;
}

.br-pink-9 {
  border-color: var(--m-pink-9) !important;
}

.br-pink-10 {
  border-color: var(--m-pink-10) !important;
}

/* Links */
.link-pink {
  color: var(--m-pink-5) !important;
  text-decoration: none !important;
  cursor: pointer;
}

.link-pink:focus, .link-pink:hover {
  color: var(--m-pink-6) !important;
}

.link-pink-dark {
  color: var(--m-pink-6) !important;
  text-decoration: none !important;
}

.link-pink-dark:focus, .link-pink-dark:hover {
  color: var(--m-pink-7) !important;
}

.link-pink-darker {
  color: var(--m-pink-7) !important;
  text-decoration: none !important;
}

.link-pink-darker:focus, .link-pink-darker:hover {
  color: var(--m-pink-8) !important;
}


/* fuchsia */
/* Background colors */
.bg-fuchsia {
  background-color: var(--m-fuchsia) !important;
}

.bg-fuchsia-1 {
  background-color: var(--m-fuchsia-1) !important;
}

.bg-fuchsia-2 {
  background-color: var(--m-fuchsia-2) !important;
}

.bg-fuchsia-3 {
  background-color: var(--m-fuchsia-3) !important;
}

.bg-fuchsia-4 {
  background-color: var(--m-fuchsia-4) !important;
}

.bg-fuchsia-5 {
  background-color: var(--m-fuchsia-5) !important;
}

.bg-fuchsia-6 {
  background-color: var(--m-fuchsia-6) !important;
}

.bg-fuchsia-7 {
  background-color: var(--m-fuchsia-7) !important;
}

.bg-fuchsia-8 {
  background-color: var(--m-fuchsia-8) !important;
}

.bg-fuchsia-9 {
  background-color: var(--m-fuchsia-9) !important;
}

.bg-fuchsia-10 {
  background-color: var(--m-fuchsia-10) !important;
}

/* Text colors */
.cl-fuchsia {
  color: var(--m-fuchsia) !important;
}

.cl-fuchsia-1 {
  color: var(--m-fuchsia-1) !important;
}

.cl-fuchsia-2 {
  color: var(--m-fuchsia-2) !important;
}

.cl-fuchsia-3 {
  color: var(--m-fuchsia-3) !important;
}

.cl-fuchsia-4 {
  color: var(--m-fuchsia-4) !important;
}

.cl-fuchsia-5 {
  color: var(--m-fuchsia-5) !important;
}

.cl-fuchsia-6 {
  color: var(--m-fuchsia-6) !important;
}

.cl-fuchsia-7 {
  color: var(--m-fuchsia-7) !important;
}

.cl-fuchsia-8 {
  color: var(--m-fuchsia-8) !important;
}

.cl-fuchsia-9 {
  color: var(--m-fuchsia-9) !important;
}

.cl-fuchsia-10 {
  color: var(--m-fuchsia-10) !important;
}

/* Border colors */
.br-fuchsia {
  border-color: var(--m-fuchsia) !important;
}

.br-fuchsia-1 {
  border-color: var(--m-fuchsia-1) !important;
}

.br-fuchsia-2 {
  border-color: var(--m-fuchsia-2) !important;
}

.br-fuchsia-3 {
  border-color: var(--m-fuchsia-3) !important;
}

.br-fuchsia-4 {
  border-color: var(--m-fuchsia-4) !important;
}

.br-fuchsia-5 {
  border-color: var(--m-fuchsia-5) !important;
}

.br-fuchsia-6 {
  border-color: var(--m-fuchsia-6) !important;
}

.br-fuchsia-7 {
  border-color: var(--m-fuchsia-7) !important;
}

.br-fuchsia-8 {
  border-color: var(--m-fuchsia-8) !important;
}

.br-fuchsia-9 {
  border-color: var(--m-fuchsia-9) !important;
}

.br-fuchsia-10 {
  border-color: var(--m-fuchsia-10) !important;
}

/* Links */
.link-fuchsia {
  color: var(--m-fuchsia-5) !important;
  text-decoration: none !important;
  cursor: pointer;
}

.link-fuchsia:focus, .link-fuchsia:hover {
  color: var(--m-fuchsia-6) !important;
}

.link-fuchsia-dark {
  color: var(--m-fuchsia-6) !important;
  text-decoration: none !important;
}

.link-fuchsia-dark:focus, .link-fuchsia-dark:hover {
  color: var(--m-fuchsia-7) !important;
}

.link-fuchsia-darker {
  color: var(--m-fuchsia-7) !important;
  text-decoration: none !important;
}

.link-fuchsia-darker:focus, .link-fuchsia-darker:hover {
  color: var(--m-fuchsia-8) !important;
}


/* purple */
/* Background colors */
.bg-purple {
  background-color: var(--m-purple) !important;
}

.bg-purple-1 {
  background-color: var(--m-purple-1) !important;
}

.bg-purple-2 {
  background-color: var(--m-purple-2) !important;
}

.bg-purple-3 {
  background-color: var(--m-purple-3) !important;
}

.bg-purple-4 {
  background-color: var(--m-purple-4) !important;
}

.bg-purple-5 {
  background-color: var(--m-purple-5) !important;
}

.bg-purple-6 {
  background-color: var(--m-purple-6) !important;
}

.bg-purple-7 {
  background-color: var(--m-purple-7) !important;
}

.bg-purple-8 {
  background-color: var(--m-purple-8) !important;
}

.bg-purple-9 {
  background-color: var(--m-purple-9) !important;
}

.bg-purple-10 {
  background-color: var(--m-purple-10) !important;
}

/* Text colors */
.cl-purple {
  color: var(--m-purple) !important;
}

.cl-purple-1 {
  color: var(--m-purple-1) !important;
}

.cl-purple-2 {
  color: var(--m-purple-2) !important;
}

.cl-purple-3 {
  color: var(--m-purple-3) !important;
}

.cl-purple-4 {
  color: var(--m-purple-4) !important;
}

.cl-purple-5 {
  color: var(--m-purple-5) !important;
}

.cl-purple-6 {
  color: var(--m-purple-6) !important;
}

.cl-purple-7 {
  color: var(--m-purple-7) !important;
}

.cl-purple-8 {
  color: var(--m-purple-8) !important;
}

.cl-purple-9 {
  color: var(--m-purple-9) !important;
}

.cl-purple-10 {
  color: var(--m-purple-10) !important;
}

/* Border colors */
.br-purple {
  border-color: var(--m-purple) !important;
}

.br-purple-1 {
  border-color: var(--m-purple-1) !important;
}

.br-purple-2 {
  border-color: var(--m-purple-2) !important;
}

.br-purple-3 {
  border-color: var(--m-purple-3) !important;
}

.br-purple-4 {
  border-color: var(--m-purple-4) !important;
}

.br-purple-5 {
  border-color: var(--m-purple-5) !important;
}

.br-purple-6 {
  border-color: var(--m-purple-6) !important;
}

.br-purple-7 {
  border-color: var(--m-purple-7) !important;
}

.br-purple-8 {
  border-color: var(--m-purple-8) !important;
}

.br-purple-9 {
  border-color: var(--m-purple-9) !important;
}

.br-purple-10 {
  border-color: var(--m-purple-10) !important;
}

/* Links */
.link-purple {
  color: var(--m-purple-5) !important;
  text-decoration: none !important;
  cursor: pointer;
}

.link-purple:focus, .link-purple:hover {
  color: var(--m-purple-6) !important;
}

.link-purple-dark {
  color: var(--m-purple-6) !important;
  text-decoration: none !important;
}

.link-purple-dark:focus, .link-purple-dark:hover {
  color: var(--m-purple-7) !important;
}

.link-purple-darker {
  color: var(--m-purple-7) !important;
  text-decoration: none !important;
}

.link-purple-darker:focus, .link-purple-darker:hover {
  color: var(--m-purple-8) !important;
}


/* violet */
/* Background colors */
.bg-violet {
  background-color: var(--m-violet) !important;
}

.bg-violet-1 {
  background-color: var(--m-violet-1) !important;
}

.bg-violet-2 {
  background-color: var(--m-violet-2) !important;
}

.bg-violet-3 {
  background-color: var(--m-violet-3) !important;
}

.bg-violet-4 {
  background-color: var(--m-violet-4) !important;
}

.bg-violet-5 {
  background-color: var(--m-violet-5) !important;
}

.bg-violet-6 {
  background-color: var(--m-violet-6) !important;
}

.bg-violet-7 {
  background-color: var(--m-violet-7) !important;
}

.bg-violet-8 {
  background-color: var(--m-violet-8) !important;
}

.bg-violet-9 {
  background-color: var(--m-violet-9) !important;
}

.bg-violet-10 {
  background-color: var(--m-violet-10) !important;
}

/* Text colors */
.cl-violet {
  color: var(--m-violet) !important;
}

.cl-violet-1 {
  color: var(--m-violet-1) !important;
}

.cl-violet-2 {
  color: var(--m-violet-2) !important;
}

.cl-violet-3 {
  color: var(--m-violet-3) !important;
}

.cl-violet-4 {
  color: var(--m-violet-4) !important;
}

.cl-violet-5 {
  color: var(--m-violet-5) !important;
}

.cl-violet-6 {
  color: var(--m-violet-6) !important;
}

.cl-violet-7 {
  color: var(--m-violet-7) !important;
}

.cl-violet-8 {
  color: var(--m-violet-8) !important;
}

.cl-violet-9 {
  color: var(--m-violet-9) !important;
}

.cl-violet-10 {
  color: var(--m-violet-10) !important;
}

/* Border colors */
.br-violet {
  border-color: var(--m-violet) !important;
}

.br-violet-1 {
  border-color: var(--m-violet-1) !important;
}

.br-violet-2 {
  border-color: var(--m-violet-2) !important;
}

.br-violet-3 {
  border-color: var(--m-violet-3) !important;
}

.br-violet-4 {
  border-color: var(--m-violet-4) !important;
}

.br-violet-5 {
  border-color: var(--m-violet-5) !important;
}

.br-violet-6 {
  border-color: var(--m-violet-6) !important;
}

.br-violet-7 {
  border-color: var(--m-violet-7) !important;
}

.br-violet-8 {
  border-color: var(--m-violet-8) !important;
}

.br-violet-9 {
  border-color: var(--m-violet-9) !important;
}

.br-violet-10 {
  border-color: var(--m-violet-10) !important;
}

/* Links */
.link-violet,
.link-info {
  color: var(--m-violet-5) !important;
  text-decoration: none !important;
  cursor: pointer;
}

.link-violet:focus, .link-violet:hover,
.link-info:focus, .link-info:hover {
  color: var(--m-violet-6) !important;
}

.link-violet-dark {
  color: var(--m-violet-6) !important;
  text-decoration: none !important;
}

.link-violet-dark:focus, .link-violet-dark:hover {
  color: var(--m-violet-7) !important;
}

.link-violet-darker {
  color: var(--m-violet-7) !important;
  text-decoration: none !important;
}

.link-violet-darker:focus, .link-violet-darker:hover {
  color: var(--m-violet-8) !important;
}


/* indigo */
/* Background colors */
.bg-indigo {
  background-color: var(--m-indigo) !important;
}

.bg-indigo-1 {
  background-color: var(--m-indigo-1) !important;
}

.bg-indigo-2 {
  background-color: var(--m-indigo-2) !important;
}

.bg-indigo-3 {
  background-color: var(--m-indigo-3) !important;
}

.bg-indigo-4 {
  background-color: var(--m-indigo-4) !important;
}

.bg-indigo-5 {
  background-color: var(--m-indigo-5) !important;
}

.bg-indigo-6 {
  background-color: var(--m-indigo-6) !important;
}

.bg-indigo-7 {
  background-color: var(--m-indigo-7) !important;
}

.bg-indigo-8 {
  background-color: var(--m-indigo-8) !important;
}

.bg-indigo-9 {
  background-color: var(--m-indigo-9) !important;
}

.bg-indigo-10 {
  background-color: var(--m-indigo-10) !important;
}

/* Text colors */
.cl-indigo {
  color: var(--m-indigo) !important;
}

.cl-indigo-1 {
  color: var(--m-indigo-1) !important;
}

.cl-indigo-2 {
  color: var(--m-indigo-2) !important;
}

.cl-indigo-3 {
  color: var(--m-indigo-3) !important;
}

.cl-indigo-4 {
  color: var(--m-indigo-4) !important;
}

.cl-indigo-5 {
  color: var(--m-indigo-5) !important;
}

.cl-indigo-6 {
  color: var(--m-indigo-6) !important;
}

.cl-indigo-7 {
  color: var(--m-indigo-7) !important;
}

.cl-indigo-8 {
  color: var(--m-indigo-8) !important;
}

.cl-indigo-9 {
  color: var(--m-indigo-9) !important;
}

.cl-indigo-10 {
  color: var(--m-indigo-10) !important;
}

/* Border colors */
.br-indigo {
  border-color: var(--m-indigo) !important;
}

.br-indigo-1 {
  border-color: var(--m-indigo-1) !important;
}

.br-indigo-2 {
  border-color: var(--m-indigo-2) !important;
}

.br-indigo-3 {
  border-color: var(--m-indigo-3) !important;
}

.br-indigo-4 {
  border-color: var(--m-indigo-4) !important;
}

.br-indigo-5 {
  border-color: var(--m-indigo-5) !important;
}

.br-indigo-6 {
  border-color: var(--m-indigo-6) !important;
}

.br-indigo-7 {
  border-color: var(--m-indigo-7) !important;
}

.br-indigo-8 {
  border-color: var(--m-indigo-8) !important;
}

.br-indigo-9 {
  border-color: var(--m-indigo-9) !important;
}

.br-indigo-10 {
  border-color: var(--m-indigo-10) !important;
}

/* Links */
.link-indigo {
  color: var(--m-indigo-5) !important;
  text-decoration: none !important;
  cursor: pointer;
}

.link-indigo:focus, .link-indigo:hover {
  color: var(--m-indigo-6) !important;
}

.link-indigo-dark {
  color: var(--m-indigo-6) !important;
  text-decoration: none !important;
}

.link-indigo-dark:focus, .link-indigo-dark:hover {
  color: var(--m-indigo-7) !important;
}

.link-indigo-darker {
  color: var(--m-indigo-7) !important;
  text-decoration: none !important;
}

.link-indigo-darker:focus, .link-indigo-darker:hover {
  color: var(--m-indigo-8) !important;
}


/* blue */
/* Background colors */
.bg-blue {
  background-color: var(--m-blue) !important;
}

.bg-blue-1 {
  background-color: var(--m-blue-1) !important;
}

.bg-blue-2 {
  background-color: var(--m-blue-2) !important;
}

.bg-blue-3 {
  background-color: var(--m-blue-3) !important;
}

.bg-blue-4 {
  background-color: var(--m-blue-4) !important;
}

.bg-blue-5 {
  background-color: var(--m-blue-5) !important;
}

.bg-blue-6 {
  background-color: var(--m-blue-6) !important;
}

.bg-blue-7 {
  background-color: var(--m-blue-7) !important;
}

.bg-blue-8 {
  background-color: var(--m-blue-8) !important;
}

.bg-blue-9 {
  background-color: var(--m-blue-9) !important;
}

.bg-blue-10 {
  background-color: var(--m-blue-10) !important;
}

/* Text colors */
.cl-blue {
  color: var(--m-blue) !important;
}

.cl-blue-1 {
  color: var(--m-blue-1) !important;
}

.cl-blue-2 {
  color: var(--m-blue-2) !important;
}

.cl-blue-3 {
  color: var(--m-blue-3) !important;
}

.cl-blue-4 {
  color: var(--m-blue-4) !important;
}

.cl-blue-5 {
  color: var(--m-blue-5) !important;
}

.cl-blue-6 {
  color: var(--m-blue-6) !important;
}

.cl-blue-7 {
  color: var(--m-blue-7) !important;
}

.cl-blue-8 {
  color: var(--m-blue-8) !important;
}

.cl-blue-9 {
  color: var(--m-blue-9) !important;
}

.cl-blue-10 {
  color: var(--m-blue-10) !important;
}

/* Border colors */
.br-blue {
  border-color: var(--m-blue) !important;
}

.br-blue-1 {
  border-color: var(--m-blue-1) !important;
}

.br-blue-2 {
  border-color: var(--m-blue-2) !important;
}

.br-blue-3 {
  border-color: var(--m-blue-3) !important;
}

.br-blue-4 {
  border-color: var(--m-blue-4) !important;
}

.br-blue-5 {
  border-color: var(--m-blue-5) !important;
}

.br-blue-6 {
  border-color: var(--m-blue-6) !important;
}

.br-blue-7 {
  border-color: var(--m-blue-7) !important;
}

.br-blue-8 {
  border-color: var(--m-blue-8) !important;
}

.br-blue-9 {
  border-color: var(--m-blue-9) !important;
}

.br-blue-10 {
  border-color: var(--m-blue-10) !important;
}

/* Links */
.link-blue,
.link-primary {
  color: var(--m-blue-5) !important;
  text-decoration: none !important;
  cursor: pointer;
}

.link-blue:focus, .link-blue:hover,
.link-primary:focus, .link-primary:hover {
  color: var(--m-blue-6) !important;
}

.link-blue-dark {
  color: var(--m-blue-6) !important;
  text-decoration: none !important;
}

.link-blue-dark:focus, .link-blue-dark:hover {
  color: var(--m-blue-7) !important;
}

.link-blue-darker {
  color: var(--m-blue-7) !important;
  text-decoration: none !important;
}

.link-blue-darker:focus, .link-blue-darker:hover {
  color: var(--m-blue-8) !important;
}


/* sky */
/* Background colors */
.bg-sky {
  background-color: var(--m-sky) !important;
}

.bg-sky-1 {
  background-color: var(--m-sky-1) !important;
}

.bg-sky-2 {
  background-color: var(--m-sky-2) !important;
}

.bg-sky-3 {
  background-color: var(--m-sky-3) !important;
}

.bg-sky-4 {
  background-color: var(--m-sky-4) !important;
}

.bg-sky-5 {
  background-color: var(--m-sky-5) !important;
}

.bg-sky-6 {
  background-color: var(--m-sky-6) !important;
}

.bg-sky-7 {
  background-color: var(--m-sky-7) !important;
}

.bg-sky-8 {
  background-color: var(--m-sky-8) !important;
}

.bg-sky-9 {
  background-color: var(--m-sky-9) !important;
}

.bg-sky-10 {
  background-color: var(--m-sky-10) !important;
}

/* Text colors */
.cl-sky {
  color: var(--m-sky) !important;
}

.cl-sky-1 {
  color: var(--m-sky-1) !important;
}

.cl-sky-2 {
  color: var(--m-sky-2) !important;
}

.cl-sky-3 {
  color: var(--m-sky-3) !important;
}

.cl-sky-4 {
  color: var(--m-sky-4) !important;
}

.cl-sky-5 {
  color: var(--m-sky-5) !important;
}

.cl-sky-6 {
  color: var(--m-sky-6) !important;
}

.cl-sky-7 {
  color: var(--m-sky-7) !important;
}

.cl-sky-8 {
  color: var(--m-sky-8) !important;
}

.cl-sky-9 {
  color: var(--m-sky-9) !important;
}

.cl-sky-10 {
  color: var(--m-sky-10) !important;
}

/* Border colors */
.br-sky {
  border-color: var(--m-sky) !important;
}

.br-sky-1 {
  border-color: var(--m-sky-1) !important;
}

.br-sky-2 {
  border-color: var(--m-sky-2) !important;
}

.br-sky-3 {
  border-color: var(--m-sky-3) !important;
}

.br-sky-4 {
  border-color: var(--m-sky-4) !important;
}

.br-sky-5 {
  border-color: var(--m-sky-5) !important;
}

.br-sky-6 {
  border-color: var(--m-sky-6) !important;
}

.br-sky-7 {
  border-color: var(--m-sky-7) !important;
}

.br-sky-8 {
  border-color: var(--m-sky-8) !important;
}

.br-sky-9 {
  border-color: var(--m-sky-9) !important;
}

.br-sky-10 {
  border-color: var(--m-sky-10) !important;
}

/* Links */
.link-sky {
  color: var(--m-sky-5) !important;
  text-decoration: none !important;
  cursor: pointer;
}

.link-sky:focus, .link-sky:hover {
  color: var(--m-sky-6) !important;
}

.link-sky-dark {
  color: var(--m-sky-6) !important;
  text-decoration: none !important;
}

.link-sky-dark:focus, .link-sky-dark:hover {
  color: var(--m-sky-7) !important;
}

.link-sky-darker {
  color: var(--m-sky-7) !important;
  text-decoration: none !important;
}

.link-sky-darker:focus, .link-sky-darker:hover {
  color: var(--m-sky-8) !important;
}


/* cyan */
/* Background colors */
.bg-cyan {
  background-color: var(--m-cyan) !important;
}

.bg-cyan-1 {
  background-color: var(--m-cyan-1) !important;
}

.bg-cyan-2 {
  background-color: var(--m-cyan-2) !important;
}

.bg-cyan-3 {
  background-color: var(--m-cyan-3) !important;
}

.bg-cyan-4 {
  background-color: var(--m-cyan-4) !important;
}

.bg-cyan-5 {
  background-color: var(--m-cyan-5) !important;
}

.bg-cyan-6 {
  background-color: var(--m-cyan-6) !important;
}

.bg-cyan-7 {
  background-color: var(--m-cyan-7) !important;
}

.bg-cyan-8 {
  background-color: var(--m-cyan-8) !important;
}

.bg-cyan-9 {
  background-color: var(--m-cyan-9) !important;
}

.bg-cyan-10 {
  background-color: var(--m-cyan-10) !important;
}

/* Text colors */
.cl-cyan {
  color: var(--m-cyan) !important;
}

.cl-cyan-1 {
  color: var(--m-cyan-1) !important;
}

.cl-cyan-2 {
  color: var(--m-cyan-2) !important;
}

.cl-cyan-3 {
  color: var(--m-cyan-3) !important;
}

.cl-cyan-4 {
  color: var(--m-cyan-4) !important;
}

.cl-cyan-5 {
  color: var(--m-cyan-5) !important;
}

.cl-cyan-6 {
  color: var(--m-cyan-6) !important;
}

.cl-cyan-7 {
  color: var(--m-cyan-7) !important;
}

.cl-cyan-8 {
  color: var(--m-cyan-8) !important;
}

.cl-cyan-9 {
  color: var(--m-cyan-9) !important;
}

.cl-cyan-10 {
  color: var(--m-cyan-10) !important;
}

/* Border colors */
.br-cyan {
  border-color: var(--m-cyan) !important;
}

.br-cyan-1 {
  border-color: var(--m-cyan-1) !important;
}

.br-cyan-2 {
  border-color: var(--m-cyan-2) !important;
}

.br-cyan-3 {
  border-color: var(--m-cyan-3) !important;
}

.br-cyan-4 {
  border-color: var(--m-cyan-4) !important;
}

.br-cyan-5 {
  border-color: var(--m-cyan-5) !important;
}

.br-cyan-6 {
  border-color: var(--m-cyan-6) !important;
}

.br-cyan-7 {
  border-color: var(--m-cyan-7) !important;
}

.br-cyan-8 {
  border-color: var(--m-cyan-8) !important;
}

.br-cyan-9 {
  border-color: var(--m-cyan-9) !important;
}

.br-cyan-10 {
  border-color: var(--m-cyan-10) !important;
}

/* Links */
.link-cyan {
  color: var(--m-cyan-5) !important;
  text-decoration: none !important;
  cursor: pointer;
}

.link-cyan:focus, .link-cyan:hover {
  color: var(--m-cyan-6) !important;
}

.link-cyan-dark {
  color: var(--m-cyan-6) !important;
  text-decoration: none !important;
}

.link-cyan-dark:focus, .link-cyan-dark:hover {
  color: var(--m-cyan-7) !important;
}

.link-cyan-darker {
  color: var(--m-cyan-7) !important;
  text-decoration: none !important;
}

.link-cyan-darker:focus, .link-cyan-darker:hover {
  color: var(--m-cyan-8) !important;
}


/* teal */
/* Background colors */
.bg-teal {
  background-color: var(--m-teal) !important;
}

.bg-teal-1 {
  background-color: var(--m-teal-1) !important;
}

.bg-teal-2 {
  background-color: var(--m-teal-2) !important;
}

.bg-teal-3 {
  background-color: var(--m-teal-3) !important;
}

.bg-teal-4 {
  background-color: var(--m-teal-4) !important;
}

.bg-teal-5 {
  background-color: var(--m-teal-5) !important;
}

.bg-teal-6 {
  background-color: var(--m-teal-6) !important;
}

.bg-teal-7 {
  background-color: var(--m-teal-7) !important;
}

.bg-teal-8 {
  background-color: var(--m-teal-8) !important;
}

.bg-teal-9 {
  background-color: var(--m-teal-9) !important;
}

.bg-teal-10 {
  background-color: var(--m-teal-10) !important;
}

/* Text colors */
.cl-teal {
  color: var(--m-teal) !important;
}

.cl-teal-1 {
  color: var(--m-teal-1) !important;
}

.cl-teal-2 {
  color: var(--m-teal-2) !important;
}

.cl-teal-3 {
  color: var(--m-teal-3) !important;
}

.cl-teal-4 {
  color: var(--m-teal-4) !important;
}

.cl-teal-5 {
  color: var(--m-teal-5) !important;
}

.cl-teal-6 {
  color: var(--m-teal-6) !important;
}

.cl-teal-7 {
  color: var(--m-teal-7) !important;
}

.cl-teal-8 {
  color: var(--m-teal-8) !important;
}

.cl-teal-9 {
  color: var(--m-teal-9) !important;
}

.cl-teal-10 {
  color: var(--m-teal-10) !important;
}

/* Border colors */
.br-teal {
  border-color: var(--m-teal) !important;
}

.br-teal-1 {
  border-color: var(--m-teal-1) !important;
}

.br-teal-2 {
  border-color: var(--m-teal-2) !important;
}

.br-teal-3 {
  border-color: var(--m-teal-3) !important;
}

.br-teal-4 {
  border-color: var(--m-teal-4) !important;
}

.br-teal-5 {
  border-color: var(--m-teal-5) !important;
}

.br-teal-6 {
  border-color: var(--m-teal-6) !important;
}

.br-teal-7 {
  border-color: var(--m-teal-7) !important;
}

.br-teal-8 {
  border-color: var(--m-teal-8) !important;
}

.br-teal-9 {
  border-color: var(--m-teal-9) !important;
}

.br-teal-10 {
  border-color: var(--m-teal-10) !important;
}

/* Links */
.link-teal {
  color: var(--m-teal-5) !important;
  text-decoration: none !important;
  cursor: pointer;
}

.link-teal:focus, .link-teal:hover {
  color: var(--m-teal-6) !important;
}

.link-teal-dark {
  color: var(--m-teal-6) !important;
  text-decoration: none !important;
}

.link-teal-dark:focus, .link-teal-dark:hover {
  color: var(--m-teal-7) !important;
}

.link-teal-darker {
  color: var(--m-teal-7) !important;
  text-decoration: none !important;
}

.link-teal-darker:focus, .link-teal-darker:hover {
  color: var(--m-teal-8) !important;
}


/* emerald */
/* Background colors */
.bg-emerald {
  background-color: var(--m-emerald) !important;
}

.bg-emerald-1 {
  background-color: var(--m-emerald-1) !important;
}

.bg-emerald-2 {
  background-color: var(--m-emerald-2) !important;
}

.bg-emerald-3 {
  background-color: var(--m-emerald-3) !important;
}

.bg-emerald-4 {
  background-color: var(--m-emerald-4) !important;
}

.bg-emerald-5 {
  background-color: var(--m-emerald-5) !important;
}

.bg-emerald-6 {
  background-color: var(--m-emerald-6) !important;
}

.bg-emerald-7 {
  background-color: var(--m-emerald-7) !important;
}

.bg-emerald-8 {
  background-color: var(--m-emerald-8) !important;
}

.bg-emerald-9 {
  background-color: var(--m-emerald-9) !important;
}

.bg-emerald-10 {
  background-color: var(--m-emerald-10) !important;
}

/* Text colors */
.cl-emerald {
  color: var(--m-emerald) !important;
}

.cl-emerald-1 {
  color: var(--m-emerald-1) !important;
}

.cl-emerald-2 {
  color: var(--m-emerald-2) !important;
}

.cl-emerald-3 {
  color: var(--m-emerald-3) !important;
}

.cl-emerald-4 {
  color: var(--m-emerald-4) !important;
}

.cl-emerald-5 {
  color: var(--m-emerald-5) !important;
}

.cl-emerald-6 {
  color: var(--m-emerald-6) !important;
}

.cl-emerald-7 {
  color: var(--m-emerald-7) !important;
}

.cl-emerald-8 {
  color: var(--m-emerald-8) !important;
}

.cl-emerald-9 {
  color: var(--m-emerald-9) !important;
}

.cl-emerald-10 {
  color: var(--m-emerald-10) !important;
}

/* Border colors */
.br-emerald {
  border-color: var(--m-emerald) !important;
}

.br-emerald-1 {
  border-color: var(--m-emerald-1) !important;
}

.br-emerald-2 {
  border-color: var(--m-emerald-2) !important;
}

.br-emerald-3 {
  border-color: var(--m-emerald-3) !important;
}

.br-emerald-4 {
  border-color: var(--m-emerald-4) !important;
}

.br-emerald-5 {
  border-color: var(--m-emerald-5) !important;
}

.br-emerald-6 {
  border-color: var(--m-emerald-6) !important;
}

.br-emerald-7 {
  border-color: var(--m-emerald-7) !important;
}

.br-emerald-8 {
  border-color: var(--m-emerald-8) !important;
}

.br-emerald-9 {
  border-color: var(--m-emerald-9) !important;
}

.br-emerald-10 {
  border-color: var(--m-emerald-10) !important;
}

/* Links */
.link-emerald {
  color: var(--m-emerald-5) !important;
  text-decoration: none !important;
  cursor: pointer;
}

.link-emerald:focus, .link-emerald:hover {
  color: var(--m-emerald-6) !important;
}

.link-emerald-dark {
  color: var(--m-emerald-6) !important;
  text-decoration: none !important;
}

.link-emerald-dark:focus, .link-emerald-dark:hover {
  color: var(--m-emerald-7) !important;
}

.link-emerald-darker {
  color: var(--m-emerald-7) !important;
  text-decoration: none !important;
}

.link-emerald-darker:focus, .link-emerald-darker:hover {
  color: var(--m-emerald-8) !important;
}


/* green */
/* Background colors */
.bg-green {
  background-color: var(--m-green) !important;
}

.bg-green-1 {
  background-color: var(--m-green-1) !important;
}

.bg-green-2 {
  background-color: var(--m-green-2) !important;
}

.bg-green-3 {
  background-color: var(--m-green-3) !important;
}

.bg-green-4 {
  background-color: var(--m-green-4) !important;
}

.bg-green-5 {
  background-color: var(--m-green-5) !important;
}

.bg-green-6 {
  background-color: var(--m-green-6) !important;
}

.bg-green-7 {
  background-color: var(--m-green-7) !important;
}

.bg-green-8 {
  background-color: var(--m-green-8) !important;
}

.bg-green-9 {
  background-color: var(--m-green-9) !important;
}

.bg-green-10 {
  background-color: var(--m-green-10) !important;
}

/* Text colors */
.cl-green {
  color: var(--m-green) !important;
}

.cl-green-1 {
  color: var(--m-green-1) !important;
}

.cl-green-2 {
  color: var(--m-green-2) !important;
}

.cl-green-3 {
  color: var(--m-green-3) !important;
}

.cl-green-4 {
  color: var(--m-green-4) !important;
}

.cl-green-5 {
  color: var(--m-green-5) !important;
}

.cl-green-6 {
  color: var(--m-green-6) !important;
}

.cl-green-7 {
  color: var(--m-green-7) !important;
}

.cl-green-8 {
  color: var(--m-green-8) !important;
}

.cl-green-9 {
  color: var(--m-green-9) !important;
}

.cl-green-10 {
  color: var(--m-green-10) !important;
}

/* Border colors */
.br-green {
  border-color: var(--m-green) !important;
}

.br-green-1 {
  border-color: var(--m-green-1) !important;
}

.br-green-2 {
  border-color: var(--m-green-2) !important;
}

.br-green-3 {
  border-color: var(--m-green-3) !important;
}

.br-green-4 {
  border-color: var(--m-green-4) !important;
}

.br-green-5 {
  border-color: var(--m-green-5) !important;
}

.br-green-6 {
  border-color: var(--m-green-6) !important;
}

.br-green-7 {
  border-color: var(--m-green-7) !important;
}

.br-green-8 {
  border-color: var(--m-green-8) !important;
}

.br-green-9 {
  border-color: var(--m-green-9) !important;
}

.br-green-10 {
  border-color: var(--m-green-10) !important;
}

/* Links */
.link-green,
.link-success {
  color: var(--m-green-5) !important;
  text-decoration: none !important;
  cursor: pointer;
}

.link-green:focus, .link-green:hover,
.link-success:focus, .link-success:hover {
  color: var(--m-green-6) !important;
}

.link-green-dark {
  color: var(--m-green-6) !important;
  text-decoration: none !important;
}

.link-green-dark:focus, .link-green-dark:hover {
  color: var(--m-green-7) !important;
}

.link-green-darker {
  color: var(--m-green-7) !important;
  text-decoration: none !important;
}

.link-green-darker:focus, .link-green-darker:hover {
  color: var(--m-green-8) !important;
}


/* lime */
/* Background colors */
.bg-lime {
  background-color: var(--m-lime) !important;
}

.bg-lime-1 {
  background-color: var(--m-lime-1) !important;
}

.bg-lime-2 {
  background-color: var(--m-lime-2) !important;
}

.bg-lime-3 {
  background-color: var(--m-lime-3) !important;
}

.bg-lime-4 {
  background-color: var(--m-lime-4) !important;
}

.bg-lime-5 {
  background-color: var(--m-lime-5) !important;
}

.bg-lime-6 {
  background-color: var(--m-lime-6) !important;
}

.bg-lime-7 {
  background-color: var(--m-lime-7) !important;
}

.bg-lime-8 {
  background-color: var(--m-lime-8) !important;
}

.bg-lime-9 {
  background-color: var(--m-lime-9) !important;
}

.bg-lime-10 {
  background-color: var(--m-lime-10) !important;
}

/* Text colors */
.cl-lime {
  color: var(--m-lime) !important;
}

.cl-lime-1 {
  color: var(--m-lime-1) !important;
}

.cl-lime-2 {
  color: var(--m-lime-2) !important;
}

.cl-lime-3 {
  color: var(--m-lime-3) !important;
}

.cl-lime-4 {
  color: var(--m-lime-4) !important;
}

.cl-lime-5 {
  color: var(--m-lime-5) !important;
}

.cl-lime-6 {
  color: var(--m-lime-6) !important;
}

.cl-lime-7 {
  color: var(--m-lime-7) !important;
}

.cl-lime-8 {
  color: var(--m-lime-8) !important;
}

.cl-lime-9 {
  color: var(--m-lime-9) !important;
}

.cl-lime-10 {
  color: var(--m-lime-10) !important;
}

/* Border colors */
.br-lime {
  border-color: var(--m-lime) !important;
}

.br-lime-1 {
  border-color: var(--m-lime-1) !important;
}

.br-lime-2 {
  border-color: var(--m-lime-2) !important;
}

.br-lime-3 {
  border-color: var(--m-lime-3) !important;
}

.br-lime-4 {
  border-color: var(--m-lime-4) !important;
}

.br-lime-5 {
  border-color: var(--m-lime-5) !important;
}

.br-lime-6 {
  border-color: var(--m-lime-6) !important;
}

.br-lime-7 {
  border-color: var(--m-lime-7) !important;
}

.br-lime-8 {
  border-color: var(--m-lime-8) !important;
}

.br-lime-9 {
  border-color: var(--m-lime-9) !important;
}

.br-lime-10 {
  border-color: var(--m-lime-10) !important;
}

/* Links */
.link-lime {
  color: var(--m-lime-5) !important;
  text-decoration: none !important;
  cursor: pointer;
}

.link-lime:focus, .link-lime:hover {
  color: var(--m-lime-6) !important;
}

.link-lime-dark {
  color: var(--m-lime-6) !important;
  text-decoration: none !important;
}

.link-lime-dark:focus, .link-lime-dark:hover {
  color: var(--m-lime-7) !important;
}

.link-lime-darker {
  color: var(--m-lime-7) !important;
  text-decoration: none !important;
}

.link-lime-darker:focus, .link-lime-darker:hover {
  color: var(--m-lime-8) !important;
}


/* slate */
/* Background colors */
.bg-slate {
  background-color: var(--m-slate) !important;
}

.bg-slate-1 {
  background-color: var(--m-slate-1) !important;
}

.bg-slate-2 {
  background-color: var(--m-slate-2) !important;
}

.bg-slate-3 {
  background-color: var(--m-slate-3) !important;
}

.bg-slate-4 {
  background-color: var(--m-slate-4) !important;
}

.bg-slate-5 {
  background-color: var(--m-slate-5) !important;
}

.bg-slate-6 {
  background-color: var(--m-slate-6) !important;
}

.bg-slate-7 {
  background-color: var(--m-slate-7) !important;
}

.bg-slate-8 {
  background-color: var(--m-slate-8) !important;
}

.bg-slate-9 {
  background-color: var(--m-slate-9) !important;
}

.bg-slate-10 {
  background-color: var(--m-slate-10) !important;
}

/* Text colors */
.cl-slate {
  color: var(--m-slate) !important;
}

.cl-slate-1 {
  color: var(--m-slate-1) !important;
}

.cl-slate-2 {
  color: var(--m-slate-2) !important;
}

.cl-slate-3 {
  color: var(--m-slate-3) !important;
}

.cl-slate-4 {
  color: var(--m-slate-4) !important;
}

.cl-slate-5 {
  color: var(--m-slate-5) !important;
}

.cl-slate-6 {
  color: var(--m-slate-6) !important;
}

.cl-slate-7 {
  color: var(--m-slate-7) !important;
}

.cl-slate-8 {
  color: var(--m-slate-8) !important;
}

.cl-slate-9 {
  color: var(--m-slate-9) !important;
}

.cl-slate-10 {
  color: var(--m-slate-10) !important;
}

/* Border colors */
.br-slate {
  border-color: var(--m-slate) !important;
}

.br-slate-1 {
  border-color: var(--m-slate-1) !important;
}

.br-slate-2 {
  border-color: var(--m-slate-2) !important;
}

.br-slate-3 {
  border-color: var(--m-slate-3) !important;
}

.br-slate-4 {
  border-color: var(--m-slate-4) !important;
}

.br-slate-5 {
  border-color: var(--m-slate-5) !important;
}

.br-slate-6 {
  border-color: var(--m-slate-6) !important;
}

.br-slate-7 {
  border-color: var(--m-slate-7) !important;
}

.br-slate-8 {
  border-color: var(--m-slate-8) !important;
}

.br-slate-9 {
  border-color: var(--m-slate-9) !important;
}

.br-slate-10 {
  border-color: var(--m-slate-10) !important;
}

/* Links */
.link-slate {
  color: var(--m-slate-5) !important;
  text-decoration: none !important;
  cursor: pointer;
}

.link-slate:focus, .link-slate:hover {
  color: var(--m-slate-6) !important;
}

.link-slate-dark {
  color: var(--m-slate-6) !important;
  text-decoration: none !important;
}

.link-slate-dark:focus, .link-slate-dark:hover {
  color: var(--m-slate-7) !important;
}

.link-slate-darker {
  color: var(--m-slate-7) !important;
  text-decoration: none !important;
}

.link-slate-darker:focus, .link-slate-darker:hover {
  color: var(--m-slate-8) !important;
}


/* gray */
/* Background colors */
.bg-gray {
  background-color: var(--m-gray) !important;
}

.bg-gray-1 {
  background-color: var(--m-gray-1) !important;
}

.bg-gray-2 {
  background-color: var(--m-gray-2) !important;
}

.bg-gray-3 {
  background-color: var(--m-gray-3) !important;
}

.bg-gray-4 {
  background-color: var(--m-gray-4) !important;
}

.bg-gray-5 {
  background-color: var(--m-gray-5) !important;
}

.bg-gray-6 {
  background-color: var(--m-gray-6) !important;
}

.bg-gray-7 {
  background-color: var(--m-gray-7) !important;
}

.bg-gray-8 {
  background-color: var(--m-gray-8) !important;
}

.bg-gray-9 {
  background-color: var(--m-gray-9) !important;
}

.bg-gray-10 {
  background-color: var(--m-gray-10) !important;
}

/* Text colors */
.cl-gray {
  color: var(--m-gray) !important;
}

.cl-gray-1 {
  color: var(--m-gray-1) !important;
}

.cl-gray-2 {
  color: var(--m-gray-2) !important;
}

.cl-gray-3 {
  color: var(--m-gray-3) !important;
}

.cl-gray-4 {
  color: var(--m-gray-4) !important;
}

.cl-gray-5 {
  color: var(--m-gray-5) !important;
}

.cl-gray-6 {
  color: var(--m-gray-6) !important;
}

.cl-gray-7 {
  color: var(--m-gray-7) !important;
}

.cl-gray-8 {
  color: var(--m-gray-8) !important;
}

.cl-gray-9 {
  color: var(--m-gray-9) !important;
}

.cl-gray-10 {
  color: var(--m-gray-10) !important;
}

/* Border colors */
.br-gray {
  border-color: var(--m-gray) !important;
}

.br-gray-1 {
  border-color: var(--m-gray-1) !important;
}

.br-gray-2 {
  border-color: var(--m-gray-2) !important;
}

.br-gray-3 {
  border-color: var(--m-gray-3) !important;
}

.br-gray-4 {
  border-color: var(--m-gray-4) !important;
}

.br-gray-5 {
  border-color: var(--m-gray-5) !important;
}

.br-gray-6 {
  border-color: var(--m-gray-6) !important;
}

.br-gray-7 {
  border-color: var(--m-gray-7) !important;
}

.br-gray-8 {
  border-color: var(--m-gray-8) !important;
}

.br-gray-9 {
  border-color: var(--m-gray-9) !important;
}

.br-gray-10 {
  border-color: var(--m-gray-10) !important;
}

/* Links */
.link-gray {
  color: var(--m-gray-5) !important;
  text-decoration: none !important;
  cursor: pointer;
}

.link-gray:focus, .link-gray:hover {
  color: var(--m-gray-6) !important;
}

.link-gray-dark {
  color: var(--m-gray-6) !important;
  text-decoration: none !important;
}

.link-gray-dark:focus, .link-gray-dark:hover {
  color: var(--m-gray-7) !important;
}

.link-gray-darker {
  color: var(--m-gray-7) !important;
  text-decoration: none !important;
}

.link-gray-darker:focus, .link-gray-darker:hover {
  color: var(--m-gray-8) !important;
}


/* zinc */
/* Background colors */
.bg-zinc {
  background-color: var(--m-zinc) !important;
}

.bg-zinc-1 {
  background-color: var(--m-zinc-1) !important;
}

.bg-zinc-2 {
  background-color: var(--m-zinc-2) !important;
}

.bg-zinc-3 {
  background-color: var(--m-zinc-3) !important;
}

.bg-zinc-4 {
  background-color: var(--m-zinc-4) !important;
}

.bg-zinc-5 {
  background-color: var(--m-zinc-5) !important;
}

.bg-zinc-6 {
  background-color: var(--m-zinc-6) !important;
}

.bg-zinc-7 {
  background-color: var(--m-zinc-7) !important;
}

.bg-zinc-8 {
  background-color: var(--m-zinc-8) !important;
}

.bg-zinc-9 {
  background-color: var(--m-zinc-9) !important;
}

.bg-zinc-10 {
  background-color: var(--m-zinc-10) !important;
}

/* Text colors */
.cl-zinc {
  color: var(--m-zinc) !important;
}

.cl-zinc-1 {
  color: var(--m-zinc-1) !important;
}

.cl-zinc-2 {
  color: var(--m-zinc-2) !important;
}

.cl-zinc-3 {
  color: var(--m-zinc-3) !important;
}

.cl-zinc-4 {
  color: var(--m-zinc-4) !important;
}

.cl-zinc-5 {
  color: var(--m-zinc-5) !important;
}

.cl-zinc-6 {
  color: var(--m-zinc-6) !important;
}

.cl-zinc-7 {
  color: var(--m-zinc-7) !important;
}

.cl-zinc-8 {
  color: var(--m-zinc-8) !important;
}

.cl-zinc-9 {
  color: var(--m-zinc-9) !important;
}

.cl-zinc-10 {
  color: var(--m-zinc-10) !important;
}

/* Border colors */
.br-zinc {
  border-color: var(--m-zinc) !important;
}

.br-zinc-1 {
  border-color: var(--m-zinc-1) !important;
}

.br-zinc-2 {
  border-color: var(--m-zinc-2) !important;
}

.br-zinc-3 {
  border-color: var(--m-zinc-3) !important;
}

.br-zinc-4 {
  border-color: var(--m-zinc-4) !important;
}

.br-zinc-5 {
  border-color: var(--m-zinc-5) !important;
}

.br-zinc-6 {
  border-color: var(--m-zinc-6) !important;
}

.br-zinc-7 {
  border-color: var(--m-zinc-7) !important;
}

.br-zinc-8 {
  border-color: var(--m-zinc-8) !important;
}

.br-zinc-9 {
  border-color: var(--m-zinc-9) !important;
}

.br-zinc-10 {
  border-color: var(--m-zinc-10) !important;
}

/* Links */
.link-zinc {
  color: var(--m-zinc-5) !important;
  text-decoration: none !important;
  cursor: pointer;
}

.link-zinc:focus, .link-zinc:hover {
  color: var(--m-zinc-6) !important;
}

.link-zinc-dark {
  color: var(--m-zinc-6) !important;
  text-decoration: none !important;
}

.link-zinc-dark:focus, .link-zinc-dark:hover {
  color: var(--m-zinc-7) !important;
}

.link-zinc-darker {
  color: var(--m-zinc-7) !important;
  text-decoration: none !important;
}

.link-zinc-darker:focus, .link-zinc-darker:hover {
  color: var(--m-zinc-8) !important;
}


/* silver */
/* Background colors */
.bg-silver {
  background-color: var(--m-silver) !important;
}

.bg-silver-1 {
  background-color: var(--m-silver-1) !important;
}

.bg-silver-2 {
  background-color: var(--m-silver-2) !important;
}

.bg-silver-3 {
  background-color: var(--m-silver-3) !important;
}

.bg-silver-4 {
  background-color: var(--m-silver-4) !important;
}

.bg-silver-5 {
  background-color: var(--m-silver-5) !important;
}

.bg-silver-6 {
  background-color: var(--m-silver-6) !important;
}

.bg-silver-7 {
  background-color: var(--m-silver-7) !important;
}

.bg-silver-8 {
  background-color: var(--m-silver-8) !important;
}

.bg-silver-9 {
  background-color: var(--m-silver-9) !important;
}

.bg-silver-10 {
  background-color: var(--m-silver-10) !important;
}

/* Text colors */
.cl-silver {
  color: var(--m-silver) !important;
}

.cl-silver-1 {
  color: var(--m-silver-1) !important;
}

.cl-silver-2 {
  color: var(--m-silver-2) !important;
}

.cl-silver-3 {
  color: var(--m-silver-3) !important;
}

.cl-silver-4 {
  color: var(--m-silver-4) !important;
}

.cl-silver-5 {
  color: var(--m-silver-5) !important;
}

.cl-silver-6 {
  color: var(--m-silver-6) !important;
}

.cl-silver-7 {
  color: var(--m-silver-7) !important;
}

.cl-silver-8 {
  color: var(--m-silver-8) !important;
}

.cl-silver-9 {
  color: var(--m-silver-9) !important;
}

.cl-silver-10 {
  color: var(--m-silver-10) !important;
}

/* Border colors */
.br-silver {
  border-color: var(--m-silver) !important;
}

.br-silver-1 {
  border-color: var(--m-silver-1) !important;
}

.br-silver-2 {
  border-color: var(--m-silver-2) !important;
}

.br-silver-3 {
  border-color: var(--m-silver-3) !important;
}

.br-silver-4 {
  border-color: var(--m-silver-4) !important;
}

.br-silver-5 {
  border-color: var(--m-silver-5) !important;
}

.br-silver-6 {
  border-color: var(--m-silver-6) !important;
}

.br-silver-7 {
  border-color: var(--m-silver-7) !important;
}

.br-silver-8 {
  border-color: var(--m-silver-8) !important;
}

.br-silver-9 {
  border-color: var(--m-silver-9) !important;
}

.br-silver-10 {
  border-color: var(--m-silver-10) !important;
}

/* Links */
.link-silver,
.link-secondary {
  color: var(--m-silver-5) !important;
  text-decoration: none !important;
  cursor: pointer;
}

.link-silver:focus, .link-silver:hover,
.link-secondary:focus, .link-secondary:hover {
  color: var(--m-silver-6) !important;
}

.link-silver-dark {
  color: var(--m-silver-6) !important;
  text-decoration: none !important;
}

.link-silver-dark:focus, .link-silver-dark:hover {
  color: var(--m-silver-7) !important;
}

.link-silver-darker {
  color: var(--m-silver-7) !important;
  text-decoration: none !important;
}

.link-silver-darker:focus, .link-silver-darker:hover {
  color: var(--m-silver-8) !important;
}


/* stone */
/* Background colors */
.bg-stone {
  background-color: var(--m-stone) !important;
}

.bg-stone-1 {
  background-color: var(--m-stone-1) !important;
}

.bg-stone-2 {
  background-color: var(--m-stone-2) !important;
}

.bg-stone-3 {
  background-color: var(--m-stone-3) !important;
}

.bg-stone-4 {
  background-color: var(--m-stone-4) !important;
}

.bg-stone-5 {
  background-color: var(--m-stone-5) !important;
}

.bg-stone-6 {
  background-color: var(--m-stone-6) !important;
}

.bg-stone-7 {
  background-color: var(--m-stone-7) !important;
}

.bg-stone-8 {
  background-color: var(--m-stone-8) !important;
}

.bg-stone-9 {
  background-color: var(--m-stone-9) !important;
}

.bg-stone-10 {
  background-color: var(--m-stone-10) !important;
}

/* Text colors */
.cl-stone {
  color: var(--m-stone) !important;
}

.cl-stone-1 {
  color: var(--m-stone-1) !important;
}

.cl-stone-2 {
  color: var(--m-stone-2) !important;
}

.cl-stone-3 {
  color: var(--m-stone-3) !important;
}

.cl-stone-4 {
  color: var(--m-stone-4) !important;
}

.cl-stone-5 {
  color: var(--m-stone-5) !important;
}

.cl-stone-6 {
  color: var(--m-stone-6) !important;
}

.cl-stone-7 {
  color: var(--m-stone-7) !important;
}

.cl-stone-8 {
  color: var(--m-stone-8) !important;
}

.cl-stone-9 {
  color: var(--m-stone-9) !important;
}

.cl-stone-10 {
  color: var(--m-stone-10) !important;
}

/* Border colors */
.br-stone {
  border-color: var(--m-stone) !important;
}

.br-stone-1 {
  border-color: var(--m-stone-1) !important;
}

.br-stone-2 {
  border-color: var(--m-stone-2) !important;
}

.br-stone-3 {
  border-color: var(--m-stone-3) !important;
}

.br-stone-4 {
  border-color: var(--m-stone-4) !important;
}

.br-stone-5 {
  border-color: var(--m-stone-5) !important;
}

.br-stone-6 {
  border-color: var(--m-stone-6) !important;
}

.br-stone-7 {
  border-color: var(--m-stone-7) !important;
}

.br-stone-8 {
  border-color: var(--m-stone-8) !important;
}

.br-stone-9 {
  border-color: var(--m-stone-9) !important;
}

.br-stone-10 {
  border-color: var(--m-stone-10) !important;
}

/* Links */
.link-stone {
  color: var(--m-stone-5) !important;
  text-decoration: none !important;
  cursor: pointer;
}

.link-stone:focus, .link-stone:hover {
  color: var(--m-stone-6) !important;
}

.link-stone-dark {
  color: var(--m-stone-6) !important;
  text-decoration: none !important;
}

.link-stone-dark:focus, .link-stone-dark:hover {
  color: var(--m-stone-7) !important;
}

.link-stone-darker {
  color: var(--m-stone-7) !important;
  text-decoration: none !important;
}

.link-stone-darker:focus, .link-stone-darker:hover {
  color: var(--m-stone-8) !important;
}


/* Base Links */
.link-light {
  color: var(--m-lighter) !important;
  text-decoration: none;
  cursor: pointer;
}

.link-light:hover, .link-light:focus {
  color: var(--m-light) !important;
}

.link-dark {
  color: var(--m-darker) !important;
  text-decoration: none;
  cursor: pointer;
}

.link-dark:hover, .link-dark:focus {
  color: var(--m-dark) !important;
}

.link-nav {
  color: var(--m-link-nav);
  text-decoration: none;
  cursor: pointer;
}

.link-nav:hover, .link-nav:focus {
  color: var(--m-link-nav-active);
}

/* Links transition */

.link-light,
.link-dark,
.link-nav,
.link-primary,
.link-danger,
.link-warning,
.link-success,
.link-secondary,
.link-info,
.link-dark,
.link-yellow,
.link-amber,
.link-orange,
.link-red,
.link-scarlet,
.link-pink,
.link-fuchsia,
.link-purple,
.link-violet,
.link-indigo,
.link-blue,
.link-sky,
.link-cyan,
.link-teal,
.link-emerald,
.link-green,
.link-lime,
.link-slate,
.link-gray,
.link-zinc,
.link-silver,
.link-stone,
.link-yellow-dark,
.link-amber-dark,
.link-orange-dark,
.link-red-dark,
.link-scarlet-dark,
.link-pink-dark,
.link-fuchsia-dark,
.link-purple-dark,
.link-violet-dark,
.link-indigo-dark,
.link-blue-dark,
.link-sky-dark,
.link-cyan-dark,
.link-teal-dark,
.link-emerald-dark,
.link-green-dark,
.link-lime-dark,
.link-slate-dark,
.link-gray-dark,
.link-zinc-dark,
.link-silver-dark,
.link-stone-dark,
.link-yellow-darker,
.link-amber-darker,
.link-orange-darker,
.link-red-darker,
.link-scarlet-darker,
.link-pink-darker,
.link-fuchsia-darker,
.link-purple-darker,
.link-violet-darker,
.link-indigo-darker,
.link-blue-darker,
.link-sky-darker,
.link-cyan-darker,
.link-teal-darker,
.link-emerald-darker,
.link-green-darker,
.link-lime-darker,
.link-slate-darker,
.link-gray-darker,
.link-zinc-darker,
.link-silver-darker,
.link-stone-darker,
.link-with-red-hover {
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
}