/** Text color */
.neutral-1 {
  color: var(--color-neutral-1);
}

.neutral-2 {
  color: var(--color-neutral-2);
}

.neutral-3 {
  color: var(--color-neutral-3);
}

.neutral-4 {
  color: var(--color-neutral-4);
}

.neutral-5 {
  color: var(--color-neutral-5);
}

.neutral-6 {
  color: var(--color-neutral-6);
}

.neutral-7 {
  color: var(--color-neutral-7);
}

.neutral-8 {
  color: var(--color-neutral-8);
}

.neutral-9 {
  color: var(--color-neutral-9);
}

.neutral-10 {
  color: var(--color-neutral-10);
}

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

.neutral-1--hover {
  color: var(--color-neutral-1);
}

.neutral-2--hover {
  color: var(--color-neutral-2);
}

.neutral-3--hover {
  color: var(--color-neutral-3);
}

.neutral-4--hover {
  color: var(--color-neutral-4);
}

.neutral-5--hover {
  color: var(--color-neutral-5);
}

.neutral-6--hover {
  color: var(--color-neutral-6);
}

.neutral-7--hover {
  color: var(--color-neutral-7);
}

.neutral-8--hover {
  color: var(--color-neutral-8);
}

.neutral-9--hover {
  color: var(--color-neutral-9);
}

.neutral-10--hover {
  color: var(--color-neutral-10);
}

.neutral--hover {
  color: var(--color-neutral);
}

.primary-1 {
  color: var(--color-primary-1);
}

.primary-2 {
  color: var(--color-primary-2);
}

.primary-3 {
  color: var(--color-primary-3);
}

.primary-4 {
  color: var(--color-primary-4);
}

.primary-5 {
  color: var(--color-primary-5);
}

.primary-6 {
  color: var(--color-primary-6);
}

.primary-7 {
  color: var(--color-primary-7);
}

.primary-8 {
  color: var(--color-primary-8);
}

.primary-9 {
  color: var(--color-primary-9);
}

.primary-10 {
  color: var(--color-primary-10);
}

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

.primary-1--hover {
  color: var(--color-primary-1);
}

.primary-2--hover {
  color: var(--color-primary-2);
}

.primary-3--hover {
  color: var(--color-primary-3);
}

.primary-4--hover {
  color: var(--color-primary-4);
}

.primary-5--hover {
  color: var(--color-primary-5);
}

.primary-6--hover {
  color: var(--color-primary-6);
}

.primary-7--hover {
  color: var(--color-primary-7);
}

.primary-8--hover {
  color: var(--color-primary-8);
}

.primary-9--hover {
  color: var(--color-primary-9);
}

.primary-10--hover {
  color: var(--color-primary-10);
}

.primary--hover {
  color: var(--color-primary);
}

.info-1 {
  color: var(--color-info-1);
}

.info-2 {
  color: var(--color-info-2);
}

.info-3 {
  color: var(--color-info-3);
}

.info-4 {
  color: var(--color-info-4);
}

.info-5 {
  color: var(--color-info-5);
}

.info-6 {
  color: var(--color-info-6);
}

.info-7 {
  color: var(--color-info-7);
}

.info-8 {
  color: var(--color-info-8);
}

.info-9 {
  color: var(--color-info-9);
}

.info-10 {
  color: var(--color-info-10);
}

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

.info-1--hover {
  color: var(--color-info-1);
}

.info-2--hover {
  color: var(--color-info-2);
}

.info-3--hover {
  color: var(--color-info-3);
}

.info-4--hover {
  color: var(--color-info-4);
}

.info-5--hover {
  color: var(--color-info-5);
}

.info-6--hover {
  color: var(--color-info-6);
}

.info-7--hover {
  color: var(--color-info-7);
}

.info-8--hover {
  color: var(--color-info-8);
}

.info-9--hover {
  color: var(--color-info-9);
}

.info-10--hover {
  color: var(--color-info-10);
}

.info--hover {
  color: var(--color-info);
}

.danger-1 {
  color: var(--color-danger-1);
}

.danger-2 {
  color: var(--color-danger-2);
}

.danger-3 {
  color: var(--color-danger-3);
}

.danger-4 {
  color: var(--color-danger-4);
}

