.color-blue,
.color-cherokee,
.color-green,
.color-grey,
.color-orange,
.color-purple,
.color-yellow {
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.color-blue--solid,
.color-cherokee--solid,
.color-green--solid,
.color-grey--solid,
.color-orange--solid,
.color-purple--solid,
.color-yellow--solid {
  padding-left: 0.1375em;
  padding-right: 0.1375em;
}

.color-blue {
  color: var(--color-blue);
}

.color-blue--solid {
  box-shadow: inset 0 -1.105em 0 var(--color-blue);
  color: var(--color-white);
}

.color-cherokee {
  color: var(--color-cherokee);
}

.color-cherokee--solid {
  box-shadow: inset 0 -1.105em 0 var(--color-cherokee);
  color: var(--color-white);
}

.color-green {
  color: var(--color-green);
}

.color-green--solid {
  box-shadow: inset 0 -1.105em 0 var(--color-green);
  color: var(--color-white);
}

.color-grey {
  color: var(--color-grey);
}

.color-grey--solid {
  box-shadow: inset 0 -1.105em 0 var(--color-grey);
  color: var(--color-black);
}

.color-orange {
  color: var(--color-orange);
}

.color-orange--solid {
  box-shadow: inset 0 -1.105em 0 var(--color-orange);
  color: var(--color-white);
}

.color-purple {
  color: var(--color-purple);
}

.color-purple--solid {
  box-shadow: inset 0 -1.105em 0 var(--color-purple);
  color: var(--color-white);
}

.color-yellow {
  color: var(--color-yellow);
}

.color-yellow--solid {
  box-shadow: inset 0 -1.105em 0 var(--color-yellow);
  color: var(--color-black);
}



.font-sharpie {
  font-family: 'Sharpie', Sans-Serif !important;
  font-size: 105% !important;
  font-style: normal !important;
  font-variant-ligatures: none !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  line-height: 100% !important;
}



.highlight {
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  box-shadow: inset 0 -1.15em 0 var(--color-highlight);
  color: var(--color-black);
  font-weight: 600;
  padding-bottom: 0.02375em;
  padding-left: 0.1625em;
  padding-right: 0.1625em;
}

.highlight--dark {
  box-shadow: inset 0 -1.15em 0 var(--color-purple);
  color: var(--color-white);
}

.highlight--time {
  box-shadow: inset 0 -1.375em 0 var(--color-highlight);
  display: inline-block;
  padding-left: 0.2625em;
  padding-right: 0.2625em;
  transform: rotate(-1.25deg);
}



.z-index {
  z-index: 10;
}

.z-index--1 {
  z-index: 11;
}

.z-index--2 {
  z-index: 12;
}

.z-index--3 {
  z-index: 13;
}