.t-black {
  color: #000000 !important;
}
.t-white {
  color: #ffffff !important;
}
.t-lighter {
  color: var(--color-gray-shade-7) !important;
}
.t-light {
  color: var(--color-gray-shade-10) !important;
}
.t-dark {
  color: var(--color-gray-shade-15) !important;
}
.t-darker {
  color: var(--color-gray-shade-15) !important;
}
.t-gray-1 {
  color: var(--color-gray-shade-1) !important;
}
.t-gray-2 {
  color: var(--color-gray-shade-4) !important;
}
.t-gray-3 {
  color: var(--color-gray-shade-7) !important;
}
.t-gray-4 {
  color: var(--color-gray-shade-10) !important;
}
.t-gray-5 {
  color: var(--color-gray-shade-13) !important;
}
.t-gray-6 {
  color: var(--color-gray-shade-14) !important;
}
.t-gray-7 {
  color: var(--color-gray-shade-15) !important;
}
.t-blue-1 {
  color: var(--color-blue-shade-1) !important;
}
.t-blue-2 {
  color: var(--color-blue-shade-2) !important;
}
.t-blue-3 {
  color: var(--color-blue-shade-3) !important;
}
.t-blue-4 {
  color: var(--color-blue-shade-4) !important;
}
.t-blue-5 {
  color: var(--color-blue-shade-5) !important;
}
.t-blue-6 {
  color: var(--color-blue-shade-6) !important;
}
.t-blue-7 {
  color: var(--color-blue-shade-7) !important;
}
@media (max-width: 575px) {
  .t-xs-black {
    color: #000000 !important;
  }
  .t-xs-white {
    color: #ffffff !important;
  }
  .t-xs-lighter {
    color: var(--color-gray-shade-7) !important;
  }
  .t-xs-light {
    color: var(--color-gray-shade-10) !important;
  }
  .t-xs-dark {
    color: var(--color-gray-shade-15) !important;
  }
  .t-xs-darker {
    color: var(--color-gray-shade-15) !important;
  }
  .t-xs-gray-1 {
    color: var(--color-gray-shade-1) !important;
  }
  .t-xs-gray-2 {
    color: var(--color-gray-shade-4) !important;
  }
  .t-xs-gray-3 {
    color: var(--color-gray-shade-7) !important;
  }
  .t-xs-gray-4 {
    color: var(--color-gray-shade-10) !important;
  }
  .t-xs-gray-5 {
    color: var(--color-gray-shade-13) !important;
  }
  .t-xs-gray-6 {
    color: var(--color-gray-shade-14) !important;
  }
  .t-xs-gray-7 {
    color: var(--color-gray-shade-15) !important;
  }
  .t-xs-blue-1 {
    color: var(--color-blue-shade-1) !important;
  }
  .t-xs-blue-2 {
    color: var(--color-blue-shade-2) !important;
  }
  .t-xs-blue-3 {
    color: var(--color-blue-shade-3) !important;
  }
  .t-xs-blue-4 {
    color: var(--color-blue-shade-4) !important;
  }
  .t-xs-blue-5 {
    color: var(--color-blue-shade-5) !important;
  }
  .t-xs-blue-6 {
    color: var(--color-blue-shade-6) !important;
  }
  .t-xs-blue-7 {
    color: var(--color-blue-shade-7) !important;
  }
}
@media (min-width: 576px) {
  .t-sm-black {
    color: #000000 !important;
  }
  .t-sm-white {
    color: #ffffff !important;
  }
  .t-sm-lighter {
    color: var(--color-gray-shade-7) !important;
  }
  .t-sm-light {
    color: var(--color-gray-shade-10) !important;
  }
  .t-sm-dark {
    color: var(--color-gray-shade-15) !important;
  }
  .t-sm-darker {
    color: var(--color-gray-shade-15) !important;
  }
  .t-sm-gray-1 {
    color: var(--color-gray-shade-1) !important;
  }
  .t-sm-gray-2 {
    color: var(--color-gray-shade-4) !important;
  }
  .t-sm-gray-3 {
    color: var(--color-gray-shade-7) !important;
  }
  .t-sm-gray-4 {
    color: var(--color-gray-shade-10) !important;
  }
  .t-sm-gray-5 {
    color: var(--color-gray-shade-13) !important;
  }
  .t-sm-gray-6 {
    color: var(--color-gray-shade-14) !important;
  }
  .t-sm-gray-7 {
    color: var(--color-gray-shade-15) !important;
  }
  .t-sm-blue-1 {
    color: var(--color-blue-shade-1) !important;
  }
  .t-sm-blue-2 {
    color: var(--color-blue-shade-2) !important;
  }
  .t-sm-blue-3 {
    color: var(--color-blue-shade-3) !important;
  }
  .t-sm-blue-4 {
    color: var(--color-blue-shade-4) !important;
  }
  .t-sm-blue-5 {
    color: var(--color-blue-shade-5) !important;
  }
  .t-sm-blue-6 {
    color: var(--color-blue-shade-6) !important;
  }
  .t-sm-blue-7 {
    color: var(--color-blue-shade-7) !important;
  }
}
@media (min-width: 768px) {
  .t-md-black {
    color: #000000 !important;
  }
  .t-md-white {
    color: #ffffff !important;
  }
  .t-md-lighter {
    color: var(--color-gray-shade-7) !important;
  }
  .t-md-light {
    color: var(--color-gray-shade-10) !important;
  }
  .t-md-dark {
    color: var(--color-gray-shade-15) !important;
  }
  .t-md-darker {
    color: var(--color-gray-shade-15) !important;
  }
  .t-md-gray-1 {
    color: var(--color-gray-shade-1) !important;
  }
  .t-md-gray-2 {
    color: var(--color-gray-shade-4) !important;
  }
  .t-md-gray-3 {
    color: var(--color-gray-shade-7) !important;
  }
  .t-md-gray-4 {
    color: var(--color-gray-shade-10) !important;
  }
  .t-md-gray-5 {
    color: var(--color-gray-shade-13) !important;
  }
  .t-md-gray-6 {
    color: var(--color-gray-shade-14) !important;
  }
  .t-md-gray-7 {
    color: var(--color-gray-shade-15) !important;
  }
  .t-md-blue-1 {
    color: var(--color-blue-shade-1) !important;
  }
  .t-md-blue-2 {
    color: var(--color-blue-shade-2) !important;
  }
  .t-md-blue-3 {
    color: var(--color-blue-shade-3) !important;
  }
  .t-md-blue-4 {
    color: var(--color-blue-shade-4) !important;
  }
  .t-md-blue-5 {
    color: var(--color-blue-shade-5) !important;
  }
  .t-md-blue-6 {
    color: var(--color-blue-shade-6) !important;
  }
  .t-md-blue-7 {
    color: var(--color-blue-shade-7) !important;
  }
}
@media (min-width: 992px) {
  .t-lg-black {
    color: #000000 !important;
  }
  .t-lg-white {
    color: #ffffff !important;
  }
  .t-lg-lighter {
    color: var(--color-gray-shade-7) !important;
  }
  .t-lg-light {
    color: var(--color-gray-shade-10) !important;
  }
  .t-lg-dark {
    color: var(--color-gray-shade-15) !important;
  }
  .t-lg-darker {
    color: var(--color-gray-shade-15) !important;
  }
  .t-lg-gray-1 {
    color: var(--color-gray-shade-1) !important;
  }
  .t-lg-gray-2 {
    color: var(--color-gray-shade-4) !important;
  }
  .t-lg-gray-3 {
    color: var(--color-gray-shade-7) !important;
  }
  .t-lg-gray-4 {
    color: var(--color-gray-shade-10) !important;
  }
  .t-lg-gray-5 {
    color: var(--color-gray-shade-13) !important;
  }
  .t-lg-gray-6 {
    color: var(--color-gray-shade-14) !important;
  }
  .t-lg-gray-7 {
    color: var(--color-gray-shade-15) !important;
  }
  .t-lg-blue-1 {
    color: var(--color-blue-shade-1) !important;
  }
  .t-lg-blue-2 {
    color: var(--color-blue-shade-2) !important;
  }
  .t-lg-blue-3 {
    color: var(--color-blue-shade-3) !important;
  }
  .t-lg-blue-4 {
    color: var(--color-blue-shade-4) !important;
  }
  .t-lg-blue-5 {
    color: var(--color-blue-shade-5) !important;
  }
  .t-lg-blue-6 {
    color: var(--color-blue-shade-6) !important;
  }
  .t-lg-blue-7 {
    color: var(--color-blue-shade-7) !important;
  }
}
@media (min-width: 1200px) {
  .t-xl-black {
    color: #000000 !important;
  }
  .t-xl-white {
    color: #ffffff !important;
  }
  .t-xl-lighter {
    color: var(--color-gray-shade-7) !important;
  }
  .t-xl-light {
    color: var(--color-gray-shade-10) !important;
  }
  .t-xl-dark {
    color: var(--color-gray-shade-15) !important;
  }
  .t-xl-darker {
    color: var(--color-gray-shade-15) !important;
  }
  .t-xl-gray-1 {
    color: var(--color-gray-shade-1) !important;
  }
  .t-xl-gray-2 {
    color: var(--color-gray-shade-4) !important;
  }
  .t-xl-gray-3 {
    color: var(--color-gray-shade-7) !important;
  }
  .t-xl-gray-4 {
    color: var(--color-gray-shade-10) !important;
  }
  .t-xl-gray-5 {
    color: var(--color-gray-shade-13) !important;
  }
  .t-xl-gray-6 {
    color: var(--color-gray-shade-14) !important;
  }
  .t-xl-gray-7 {
    color: var(--color-gray-shade-15) !important;
  }
  .t-xl-blue-1 {
    color: var(--color-blue-shade-1) !important;
  }
  .t-xl-blue-2 {
    color: var(--color-blue-shade-2) !important;
  }
  .t-xl-blue-3 {
    color: var(--color-blue-shade-3) !important;
  }
  .t-xl-blue-4 {
    color: var(--color-blue-shade-4) !important;
  }
  .t-xl-blue-5 {
    color: var(--color-blue-shade-5) !important;
  }
  .t-xl-blue-6 {
    color: var(--color-blue-shade-6) !important;
  }
  .t-xl-blue-7 {
    color: var(--color-blue-shade-7) !important;
  }
}
@media (min-width: 1400px) {
  .t-xxl-black {
    color: #000000 !important;
  }
  .t-xxl-white {
    color: #ffffff !important;
  }
  .t-xxl-lighter {
    color: var(--color-gray-shade-7) !important;
  }
  .t-xxl-light {
    color: var(--color-gray-shade-10) !important;
  }
  .t-xxl-dark {
    color: var(--color-gray-shade-15) !important;
  }
  .t-xxl-darker {
    color: var(--color-gray-shade-15) !important;
  }
  .t-xxl-gray-1 {
    color: var(--color-gray-shade-1) !important;
  }
  .t-xxl-gray-2 {
    color: var(--color-gray-shade-4) !important;
  }
  .t-xxl-gray-3 {
    color: var(--color-gray-shade-7) !important;
  }
  .t-xxl-gray-4 {
    color: var(--color-gray-shade-10) !important;
  }
  .t-xxl-gray-5 {
    color: var(--color-gray-shade-13) !important;
  }
  .t-xxl-gray-6 {
    color: var(--color-gray-shade-14) !important;
  }
  .t-xxl-gray-7 {
    color: var(--color-gray-shade-15) !important;
  }
  .t-xxl-blue-1 {
    color: var(--color-blue-shade-1) !important;
  }
  .t-xxl-blue-2 {
    color: var(--color-blue-shade-2) !important;
  }
  .t-xxl-blue-3 {
    color: var(--color-blue-shade-3) !important;
  }
  .t-xxl-blue-4 {
    color: var(--color-blue-shade-4) !important;
  }
  .t-xxl-blue-5 {
    color: var(--color-blue-shade-5) !important;
  }
  .t-xxl-blue-6 {
    color: var(--color-blue-shade-6) !important;
  }
  .t-xxl-blue-7 {
    color: var(--color-blue-shade-7) !important;
  }
}
@media (min-width: 1920px) {
  .t-xxxl-black {
    color: #000000 !important;
  }
  .t-xxxl-white {
    color: #ffffff !important;
  }
  .t-xxxl-lighter {
    color: var(--color-gray-shade-7) !important;
  }
  .t-xxxl-light {
    color: var(--color-gray-shade-10) !important;
  }
  .t-xxxl-dark {
    color: var(--color-gray-shade-15) !important;
  }
  .t-xxxl-darker {
    color: var(--color-gray-shade-15) !important;
  }
  .t-xxxl-gray-1 {
    color: var(--color-gray-shade-1) !important;
  }
  .t-xxxl-gray-2 {
    color: var(--color-gray-shade-4) !important;
  }
  .t-xxxl-gray-3 {
    color: var(--color-gray-shade-7) !important;
  }
  .t-xxxl-gray-4 {
    color: var(--color-gray-shade-10) !important;
  }
  .t-xxxl-gray-5 {
    color: var(--color-gray-shade-13) !important;
  }
  .t-xxxl-gray-6 {
    color: var(--color-gray-shade-14) !important;
  }
  .t-xxxl-gray-7 {
    color: var(--color-gray-shade-15) !important;
  }
  .t-xxxl-blue-1 {
    color: var(--color-blue-shade-1) !important;
  }
  .t-xxxl-blue-2 {
    color: var(--color-blue-shade-2) !important;
  }
  .t-xxxl-blue-3 {
    color: var(--color-blue-shade-3) !important;
  }
  .t-xxxl-blue-4 {
    color: var(--color-blue-shade-4) !important;
  }
  .t-xxxl-blue-5 {
    color: var(--color-blue-shade-5) !important;
  }
  .t-xxxl-blue-6 {
    color: var(--color-blue-shade-6) !important;
  }
  .t-xxxl-blue-7 {
    color: var(--color-blue-shade-7) !important;
  }
}