.danger-5 {
  color: var(--color-danger-5);
}

.danger-6 {
  color: var(--color-danger-6);
}

.danger-7 {
  color: var(--color-danger-7);
}

.danger-8 {
  color: var(--color-danger-8);
}

.danger-9 {
  color: var(--color-danger-9);
}

.danger-10 {
  color: var(--color-danger-10);
}

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

.danger-1--hover {
  color: var(--color-danger-1);
}

.danger-2--hover {
  color: var(--color-danger-2);
}

.danger-3--hover {
  color: var(--color-danger-3);
}

.danger-4--hover {
  color: var(--color-danger-4);
}

.danger-5--hover {
  color: var(--color-danger-5);
}

.danger-6--hover {
  color: var(--color-danger-6);
}

.danger-7--hover {
  color: var(--color-danger-7);
}

.danger-8--hover {
  color: var(--color-danger-8);
}

.danger-9--hover {
  color: var(--color-danger-9);
}

.danger-10--hover {
  color: var(--color-danger-10);
}

.danger--hover {
  color: var(--color-danger);
}

.success-1 {
  color: var(--color-success-1);
}

.success-2 {
  color: var(--color-success-2);
}

.success-3 {
  color: var(--color-success-3);
}

.success-4 {
  color: var(--color-success-4);
}

.success-5 {
  color: var(--color-success-5);
}

.success-6 {
  color: var(--color-success-6);
}

.success-7 {
  color: var(--color-success-7);
}

.success-8 {
  color: var(--color-success-8);
}

.success-9 {
  color: var(--color-success-9);
}

.success-10 {
  color: var(--color-success-10);
}

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

.success-1--hover {
  color: var(--color-success-1);
}

.success-2--hover {
  color: var(--color-success-2);
}

.success-3--hover {
  color: var(--color-success-3);
}

.success-4--hover {
  color: var(--color-success-4);
}

.success-5--hover {
  color: var(--color-success-5);
}

.success-6--hover {
  color: var(--color-success-6);
}

.success-7--hover {
  color: var(--color-success-7);
}

.success-8--hover {
  color: var(--color-success-8);
}

.success-9--hover {
  color: var(--color-success-9);
}

.success-10--hover {
  color: var(--color-success-10);
}

.success--hover {
  color: var(--color-success);
}

.warning-1 {
  color: var(--color-warning-1);
}

.warning-2 {
  color: var(--color-warning-2);
}

.warning-3 {
  color: var(--color-warning-3);
}

.warning-4 {
  color: var(--color-warning-4);
}

.warning-5 {
  color: var(--color-warning-5);
}

.warning-6 {
  color: var(--color-warning-6);
}

.warning-7 {
  color: var(--color-warning-7);
}

.warning-8 {
  color: var(--color-warning-8);
}

.warning-9 {
  color: var(--color-warning-9);
}

.warning-10 {
  color: var(--color-warning-10);
}

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

.warning-1--hover {
  color: var(--color-warning-1);
}

.warning-2--hover {
  color: var(--color-warning-2);
}

.warning-3--hover {
  color: var(--color-warning-3);
}

.warning-4--hover {
  color: var(--color-warning-4);
}

.warning-5--hover {
  color: var(--color-warning-5);
}

.warning-6--hover {
  color: var(--color-warning-6);
}

.warning-7--hover {
  color: var(--color-warning-7);
}

.warning-8--hover {
  color: var(--color-warning-8);
}

.warning-9--hover {
  color: var(--color-warning-9);
}

.warning-10--hover {
  color: var(--color-warning-10);
}

.warning--hover {
  color: var(--color-warning);
}

/** Border color */
.neutral-1__bg {
  color: var(--color-neutral-1);
}

.neutral-2__bg {
  color: var(--color-neutral-2);
}

.neutral-3__bg {
  color: var(--color-neutral-3);
}

.neutral-4__bg {
  color: var(--color-neutral-4);
}

.neutral-5__bg {
  color: var(--color-neutral-5);
}

.neutral-6__bg {
  color: var(--color-neutral-6);
}

.neutral-7__bg {
  color: var(--color-neutral-7);
}

.neutral-8__bg {
  color: var(--color-neutral-8);
}

.neutral-9__bg {
  color: var(--color-neutral-9);
}

