.bg-none {
  background-color: transparent;
}

.bg-dark-blue {
  background-color: var(--primary-dark-blue);
}

.bg-bright-blue {
  background-color: var(--primary-bright-blue);
}

.bg-grellow {
  background-color: var(--primary-grellow);
}

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

.bg-green {
  background-color: var(--secondary-green);
}

.bg-stone {
  background-color: var(--secondary-stone);
}

.bg-magenta {
  background-color: var(--secondary-magenta);
}

.bg-concrete {
  background-color: var(--secondary-concrete);
}

.bg-orange {
  background-color: var(--secondary-orange);
}

.bg-slate {
  background-color: var(--secondary-slate);
}

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

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

.bg-dark-grey {
  background-color: var(--dark-grey);
}

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

.text-none {
  color: transparent;
}

.text-dark-blue {
  color: var(--primary-dark-blue);
}

.text-bright-blue {
  color: var(--primary-bright-blue);
}

.text-grellow {
  color: var(--primary-grellow);
}

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

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

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

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

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

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

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

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

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

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

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

.pb-0 {
  padding-bottom: 0;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pt-0 {
  padding-top: 0;
}

.pt-10 {
  padding-top: 10px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-100 {
  padding-top: 100px;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mt-0 {
  margin-top: 0;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-100 {
  margin-top: 100px;
}

.truncate {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.truncate--line-1 {
  -webkit-line-clamp: 1;
}

.truncate--line-2 {
  -webkit-line-clamp: 2;
}

.truncate--line-3 {
  -webkit-line-clamp: 3;
}

.truncate--line-4 {
  -webkit-line-clamp: 4;
}

.truncate--line-5 {
  -webkit-line-clamp: 5;
}