.neutral-10__bg {
  color: var(--color-neutral-10);
}

.neutral__bg {
  color: var(--color-neutral);
}

.neutral-1__bg--hover {
  color: var(--color-neutral-1);
}

.neutral-2__bg--hover {
  color: var(--color-neutral-2);
}

.neutral-3__bg--hover {
  color: var(--color-neutral-3);
}

.neutral-4__bg--hover {
  color: var(--color-neutral-4);
}

.neutral-5__bg--hover {
  color: var(--color-neutral-5);
}

.neutral-6__bg--hover {
  color: var(--color-neutral-6);
}

.neutral-7__bg--hover {
  color: var(--color-neutral-7);
}

.neutral-8__bg--hover {
  color: var(--color-neutral-8);
}

.neutral-9__bg--hover {
  color: var(--color-neutral-9);
}

.neutral-10__bg--hover {
  color: var(--color-neutral-10);
}

.neutral__bg--hover {
  color: var(--color-neutral);
}

.primary-1__bg {
  color: var(--color-primary-1);
}

.primary-2__bg {
  color: var(--color-primary-2);
}

.primary-3__bg {
  color: var(--color-primary-3);
}

.primary-4__bg {
  color: var(--color-primary-4);
}

.primary-5__bg {
  color: var(--color-primary-5);
}

.primary-6__bg {
  color: var(--color-primary-6);
}

.primary-7__bg {
  color: var(--color-primary-7);
}

.primary-8__bg {
  color: var(--color-primary-8);
}

.primary-9__bg {
  color: var(--color-primary-9);
}

.primary-10__bg {
  color: var(--color-primary-10);
}

.primary__bg {
  color: var(--color-primary);
}

.primary-1__bg--hover {
  color: var(--color-primary-1);
}

.primary-2__bg--hover {
  color: var(--color-primary-2);
}

.primary-3__bg--hover {
  color: var(--color-primary-3);
}

.primary-4__bg--hover {
  color: var(--color-primary-4);
}

.primary-5__bg--hover {
  color: var(--color-primary-5);
}

.primary-6__bg--hover {
  color: var(--color-primary-6);
}

.primary-7__bg--hover {
  color: var(--color-primary-7);
}

.primary-8__bg--hover {
  color: var(--color-primary-8);
}

.primary-9__bg--hover {
  color: var(--color-primary-9);
}

.primary-10__bg--hover {
  color: var(--color-primary-10);
}

.primary__bg--hover {
  color: var(--color-primary);
}

.info-1__bg {
  color: var(--color-info-1);
}

.info-2__bg {
  color: var(--color-info-2);
}

.info-3__bg {
  color: var(--color-info-3);
}

.info-4__bg {
  color: var(--color-info-4);
}

.info-5__bg {
  color: var(--color-info-5);
}

.info-6__bg {
  color: var(--color-info-6);
}

.info-7__bg {
  color: var(--color-info-7);
}

.info-8__bg {
  color: var(--color-info-8);
}

.info-9__bg {
  color: var(--color-info-9);
}

.info-10__bg {
  color: var(--color-info-10);
}

.info__bg {
  color: var(--color-info);
}

.info-1__bg--hover {
  color: var(--color-info-1);
}

.info-2__bg--hover {
  color: var(--color-info-2);
}

.info-3__bg--hover {
  color: var(--color-info-3);
}

.info-4__bg--hover {
  color: var(--color-info-4);
}

.info-5__bg--hover {
  color: var(--color-info-5);
}

.info-6__bg--hover {
  color: var(--color-info-6);
}

.info-7__bg--hover {
  color: var(--color-info-7);
}

.info-8__bg--hover {
  color: var(--color-info-8);
}

.info-9__bg--hover {
  color: var(--color-info-9);
}

.info-10__bg--hover {
  color: var(--color-info-10);
}

.info__bg--hover {
  color: var(--color-info);
}

.danger-1__bg {
  color: var(--color-danger-1);
}

.danger-2__bg {
  color: var(--color-danger-2);
}

.danger-3__bg {
  color: var(--color-danger-3);
}

.danger-4__bg {
  color: var(--color-danger-4);
}

.danger-5__bg {
  color: var(--color-danger-5);
}

.danger-6__bg {
  color: var(--color-danger-6);
}

.danger-7__bg {
  color: var(--color-danger-7);
}

.danger-8__bg {
  color: var(--color-danger-8);
}

.danger-9__bg {
  color: var(--color-danger-9);
}

.danger-10__bg {
  color: var(--color-danger-10);
}

.danger__bg {
  color: var(--color-danger);
}

.danger-1__bg--hover {
  color: var(--color-danger-1);
}

.danger-2__bg--hover {
  color: var(--color-danger-2);
}

.danger-3__bg--hover {
  color: var(--color-danger-3);
}

.danger-4__bg--hover {
  color: var(--color-danger-4);
}

.danger-5__bg--hover {
  color: var(--color-danger-5);
}

.danger-6__bg--hover {
  color: var(--color-danger-6);
}

.danger-7__bg--hover {
  color: var(--color-danger-7);
}

.danger-8__bg--hover {
  color: var(--color-danger-8);
}

.danger-9__bg--hover {
  color: var(--color-danger-9);
}

.danger-10__bg--hover {
  color: var(--color-danger-10);
}

.danger__bg--hover {
  color: var(--color-danger);
}

.success-1__bg {
  color: var(--color-success-1);
}

.success-2__bg {
  color: var(--color-success-2);
}

.success-3__bg {
  color: var(--color-success-3);
}

.success-4__bg {
  color: var(--color-success-4);
}

.success-5__bg {
  color: var(--color-success-5);
}

.success-6__bg {
  color: var(--color-success-6);
}

.success-7__bg {
  color: var(--color-success-7);
}

.success-8__bg {
  color: var(--color-success-8);
}

.success-9__bg {
  color: var(--color-success-9);
}

.success-10__bg {
  color: var(--color-success-10);
}

.success__bg {
  color: var(--color-success);
}

.success-1__bg--hover {
  color: var(--color-success-1);
}

.success-2__bg--hover {
  color: var(--color-success-2);
}

.success-3__bg--hover {
  color: var(--color-success-3);
}

.success-4__bg--hover {
  color: var(--color-success-4);
}

.success-5__bg--hover {
  color: var(--color-success-5);
}

.success-6__bg--hover {
  color: var(--color-success-6);
}

.success-7__bg--hover {
  color: var(--color-success-7);
}

.success-8__bg--hover {
  color: var(--color-success-8);
}

.success-9__bg--hover {
  color: var(--color-success-9);
}

.success-10__bg--hover {
  color: var(--color-success-10);
}

.success__bg--hover {
  color: var(--color-success);
}

.warning-1__bg {
  color: var(--color-warning-1);
}

.warning-2__bg {
  color: var(--color-warning-2);
}

.warning-3__bg {
  color: var(--color-warning-3);
}

.warning-4__bg {
  color: var(--color-warning-4);
}

.warning-5__bg {
  color: var(--color-warning-5);
}

.warning-6__bg {
  color: var(--color-warning-6);
}

.warning-7__bg {
  color: var(--color-warning-7);
}

.warning-8__bg {
  color: var(--color-warning-8);
}

.warning-9__bg {
  color: var(--color-warning-9);
}

.warning-10__bg {
  color: var(--color-warning-10);
}

.warning__bg {
  color: var(--color-warning);
}

.warning-1__bg--hover {
  color: var(--color-warning-1);
}

.warning-2__bg--hover {
  color: var(--color-warning-2);
}

.warning-3__bg--hover {
  color: var(--color-warning-3);
}

.warning-4__bg--hover {
  color: var(--color-warning-4);
}

.warning-5__bg--hover {
  color: var(--color-warning-5);
}

.warning-6__bg--hover {
  color: var(--color-warning-6);
}

.warning-7__bg--hover {
  color: var(--color-warning-7);
}

.warning-8__bg--hover {
  color: var(--color-warning-8);
}

.warning-9__bg--hover {
  color: var(--color-warning-9);
}

.warning-10__bg--hover {
  color: var(--color-warning-10);
}

.warning__bg--hover {
  color: var(--color-warning);
}

/** Border color */
.neutral-1__border {
  color: var(--color-neutral-1);
}

.neutral-2__border {
  color: var(--color-neutral-2);
}

.neutral-3__border {
  color: var(--color-neutral-3);
}

.neutral-4__border {
  color: var(--color-neutral-4);
}

.neutral-5__border {
  color: var(--color-neutral-5);
}

.neutral-6__border {
  color: var(--color-neutral-6);
}

.neutral-7__border {
  color: var(--color-neutral-7);
}

.neutral-8__border {
  color: var(--color-neutral-8);
}

.neutral-9__border {
  color: var(--color-neutral-9);
}

.neutral-10__border {
  color: var(--color-neutral-10);
}

.neutral__border {
  color: var(--color-neutral);
}

.neutral-1__border--hover {
  color: var(--color-neutral-1);
}

.neutral-2__border--hover {
  color: var(--color-neutral-2);
}

.neutral-3__border--hover {
  color: var(--color-neutral-3);
}

.neutral-4__border--hover {
  color: var(--color-neutral-4);
}

.neutral-5__border--hover {
  color: var(--color-neutral-5);
}

.neutral-6__border--hover {
  color: var(--color-neutral-6);
}

.neutral-7__border--hover {
  color: var(--color-neutral-7);
}

.neutral-8__border--hover {
  color: var(--color-neutral-8);
}

.neutral-9__border--hover {
  color: var(--color-neutral-9);
}

.neutral-10__border--hover {
  color: var(--color-neutral-10);
}

.neutral__border--hover {
  color: var(--color-neutral);
}

.primary-1__border {
  color: var(--color-primary-1);
}

.primary-2__border {
  color: var(--color-primary-2);
}

.primary-3__border {
  color: var(--color-primary-3);
}

.primary-4__border {
  color: var(--color-primary-4);
}

.primary-5__border {
  color: var(--color-primary-5);
}

.primary-6__border {
  color: var(--color-primary-6);
}

.primary-7__border {
  color: var(--color-primary-7);
}

.primary-8__border {
  color: var(--color-primary-8);
}

.primary-9__border {
  color: var(--color-primary-9);
}

.primary-10__border {
  color: var(--color-primary-10);
}

.primary__border {
  color: var(--color-primary);
}

.primary-1__border--hover {
  color: var(--color-primary-1);
}

.primary-2__border--hover {
  color: var(--color-primary-2);
}

.primary-3__border--hover {
  color: var(--color-primary-3);
}

.primary-4__border--hover {
  color: var(--color-primary-4);
}

.primary-5__border--hover {
  color: var(--color-primary-5);
}

.primary-6__border--hover {
  color: var(--color-primary-6);
}

.primary-7__border--hover {
  color: var(--color-primary-7);
}

.primary-8__border--hover {
  color: var(--color-primary-8);
}

.primary-9__border--hover {
  color: var(--color-primary-9);
}

.primary-10__border--hover {
  color: var(--color-primary-10);
}

.primary__border--hover {
  color: var(--color-primary);
}

.info-1__border {
  color: var(--color-info-1);
}

.info-2__border {
  color: var(--color-info-2);
}

.info-3__border {
  color: var(--color-info-3);
}

.info-4__border {
  color: var(--color-info-4);
}

.info-5__border {
  color: var(--color-info-5);
}

.info-6__border {
  color: var(--color-info-6);
}

.info-7__border {
  color: var(--color-info-7);
}

.info-8__border {
  color: var(--color-info-8);
}

.info-9__border {
  color: var(--color-info-9);
}

.info-10__border {
  color: var(--color-info-10);
}

.info__border {
  color: var(--color-info);
}

.info-1__border--hover {
  color: var(--color-info-1);
}

.info-2__border--hover {
  color: var(--color-info-2);
}

.info-3__border--hover {
  color: var(--color-info-3);
}

.info-4__border--hover {
  color: var(--color-info-4);
}

.info-5__border--hover {
  color: var(--color-info-5);
}

.info-6__border--hover {
  color: var(--color-info-6);
}

.info-7__border--hover {
  color: var(--color-info-7);
}

.info-8__border--hover {
  color: var(--color-info-8);
}

.info-9__border--hover {
  color: var(--color-info-9);
}

.info-10__border--hover {
  color: var(--color-info-10);
}

.info__border--hover {
  color: var(--color-info);
}

.danger-1__border {
  color: var(--color-danger-1);
}

.danger-2__border {
  color: var(--color-danger-2);
}

.danger-3__border {
  color: var(--color-danger-3);
}

.danger-4__border {
  color: var(--color-danger-4);
}

.danger-5__border {
  color: var(--color-danger-5);
}

.danger-6__border {
  color: var(--color-danger-6);
}

.danger-7__border {
  color: var(--color-danger-7);
}

.danger-8__border {
  color: var(--color-danger-8);
}

.danger-9__border {
  color: var(--color-danger-9);
}

.danger-10__border {
  color: var(--color-danger-10);
}

.danger__border {
  color: var(--color-danger);
}

.danger-1__border--hover {
  color: var(--color-danger-1);
}

.danger-2__border--hover {
  color: var(--color-danger-2);
}

.danger-3__border--hover {
  color: var(--color-danger-3);
}

.danger-4__border--hover {
  color: var(--color-danger-4);
}

.danger-5__border--hover {
  color: var(--color-danger-5);
}

.danger-6__border--hover {
  color: var(--color-danger-6);
}

.danger-7__border--hover {
  color: var(--color-danger-7);
}

.danger-8__border--hover {
  color: var(--color-danger-8);
}

.danger-9__border--hover {
  color: var(--color-danger-9);
}

.danger-10__border--hover {
  color: var(--color-danger-10);
}

.danger__border--hover {
  color: var(--color-danger);
}

.success-1__border {
  color: var(--color-success-1);
}

.success-2__border {
  color: var(--color-success-2);
}

.success-3__border {
  color: var(--color-success-3);
}

.success-4__border {
  color: var(--color-success-4);
}

.success-5__border {
  color: var(--color-success-5);
}

.success-6__border {
  color: var(--color-success-6);
}

.success-7__border {
  color: var(--color-success-7);
}

.success-8__border {
  color: var(--color-success-8);
}

.success-9__border {
  color: var(--color-success-9);
}

.success-10__border {
  color: var(--color-success-10);
}

.success__border {
  color: var(--color-success);
}

.success-1__border--hover {
  color: var(--color-success-1);
}

.success-2__border--hover {
  color: var(--color-success-2);
}

.success-3__border--hover {
  color: var(--color-success-3);
}

.success-4__border--hover {
  color: var(--color-success-4);
}

.success-5__border--hover {
  color: var(--color-success-5);
}

.success-6__border--hover {
  color: var(--color-success-6);
}

.success-7__border--hover {
  color: var(--color-success-7);
}

.success-8__border--hover {
  color: var(--color-success-8);
}

.success-9__border--hover {
  color: var(--color-success-9);
}

.success-10__border--hover {
  color: var(--color-success-10);
}

.success__border--hover {
  color: var(--color-success);
}

.warning-1__border {
  color: var(--color-warning-1);
}

.warning-2__border {
  color: var(--color-warning-2);
}

.warning-3__border {
  color: var(--color-warning-3);
}

.warning-4__border {
  color: var(--color-warning-4);
}

.warning-5__border {
  color: var(--color-warning-5);
}

.warning-6__border {
  color: var(--color-warning-6);
}

.warning-7__border {
  color: var(--color-warning-7);
}

.warning-8__border {
  color: var(--color-warning-8);
}

.warning-9__border {
  color: var(--color-warning-9);
}

.warning-10__border {
  color: var(--color-warning-10);
}

.warning__border {
  color: var(--color-warning);
}

.warning-1__border--hover {
  color: var(--color-warning-1);
}

.warning-2__border--hover {
  color: var(--color-warning-2);
}

.warning-3__border--hover {
  color: var(--color-warning-3);
}

.warning-4__border--hover {
  color: var(--color-warning-4);
}

.warning-5__border--hover {
  color: var(--color-warning-5);
}

.warning-6__border--hover {
  color: var(--color-warning-6);
}

.warning-7__border--hover {
  color: var(--color-warning-7);
}

.warning-8__border--hover {
  color: var(--color-warning-8);
}

.warning-9__border--hover {
  color: var(--color-warning-9);
}

.warning-10__border--hover {
  color: var(--color-warning-10);
}

.warning__border--hover {
  color: var(--color-warning);
}