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

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

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

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

.border-connx-black {
  border-color: var(--connx-black);
}

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

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

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

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

.border-connx-white {
  border-color: var(--connx-white);
}

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

.hover\:bg-connx-primary:hover {
  background-color: var(--connx-primary);
}

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

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

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

.bg-connx-primary-shade-05 {
  background-color: var(--connx-primary-shade-05);
}

.hover\:bg-connx-primary-shade-05:hover {
  background-color: var(--connx-primary-shade-05);
}

.text-connx-primary-shade-05 {
  color: var(--connx-primary-shade-05);
}

.hover\:text-connx-primary-shade-05:hover {
  color: var(--connx-primary-shade-05);
}

.border-connx-primary-shade-05 {
  border-color: var(--connx-primary-shade-05);
}

.bg-connx-primary-shade-10 {
  background-color: var(--connx-primary-shade-10);
}

.hover\:bg-connx-primary-shade-10:hover {
  background-color: var(--connx-primary-shade-10);
}

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

.hover\:text-connx-primary-shade-10:hover {
  color: var(--connx-primary-shade-10);
}

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

.bg-connx-primary-shade-15 {
  background-color: var(--connx-primary-shade-15);
}

.hover\:bg-connx-primary-shade-15:hover {
  background-color: var(--connx-primary-shade-15);
}

.text-connx-primary-shade-15 {
  color: var(--connx-primary-shade-15);
}

.hover\:text-connx-primary-shade-15:hover {
  color: var(--connx-primary-shade-15);
}

.border-connx-primary-shade-15 {
  border-color: var(--connx-primary-shade-15);
}

.bg-connx-primary-shade-20 {
  background-color: var(--connx-primary-shade-20);
}

.hover\:bg-connx-primary-shade-20:hover {
  background-color: var(--connx-primary-shade-20);
}

.text-connx-primary-shade-20 {
  color: var(--connx-primary-shade-20);
}

.hover\:text-connx-primary-shade-20:hover {
  color: var(--connx-primary-shade-20);
}

.border-connx-primary-shade-20 {
  border-color: var(--connx-primary-shade-20);
}

.bg-connx-primary-shade-25 {
  background-color: var(--connx-primary-shade-25);
}

.hover\:bg-connx-primary-shade-25:hover {
  background-color: var(--connx-primary-shade-25);
}

.text-connx-primary-shade-25 {
  color: var(--connx-primary-shade-25);
}

.hover\:text-connx-primary-shade-25:hover {
  color: var(--connx-primary-shade-25);
}

.border-connx-primary-shade-25 {
  border-color: var(--connx-primary-shade-25);
}

.bg-connx-primary-shade-30 {
  background-color: var(--connx-primary-shade-30);
}

.hover\:bg-connx-primary-shade-30:hover {
  background-color: var(--connx-primary-shade-30);
}

.text-connx-primary-shade-30 {
  color: var(--connx-primary-shade-30);
}

.hover\:text-connx-primary-shade-30:hover {
  color: var(--connx-primary-shade-30);
}

.border-connx-primary-shade-30 {
  border-color: var(--connx-primary-shade-30);
}

.bg-connx-primary-shade-35 {
  background-color: var(--connx-primary-shade-35);
}

.hover\:bg-connx-primary-shade-35:hover {
  background-color: var(--connx-primary-shade-35);
}

.text-connx-primary-shade-35 {
  color: var(--connx-primary-shade-35);
}

.hover\:text-connx-primary-shade-35:hover {
  color: var(--connx-primary-shade-35);
}

.border-connx-primary-shade-35 {
  border-color: var(--connx-primary-shade-35);
}

.bg-connx-primary-shade-40 {
  background-color: var(--connx-primary-shade-40);
}

.hover\:bg-connx-primary-shade-40:hover {
  background-color: var(--connx-primary-shade-40);
}

.text-connx-primary-shade-40 {
  color: var(--connx-primary-shade-40);
}

.hover\:text-connx-primary-shade-40:hover {
  color: var(--connx-primary-shade-40);
}

.border-connx-primary-shade-40 {
  border-color: var(--connx-primary-shade-40);
}

.bg-connx-primary-shade-45 {
  background-color: var(--connx-primary-shade-45);
}

.hover\:bg-connx-primary-shade-45:hover {
  background-color: var(--connx-primary-shade-45);
}

.text-connx-primary-shade-45 {
  color: var(--connx-primary-shade-45);
}

.hover\:text-connx-primary-shade-45:hover {
  color: var(--connx-primary-shade-45);
}

.border-connx-primary-shade-45 {
  border-color: var(--connx-primary-shade-45);
}

.bg-connx-primary-shade-50 {
  background-color: var(--connx-primary-shade-50);
}

.hover\:bg-connx-primary-shade-50:hover {
  background-color: var(--connx-primary-shade-50);
}

.text-connx-primary-shade-50 {
  color: var(--connx-primary-shade-50);
}

.hover\:text-connx-primary-shade-50:hover {
  color: var(--connx-primary-shade-50);
}

.border-connx-primary-shade-50 {
  border-color: var(--connx-primary-shade-50);
}

.bg-connx-primary-shade-55 {
  background-color: var(--connx-primary-shade-55);
}

.hover\:bg-connx-primary-shade-55:hover {
  background-color: var(--connx-primary-shade-55);
}

.text-connx-primary-shade-55 {
  color: var(--connx-primary-shade-55);
}

.hover\:text-connx-primary-shade-55:hover {
  color: var(--connx-primary-shade-55);
}

.border-connx-primary-shade-55 {
  border-color: var(--connx-primary-shade-55);
}

.bg-connx-primary-shade-60 {
  background-color: var(--connx-primary-shade-60);
}

.hover\:bg-connx-primary-shade-60:hover {
  background-color: var(--connx-primary-shade-60);
}

.text-connx-primary-shade-60 {
  color: var(--connx-primary-shade-60);
}

.hover\:text-connx-primary-shade-60:hover {
  color: var(--connx-primary-shade-60);
}

.border-connx-primary-shade-60 {
  border-color: var(--connx-primary-shade-60);
}

.bg-connx-primary-shade-65 {
  background-color: var(--connx-primary-shade-65);
}

.hover\:bg-connx-primary-shade-65:hover {
  background-color: var(--connx-primary-shade-65);
}

.text-connx-primary-shade-65 {
  color: var(--connx-primary-shade-65);
}

.hover\:text-connx-primary-shade-65:hover {
  color: var(--connx-primary-shade-65);
}

.border-connx-primary-shade-65 {
  border-color: var(--connx-primary-shade-65);
}

.bg-connx-primary-shade-70 {
  background-color: var(--connx-primary-shade-70);
}

.hover\:bg-connx-primary-shade-70:hover {
  background-color: var(--connx-primary-shade-70);
}

.text-connx-primary-shade-70 {
  color: var(--connx-primary-shade-70);
}

.hover\:text-connx-primary-shade-70:hover {
  color: var(--connx-primary-shade-70);
}

.border-connx-primary-shade-70 {
  border-color: var(--connx-primary-shade-70);
}

.bg-connx-primary-shade-75 {
  background-color: var(--connx-primary-shade-75);
}

.hover\:bg-connx-primary-shade-75:hover {
  background-color: var(--connx-primary-shade-75);
}

.text-connx-primary-shade-75 {
  color: var(--connx-primary-shade-75);
}

.hover\:text-connx-primary-shade-75:hover {
  color: var(--connx-primary-shade-75);
}

.border-connx-primary-shade-75 {
  border-color: var(--connx-primary-shade-75);
}

.bg-connx-primary-shade-80 {
  background-color: var(--connx-primary-shade-80);
}

.hover\:bg-connx-primary-shade-80:hover {
  background-color: var(--connx-primary-shade-80);
}

.text-connx-primary-shade-80 {
  color: var(--connx-primary-shade-80);
}

.hover\:text-connx-primary-shade-80:hover {
  color: var(--connx-primary-shade-80);
}

.border-connx-primary-shade-80 {
  border-color: var(--connx-primary-shade-80);
}

.bg-connx-primary-shade-85 {
  background-color: var(--connx-primary-shade-85);
}

.hover\:bg-connx-primary-shade-85:hover {
  background-color: var(--connx-primary-shade-85);
}

.text-connx-primary-shade-85 {
  color: var(--connx-primary-shade-85);
}

.hover\:text-connx-primary-shade-85:hover {
  color: var(--connx-primary-shade-85);
}

.border-connx-primary-shade-85 {
  border-color: var(--connx-primary-shade-85);
}

.bg-connx-primary-shade-90 {
  background-color: var(--connx-primary-shade-90);
}

.hover\:bg-connx-primary-shade-90:hover {
  background-color: var(--connx-primary-shade-90);
}

.text-connx-primary-shade-90 {
  color: var(--connx-primary-shade-90);
}

.hover\:text-connx-primary-shade-90:hover {
  color: var(--connx-primary-shade-90);
}

.border-connx-primary-shade-90 {
  border-color: var(--connx-primary-shade-90);
}

.bg-connx-primary-shade-95 {
  background-color: var(--connx-primary-shade-95);
}

.hover\:bg-connx-primary-shade-95:hover {
  background-color: var(--connx-primary-shade-95);
}

.text-connx-primary-shade-95 {
  color: var(--connx-primary-shade-95);
}

.hover\:text-connx-primary-shade-95:hover {
  color: var(--connx-primary-shade-95);
}

.border-connx-primary-shade-95 {
  border-color: var(--connx-primary-shade-95);
}

.bg-connx-primary-tint-05 {
  background-color: var(--connx-primary-tint-05);
}

.hover\:bg-connx-primary-tint-05:hover {
  background-color: var(--connx-primary-tint-05);
}

.text-connx-primary-tint-05 {
  color: var(--connx-primary-tint-05);
}

.hover\:text-connx-primary-tint-05:hover {
  color: var(--connx-primary-tint-05);
}

.border-connx-primary-tint-05 {
  border-color: var(--connx-primary-tint-05);
}

.bg-connx-primary-tint-10 {
  background-color: var(--connx-primary-tint-10);
}

.hover\:bg-connx-primary-tint-10:hover {
  background-color: var(--connx-primary-tint-10);
}

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

.hover\:text-connx-primary-tint-10:hover {
  color: var(--connx-primary-tint-10);
}

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

.bg-connx-primary-tint-15 {
  background-color: var(--connx-primary-tint-15);
}

.hover\:bg-connx-primary-tint-15:hover {
  background-color: var(--connx-primary-tint-15);
}

.text-connx-primary-tint-15 {
  color: var(--connx-primary-tint-15);
}

.hover\:text-connx-primary-tint-15:hover {
  color: var(--connx-primary-tint-15);
}

.border-connx-primary-tint-15 {
  border-color: var(--connx-primary-tint-15);
}

.bg-connx-primary-tint-20 {
  background-color: var(--connx-primary-tint-20);
}

.hover\:bg-connx-primary-tint-20:hover {
  background-color: var(--connx-primary-tint-20);
}

.text-connx-primary-tint-20 {
  color: var(--connx-primary-tint-20);
}

.hover\:text-connx-primary-tint-20:hover {
  color: var(--connx-primary-tint-20);
}

.border-connx-primary-tint-20 {
  border-color: var(--connx-primary-tint-20);
}

.bg-connx-primary-tint-25 {
  background-color: var(--connx-primary-tint-25);
}

.hover\:bg-connx-primary-tint-25:hover {
  background-color: var(--connx-primary-tint-25);
}

.text-connx-primary-tint-25 {
  color: var(--connx-primary-tint-25);
}

.hover\:text-connx-primary-tint-25:hover {
  color: var(--connx-primary-tint-25);
}

.border-connx-primary-tint-25 {
  border-color: var(--connx-primary-tint-25);
}

.bg-connx-primary-tint-30 {
  background-color: var(--connx-primary-tint-30);
}

.hover\:bg-connx-primary-tint-30:hover {
  background-color: var(--connx-primary-tint-30);
}

.text-connx-primary-tint-30 {
  color: var(--connx-primary-tint-30);
}

.hover\:text-connx-primary-tint-30:hover {
  color: var(--connx-primary-tint-30);
}

.border-connx-primary-tint-30 {
  border-color: var(--connx-primary-tint-30);
}

.bg-connx-primary-tint-35 {
  background-color: var(--connx-primary-tint-35);
}

.hover\:bg-connx-primary-tint-35:hover {
  background-color: var(--connx-primary-tint-35);
}

.text-connx-primary-tint-35 {
  color: var(--connx-primary-tint-35);
}

.hover\:text-connx-primary-tint-35:hover {
  color: var(--connx-primary-tint-35);
}

.border-connx-primary-tint-35 {
  border-color: var(--connx-primary-tint-35);
}

.bg-connx-primary-tint-40 {
  background-color: var(--connx-primary-tint-40);
}

.hover\:bg-connx-primary-tint-40:hover {
  background-color: var(--connx-primary-tint-40);
}

.text-connx-primary-tint-40 {
  color: var(--connx-primary-tint-40);
}

.hover\:text-connx-primary-tint-40:hover {
  color: var(--connx-primary-tint-40);
}

.border-connx-primary-tint-40 {
  border-color: var(--connx-primary-tint-40);
}

.bg-connx-primary-tint-45 {
  background-color: var(--connx-primary-tint-45);
}

.hover\:bg-connx-primary-tint-45:hover {
  background-color: var(--connx-primary-tint-45);
}

.text-connx-primary-tint-45 {
  color: var(--connx-primary-tint-45);
}

.hover\:text-connx-primary-tint-45:hover {
  color: var(--connx-primary-tint-45);
}

.border-connx-primary-tint-45 {
  border-color: var(--connx-primary-tint-45);
}

.bg-connx-primary-tint-50 {
  background-color: var(--connx-primary-tint-50);
}

.hover\:bg-connx-primary-tint-50:hover {
  background-color: var(--connx-primary-tint-50);
}

.text-connx-primary-tint-50 {
  color: var(--connx-primary-tint-50);
}

.hover\:text-connx-primary-tint-50:hover {
  color: var(--connx-primary-tint-50);
}

.border-connx-primary-tint-50 {
  border-color: var(--connx-primary-tint-50);
}

.bg-connx-primary-tint-55 {
  background-color: var(--connx-primary-tint-55);
}

.hover\:bg-connx-primary-tint-55:hover {
  background-color: var(--connx-primary-tint-55);
}

.text-connx-primary-tint-55 {
  color: var(--connx-primary-tint-55);
}

.hover\:text-connx-primary-tint-55:hover {
  color: var(--connx-primary-tint-55);
}

.border-connx-primary-tint-55 {
  border-color: var(--connx-primary-tint-55);
}

.bg-connx-primary-tint-60 {
  background-color: var(--connx-primary-tint-60);
}

.hover\:bg-connx-primary-tint-60:hover {
  background-color: var(--connx-primary-tint-60);
}

.text-connx-primary-tint-60 {
  color: var(--connx-primary-tint-60);
}

.hover\:text-connx-primary-tint-60:hover {
  color: var(--connx-primary-tint-60);
}

.border-connx-primary-tint-60 {
  border-color: var(--connx-primary-tint-60);
}

.bg-connx-primary-tint-65 {
  background-color: var(--connx-primary-tint-65);
}

.hover\:bg-connx-primary-tint-65:hover {
  background-color: var(--connx-primary-tint-65);
}

.text-connx-primary-tint-65 {
  color: var(--connx-primary-tint-65);
}

.hover\:text-connx-primary-tint-65:hover {
  color: var(--connx-primary-tint-65);
}

.border-connx-primary-tint-65 {
  border-color: var(--connx-primary-tint-65);
}

.bg-connx-primary-tint-70 {
  background-color: var(--connx-primary-tint-70);
}

.hover\:bg-connx-primary-tint-70:hover {
  background-color: var(--connx-primary-tint-70);
}

.text-connx-primary-tint-70 {
  color: var(--connx-primary-tint-70);
}

.hover\:text-connx-primary-tint-70:hover {
  color: var(--connx-primary-tint-70);
}

.border-connx-primary-tint-70 {
  border-color: var(--connx-primary-tint-70);
}

.bg-connx-primary-tint-75 {
  background-color: var(--connx-primary-tint-75);
}

.hover\:bg-connx-primary-tint-75:hover {
  background-color: var(--connx-primary-tint-75);
}

.text-connx-primary-tint-75 {
  color: var(--connx-primary-tint-75);
}

.hover\:text-connx-primary-tint-75:hover {
  color: var(--connx-primary-tint-75);
}

.border-connx-primary-tint-75 {
  border-color: var(--connx-primary-tint-75);
}

.bg-connx-primary-tint-80 {
  background-color: var(--connx-primary-tint-80);
}

.hover\:bg-connx-primary-tint-80:hover {
  background-color: var(--connx-primary-tint-80);
}

.text-connx-primary-tint-80 {
  color: var(--connx-primary-tint-80);
}

.hover\:text-connx-primary-tint-80:hover {
  color: var(--connx-primary-tint-80);
}

.border-connx-primary-tint-80 {
  border-color: var(--connx-primary-tint-80);
}

.bg-connx-primary-tint-85 {
  background-color: var(--connx-primary-tint-85);
}

.hover\:bg-connx-primary-tint-85:hover {
  background-color: var(--connx-primary-tint-85);
}

.text-connx-primary-tint-85 {
  color: var(--connx-primary-tint-85);
}

.hover\:text-connx-primary-tint-85:hover {
  color: var(--connx-primary-tint-85);
}

.border-connx-primary-tint-85 {
  border-color: var(--connx-primary-tint-85);
}

.bg-connx-primary-tint-90 {
  background-color: var(--connx-primary-tint-90);
}

.hover\:bg-connx-primary-tint-90:hover {
  background-color: var(--connx-primary-tint-90);
}

.text-connx-primary-tint-90 {
  color: var(--connx-primary-tint-90);
}

.hover\:text-connx-primary-tint-90:hover {
  color: var(--connx-primary-tint-90);
}

.border-connx-primary-tint-90 {
  border-color: var(--connx-primary-tint-90);
}

.bg-connx-primary-tint-95 {
  background-color: var(--connx-primary-tint-95);
}

.hover\:bg-connx-primary-tint-95:hover {
  background-color: var(--connx-primary-tint-95);
}

.text-connx-primary-tint-95 {
  color: var(--connx-primary-tint-95);
}

.hover\:text-connx-primary-tint-95:hover {
  color: var(--connx-primary-tint-95);
}

.border-connx-primary-tint-95 {
  border-color: var(--connx-primary-tint-95);
}

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

.hover\:bg-connx-secondary:hover {
  background-color: var(--connx-secondary);
}

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

.hover\:text-connx-secondary:hover {
  color: var(--connx-secondary);
}

.border-connx-secondary {
  border-color: var(--connx-secondary);
}

.bg-connx-secondary-shade-05 {
  background-color: var(--connx-secondary-shade-05);
}

.hover\:bg-connx-secondary-shade-05:hover {
  background-color: var(--connx-secondary-shade-05);
}

.text-connx-secondary-shade-05 {
  color: var(--connx-secondary-shade-05);
}

.hover\:text-connx-secondary-shade-05:hover {
  color: var(--connx-secondary-shade-05);
}

.border-connx-secondary-shade-05 {
  border-color: var(--connx-secondary-shade-05);
}

.bg-connx-secondary-shade-10 {
  background-color: var(--connx-secondary-shade-10);
}

.hover\:bg-connx-secondary-shade-10:hover {
  background-color: var(--connx-secondary-shade-10);
}

.text-connx-secondary-shade-10 {
  color: var(--connx-secondary-shade-10);
}

.hover\:text-connx-secondary-shade-10:hover {
  color: var(--connx-secondary-shade-10);
}

.border-connx-secondary-shade-10 {
  border-color: var(--connx-secondary-shade-10);
}

.bg-connx-secondary-shade-15 {
  background-color: var(--connx-secondary-shade-15);
}

.hover\:bg-connx-secondary-shade-15:hover {
  background-color: var(--connx-secondary-shade-15);
}

.text-connx-secondary-shade-15 {
  color: var(--connx-secondary-shade-15);
}

.hover\:text-connx-secondary-shade-15:hover {
  color: var(--connx-secondary-shade-15);
}

.border-connx-secondary-shade-15 {
  border-color: var(--connx-secondary-shade-15);
}

.bg-connx-secondary-shade-20 {
  background-color: var(--connx-secondary-shade-20);
}

.hover\:bg-connx-secondary-shade-20:hover {
  background-color: var(--connx-secondary-shade-20);
}

.text-connx-secondary-shade-20 {
  color: var(--connx-secondary-shade-20);
}

.hover\:text-connx-secondary-shade-20:hover {
  color: var(--connx-secondary-shade-20);
}

.border-connx-secondary-shade-20 {
  border-color: var(--connx-secondary-shade-20);
}

.bg-connx-secondary-shade-25 {
  background-color: var(--connx-secondary-shade-25);
}

.hover\:bg-connx-secondary-shade-25:hover {
  background-color: var(--connx-secondary-shade-25);
}

.text-connx-secondary-shade-25 {
  color: var(--connx-secondary-shade-25);
}

.hover\:text-connx-secondary-shade-25:hover {
  color: var(--connx-secondary-shade-25);
}

.border-connx-secondary-shade-25 {
  border-color: var(--connx-secondary-shade-25);
}

.bg-connx-secondary-shade-30 {
  background-color: var(--connx-secondary-shade-30);
}

.hover\:bg-connx-secondary-shade-30:hover {
  background-color: var(--connx-secondary-shade-30);
}

.text-connx-secondary-shade-30 {
  color: var(--connx-secondary-shade-30);
}

.hover\:text-connx-secondary-shade-30:hover {
  color: var(--connx-secondary-shade-30);
}

.border-connx-secondary-shade-30 {
  border-color: var(--connx-secondary-shade-30);
}

.bg-connx-secondary-shade-35 {
  background-color: var(--connx-secondary-shade-35);
}

.hover\:bg-connx-secondary-shade-35:hover {
  background-color: var(--connx-secondary-shade-35);
}

.text-connx-secondary-shade-35 {
  color: var(--connx-secondary-shade-35);
}

.hover\:text-connx-secondary-shade-35:hover {
  color: var(--connx-secondary-shade-35);
}

.border-connx-secondary-shade-35 {
  border-color: var(--connx-secondary-shade-35);
}

.bg-connx-secondary-shade-40 {
  background-color: var(--connx-secondary-shade-40);
}

.hover\:bg-connx-secondary-shade-40:hover {
  background-color: var(--connx-secondary-shade-40);
}

.text-connx-secondary-shade-40 {
  color: var(--connx-secondary-shade-40);
}

.hover\:text-connx-secondary-shade-40:hover {
  color: var(--connx-secondary-shade-40);
}

.border-connx-secondary-shade-40 {
  border-color: var(--connx-secondary-shade-40);
}

.bg-connx-secondary-shade-45 {
  background-color: var(--connx-secondary-shade-45);
}

.hover\:bg-connx-secondary-shade-45:hover {
  background-color: var(--connx-secondary-shade-45);
}

.text-connx-secondary-shade-45 {
  color: var(--connx-secondary-shade-45);
}

.hover\:text-connx-secondary-shade-45:hover {
  color: var(--connx-secondary-shade-45);
}

.border-connx-secondary-shade-45 {
  border-color: var(--connx-secondary-shade-45);
}

.bg-connx-secondary-shade-50 {
  background-color: var(--connx-secondary-shade-50);
}

.hover\:bg-connx-secondary-shade-50:hover {
  background-color: var(--connx-secondary-shade-50);
}

.text-connx-secondary-shade-50 {
  color: var(--connx-secondary-shade-50);
}

.hover\:text-connx-secondary-shade-50:hover {
  color: var(--connx-secondary-shade-50);
}

.border-connx-secondary-shade-50 {
  border-color: var(--connx-secondary-shade-50);
}

.bg-connx-secondary-shade-55 {
  background-color: var(--connx-secondary-shade-55);
}

.hover\:bg-connx-secondary-shade-55:hover {
  background-color: var(--connx-secondary-shade-55);
}

.text-connx-secondary-shade-55 {
  color: var(--connx-secondary-shade-55);
}

.hover\:text-connx-secondary-shade-55:hover {
  color: var(--connx-secondary-shade-55);
}

.border-connx-secondary-shade-55 {
  border-color: var(--connx-secondary-shade-55);
}

.bg-connx-secondary-shade-60 {
  background-color: var(--connx-secondary-shade-60);
}

.hover\:bg-connx-secondary-shade-60:hover {
  background-color: var(--connx-secondary-shade-60);
}

.text-connx-secondary-shade-60 {
  color: var(--connx-secondary-shade-60);
}

.hover\:text-connx-secondary-shade-60:hover {
  color: var(--connx-secondary-shade-60);
}

.border-connx-secondary-shade-60 {
  border-color: var(--connx-secondary-shade-60);
}

.bg-connx-secondary-shade-65 {
  background-color: var(--connx-secondary-shade-65);
}

.hover\:bg-connx-secondary-shade-65:hover {
  background-color: var(--connx-secondary-shade-65);
}

.text-connx-secondary-shade-65 {
  color: var(--connx-secondary-shade-65);
}

.hover\:text-connx-secondary-shade-65:hover {
  color: var(--connx-secondary-shade-65);
}

.border-connx-secondary-shade-65 {
  border-color: var(--connx-secondary-shade-65);
}

.bg-connx-secondary-shade-70 {
  background-color: var(--connx-secondary-shade-70);
}

.hover\:bg-connx-secondary-shade-70:hover {
  background-color: var(--connx-secondary-shade-70);
}

.text-connx-secondary-shade-70 {
  color: var(--connx-secondary-shade-70);
}

.hover\:text-connx-secondary-shade-70:hover {
  color: var(--connx-secondary-shade-70);
}

.border-connx-secondary-shade-70 {
  border-color: var(--connx-secondary-shade-70);
}

.bg-connx-secondary-shade-75 {
  background-color: var(--connx-secondary-shade-75);
}

.hover\:bg-connx-secondary-shade-75:hover {
  background-color: var(--connx-secondary-shade-75);
}

.text-connx-secondary-shade-75 {
  color: var(--connx-secondary-shade-75);
}

.hover\:text-connx-secondary-shade-75:hover {
  color: var(--connx-secondary-shade-75);
}

.border-connx-secondary-shade-75 {
  border-color: var(--connx-secondary-shade-75);
}

.bg-connx-secondary-shade-80 {
  background-color: var(--connx-secondary-shade-80);
}

.hover\:bg-connx-secondary-shade-80:hover {
  background-color: var(--connx-secondary-shade-80);
}

.text-connx-secondary-shade-80 {
  color: var(--connx-secondary-shade-80);
}

.hover\:text-connx-secondary-shade-80:hover {
  color: var(--connx-secondary-shade-80);
}

.border-connx-secondary-shade-80 {
  border-color: var(--connx-secondary-shade-80);
}

.bg-connx-secondary-shade-85 {
  background-color: var(--connx-secondary-shade-85);
}

.hover\:bg-connx-secondary-shade-85:hover {
  background-color: var(--connx-secondary-shade-85);
}

.text-connx-secondary-shade-85 {
  color: var(--connx-secondary-shade-85);
}

.hover\:text-connx-secondary-shade-85:hover {
  color: var(--connx-secondary-shade-85);
}

.border-connx-secondary-shade-85 {
  border-color: var(--connx-secondary-shade-85);
}

.bg-connx-secondary-shade-90 {
  background-color: var(--connx-secondary-shade-90);
}

.hover\:bg-connx-secondary-shade-90:hover {
  background-color: var(--connx-secondary-shade-90);
}

.text-connx-secondary-shade-90 {
  color: var(--connx-secondary-shade-90);
}

.hover\:text-connx-secondary-shade-90:hover {
  color: var(--connx-secondary-shade-90);
}

.border-connx-secondary-shade-90 {
  border-color: var(--connx-secondary-shade-90);
}

.bg-connx-secondary-shade-95 {
  background-color: var(--connx-secondary-shade-95);
}

.hover\:bg-connx-secondary-shade-95:hover {
  background-color: var(--connx-secondary-shade-95);
}

.text-connx-secondary-shade-95 {
  color: var(--connx-secondary-shade-95);
}

.hover\:text-connx-secondary-shade-95:hover {
  color: var(--connx-secondary-shade-95);
}

.border-connx-secondary-shade-95 {
  border-color: var(--connx-secondary-shade-95);
}

.bg-connx-secondary-tint-05 {
  background-color: var(--connx-secondary-tint-05);
}

.hover\:bg-connx-secondary-tint-05:hover {
  background-color: var(--connx-secondary-tint-05);
}

.text-connx-secondary-tint-05 {
  color: var(--connx-secondary-tint-05);
}

.hover\:text-connx-secondary-tint-05:hover {
  color: var(--connx-secondary-tint-05);
}

.border-connx-secondary-tint-05 {
  border-color: var(--connx-secondary-tint-05);
}

.bg-connx-secondary-tint-10 {
  background-color: var(--connx-secondary-tint-10);
}

.hover\:bg-connx-secondary-tint-10:hover {
  background-color: var(--connx-secondary-tint-10);
}

.text-connx-secondary-tint-10 {
  color: var(--connx-secondary-tint-10);
}

.hover\:text-connx-secondary-tint-10:hover {
  color: var(--connx-secondary-tint-10);
}

.border-connx-secondary-tint-10 {
  border-color: var(--connx-secondary-tint-10);
}

.bg-connx-secondary-tint-15 {
  background-color: var(--connx-secondary-tint-15);
}

.hover\:bg-connx-secondary-tint-15:hover {
  background-color: var(--connx-secondary-tint-15);
}

.text-connx-secondary-tint-15 {
  color: var(--connx-secondary-tint-15);
}

.hover\:text-connx-secondary-tint-15:hover {
  color: var(--connx-secondary-tint-15);
}

.border-connx-secondary-tint-15 {
  border-color: var(--connx-secondary-tint-15);
}

.bg-connx-secondary-tint-20 {
  background-color: var(--connx-secondary-tint-20);
}

.hover\:bg-connx-secondary-tint-20:hover {
  background-color: var(--connx-secondary-tint-20);
}

.text-connx-secondary-tint-20 {
  color: var(--connx-secondary-tint-20);
}

.hover\:text-connx-secondary-tint-20:hover {
  color: var(--connx-secondary-tint-20);
}

.border-connx-secondary-tint-20 {
  border-color: var(--connx-secondary-tint-20);
}

.bg-connx-secondary-tint-25 {
  background-color: var(--connx-secondary-tint-25);
}

.hover\:bg-connx-secondary-tint-25:hover {
  background-color: var(--connx-secondary-tint-25);
}

.text-connx-secondary-tint-25 {
  color: var(--connx-secondary-tint-25);
}

.hover\:text-connx-secondary-tint-25:hover {
  color: var(--connx-secondary-tint-25);
}

.border-connx-secondary-tint-25 {
  border-color: var(--connx-secondary-tint-25);
}

.bg-connx-secondary-tint-30 {
  background-color: var(--connx-secondary-tint-30);
}

.hover\:bg-connx-secondary-tint-30:hover {
  background-color: var(--connx-secondary-tint-30);
}

.text-connx-secondary-tint-30 {
  color: var(--connx-secondary-tint-30);
}

.hover\:text-connx-secondary-tint-30:hover {
  color: var(--connx-secondary-tint-30);
}

.border-connx-secondary-tint-30 {
  border-color: var(--connx-secondary-tint-30);
}

.bg-connx-secondary-tint-35 {
  background-color: var(--connx-secondary-tint-35);
}

.hover\:bg-connx-secondary-tint-35:hover {
  background-color: var(--connx-secondary-tint-35);
}

.text-connx-secondary-tint-35 {
  color: var(--connx-secondary-tint-35);
}

.hover\:text-connx-secondary-tint-35:hover {
  color: var(--connx-secondary-tint-35);
}

.border-connx-secondary-tint-35 {
  border-color: var(--connx-secondary-tint-35);
}

.bg-connx-secondary-tint-40 {
  background-color: var(--connx-secondary-tint-40);
}

.hover\:bg-connx-secondary-tint-40:hover {
  background-color: var(--connx-secondary-tint-40);
}

.text-connx-secondary-tint-40 {
  color: var(--connx-secondary-tint-40);
}

.hover\:text-connx-secondary-tint-40:hover {
  color: var(--connx-secondary-tint-40);
}

.border-connx-secondary-tint-40 {
  border-color: var(--connx-secondary-tint-40);
}

.bg-connx-secondary-tint-45 {
  background-color: var(--connx-secondary-tint-45);
}

.hover\:bg-connx-secondary-tint-45:hover {
  background-color: var(--connx-secondary-tint-45);
}

.text-connx-secondary-tint-45 {
  color: var(--connx-secondary-tint-45);
}

.hover\:text-connx-secondary-tint-45:hover {
  color: var(--connx-secondary-tint-45);
}

.border-connx-secondary-tint-45 {
  border-color: var(--connx-secondary-tint-45);
}

.bg-connx-secondary-tint-50 {
  background-color: var(--connx-secondary-tint-50);
}

.hover\:bg-connx-secondary-tint-50:hover {
  background-color: var(--connx-secondary-tint-50);
}

.text-connx-secondary-tint-50 {
  color: var(--connx-secondary-tint-50);
}

.hover\:text-connx-secondary-tint-50:hover {
  color: var(--connx-secondary-tint-50);
}

.border-connx-secondary-tint-50 {
  border-color: var(--connx-secondary-tint-50);
}

.bg-connx-secondary-tint-55 {
  background-color: var(--connx-secondary-tint-55);
}

.hover\:bg-connx-secondary-tint-55:hover {
  background-color: var(--connx-secondary-tint-55);
}

.text-connx-secondary-tint-55 {
  color: var(--connx-secondary-tint-55);
}

.hover\:text-connx-secondary-tint-55:hover {
  color: var(--connx-secondary-tint-55);
}

.border-connx-secondary-tint-55 {
  border-color: var(--connx-secondary-tint-55);
}

.bg-connx-secondary-tint-60 {
  background-color: var(--connx-secondary-tint-60);
}

.hover\:bg-connx-secondary-tint-60:hover {
  background-color: var(--connx-secondary-tint-60);
}

.text-connx-secondary-tint-60 {
  color: var(--connx-secondary-tint-60);
}

.hover\:text-connx-secondary-tint-60:hover {
  color: var(--connx-secondary-tint-60);
}

.border-connx-secondary-tint-60 {
  border-color: var(--connx-secondary-tint-60);
}

.bg-connx-secondary-tint-65 {
  background-color: var(--connx-secondary-tint-65);
}

.hover\:bg-connx-secondary-tint-65:hover {
  background-color: var(--connx-secondary-tint-65);
}

.text-connx-secondary-tint-65 {
  color: var(--connx-secondary-tint-65);
}

.hover\:text-connx-secondary-tint-65:hover {
  color: var(--connx-secondary-tint-65);
}

.border-connx-secondary-tint-65 {
  border-color: var(--connx-secondary-tint-65);
}

.bg-connx-secondary-tint-70 {
  background-color: var(--connx-secondary-tint-70);
}

.hover\:bg-connx-secondary-tint-70:hover {
  background-color: var(--connx-secondary-tint-70);
}

.text-connx-secondary-tint-70 {
  color: var(--connx-secondary-tint-70);
}

.hover\:text-connx-secondary-tint-70:hover {
  color: var(--connx-secondary-tint-70);
}

.border-connx-secondary-tint-70 {
  border-color: var(--connx-secondary-tint-70);
}

.bg-connx-secondary-tint-75 {
  background-color: var(--connx-secondary-tint-75);
}

.hover\:bg-connx-secondary-tint-75:hover {
  background-color: var(--connx-secondary-tint-75);
}

.text-connx-secondary-tint-75 {
  color: var(--connx-secondary-tint-75);
}

.hover\:text-connx-secondary-tint-75:hover {
  color: var(--connx-secondary-tint-75);
}

.border-connx-secondary-tint-75 {
  border-color: var(--connx-secondary-tint-75);
}

.bg-connx-secondary-tint-80 {
  background-color: var(--connx-secondary-tint-80);
}

.hover\:bg-connx-secondary-tint-80:hover {
  background-color: var(--connx-secondary-tint-80);
}

.text-connx-secondary-tint-80 {
  color: var(--connx-secondary-tint-80);
}

.hover\:text-connx-secondary-tint-80:hover {
  color: var(--connx-secondary-tint-80);
}

.border-connx-secondary-tint-80 {
  border-color: var(--connx-secondary-tint-80);
}

.bg-connx-secondary-tint-85 {
  background-color: var(--connx-secondary-tint-85);
}

.hover\:bg-connx-secondary-tint-85:hover {
  background-color: var(--connx-secondary-tint-85);
}

.text-connx-secondary-tint-85 {
  color: var(--connx-secondary-tint-85);
}

.hover\:text-connx-secondary-tint-85:hover {
  color: var(--connx-secondary-tint-85);
}

.border-connx-secondary-tint-85 {
  border-color: var(--connx-secondary-tint-85);
}

.bg-connx-secondary-tint-90 {
  background-color: var(--connx-secondary-tint-90);
}

.hover\:bg-connx-secondary-tint-90:hover {
  background-color: var(--connx-secondary-tint-90);
}

.text-connx-secondary-tint-90 {
  color: var(--connx-secondary-tint-90);
}

.hover\:text-connx-secondary-tint-90:hover {
  color: var(--connx-secondary-tint-90);
}

.border-connx-secondary-tint-90 {
  border-color: var(--connx-secondary-tint-90);
}

.bg-connx-secondary-tint-95 {
  background-color: var(--connx-secondary-tint-95);
}

.hover\:bg-connx-secondary-tint-95:hover {
  background-color: var(--connx-secondary-tint-95);
}

.text-connx-secondary-tint-95 {
  color: var(--connx-secondary-tint-95);
}

.hover\:text-connx-secondary-tint-95:hover {
  color: var(--connx-secondary-tint-95);
}

.border-connx-secondary-tint-95 {
  border-color: var(--connx-secondary-tint-95);
}

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

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

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

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

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

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

.hover\:bg-connx-grey-shade-05:hover {
  background-color: var(--connx-grey-shade-05);
}

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

.hover\:text-connx-grey-shade-05:hover {
  color: var(--connx-grey-shade-05);
}

.border-connx-grey-shade-05 {
  border-color: var(--connx-grey-shade-05);
}

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

.hover\:bg-connx-grey-shade-10:hover {
  background-color: var(--connx-grey-shade-10);
}

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

.hover\:text-connx-grey-shade-10:hover {
  color: var(--connx-grey-shade-10);
}

.border-connx-grey-shade-10 {
  border-color: var(--connx-grey-shade-10);
}

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

.hover\:bg-connx-grey-shade-15:hover {
  background-color: var(--connx-grey-shade-15);
}

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

.hover\:text-connx-grey-shade-15:hover {
  color: var(--connx-grey-shade-15);
}

.border-connx-grey-shade-15 {
  border-color: var(--connx-grey-shade-15);
}

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

.hover\:bg-connx-grey-shade-20:hover {
  background-color: var(--connx-grey-shade-20);
}

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

.hover\:text-connx-grey-shade-20:hover {
  color: var(--connx-grey-shade-20);
}

.border-connx-grey-shade-20 {
  border-color: var(--connx-grey-shade-20);
}

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

.hover\:bg-connx-grey-shade-25:hover {
  background-color: var(--connx-grey-shade-25);
}

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

.hover\:text-connx-grey-shade-25:hover {
  color: var(--connx-grey-shade-25);
}

.border-connx-grey-shade-25 {
  border-color: var(--connx-grey-shade-25);
}

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

.hover\:bg-connx-grey-shade-30:hover {
  background-color: var(--connx-grey-shade-30);
}

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

.hover\:text-connx-grey-shade-30:hover {
  color: var(--connx-grey-shade-30);
}

.border-connx-grey-shade-30 {
  border-color: var(--connx-grey-shade-30);
}

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

.hover\:bg-connx-grey-shade-35:hover {
  background-color: var(--connx-grey-shade-35);
}

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

.hover\:text-connx-grey-shade-35:hover {
  color: var(--connx-grey-shade-35);
}

.border-connx-grey-shade-35 {
  border-color: var(--connx-grey-shade-35);
}

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

.hover\:bg-connx-grey-shade-40:hover {
  background-color: var(--connx-grey-shade-40);
}

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

.hover\:text-connx-grey-shade-40:hover {
  color: var(--connx-grey-shade-40);
}

.border-connx-grey-shade-40 {
  border-color: var(--connx-grey-shade-40);
}

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

.hover\:bg-connx-grey-shade-45:hover {
  background-color: var(--connx-grey-shade-45);
}

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

.hover\:text-connx-grey-shade-45:hover {
  color: var(--connx-grey-shade-45);
}

.border-connx-grey-shade-45 {
  border-color: var(--connx-grey-shade-45);
}

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

.hover\:bg-connx-grey-shade-50:hover {
  background-color: var(--connx-grey-shade-50);
}

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

.hover\:text-connx-grey-shade-50:hover {
  color: var(--connx-grey-shade-50);
}

.border-connx-grey-shade-50 {
  border-color: var(--connx-grey-shade-50);
}

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

.hover\:bg-connx-grey-shade-55:hover {
  background-color: var(--connx-grey-shade-55);
}

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

.hover\:text-connx-grey-shade-55:hover {
  color: var(--connx-grey-shade-55);
}

.border-connx-grey-shade-55 {
  border-color: var(--connx-grey-shade-55);
}

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

.hover\:bg-connx-grey-shade-60:hover {
  background-color: var(--connx-grey-shade-60);
}

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

.hover\:text-connx-grey-shade-60:hover {
  color: var(--connx-grey-shade-60);
}

.border-connx-grey-shade-60 {
  border-color: var(--connx-grey-shade-60);
}

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

.hover\:bg-connx-grey-shade-65:hover {
  background-color: var(--connx-grey-shade-65);
}

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

.hover\:text-connx-grey-shade-65:hover {
  color: var(--connx-grey-shade-65);
}

.border-connx-grey-shade-65 {
  border-color: var(--connx-grey-shade-65);
}

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

.hover\:bg-connx-grey-shade-70:hover {
  background-color: var(--connx-grey-shade-70);
}

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

.hover\:text-connx-grey-shade-70:hover {
  color: var(--connx-grey-shade-70);
}

.border-connx-grey-shade-70 {
  border-color: var(--connx-grey-shade-70);
}

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

.hover\:bg-connx-grey-shade-75:hover {
  background-color: var(--connx-grey-shade-75);
}

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

.hover\:text-connx-grey-shade-75:hover {
  color: var(--connx-grey-shade-75);
}

.border-connx-grey-shade-75 {
  border-color: var(--connx-grey-shade-75);
}

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

.hover\:bg-connx-grey-shade-80:hover {
  background-color: var(--connx-grey-shade-80);
}

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

.hover\:text-connx-grey-shade-80:hover {
  color: var(--connx-grey-shade-80);
}

.border-connx-grey-shade-80 {
  border-color: var(--connx-grey-shade-80);
}

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

.hover\:bg-connx-grey-shade-85:hover {
  background-color: var(--connx-grey-shade-85);
}

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

.hover\:text-connx-grey-shade-85:hover {
  color: var(--connx-grey-shade-85);
}

.border-connx-grey-shade-85 {
  border-color: var(--connx-grey-shade-85);
}

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

.hover\:bg-connx-grey-shade-90:hover {
  background-color: var(--connx-grey-shade-90);
}

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

.hover\:text-connx-grey-shade-90:hover {
  color: var(--connx-grey-shade-90);
}

.border-connx-grey-shade-90 {
  border-color: var(--connx-grey-shade-90);
}

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

.hover\:bg-connx-grey-shade-95:hover {
  background-color: var(--connx-grey-shade-95);
}

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

.hover\:text-connx-grey-shade-95:hover {
  color: var(--connx-grey-shade-95);
}

.border-connx-grey-shade-95 {
  border-color: var(--connx-grey-shade-95);
}

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

.hover\:bg-connx-grey-tint-05:hover {
  background-color: var(--connx-grey-tint-05);
}

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

.hover\:text-connx-grey-tint-05:hover {
  color: var(--connx-grey-tint-05);
}

.border-connx-grey-tint-05 {
  border-color: var(--connx-grey-tint-05);
}

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

.hover\:bg-connx-grey-tint-10:hover {
  background-color: var(--connx-grey-tint-10);
}

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

.hover\:text-connx-grey-tint-10:hover {
  color: var(--connx-grey-tint-10);
}

.border-connx-grey-tint-10 {
  border-color: var(--connx-grey-tint-10);
}

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

.hover\:bg-connx-grey-tint-15:hover {
  background-color: var(--connx-grey-tint-15);
}

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

.hover\:text-connx-grey-tint-15:hover {
  color: var(--connx-grey-tint-15);
}

.border-connx-grey-tint-15 {
  border-color: var(--connx-grey-tint-15);
}

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

.hover\:bg-connx-grey-tint-20:hover {
  background-color: var(--connx-grey-tint-20);
}

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

.hover\:text-connx-grey-tint-20:hover {
  color: var(--connx-grey-tint-20);
}

.border-connx-grey-tint-20 {
  border-color: var(--connx-grey-tint-20);
}

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

.hover\:bg-connx-grey-tint-25:hover {
  background-color: var(--connx-grey-tint-25);
}

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

.hover\:text-connx-grey-tint-25:hover {
  color: var(--connx-grey-tint-25);
}

.border-connx-grey-tint-25 {
  border-color: var(--connx-grey-tint-25);
}

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

.hover\:bg-connx-grey-tint-30:hover {
  background-color: var(--connx-grey-tint-30);
}

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

.hover\:text-connx-grey-tint-30:hover {
  color: var(--connx-grey-tint-30);
}

.border-connx-grey-tint-30 {
  border-color: var(--connx-grey-tint-30);
}

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

.hover\:bg-connx-grey-tint-35:hover {
  background-color: var(--connx-grey-tint-35);
}

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

.hover\:text-connx-grey-tint-35:hover {
  color: var(--connx-grey-tint-35);
}

.border-connx-grey-tint-35 {
  border-color: var(--connx-grey-tint-35);
}

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

.hover\:bg-connx-grey-tint-40:hover {
  background-color: var(--connx-grey-tint-40);
}

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

.hover\:text-connx-grey-tint-40:hover {
  color: var(--connx-grey-tint-40);
}

.border-connx-grey-tint-40 {
  border-color: var(--connx-grey-tint-40);
}

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

.hover\:bg-connx-grey-tint-45:hover {
  background-color: var(--connx-grey-tint-45);
}

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

.hover\:text-connx-grey-tint-45:hover {
  color: var(--connx-grey-tint-45);
}

.border-connx-grey-tint-45 {
  border-color: var(--connx-grey-tint-45);
}

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

.hover\:bg-connx-grey-tint-50:hover {
  background-color: var(--connx-grey-tint-50);
}

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

.hover\:text-connx-grey-tint-50:hover {
  color: var(--connx-grey-tint-50);
}

.border-connx-grey-tint-50 {
  border-color: var(--connx-grey-tint-50);
}

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

.hover\:bg-connx-grey-tint-55:hover {
  background-color: var(--connx-grey-tint-55);
}

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

.hover\:text-connx-grey-tint-55:hover {
  color: var(--connx-grey-tint-55);
}

.border-connx-grey-tint-55 {
  border-color: var(--connx-grey-tint-55);
}

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

.hover\:bg-connx-grey-tint-60:hover {
  background-color: var(--connx-grey-tint-60);
}

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

.hover\:text-connx-grey-tint-60:hover {
  color: var(--connx-grey-tint-60);
}

.border-connx-grey-tint-60 {
  border-color: var(--connx-grey-tint-60);
}

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

.hover\:bg-connx-grey-tint-65:hover {
  background-color: var(--connx-grey-tint-65);
}

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

.hover\:text-connx-grey-tint-65:hover {
  color: var(--connx-grey-tint-65);
}

.border-connx-grey-tint-65 {
  border-color: var(--connx-grey-tint-65);
}

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

.hover\:bg-connx-grey-tint-70:hover {
  background-color: var(--connx-grey-tint-70);
}

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

.hover\:text-connx-grey-tint-70:hover {
  color: var(--connx-grey-tint-70);
}

.border-connx-grey-tint-70 {
  border-color: var(--connx-grey-tint-70);
}

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

.hover\:bg-connx-grey-tint-75:hover {
  background-color: var(--connx-grey-tint-75);
}

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

.hover\:text-connx-grey-tint-75:hover {
  color: var(--connx-grey-tint-75);
}

.border-connx-grey-tint-75 {
  border-color: var(--connx-grey-tint-75);
}

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

.hover\:bg-connx-grey-tint-80:hover {
  background-color: var(--connx-grey-tint-80);
}

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

.hover\:text-connx-grey-tint-80:hover {
  color: var(--connx-grey-tint-80);
}

.border-connx-grey-tint-80 {
  border-color: var(--connx-grey-tint-80);
}

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

.hover\:bg-connx-grey-tint-85:hover {
  background-color: var(--connx-grey-tint-85);
}

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

.hover\:text-connx-grey-tint-85:hover {
  color: var(--connx-grey-tint-85);
}

.border-connx-grey-tint-85 {
  border-color: var(--connx-grey-tint-85);
}

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

.hover\:bg-connx-grey-tint-90:hover {
  background-color: var(--connx-grey-tint-90);
}

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

.hover\:text-connx-grey-tint-90:hover {
  color: var(--connx-grey-tint-90);
}

.border-connx-grey-tint-90 {
  border-color: var(--connx-grey-tint-90);
}

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

.hover\:bg-connx-grey-tint-95:hover {
  background-color: var(--connx-grey-tint-95);
}

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

.hover\:text-connx-grey-tint-95:hover {
  color: var(--connx-grey-tint-95);
}

.border-connx-grey-tint-95 {
  border-color: var(--connx-grey-tint-95);
}

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

.hover\:bg-connx-blue-grey:hover {
  background-color: var(--connx-blue-grey);
}

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

.hover\:text-connx-blue-grey:hover {
  color: var(--connx-blue-grey);
}

.border-connx-blue-grey {
  border-color: var(--connx-blue-grey);
}

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

.hover\:bg-connx-blue:hover {
  background-color: var(--connx-blue);
}

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

.hover\:text-connx-blue:hover {
  color: var(--connx-blue);
}

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

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

.hover\:bg-connx-info:hover {
  background-color: var(--connx-info);
}

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

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

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

.bg-connx-info-shade-05 {
  background-color: var(--connx-info-shade-05);
}

.hover\:bg-connx-info-shade-05:hover {
  background-color: var(--connx-info-shade-05);
}

.text-connx-info-shade-05 {
  color: var(--connx-info-shade-05);
}

.hover\:text-connx-info-shade-05:hover {
  color: var(--connx-info-shade-05);
}

.border-connx-info-shade-05 {
  border-color: var(--connx-info-shade-05);
}

.bg-connx-info-shade-10 {
  background-color: var(--connx-info-shade-10);
}

.hover\:bg-connx-info-shade-10:hover {
  background-color: var(--connx-info-shade-10);
}

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

.hover\:text-connx-info-shade-10:hover {
  color: var(--connx-info-shade-10);
}

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

.bg-connx-info-shade-15 {
  background-color: var(--connx-info-shade-15);
}

.hover\:bg-connx-info-shade-15:hover {
  background-color: var(--connx-info-shade-15);
}

.text-connx-info-shade-15 {
  color: var(--connx-info-shade-15);
}

.hover\:text-connx-info-shade-15:hover {
  color: var(--connx-info-shade-15);
}

.border-connx-info-shade-15 {
  border-color: var(--connx-info-shade-15);
}

.bg-connx-info-shade-20 {
  background-color: var(--connx-info-shade-20);
}

.hover\:bg-connx-info-shade-20:hover {
  background-color: var(--connx-info-shade-20);
}

.text-connx-info-shade-20 {
  color: var(--connx-info-shade-20);
}

.hover\:text-connx-info-shade-20:hover {
  color: var(--connx-info-shade-20);
}

.border-connx-info-shade-20 {
  border-color: var(--connx-info-shade-20);
}

.bg-connx-info-shade-25 {
  background-color: var(--connx-info-shade-25);
}

.hover\:bg-connx-info-shade-25:hover {
  background-color: var(--connx-info-shade-25);
}

.text-connx-info-shade-25 {
  color: var(--connx-info-shade-25);
}

.hover\:text-connx-info-shade-25:hover {
  color: var(--connx-info-shade-25);
}

.border-connx-info-shade-25 {
  border-color: var(--connx-info-shade-25);
}

.bg-connx-info-shade-30 {
  background-color: var(--connx-info-shade-30);
}

.hover\:bg-connx-info-shade-30:hover {
  background-color: var(--connx-info-shade-30);
}

.text-connx-info-shade-30 {
  color: var(--connx-info-shade-30);
}

.hover\:text-connx-info-shade-30:hover {
  color: var(--connx-info-shade-30);
}

.border-connx-info-shade-30 {
  border-color: var(--connx-info-shade-30);
}

.bg-connx-info-shade-35 {
  background-color: var(--connx-info-shade-35);
}

.hover\:bg-connx-info-shade-35:hover {
  background-color: var(--connx-info-shade-35);
}

.text-connx-info-shade-35 {
  color: var(--connx-info-shade-35);
}

.hover\:text-connx-info-shade-35:hover {
  color: var(--connx-info-shade-35);
}

.border-connx-info-shade-35 {
  border-color: var(--connx-info-shade-35);
}

.bg-connx-info-shade-40 {
  background-color: var(--connx-info-shade-40);
}

.hover\:bg-connx-info-shade-40:hover {
  background-color: var(--connx-info-shade-40);
}

.text-connx-info-shade-40 {
  color: var(--connx-info-shade-40);
}

.hover\:text-connx-info-shade-40:hover {
  color: var(--connx-info-shade-40);
}

.border-connx-info-shade-40 {
  border-color: var(--connx-info-shade-40);
}

.bg-connx-info-shade-45 {
  background-color: var(--connx-info-shade-45);
}

.hover\:bg-connx-info-shade-45:hover {
  background-color: var(--connx-info-shade-45);
}

.text-connx-info-shade-45 {
  color: var(--connx-info-shade-45);
}

.hover\:text-connx-info-shade-45:hover {
  color: var(--connx-info-shade-45);
}

.border-connx-info-shade-45 {
  border-color: var(--connx-info-shade-45);
}

.bg-connx-info-shade-50 {
  background-color: var(--connx-info-shade-50);
}

.hover\:bg-connx-info-shade-50:hover {
  background-color: var(--connx-info-shade-50);
}

.text-connx-info-shade-50 {
  color: var(--connx-info-shade-50);
}

.hover\:text-connx-info-shade-50:hover {
  color: var(--connx-info-shade-50);
}

.border-connx-info-shade-50 {
  border-color: var(--connx-info-shade-50);
}

.bg-connx-info-shade-55 {
  background-color: var(--connx-info-shade-55);
}

.hover\:bg-connx-info-shade-55:hover {
  background-color: var(--connx-info-shade-55);
}

.text-connx-info-shade-55 {
  color: var(--connx-info-shade-55);
}

.hover\:text-connx-info-shade-55:hover {
  color: var(--connx-info-shade-55);
}

.border-connx-info-shade-55 {
  border-color: var(--connx-info-shade-55);
}

.bg-connx-info-shade-60 {
  background-color: var(--connx-info-shade-60);
}

.hover\:bg-connx-info-shade-60:hover {
  background-color: var(--connx-info-shade-60);
}

.text-connx-info-shade-60 {
  color: var(--connx-info-shade-60);
}

.hover\:text-connx-info-shade-60:hover {
  color: var(--connx-info-shade-60);
}

.border-connx-info-shade-60 {
  border-color: var(--connx-info-shade-60);
}

.bg-connx-info-shade-65 {
  background-color: var(--connx-info-shade-65);
}

.hover\:bg-connx-info-shade-65:hover {
  background-color: var(--connx-info-shade-65);
}

.text-connx-info-shade-65 {
  color: var(--connx-info-shade-65);
}

.hover\:text-connx-info-shade-65:hover {
  color: var(--connx-info-shade-65);
}

.border-connx-info-shade-65 {
  border-color: var(--connx-info-shade-65);
}

.bg-connx-info-shade-70 {
  background-color: var(--connx-info-shade-70);
}

.hover\:bg-connx-info-shade-70:hover {
  background-color: var(--connx-info-shade-70);
}

.text-connx-info-shade-70 {
  color: var(--connx-info-shade-70);
}

.hover\:text-connx-info-shade-70:hover {
  color: var(--connx-info-shade-70);
}

.border-connx-info-shade-70 {
  border-color: var(--connx-info-shade-70);
}

.bg-connx-info-shade-75 {
  background-color: var(--connx-info-shade-75);
}

.hover\:bg-connx-info-shade-75:hover {
  background-color: var(--connx-info-shade-75);
}

.text-connx-info-shade-75 {
  color: var(--connx-info-shade-75);
}

.hover\:text-connx-info-shade-75:hover {
  color: var(--connx-info-shade-75);
}

.border-connx-info-shade-75 {
  border-color: var(--connx-info-shade-75);
}

.bg-connx-info-shade-80 {
  background-color: var(--connx-info-shade-80);
}

.hover\:bg-connx-info-shade-80:hover {
  background-color: var(--connx-info-shade-80);
}

.text-connx-info-shade-80 {
  color: var(--connx-info-shade-80);
}

.hover\:text-connx-info-shade-80:hover {
  color: var(--connx-info-shade-80);
}

.border-connx-info-shade-80 {
  border-color: var(--connx-info-shade-80);
}

.bg-connx-info-shade-85 {
  background-color: var(--connx-info-shade-85);
}

.hover\:bg-connx-info-shade-85:hover {
  background-color: var(--connx-info-shade-85);
}

.text-connx-info-shade-85 {
  color: var(--connx-info-shade-85);
}

.hover\:text-connx-info-shade-85:hover {
  color: var(--connx-info-shade-85);
}

.border-connx-info-shade-85 {
  border-color: var(--connx-info-shade-85);
}

.bg-connx-info-shade-90 {
  background-color: var(--connx-info-shade-90);
}

.hover\:bg-connx-info-shade-90:hover {
  background-color: var(--connx-info-shade-90);
}

.text-connx-info-shade-90 {
  color: var(--connx-info-shade-90);
}

.hover\:text-connx-info-shade-90:hover {
  color: var(--connx-info-shade-90);
}

.border-connx-info-shade-90 {
  border-color: var(--connx-info-shade-90);
}

.bg-connx-info-shade-95 {
  background-color: var(--connx-info-shade-95);
}

.hover\:bg-connx-info-shade-95:hover {
  background-color: var(--connx-info-shade-95);
}

.text-connx-info-shade-95 {
  color: var(--connx-info-shade-95);
}

.hover\:text-connx-info-shade-95:hover {
  color: var(--connx-info-shade-95);
}

.border-connx-info-shade-95 {
  border-color: var(--connx-info-shade-95);
}

.bg-connx-info-tint-05 {
  background-color: var(--connx-info-tint-05);
}

.hover\:bg-connx-info-tint-05:hover {
  background-color: var(--connx-info-tint-05);
}

.text-connx-info-tint-05 {
  color: var(--connx-info-tint-05);
}

.hover\:text-connx-info-tint-05:hover {
  color: var(--connx-info-tint-05);
}

.border-connx-info-tint-05 {
  border-color: var(--connx-info-tint-05);
}

.bg-connx-info-tint-10 {
  background-color: var(--connx-info-tint-10);
}

.hover\:bg-connx-info-tint-10:hover {
  background-color: var(--connx-info-tint-10);
}

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

.hover\:text-connx-info-tint-10:hover {
  color: var(--connx-info-tint-10);
}

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

.bg-connx-info-tint-15 {
  background-color: var(--connx-info-tint-15);
}

.hover\:bg-connx-info-tint-15:hover {
  background-color: var(--connx-info-tint-15);
}

.text-connx-info-tint-15 {
  color: var(--connx-info-tint-15);
}

.hover\:text-connx-info-tint-15:hover {
  color: var(--connx-info-tint-15);
}

.border-connx-info-tint-15 {
  border-color: var(--connx-info-tint-15);
}

.bg-connx-info-tint-20 {
  background-color: var(--connx-info-tint-20);
}

.hover\:bg-connx-info-tint-20:hover {
  background-color: var(--connx-info-tint-20);
}

.text-connx-info-tint-20 {
  color: var(--connx-info-tint-20);
}

.hover\:text-connx-info-tint-20:hover {
  color: var(--connx-info-tint-20);
}

.border-connx-info-tint-20 {
  border-color: var(--connx-info-tint-20);
}

.bg-connx-info-tint-25 {
  background-color: var(--connx-info-tint-25);
}

.hover\:bg-connx-info-tint-25:hover {
  background-color: var(--connx-info-tint-25);
}

.text-connx-info-tint-25 {
  color: var(--connx-info-tint-25);
}

.hover\:text-connx-info-tint-25:hover {
  color: var(--connx-info-tint-25);
}

.border-connx-info-tint-25 {
  border-color: var(--connx-info-tint-25);
}

.bg-connx-info-tint-30 {
  background-color: var(--connx-info-tint-30);
}

.hover\:bg-connx-info-tint-30:hover {
  background-color: var(--connx-info-tint-30);
}

.text-connx-info-tint-30 {
  color: var(--connx-info-tint-30);
}

.hover\:text-connx-info-tint-30:hover {
  color: var(--connx-info-tint-30);
}

.border-connx-info-tint-30 {
  border-color: var(--connx-info-tint-30);
}

.bg-connx-info-tint-35 {
  background-color: var(--connx-info-tint-35);
}

.hover\:bg-connx-info-tint-35:hover {
  background-color: var(--connx-info-tint-35);
}

.text-connx-info-tint-35 {
  color: var(--connx-info-tint-35);
}

.hover\:text-connx-info-tint-35:hover {
  color: var(--connx-info-tint-35);
}

.border-connx-info-tint-35 {
  border-color: var(--connx-info-tint-35);
}

.bg-connx-info-tint-40 {
  background-color: var(--connx-info-tint-40);
}

.hover\:bg-connx-info-tint-40:hover {
  background-color: var(--connx-info-tint-40);
}

.text-connx-info-tint-40 {
  color: var(--connx-info-tint-40);
}

.hover\:text-connx-info-tint-40:hover {
  color: var(--connx-info-tint-40);
}

.border-connx-info-tint-40 {
  border-color: var(--connx-info-tint-40);
}

.bg-connx-info-tint-45 {
  background-color: var(--connx-info-tint-45);
}

.hover\:bg-connx-info-tint-45:hover {
  background-color: var(--connx-info-tint-45);
}

.text-connx-info-tint-45 {
  color: var(--connx-info-tint-45);
}

.hover\:text-connx-info-tint-45:hover {
  color: var(--connx-info-tint-45);
}

.border-connx-info-tint-45 {
  border-color: var(--connx-info-tint-45);
}

.bg-connx-info-tint-50 {
  background-color: var(--connx-info-tint-50);
}

.hover\:bg-connx-info-tint-50:hover {
  background-color: var(--connx-info-tint-50);
}

.text-connx-info-tint-50 {
  color: var(--connx-info-tint-50);
}

.hover\:text-connx-info-tint-50:hover {
  color: var(--connx-info-tint-50);
}

.border-connx-info-tint-50 {
  border-color: var(--connx-info-tint-50);
}

.bg-connx-info-tint-55 {
  background-color: var(--connx-info-tint-55);
}

.hover\:bg-connx-info-tint-55:hover {
  background-color: var(--connx-info-tint-55);
}

.text-connx-info-tint-55 {
  color: var(--connx-info-tint-55);
}

.hover\:text-connx-info-tint-55:hover {
  color: var(--connx-info-tint-55);
}

.border-connx-info-tint-55 {
  border-color: var(--connx-info-tint-55);
}

.bg-connx-info-tint-60 {
  background-color: var(--connx-info-tint-60);
}

.hover\:bg-connx-info-tint-60:hover {
  background-color: var(--connx-info-tint-60);
}

.text-connx-info-tint-60 {
  color: var(--connx-info-tint-60);
}

.hover\:text-connx-info-tint-60:hover {
  color: var(--connx-info-tint-60);
}

.border-connx-info-tint-60 {
  border-color: var(--connx-info-tint-60);
}

.bg-connx-info-tint-65 {
  background-color: var(--connx-info-tint-65);
}

.hover\:bg-connx-info-tint-65:hover {
  background-color: var(--connx-info-tint-65);
}

.text-connx-info-tint-65 {
  color: var(--connx-info-tint-65);
}

.hover\:text-connx-info-tint-65:hover {
  color: var(--connx-info-tint-65);
}

.border-connx-info-tint-65 {
  border-color: var(--connx-info-tint-65);
}

.bg-connx-info-tint-70 {
  background-color: var(--connx-info-tint-70);
}

.hover\:bg-connx-info-tint-70:hover {
  background-color: var(--connx-info-tint-70);
}

.text-connx-info-tint-70 {
  color: var(--connx-info-tint-70);
}

.hover\:text-connx-info-tint-70:hover {
  color: var(--connx-info-tint-70);
}

.border-connx-info-tint-70 {
  border-color: var(--connx-info-tint-70);
}

.bg-connx-info-tint-75 {
  background-color: var(--connx-info-tint-75);
}

.hover\:bg-connx-info-tint-75:hover {
  background-color: var(--connx-info-tint-75);
}

.text-connx-info-tint-75 {
  color: var(--connx-info-tint-75);
}

.hover\:text-connx-info-tint-75:hover {
  color: var(--connx-info-tint-75);
}

.border-connx-info-tint-75 {
  border-color: var(--connx-info-tint-75);
}

.bg-connx-info-tint-80 {
  background-color: var(--connx-info-tint-80);
}

.hover\:bg-connx-info-tint-80:hover {
  background-color: var(--connx-info-tint-80);
}

.text-connx-info-tint-80 {
  color: var(--connx-info-tint-80);
}

.hover\:text-connx-info-tint-80:hover {
  color: var(--connx-info-tint-80);
}

.border-connx-info-tint-80 {
  border-color: var(--connx-info-tint-80);
}

.bg-connx-info-tint-85 {
  background-color: var(--connx-info-tint-85);
}

.hover\:bg-connx-info-tint-85:hover {
  background-color: var(--connx-info-tint-85);
}

.text-connx-info-tint-85 {
  color: var(--connx-info-tint-85);
}

.hover\:text-connx-info-tint-85:hover {
  color: var(--connx-info-tint-85);
}

.border-connx-info-tint-85 {
  border-color: var(--connx-info-tint-85);
}

.bg-connx-info-tint-90 {
  background-color: var(--connx-info-tint-90);
}

.hover\:bg-connx-info-tint-90:hover {
  background-color: var(--connx-info-tint-90);
}

.text-connx-info-tint-90 {
  color: var(--connx-info-tint-90);
}

.hover\:text-connx-info-tint-90:hover {
  color: var(--connx-info-tint-90);
}

.border-connx-info-tint-90 {
  border-color: var(--connx-info-tint-90);
}

.bg-connx-info-tint-95 {
  background-color: var(--connx-info-tint-95);
}

.hover\:bg-connx-info-tint-95:hover {
  background-color: var(--connx-info-tint-95);
}

.text-connx-info-tint-95 {
  color: var(--connx-info-tint-95);
}

.hover\:text-connx-info-tint-95:hover {
  color: var(--connx-info-tint-95);
}

.border-connx-info-tint-95 {
  border-color: var(--connx-info-tint-95);
}

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

.hover\:bg-connx-warning:hover {
  background-color: var(--connx-warning);
}

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

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

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

.bg-connx-warning-shade-05 {
  background-color: var(--connx-warning-shade-05);
}

.hover\:bg-connx-warning-shade-05:hover {
  background-color: var(--connx-warning-shade-05);
}

.text-connx-warning-shade-05 {
  color: var(--connx-warning-shade-05);
}

.hover\:text-connx-warning-shade-05:hover {
  color: var(--connx-warning-shade-05);
}

.border-connx-warning-shade-05 {
  border-color: var(--connx-warning-shade-05);
}

.bg-connx-warning-shade-10 {
  background-color: var(--connx-warning-shade-10);
}

.hover\:bg-connx-warning-shade-10:hover {
  background-color: var(--connx-warning-shade-10);
}

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

.hover\:text-connx-warning-shade-10:hover {
  color: var(--connx-warning-shade-10);
}

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

.bg-connx-warning-shade-15 {
  background-color: var(--connx-warning-shade-15);
}

.hover\:bg-connx-warning-shade-15:hover {
  background-color: var(--connx-warning-shade-15);
}

.text-connx-warning-shade-15 {
  color: var(--connx-warning-shade-15);
}

.hover\:text-connx-warning-shade-15:hover {
  color: var(--connx-warning-shade-15);
}

.border-connx-warning-shade-15 {
  border-color: var(--connx-warning-shade-15);
}

.bg-connx-warning-shade-20 {
  background-color: var(--connx-warning-shade-20);
}

.hover\:bg-connx-warning-shade-20:hover {
  background-color: var(--connx-warning-shade-20);
}

.text-connx-warning-shade-20 {
  color: var(--connx-warning-shade-20);
}

.hover\:text-connx-warning-shade-20:hover {
  color: var(--connx-warning-shade-20);
}

.border-connx-warning-shade-20 {
  border-color: var(--connx-warning-shade-20);
}

.bg-connx-warning-shade-25 {
  background-color: var(--connx-warning-shade-25);
}

.hover\:bg-connx-warning-shade-25:hover {
  background-color: var(--connx-warning-shade-25);
}

.text-connx-warning-shade-25 {
  color: var(--connx-warning-shade-25);
}

.hover\:text-connx-warning-shade-25:hover {
  color: var(--connx-warning-shade-25);
}

.border-connx-warning-shade-25 {
  border-color: var(--connx-warning-shade-25);
}

.bg-connx-warning-shade-30 {
  background-color: var(--connx-warning-shade-30);
}

.hover\:bg-connx-warning-shade-30:hover {
  background-color: var(--connx-warning-shade-30);
}

.text-connx-warning-shade-30 {
  color: var(--connx-warning-shade-30);
}

.hover\:text-connx-warning-shade-30:hover {
  color: var(--connx-warning-shade-30);
}

.border-connx-warning-shade-30 {
  border-color: var(--connx-warning-shade-30);
}

.bg-connx-warning-shade-35 {
  background-color: var(--connx-warning-shade-35);
}

.hover\:bg-connx-warning-shade-35:hover {
  background-color: var(--connx-warning-shade-35);
}

.text-connx-warning-shade-35 {
  color: var(--connx-warning-shade-35);
}

.hover\:text-connx-warning-shade-35:hover {
  color: var(--connx-warning-shade-35);
}

.border-connx-warning-shade-35 {
  border-color: var(--connx-warning-shade-35);
}

.bg-connx-warning-shade-40 {
  background-color: var(--connx-warning-shade-40);
}

.hover\:bg-connx-warning-shade-40:hover {
  background-color: var(--connx-warning-shade-40);
}

.text-connx-warning-shade-40 {
  color: var(--connx-warning-shade-40);
}

.hover\:text-connx-warning-shade-40:hover {
  color: var(--connx-warning-shade-40);
}

.border-connx-warning-shade-40 {
  border-color: var(--connx-warning-shade-40);
}

.bg-connx-warning-shade-45 {
  background-color: var(--connx-warning-shade-45);
}

.hover\:bg-connx-warning-shade-45:hover {
  background-color: var(--connx-warning-shade-45);
}

.text-connx-warning-shade-45 {
  color: var(--connx-warning-shade-45);
}

.hover\:text-connx-warning-shade-45:hover {
  color: var(--connx-warning-shade-45);
}

.border-connx-warning-shade-45 {
  border-color: var(--connx-warning-shade-45);
}

.bg-connx-warning-shade-50 {
  background-color: var(--connx-warning-shade-50);
}

.hover\:bg-connx-warning-shade-50:hover {
  background-color: var(--connx-warning-shade-50);
}

.text-connx-warning-shade-50 {
  color: var(--connx-warning-shade-50);
}

.hover\:text-connx-warning-shade-50:hover {
  color: var(--connx-warning-shade-50);
}

.border-connx-warning-shade-50 {
  border-color: var(--connx-warning-shade-50);
}

.bg-connx-warning-shade-55 {
  background-color: var(--connx-warning-shade-55);
}

.hover\:bg-connx-warning-shade-55:hover {
  background-color: var(--connx-warning-shade-55);
}

.text-connx-warning-shade-55 {
  color: var(--connx-warning-shade-55);
}

.hover\:text-connx-warning-shade-55:hover {
  color: var(--connx-warning-shade-55);
}

.border-connx-warning-shade-55 {
  border-color: var(--connx-warning-shade-55);
}

.bg-connx-warning-shade-60 {
  background-color: var(--connx-warning-shade-60);
}

.hover\:bg-connx-warning-shade-60:hover {
  background-color: var(--connx-warning-shade-60);
}

.text-connx-warning-shade-60 {
  color: var(--connx-warning-shade-60);
}

.hover\:text-connx-warning-shade-60:hover {
  color: var(--connx-warning-shade-60);
}

.border-connx-warning-shade-60 {
  border-color: var(--connx-warning-shade-60);
}

.bg-connx-warning-shade-65 {
  background-color: var(--connx-warning-shade-65);
}

.hover\:bg-connx-warning-shade-65:hover {
  background-color: var(--connx-warning-shade-65);
}

.text-connx-warning-shade-65 {
  color: var(--connx-warning-shade-65);
}

.hover\:text-connx-warning-shade-65:hover {
  color: var(--connx-warning-shade-65);
}

.border-connx-warning-shade-65 {
  border-color: var(--connx-warning-shade-65);
}

.bg-connx-warning-shade-70 {
  background-color: var(--connx-warning-shade-70);
}

.hover\:bg-connx-warning-shade-70:hover {
  background-color: var(--connx-warning-shade-70);
}

.text-connx-warning-shade-70 {
  color: var(--connx-warning-shade-70);
}

.hover\:text-connx-warning-shade-70:hover {
  color: var(--connx-warning-shade-70);
}

.border-connx-warning-shade-70 {
  border-color: var(--connx-warning-shade-70);
}

.bg-connx-warning-shade-75 {
  background-color: var(--connx-warning-shade-75);
}

.hover\:bg-connx-warning-shade-75:hover {
  background-color: var(--connx-warning-shade-75);
}

.text-connx-warning-shade-75 {
  color: var(--connx-warning-shade-75);
}

.hover\:text-connx-warning-shade-75:hover {
  color: var(--connx-warning-shade-75);
}

.border-connx-warning-shade-75 {
  border-color: var(--connx-warning-shade-75);
}

.bg-connx-warning-shade-80 {
  background-color: var(--connx-warning-shade-80);
}

.hover\:bg-connx-warning-shade-80:hover {
  background-color: var(--connx-warning-shade-80);
}

.text-connx-warning-shade-80 {
  color: var(--connx-warning-shade-80);
}

.hover\:text-connx-warning-shade-80:hover {
  color: var(--connx-warning-shade-80);
}

.border-connx-warning-shade-80 {
  border-color: var(--connx-warning-shade-80);
}

.bg-connx-warning-shade-85 {
  background-color: var(--connx-warning-shade-85);
}

.hover\:bg-connx-warning-shade-85:hover {
  background-color: var(--connx-warning-shade-85);
}

.text-connx-warning-shade-85 {
  color: var(--connx-warning-shade-85);
}

.hover\:text-connx-warning-shade-85:hover {
  color: var(--connx-warning-shade-85);
}

.border-connx-warning-shade-85 {
  border-color: var(--connx-warning-shade-85);
}

.bg-connx-warning-shade-90 {
  background-color: var(--connx-warning-shade-90);
}

.hover\:bg-connx-warning-shade-90:hover {
  background-color: var(--connx-warning-shade-90);
}

.text-connx-warning-shade-90 {
  color: var(--connx-warning-shade-90);
}

.hover\:text-connx-warning-shade-90:hover {
  color: var(--connx-warning-shade-90);
}

.border-connx-warning-shade-90 {
  border-color: var(--connx-warning-shade-90);
}

.bg-connx-warning-shade-95 {
  background-color: var(--connx-warning-shade-95);
}

.hover\:bg-connx-warning-shade-95:hover {
  background-color: var(--connx-warning-shade-95);
}

.text-connx-warning-shade-95 {
  color: var(--connx-warning-shade-95);
}

.hover\:text-connx-warning-shade-95:hover {
  color: var(--connx-warning-shade-95);
}

.border-connx-warning-shade-95 {
  border-color: var(--connx-warning-shade-95);
}

.bg-connx-warning-tint-05 {
  background-color: var(--connx-warning-tint-05);
}

.hover\:bg-connx-warning-tint-05:hover {
  background-color: var(--connx-warning-tint-05);
}

.text-connx-warning-tint-05 {
  color: var(--connx-warning-tint-05);
}

.hover\:text-connx-warning-tint-05:hover {
  color: var(--connx-warning-tint-05);
}

.border-connx-warning-tint-05 {
  border-color: var(--connx-warning-tint-05);
}

.bg-connx-warning-tint-10 {
  background-color: var(--connx-warning-tint-10);
}

.hover\:bg-connx-warning-tint-10:hover {
  background-color: var(--connx-warning-tint-10);
}

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

.hover\:text-connx-warning-tint-10:hover {
  color: var(--connx-warning-tint-10);
}

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

.bg-connx-warning-tint-15 {
  background-color: var(--connx-warning-tint-15);
}

.hover\:bg-connx-warning-tint-15:hover {
  background-color: var(--connx-warning-tint-15);
}

.text-connx-warning-tint-15 {
  color: var(--connx-warning-tint-15);
}

.hover\:text-connx-warning-tint-15:hover {
  color: var(--connx-warning-tint-15);
}

.border-connx-warning-tint-15 {
  border-color: var(--connx-warning-tint-15);
}

.bg-connx-warning-tint-20 {
  background-color: var(--connx-warning-tint-20);
}

.hover\:bg-connx-warning-tint-20:hover {
  background-color: var(--connx-warning-tint-20);
}

.text-connx-warning-tint-20 {
  color: var(--connx-warning-tint-20);
}

.hover\:text-connx-warning-tint-20:hover {
  color: var(--connx-warning-tint-20);
}

.border-connx-warning-tint-20 {
  border-color: var(--connx-warning-tint-20);
}

.bg-connx-warning-tint-25 {
  background-color: var(--connx-warning-tint-25);
}

.hover\:bg-connx-warning-tint-25:hover {
  background-color: var(--connx-warning-tint-25);
}

.text-connx-warning-tint-25 {
  color: var(--connx-warning-tint-25);
}

.hover\:text-connx-warning-tint-25:hover {
  color: var(--connx-warning-tint-25);
}

.border-connx-warning-tint-25 {
  border-color: var(--connx-warning-tint-25);
}

.bg-connx-warning-tint-30 {
  background-color: var(--connx-warning-tint-30);
}

.hover\:bg-connx-warning-tint-30:hover {
  background-color: var(--connx-warning-tint-30);
}

.text-connx-warning-tint-30 {
  color: var(--connx-warning-tint-30);
}

.hover\:text-connx-warning-tint-30:hover {
  color: var(--connx-warning-tint-30);
}

.border-connx-warning-tint-30 {
  border-color: var(--connx-warning-tint-30);
}

.bg-connx-warning-tint-35 {
  background-color: var(--connx-warning-tint-35);
}

.hover\:bg-connx-warning-tint-35:hover {
  background-color: var(--connx-warning-tint-35);
}

.text-connx-warning-tint-35 {
  color: var(--connx-warning-tint-35);
}

.hover\:text-connx-warning-tint-35:hover {
  color: var(--connx-warning-tint-35);
}

.border-connx-warning-tint-35 {
  border-color: var(--connx-warning-tint-35);
}

.bg-connx-warning-tint-40 {
  background-color: var(--connx-warning-tint-40);
}

.hover\:bg-connx-warning-tint-40:hover {
  background-color: var(--connx-warning-tint-40);
}

.text-connx-warning-tint-40 {
  color: var(--connx-warning-tint-40);
}

.hover\:text-connx-warning-tint-40:hover {
  color: var(--connx-warning-tint-40);
}

.border-connx-warning-tint-40 {
  border-color: var(--connx-warning-tint-40);
}

.bg-connx-warning-tint-45 {
  background-color: var(--connx-warning-tint-45);
}

.hover\:bg-connx-warning-tint-45:hover {
  background-color: var(--connx-warning-tint-45);
}

.text-connx-warning-tint-45 {
  color: var(--connx-warning-tint-45);
}

.hover\:text-connx-warning-tint-45:hover {
  color: var(--connx-warning-tint-45);
}

.border-connx-warning-tint-45 {
  border-color: var(--connx-warning-tint-45);
}

.bg-connx-warning-tint-50 {
  background-color: var(--connx-warning-tint-50);
}

.hover\:bg-connx-warning-tint-50:hover {
  background-color: var(--connx-warning-tint-50);
}

.text-connx-warning-tint-50 {
  color: var(--connx-warning-tint-50);
}

.hover\:text-connx-warning-tint-50:hover {
  color: var(--connx-warning-tint-50);
}

.border-connx-warning-tint-50 {
  border-color: var(--connx-warning-tint-50);
}

.bg-connx-warning-tint-55 {
  background-color: var(--connx-warning-tint-55);
}

.hover\:bg-connx-warning-tint-55:hover {
  background-color: var(--connx-warning-tint-55);
}

.text-connx-warning-tint-55 {
  color: var(--connx-warning-tint-55);
}

.hover\:text-connx-warning-tint-55:hover {
  color: var(--connx-warning-tint-55);
}

.border-connx-warning-tint-55 {
  border-color: var(--connx-warning-tint-55);
}

.bg-connx-warning-tint-60 {
  background-color: var(--connx-warning-tint-60);
}

.hover\:bg-connx-warning-tint-60:hover {
  background-color: var(--connx-warning-tint-60);
}

.text-connx-warning-tint-60 {
  color: var(--connx-warning-tint-60);
}

.hover\:text-connx-warning-tint-60:hover {
  color: var(--connx-warning-tint-60);
}

.border-connx-warning-tint-60 {
  border-color: var(--connx-warning-tint-60);
}

.bg-connx-warning-tint-65 {
  background-color: var(--connx-warning-tint-65);
}

.hover\:bg-connx-warning-tint-65:hover {
  background-color: var(--connx-warning-tint-65);
}

.text-connx-warning-tint-65 {
  color: var(--connx-warning-tint-65);
}

.hover\:text-connx-warning-tint-65:hover {
  color: var(--connx-warning-tint-65);
}

.border-connx-warning-tint-65 {
  border-color: var(--connx-warning-tint-65);
}

.bg-connx-warning-tint-70 {
  background-color: var(--connx-warning-tint-70);
}

.hover\:bg-connx-warning-tint-70:hover {
  background-color: var(--connx-warning-tint-70);
}

.text-connx-warning-tint-70 {
  color: var(--connx-warning-tint-70);
}

.hover\:text-connx-warning-tint-70:hover {
  color: var(--connx-warning-tint-70);
}

.border-connx-warning-tint-70 {
  border-color: var(--connx-warning-tint-70);
}

.bg-connx-warning-tint-75 {
  background-color: var(--connx-warning-tint-75);
}

.hover\:bg-connx-warning-tint-75:hover {
  background-color: var(--connx-warning-tint-75);
}

.text-connx-warning-tint-75 {
  color: var(--connx-warning-tint-75);
}

.hover\:text-connx-warning-tint-75:hover {
  color: var(--connx-warning-tint-75);
}

.border-connx-warning-tint-75 {
  border-color: var(--connx-warning-tint-75);
}

.bg-connx-warning-tint-80 {
  background-color: var(--connx-warning-tint-80);
}

.hover\:bg-connx-warning-tint-80:hover {
  background-color: var(--connx-warning-tint-80);
}

.text-connx-warning-tint-80 {
  color: var(--connx-warning-tint-80);
}

.hover\:text-connx-warning-tint-80:hover {
  color: var(--connx-warning-tint-80);
}

.border-connx-warning-tint-80 {
  border-color: var(--connx-warning-tint-80);
}

.bg-connx-warning-tint-85 {
  background-color: var(--connx-warning-tint-85);
}

.hover\:bg-connx-warning-tint-85:hover {
  background-color: var(--connx-warning-tint-85);
}

.text-connx-warning-tint-85 {
  color: var(--connx-warning-tint-85);
}

.hover\:text-connx-warning-tint-85:hover {
  color: var(--connx-warning-tint-85);
}

.border-connx-warning-tint-85 {
  border-color: var(--connx-warning-tint-85);
}

.bg-connx-warning-tint-90 {
  background-color: var(--connx-warning-tint-90);
}

.hover\:bg-connx-warning-tint-90:hover {
  background-color: var(--connx-warning-tint-90);
}

.text-connx-warning-tint-90 {
  color: var(--connx-warning-tint-90);
}

.hover\:text-connx-warning-tint-90:hover {
  color: var(--connx-warning-tint-90);
}

.border-connx-warning-tint-90 {
  border-color: var(--connx-warning-tint-90);
}

.bg-connx-warning-tint-95 {
  background-color: var(--connx-warning-tint-95);
}

.hover\:bg-connx-warning-tint-95:hover {
  background-color: var(--connx-warning-tint-95);
}

.text-connx-warning-tint-95 {
  color: var(--connx-warning-tint-95);
}

.hover\:text-connx-warning-tint-95:hover {
  color: var(--connx-warning-tint-95);
}

.border-connx-warning-tint-95 {
  border-color: var(--connx-warning-tint-95);
}

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

.hover\:bg-connx-danger:hover {
  background-color: var(--connx-danger);
}

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

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

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

.bg-connx-danger-shade-05 {
  background-color: var(--connx-danger-shade-05);
}

.hover\:bg-connx-danger-shade-05:hover {
  background-color: var(--connx-danger-shade-05);
}

.text-connx-danger-shade-05 {
  color: var(--connx-danger-shade-05);
}

.hover\:text-connx-danger-shade-05:hover {
  color: var(--connx-danger-shade-05);
}

.border-connx-danger-shade-05 {
  border-color: var(--connx-danger-shade-05);
}

.bg-connx-danger-shade-10 {
  background-color: var(--connx-danger-shade-10);
}

.hover\:bg-connx-danger-shade-10:hover {
  background-color: var(--connx-danger-shade-10);
}

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

.hover\:text-connx-danger-shade-10:hover {
  color: var(--connx-danger-shade-10);
}

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

.bg-connx-danger-shade-15 {
  background-color: var(--connx-danger-shade-15);
}

.hover\:bg-connx-danger-shade-15:hover {
  background-color: var(--connx-danger-shade-15);
}

.text-connx-danger-shade-15 {
  color: var(--connx-danger-shade-15);
}

.hover\:text-connx-danger-shade-15:hover {
  color: var(--connx-danger-shade-15);
}

.border-connx-danger-shade-15 {
  border-color: var(--connx-danger-shade-15);
}

.bg-connx-danger-shade-20 {
  background-color: var(--connx-danger-shade-20);
}

.hover\:bg-connx-danger-shade-20:hover {
  background-color: var(--connx-danger-shade-20);
}

.text-connx-danger-shade-20 {
  color: var(--connx-danger-shade-20);
}

.hover\:text-connx-danger-shade-20:hover {
  color: var(--connx-danger-shade-20);
}

.border-connx-danger-shade-20 {
  border-color: var(--connx-danger-shade-20);
}

.bg-connx-danger-shade-25 {
  background-color: var(--connx-danger-shade-25);
}

.hover\:bg-connx-danger-shade-25:hover {
  background-color: var(--connx-danger-shade-25);
}

.text-connx-danger-shade-25 {
  color: var(--connx-danger-shade-25);
}

.hover\:text-connx-danger-shade-25:hover {
  color: var(--connx-danger-shade-25);
}

.border-connx-danger-shade-25 {
  border-color: var(--connx-danger-shade-25);
}

.bg-connx-danger-shade-30 {
  background-color: var(--connx-danger-shade-30);
}

.hover\:bg-connx-danger-shade-30:hover {
  background-color: var(--connx-danger-shade-30);
}

.text-connx-danger-shade-30 {
  color: var(--connx-danger-shade-30);
}

.hover\:text-connx-danger-shade-30:hover {
  color: var(--connx-danger-shade-30);
}

.border-connx-danger-shade-30 {
  border-color: var(--connx-danger-shade-30);
}

.bg-connx-danger-shade-35 {
  background-color: var(--connx-danger-shade-35);
}

.hover\:bg-connx-danger-shade-35:hover {
  background-color: var(--connx-danger-shade-35);
}

.text-connx-danger-shade-35 {
  color: var(--connx-danger-shade-35);
}

.hover\:text-connx-danger-shade-35:hover {
  color: var(--connx-danger-shade-35);
}

.border-connx-danger-shade-35 {
  border-color: var(--connx-danger-shade-35);
}

.bg-connx-danger-shade-40 {
  background-color: var(--connx-danger-shade-40);
}

.hover\:bg-connx-danger-shade-40:hover {
  background-color: var(--connx-danger-shade-40);
}

.text-connx-danger-shade-40 {
  color: var(--connx-danger-shade-40);
}

.hover\:text-connx-danger-shade-40:hover {
  color: var(--connx-danger-shade-40);
}

.border-connx-danger-shade-40 {
  border-color: var(--connx-danger-shade-40);
}

.bg-connx-danger-shade-45 {
  background-color: var(--connx-danger-shade-45);
}

.hover\:bg-connx-danger-shade-45:hover {
  background-color: var(--connx-danger-shade-45);
}

.text-connx-danger-shade-45 {
  color: var(--connx-danger-shade-45);
}

.hover\:text-connx-danger-shade-45:hover {
  color: var(--connx-danger-shade-45);
}

.border-connx-danger-shade-45 {
  border-color: var(--connx-danger-shade-45);
}

.bg-connx-danger-shade-50 {
  background-color: var(--connx-danger-shade-50);
}

.hover\:bg-connx-danger-shade-50:hover {
  background-color: var(--connx-danger-shade-50);
}

.text-connx-danger-shade-50 {
  color: var(--connx-danger-shade-50);
}

.hover\:text-connx-danger-shade-50:hover {
  color: var(--connx-danger-shade-50);
}

.border-connx-danger-shade-50 {
  border-color: var(--connx-danger-shade-50);
}

.bg-connx-danger-shade-55 {
  background-color: var(--connx-danger-shade-55);
}

.hover\:bg-connx-danger-shade-55:hover {
  background-color: var(--connx-danger-shade-55);
}

.text-connx-danger-shade-55 {
  color: var(--connx-danger-shade-55);
}

.hover\:text-connx-danger-shade-55:hover {
  color: var(--connx-danger-shade-55);
}

.border-connx-danger-shade-55 {
  border-color: var(--connx-danger-shade-55);
}

.bg-connx-danger-shade-60 {
  background-color: var(--connx-danger-shade-60);
}

.hover\:bg-connx-danger-shade-60:hover {
  background-color: var(--connx-danger-shade-60);
}

.text-connx-danger-shade-60 {
  color: var(--connx-danger-shade-60);
}

.hover\:text-connx-danger-shade-60:hover {
  color: var(--connx-danger-shade-60);
}

.border-connx-danger-shade-60 {
  border-color: var(--connx-danger-shade-60);
}

.bg-connx-danger-shade-65 {
  background-color: var(--connx-danger-shade-65);
}

.hover\:bg-connx-danger-shade-65:hover {
  background-color: var(--connx-danger-shade-65);
}

.text-connx-danger-shade-65 {
  color: var(--connx-danger-shade-65);
}

.hover\:text-connx-danger-shade-65:hover {
  color: var(--connx-danger-shade-65);
}

.border-connx-danger-shade-65 {
  border-color: var(--connx-danger-shade-65);
}

.bg-connx-danger-shade-70 {
  background-color: var(--connx-danger-shade-70);
}

.hover\:bg-connx-danger-shade-70:hover {
  background-color: var(--connx-danger-shade-70);
}

.text-connx-danger-shade-70 {
  color: var(--connx-danger-shade-70);
}

.hover\:text-connx-danger-shade-70:hover {
  color: var(--connx-danger-shade-70);
}

.border-connx-danger-shade-70 {
  border-color: var(--connx-danger-shade-70);
}

.bg-connx-danger-shade-75 {
  background-color: var(--connx-danger-shade-75);
}

.hover\:bg-connx-danger-shade-75:hover {
  background-color: var(--connx-danger-shade-75);
}

.text-connx-danger-shade-75 {
  color: var(--connx-danger-shade-75);
}

.hover\:text-connx-danger-shade-75:hover {
  color: var(--connx-danger-shade-75);
}

.border-connx-danger-shade-75 {
  border-color: var(--connx-danger-shade-75);
}

.bg-connx-danger-shade-80 {
  background-color: var(--connx-danger-shade-80);
}

.hover\:bg-connx-danger-shade-80:hover {
  background-color: var(--connx-danger-shade-80);
}

.text-connx-danger-shade-80 {
  color: var(--connx-danger-shade-80);
}

.hover\:text-connx-danger-shade-80:hover {
  color: var(--connx-danger-shade-80);
}

.border-connx-danger-shade-80 {
  border-color: var(--connx-danger-shade-80);
}

.bg-connx-danger-shade-85 {
  background-color: var(--connx-danger-shade-85);
}

.hover\:bg-connx-danger-shade-85:hover {
  background-color: var(--connx-danger-shade-85);
}

.text-connx-danger-shade-85 {
  color: var(--connx-danger-shade-85);
}

.hover\:text-connx-danger-shade-85:hover {
  color: var(--connx-danger-shade-85);
}

.border-connx-danger-shade-85 {
  border-color: var(--connx-danger-shade-85);
}

.bg-connx-danger-shade-90 {
  background-color: var(--connx-danger-shade-90);
}

.hover\:bg-connx-danger-shade-90:hover {
  background-color: var(--connx-danger-shade-90);
}

.text-connx-danger-shade-90 {
  color: var(--connx-danger-shade-90);
}

.hover\:text-connx-danger-shade-90:hover {
  color: var(--connx-danger-shade-90);
}

.border-connx-danger-shade-90 {
  border-color: var(--connx-danger-shade-90);
}

.bg-connx-danger-shade-95 {
  background-color: var(--connx-danger-shade-95);
}

.hover\:bg-connx-danger-shade-95:hover {
  background-color: var(--connx-danger-shade-95);
}

.text-connx-danger-shade-95 {
  color: var(--connx-danger-shade-95);
}

.hover\:text-connx-danger-shade-95:hover {
  color: var(--connx-danger-shade-95);
}

.border-connx-danger-shade-95 {
  border-color: var(--connx-danger-shade-95);
}

.bg-connx-danger-tint-05 {
  background-color: var(--connx-danger-tint-05);
}

.hover\:bg-connx-danger-tint-05:hover {
  background-color: var(--connx-danger-tint-05);
}

.text-connx-danger-tint-05 {
  color: var(--connx-danger-tint-05);
}

.hover\:text-connx-danger-tint-05:hover {
  color: var(--connx-danger-tint-05);
}

.border-connx-danger-tint-05 {
  border-color: var(--connx-danger-tint-05);
}

.bg-connx-danger-tint-10 {
  background-color: var(--connx-danger-tint-10);
}

.hover\:bg-connx-danger-tint-10:hover {
  background-color: var(--connx-danger-tint-10);
}

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

.hover\:text-connx-danger-tint-10:hover {
  color: var(--connx-danger-tint-10);
}

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

.bg-connx-danger-tint-15 {
  background-color: var(--connx-danger-tint-15);
}

.hover\:bg-connx-danger-tint-15:hover {
  background-color: var(--connx-danger-tint-15);
}

.text-connx-danger-tint-15 {
  color: var(--connx-danger-tint-15);
}

.hover\:text-connx-danger-tint-15:hover {
  color: var(--connx-danger-tint-15);
}

.border-connx-danger-tint-15 {
  border-color: var(--connx-danger-tint-15);
}

.bg-connx-danger-tint-20 {
  background-color: var(--connx-danger-tint-20);
}

.hover\:bg-connx-danger-tint-20:hover {
  background-color: var(--connx-danger-tint-20);
}

.text-connx-danger-tint-20 {
  color: var(--connx-danger-tint-20);
}

.hover\:text-connx-danger-tint-20:hover {
  color: var(--connx-danger-tint-20);
}

.border-connx-danger-tint-20 {
  border-color: var(--connx-danger-tint-20);
}

.bg-connx-danger-tint-25 {
  background-color: var(--connx-danger-tint-25);
}

.hover\:bg-connx-danger-tint-25:hover {
  background-color: var(--connx-danger-tint-25);
}

.text-connx-danger-tint-25 {
  color: var(--connx-danger-tint-25);
}

.hover\:text-connx-danger-tint-25:hover {
  color: var(--connx-danger-tint-25);
}

.border-connx-danger-tint-25 {
  border-color: var(--connx-danger-tint-25);
}

.bg-connx-danger-tint-30 {
  background-color: var(--connx-danger-tint-30);
}

.hover\:bg-connx-danger-tint-30:hover {
  background-color: var(--connx-danger-tint-30);
}

.text-connx-danger-tint-30 {
  color: var(--connx-danger-tint-30);
}

.hover\:text-connx-danger-tint-30:hover {
  color: var(--connx-danger-tint-30);
}

.border-connx-danger-tint-30 {
  border-color: var(--connx-danger-tint-30);
}

.bg-connx-danger-tint-35 {
  background-color: var(--connx-danger-tint-35);
}

.hover\:bg-connx-danger-tint-35:hover {
  background-color: var(--connx-danger-tint-35);
}

.text-connx-danger-tint-35 {
  color: var(--connx-danger-tint-35);
}

.hover\:text-connx-danger-tint-35:hover {
  color: var(--connx-danger-tint-35);
}

.border-connx-danger-tint-35 {
  border-color: var(--connx-danger-tint-35);
}

.bg-connx-danger-tint-40 {
  background-color: var(--connx-danger-tint-40);
}

.hover\:bg-connx-danger-tint-40:hover {
  background-color: var(--connx-danger-tint-40);
}

.text-connx-danger-tint-40 {
  color: var(--connx-danger-tint-40);
}

.hover\:text-connx-danger-tint-40:hover {
  color: var(--connx-danger-tint-40);
}

.border-connx-danger-tint-40 {
  border-color: var(--connx-danger-tint-40);
}

.bg-connx-danger-tint-45 {
  background-color: var(--connx-danger-tint-45);
}

.hover\:bg-connx-danger-tint-45:hover {
  background-color: var(--connx-danger-tint-45);
}

.text-connx-danger-tint-45 {
  color: var(--connx-danger-tint-45);
}

.hover\:text-connx-danger-tint-45:hover {
  color: var(--connx-danger-tint-45);
}

.border-connx-danger-tint-45 {
  border-color: var(--connx-danger-tint-45);
}

.bg-connx-danger-tint-50 {
  background-color: var(--connx-danger-tint-50);
}

.hover\:bg-connx-danger-tint-50:hover {
  background-color: var(--connx-danger-tint-50);
}

.text-connx-danger-tint-50 {
  color: var(--connx-danger-tint-50);
}

.hover\:text-connx-danger-tint-50:hover {
  color: var(--connx-danger-tint-50);
}

.border-connx-danger-tint-50 {
  border-color: var(--connx-danger-tint-50);
}

.bg-connx-danger-tint-55 {
  background-color: var(--connx-danger-tint-55);
}

.hover\:bg-connx-danger-tint-55:hover {
  background-color: var(--connx-danger-tint-55);
}

.text-connx-danger-tint-55 {
  color: var(--connx-danger-tint-55);
}

.hover\:text-connx-danger-tint-55:hover {
  color: var(--connx-danger-tint-55);
}

.border-connx-danger-tint-55 {
  border-color: var(--connx-danger-tint-55);
}

.bg-connx-danger-tint-60 {
  background-color: var(--connx-danger-tint-60);
}

.hover\:bg-connx-danger-tint-60:hover {
  background-color: var(--connx-danger-tint-60);
}

.text-connx-danger-tint-60 {
  color: var(--connx-danger-tint-60);
}

.hover\:text-connx-danger-tint-60:hover {
  color: var(--connx-danger-tint-60);
}

.border-connx-danger-tint-60 {
  border-color: var(--connx-danger-tint-60);
}

.bg-connx-danger-tint-65 {
  background-color: var(--connx-danger-tint-65);
}

.hover\:bg-connx-danger-tint-65:hover {
  background-color: var(--connx-danger-tint-65);
}

.text-connx-danger-tint-65 {
  color: var(--connx-danger-tint-65);
}

.hover\:text-connx-danger-tint-65:hover {
  color: var(--connx-danger-tint-65);
}

.border-connx-danger-tint-65 {
  border-color: var(--connx-danger-tint-65);
}

.bg-connx-danger-tint-70 {
  background-color: var(--connx-danger-tint-70);
}

.hover\:bg-connx-danger-tint-70:hover {
  background-color: var(--connx-danger-tint-70);
}

.text-connx-danger-tint-70 {
  color: var(--connx-danger-tint-70);
}

.hover\:text-connx-danger-tint-70:hover {
  color: var(--connx-danger-tint-70);
}

.border-connx-danger-tint-70 {
  border-color: var(--connx-danger-tint-70);
}

.bg-connx-danger-tint-75 {
  background-color: var(--connx-danger-tint-75);
}

.hover\:bg-connx-danger-tint-75:hover {
  background-color: var(--connx-danger-tint-75);
}

.text-connx-danger-tint-75 {
  color: var(--connx-danger-tint-75);
}

.hover\:text-connx-danger-tint-75:hover {
  color: var(--connx-danger-tint-75);
}

.border-connx-danger-tint-75 {
  border-color: var(--connx-danger-tint-75);
}

.bg-connx-danger-tint-80 {
  background-color: var(--connx-danger-tint-80);
}

.hover\:bg-connx-danger-tint-80:hover {
  background-color: var(--connx-danger-tint-80);
}

.text-connx-danger-tint-80 {
  color: var(--connx-danger-tint-80);
}

.hover\:text-connx-danger-tint-80:hover {
  color: var(--connx-danger-tint-80);
}

.border-connx-danger-tint-80 {
  border-color: var(--connx-danger-tint-80);
}

.bg-connx-danger-tint-85 {
  background-color: var(--connx-danger-tint-85);
}

.hover\:bg-connx-danger-tint-85:hover {
  background-color: var(--connx-danger-tint-85);
}

.text-connx-danger-tint-85 {
  color: var(--connx-danger-tint-85);
}

.hover\:text-connx-danger-tint-85:hover {
  color: var(--connx-danger-tint-85);
}

.border-connx-danger-tint-85 {
  border-color: var(--connx-danger-tint-85);
}

.bg-connx-danger-tint-90 {
  background-color: var(--connx-danger-tint-90);
}

.hover\:bg-connx-danger-tint-90:hover {
  background-color: var(--connx-danger-tint-90);
}

.text-connx-danger-tint-90 {
  color: var(--connx-danger-tint-90);
}

.hover\:text-connx-danger-tint-90:hover {
  color: var(--connx-danger-tint-90);
}

.border-connx-danger-tint-90 {
  border-color: var(--connx-danger-tint-90);
}

.bg-connx-danger-tint-95 {
  background-color: var(--connx-danger-tint-95);
}

.hover\:bg-connx-danger-tint-95:hover {
  background-color: var(--connx-danger-tint-95);
}

.text-connx-danger-tint-95 {
  color: var(--connx-danger-tint-95);
}

.hover\:text-connx-danger-tint-95:hover {
  color: var(--connx-danger-tint-95);
}

.border-connx-danger-tint-95 {
  border-color: var(--connx-danger-tint-95);
}

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

.hover\:bg-connx-success:hover {
  background-color: var(--connx-success);
}

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

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

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

.bg-connx-success-shade-05 {
  background-color: var(--connx-success-shade-05);
}

.hover\:bg-connx-success-shade-05:hover {
  background-color: var(--connx-success-shade-05);
}

.text-connx-success-shade-05 {
  color: var(--connx-success-shade-05);
}

.hover\:text-connx-success-shade-05:hover {
  color: var(--connx-success-shade-05);
}

.border-connx-success-shade-05 {
  border-color: var(--connx-success-shade-05);
}

.bg-connx-success-shade-10 {
  background-color: var(--connx-success-shade-10);
}

.hover\:bg-connx-success-shade-10:hover {
  background-color: var(--connx-success-shade-10);
}

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

.hover\:text-connx-success-shade-10:hover {
  color: var(--connx-success-shade-10);
}

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

.bg-connx-success-shade-15 {
  background-color: var(--connx-success-shade-15);
}

.hover\:bg-connx-success-shade-15:hover {
  background-color: var(--connx-success-shade-15);
}

.text-connx-success-shade-15 {
  color: var(--connx-success-shade-15);
}

.hover\:text-connx-success-shade-15:hover {
  color: var(--connx-success-shade-15);
}

.border-connx-success-shade-15 {
  border-color: var(--connx-success-shade-15);
}

.bg-connx-success-shade-20 {
  background-color: var(--connx-success-shade-20);
}

.hover\:bg-connx-success-shade-20:hover {
  background-color: var(--connx-success-shade-20);
}

.text-connx-success-shade-20 {
  color: var(--connx-success-shade-20);
}

.hover\:text-connx-success-shade-20:hover {
  color: var(--connx-success-shade-20);
}

.border-connx-success-shade-20 {
  border-color: var(--connx-success-shade-20);
}

.bg-connx-success-shade-25 {
  background-color: var(--connx-success-shade-25);
}

.hover\:bg-connx-success-shade-25:hover {
  background-color: var(--connx-success-shade-25);
}

.text-connx-success-shade-25 {
  color: var(--connx-success-shade-25);
}

.hover\:text-connx-success-shade-25:hover {
  color: var(--connx-success-shade-25);
}

.border-connx-success-shade-25 {
  border-color: var(--connx-success-shade-25);
}

.bg-connx-success-shade-30 {
  background-color: var(--connx-success-shade-30);
}

.hover\:bg-connx-success-shade-30:hover {
  background-color: var(--connx-success-shade-30);
}

.text-connx-success-shade-30 {
  color: var(--connx-success-shade-30);
}

.hover\:text-connx-success-shade-30:hover {
  color: var(--connx-success-shade-30);
}

.border-connx-success-shade-30 {
  border-color: var(--connx-success-shade-30);
}

.bg-connx-success-shade-35 {
  background-color: var(--connx-success-shade-35);
}

.hover\:bg-connx-success-shade-35:hover {
  background-color: var(--connx-success-shade-35);
}

.text-connx-success-shade-35 {
  color: var(--connx-success-shade-35);
}

.hover\:text-connx-success-shade-35:hover {
  color: var(--connx-success-shade-35);
}

.border-connx-success-shade-35 {
  border-color: var(--connx-success-shade-35);
}

.bg-connx-success-shade-40 {
  background-color: var(--connx-success-shade-40);
}

.hover\:bg-connx-success-shade-40:hover {
  background-color: var(--connx-success-shade-40);
}

.text-connx-success-shade-40 {
  color: var(--connx-success-shade-40);
}

.hover\:text-connx-success-shade-40:hover {
  color: var(--connx-success-shade-40);
}

.border-connx-success-shade-40 {
  border-color: var(--connx-success-shade-40);
}

.bg-connx-success-shade-45 {
  background-color: var(--connx-success-shade-45);
}

.hover\:bg-connx-success-shade-45:hover {
  background-color: var(--connx-success-shade-45);
}

.text-connx-success-shade-45 {
  color: var(--connx-success-shade-45);
}

.hover\:text-connx-success-shade-45:hover {
  color: var(--connx-success-shade-45);
}

.border-connx-success-shade-45 {
  border-color: var(--connx-success-shade-45);
}

.bg-connx-success-shade-50 {
  background-color: var(--connx-success-shade-50);
}

.hover\:bg-connx-success-shade-50:hover {
  background-color: var(--connx-success-shade-50);
}

.text-connx-success-shade-50 {
  color: var(--connx-success-shade-50);
}

.hover\:text-connx-success-shade-50:hover {
  color: var(--connx-success-shade-50);
}

.border-connx-success-shade-50 {
  border-color: var(--connx-success-shade-50);
}

.bg-connx-success-shade-55 {
  background-color: var(--connx-success-shade-55);
}

.hover\:bg-connx-success-shade-55:hover {
  background-color: var(--connx-success-shade-55);
}

.text-connx-success-shade-55 {
  color: var(--connx-success-shade-55);
}

.hover\:text-connx-success-shade-55:hover {
  color: var(--connx-success-shade-55);
}

.border-connx-success-shade-55 {
  border-color: var(--connx-success-shade-55);
}

.bg-connx-success-shade-60 {
  background-color: var(--connx-success-shade-60);
}

.hover\:bg-connx-success-shade-60:hover {
  background-color: var(--connx-success-shade-60);
}

.text-connx-success-shade-60 {
  color: var(--connx-success-shade-60);
}

.hover\:text-connx-success-shade-60:hover {
  color: var(--connx-success-shade-60);
}

.border-connx-success-shade-60 {
  border-color: var(--connx-success-shade-60);
}

.bg-connx-success-shade-65 {
  background-color: var(--connx-success-shade-65);
}

.hover\:bg-connx-success-shade-65:hover {
  background-color: var(--connx-success-shade-65);
}

.text-connx-success-shade-65 {
  color: var(--connx-success-shade-65);
}

.hover\:text-connx-success-shade-65:hover {
  color: var(--connx-success-shade-65);
}

.border-connx-success-shade-65 {
  border-color: var(--connx-success-shade-65);
}

.bg-connx-success-shade-70 {
  background-color: var(--connx-success-shade-70);
}

.hover\:bg-connx-success-shade-70:hover {
  background-color: var(--connx-success-shade-70);
}

.text-connx-success-shade-70 {
  color: var(--connx-success-shade-70);
}

.hover\:text-connx-success-shade-70:hover {
  color: var(--connx-success-shade-70);
}

.border-connx-success-shade-70 {
  border-color: var(--connx-success-shade-70);
}

.bg-connx-success-shade-75 {
  background-color: var(--connx-success-shade-75);
}

.hover\:bg-connx-success-shade-75:hover {
  background-color: var(--connx-success-shade-75);
}

.text-connx-success-shade-75 {
  color: var(--connx-success-shade-75);
}

.hover\:text-connx-success-shade-75:hover {
  color: var(--connx-success-shade-75);
}

.border-connx-success-shade-75 {
  border-color: var(--connx-success-shade-75);
}

.bg-connx-success-shade-80 {
  background-color: var(--connx-success-shade-80);
}

.hover\:bg-connx-success-shade-80:hover {
  background-color: var(--connx-success-shade-80);
}

.text-connx-success-shade-80 {
  color: var(--connx-success-shade-80);
}

.hover\:text-connx-success-shade-80:hover {
  color: var(--connx-success-shade-80);
}

.border-connx-success-shade-80 {
  border-color: var(--connx-success-shade-80);
}

.bg-connx-success-shade-85 {
  background-color: var(--connx-success-shade-85);
}

.hover\:bg-connx-success-shade-85:hover {
  background-color: var(--connx-success-shade-85);
}

.text-connx-success-shade-85 {
  color: var(--connx-success-shade-85);
}

.hover\:text-connx-success-shade-85:hover {
  color: var(--connx-success-shade-85);
}

.border-connx-success-shade-85 {
  border-color: var(--connx-success-shade-85);
}

.bg-connx-success-shade-90 {
  background-color: var(--connx-success-shade-90);
}

.hover\:bg-connx-success-shade-90:hover {
  background-color: var(--connx-success-shade-90);
}

.text-connx-success-shade-90 {
  color: var(--connx-success-shade-90);
}

.hover\:text-connx-success-shade-90:hover {
  color: var(--connx-success-shade-90);
}

.border-connx-success-shade-90 {
  border-color: var(--connx-success-shade-90);
}

.bg-connx-success-shade-95 {
  background-color: var(--connx-success-shade-95);
}

.hover\:bg-connx-success-shade-95:hover {
  background-color: var(--connx-success-shade-95);
}

.text-connx-success-shade-95 {
  color: var(--connx-success-shade-95);
}

.hover\:text-connx-success-shade-95:hover {
  color: var(--connx-success-shade-95);
}

.border-connx-success-shade-95 {
  border-color: var(--connx-success-shade-95);
}

.bg-connx-success-tint-05 {
  background-color: var(--connx-success-tint-05);
}

.hover\:bg-connx-success-tint-05:hover {
  background-color: var(--connx-success-tint-05);
}

.text-connx-success-tint-05 {
  color: var(--connx-success-tint-05);
}

.hover\:text-connx-success-tint-05:hover {
  color: var(--connx-success-tint-05);
}

.border-connx-success-tint-05 {
  border-color: var(--connx-success-tint-05);
}

.bg-connx-success-tint-10 {
  background-color: var(--connx-success-tint-10);
}

.hover\:bg-connx-success-tint-10:hover {
  background-color: var(--connx-success-tint-10);
}

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

.hover\:text-connx-success-tint-10:hover {
  color: var(--connx-success-tint-10);
}

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

.bg-connx-success-tint-15 {
  background-color: var(--connx-success-tint-15);
}

.hover\:bg-connx-success-tint-15:hover {
  background-color: var(--connx-success-tint-15);
}

.text-connx-success-tint-15 {
  color: var(--connx-success-tint-15);
}

.hover\:text-connx-success-tint-15:hover {
  color: var(--connx-success-tint-15);
}

.border-connx-success-tint-15 {
  border-color: var(--connx-success-tint-15);
}

.bg-connx-success-tint-20 {
  background-color: var(--connx-success-tint-20);
}

.hover\:bg-connx-success-tint-20:hover {
  background-color: var(--connx-success-tint-20);
}

.text-connx-success-tint-20 {
  color: var(--connx-success-tint-20);
}

.hover\:text-connx-success-tint-20:hover {
  color: var(--connx-success-tint-20);
}

.border-connx-success-tint-20 {
  border-color: var(--connx-success-tint-20);
}

.bg-connx-success-tint-25 {
  background-color: var(--connx-success-tint-25);
}

.hover\:bg-connx-success-tint-25:hover {
  background-color: var(--connx-success-tint-25);
}

.text-connx-success-tint-25 {
  color: var(--connx-success-tint-25);
}

.hover\:text-connx-success-tint-25:hover {
  color: var(--connx-success-tint-25);
}

.border-connx-success-tint-25 {
  border-color: var(--connx-success-tint-25);
}

.bg-connx-success-tint-30 {
  background-color: var(--connx-success-tint-30);
}

.hover\:bg-connx-success-tint-30:hover {
  background-color: var(--connx-success-tint-30);
}

.text-connx-success-tint-30 {
  color: var(--connx-success-tint-30);
}

.hover\:text-connx-success-tint-30:hover {
  color: var(--connx-success-tint-30);
}

.border-connx-success-tint-30 {
  border-color: var(--connx-success-tint-30);
}

.bg-connx-success-tint-35 {
  background-color: var(--connx-success-tint-35);
}

.hover\:bg-connx-success-tint-35:hover {
  background-color: var(--connx-success-tint-35);
}

.text-connx-success-tint-35 {
  color: var(--connx-success-tint-35);
}

.hover\:text-connx-success-tint-35:hover {
  color: var(--connx-success-tint-35);
}

.border-connx-success-tint-35 {
  border-color: var(--connx-success-tint-35);
}

.bg-connx-success-tint-40 {
  background-color: var(--connx-success-tint-40);
}

.hover\:bg-connx-success-tint-40:hover {
  background-color: var(--connx-success-tint-40);
}

.text-connx-success-tint-40 {
  color: var(--connx-success-tint-40);
}

.hover\:text-connx-success-tint-40:hover {
  color: var(--connx-success-tint-40);
}

.border-connx-success-tint-40 {
  border-color: var(--connx-success-tint-40);
}

.bg-connx-success-tint-45 {
  background-color: var(--connx-success-tint-45);
}

.hover\:bg-connx-success-tint-45:hover {
  background-color: var(--connx-success-tint-45);
}

.text-connx-success-tint-45 {
  color: var(--connx-success-tint-45);
}

.hover\:text-connx-success-tint-45:hover {
  color: var(--connx-success-tint-45);
}

.border-connx-success-tint-45 {
  border-color: var(--connx-success-tint-45);
}

.bg-connx-success-tint-50 {
  background-color: var(--connx-success-tint-50);
}

.hover\:bg-connx-success-tint-50:hover {
  background-color: var(--connx-success-tint-50);
}

.text-connx-success-tint-50 {
  color: var(--connx-success-tint-50);
}

.hover\:text-connx-success-tint-50:hover {
  color: var(--connx-success-tint-50);
}

.border-connx-success-tint-50 {
  border-color: var(--connx-success-tint-50);
}

.bg-connx-success-tint-55 {
  background-color: var(--connx-success-tint-55);
}

.hover\:bg-connx-success-tint-55:hover {
  background-color: var(--connx-success-tint-55);
}

.text-connx-success-tint-55 {
  color: var(--connx-success-tint-55);
}

.hover\:text-connx-success-tint-55:hover {
  color: var(--connx-success-tint-55);
}

.border-connx-success-tint-55 {
  border-color: var(--connx-success-tint-55);
}

.bg-connx-success-tint-60 {
  background-color: var(--connx-success-tint-60);
}

.hover\:bg-connx-success-tint-60:hover {
  background-color: var(--connx-success-tint-60);
}

.text-connx-success-tint-60 {
  color: var(--connx-success-tint-60);
}

.hover\:text-connx-success-tint-60:hover {
  color: var(--connx-success-tint-60);
}

.border-connx-success-tint-60 {
  border-color: var(--connx-success-tint-60);
}

.bg-connx-success-tint-65 {
  background-color: var(--connx-success-tint-65);
}

.hover\:bg-connx-success-tint-65:hover {
  background-color: var(--connx-success-tint-65);
}

.text-connx-success-tint-65 {
  color: var(--connx-success-tint-65);
}

.hover\:text-connx-success-tint-65:hover {
  color: var(--connx-success-tint-65);
}

.border-connx-success-tint-65 {
  border-color: var(--connx-success-tint-65);
}

.bg-connx-success-tint-70 {
  background-color: var(--connx-success-tint-70);
}

.hover\:bg-connx-success-tint-70:hover {
  background-color: var(--connx-success-tint-70);
}

.text-connx-success-tint-70 {
  color: var(--connx-success-tint-70);
}

.hover\:text-connx-success-tint-70:hover {
  color: var(--connx-success-tint-70);
}

.border-connx-success-tint-70 {
  border-color: var(--connx-success-tint-70);
}

.bg-connx-success-tint-75 {
  background-color: var(--connx-success-tint-75);
}

.hover\:bg-connx-success-tint-75:hover {
  background-color: var(--connx-success-tint-75);
}

.text-connx-success-tint-75 {
  color: var(--connx-success-tint-75);
}

.hover\:text-connx-success-tint-75:hover {
  color: var(--connx-success-tint-75);
}

.border-connx-success-tint-75 {
  border-color: var(--connx-success-tint-75);
}

.bg-connx-success-tint-80 {
  background-color: var(--connx-success-tint-80);
}

.hover\:bg-connx-success-tint-80:hover {
  background-color: var(--connx-success-tint-80);
}

.text-connx-success-tint-80 {
  color: var(--connx-success-tint-80);
}

.hover\:text-connx-success-tint-80:hover {
  color: var(--connx-success-tint-80);
}

.border-connx-success-tint-80 {
  border-color: var(--connx-success-tint-80);
}

.bg-connx-success-tint-85 {
  background-color: var(--connx-success-tint-85);
}

.hover\:bg-connx-success-tint-85:hover {
  background-color: var(--connx-success-tint-85);
}

.text-connx-success-tint-85 {
  color: var(--connx-success-tint-85);
}

.hover\:text-connx-success-tint-85:hover {
  color: var(--connx-success-tint-85);
}

.border-connx-success-tint-85 {
  border-color: var(--connx-success-tint-85);
}

.bg-connx-success-tint-90 {
  background-color: var(--connx-success-tint-90);
}

.hover\:bg-connx-success-tint-90:hover {
  background-color: var(--connx-success-tint-90);
}

.text-connx-success-tint-90 {
  color: var(--connx-success-tint-90);
}

.hover\:text-connx-success-tint-90:hover {
  color: var(--connx-success-tint-90);
}

.border-connx-success-tint-90 {
  border-color: var(--connx-success-tint-90);
}

.bg-connx-success-tint-95 {
  background-color: var(--connx-success-tint-95);
}

.hover\:bg-connx-success-tint-95:hover {
  background-color: var(--connx-success-tint-95);
}

.text-connx-success-tint-95 {
  color: var(--connx-success-tint-95);
}

.hover\:text-connx-success-tint-95:hover {
  color: var(--connx-success-tint-95);
}

.border-connx-success-tint-95 {
  border-color: var(--connx-success-tint-95);
}

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

.hover\:bg-connx-headers:hover {
  background-color: var(--connx-headers);
}

.text-connx-headers {
  color: var(--connx-headers);
}

.hover\:text-connx-headers:hover {
  color: var(--connx-headers);
}

.border-connx-headers {
  border-color: var(--connx-headers);
}

.bg-connx-headers-shade-05 {
  background-color: var(--connx-headers-shade-05);
}

.hover\:bg-connx-headers-shade-05:hover {
  background-color: var(--connx-headers-shade-05);
}

.text-connx-headers-shade-05 {
  color: var(--connx-headers-shade-05);
}

.hover\:text-connx-headers-shade-05:hover {
  color: var(--connx-headers-shade-05);
}

.border-connx-headers-shade-05 {
  border-color: var(--connx-headers-shade-05);
}

.bg-connx-headers-shade-10 {
  background-color: var(--connx-headers-shade-10);
}

.hover\:bg-connx-headers-shade-10:hover {
  background-color: var(--connx-headers-shade-10);
}

.text-connx-headers-shade-10 {
  color: var(--connx-headers-shade-10);
}

.hover\:text-connx-headers-shade-10:hover {
  color: var(--connx-headers-shade-10);
}

.border-connx-headers-shade-10 {
  border-color: var(--connx-headers-shade-10);
}

.bg-connx-headers-shade-15 {
  background-color: var(--connx-headers-shade-15);
}

.hover\:bg-connx-headers-shade-15:hover {
  background-color: var(--connx-headers-shade-15);
}

.text-connx-headers-shade-15 {
  color: var(--connx-headers-shade-15);
}

.hover\:text-connx-headers-shade-15:hover {
  color: var(--connx-headers-shade-15);
}

.border-connx-headers-shade-15 {
  border-color: var(--connx-headers-shade-15);
}

.bg-connx-headers-shade-20 {
  background-color: var(--connx-headers-shade-20);
}

.hover\:bg-connx-headers-shade-20:hover {
  background-color: var(--connx-headers-shade-20);
}

.text-connx-headers-shade-20 {
  color: var(--connx-headers-shade-20);
}

.hover\:text-connx-headers-shade-20:hover {
  color: var(--connx-headers-shade-20);
}

.border-connx-headers-shade-20 {
  border-color: var(--connx-headers-shade-20);
}

.bg-connx-headers-shade-25 {
  background-color: var(--connx-headers-shade-25);
}

.hover\:bg-connx-headers-shade-25:hover {
  background-color: var(--connx-headers-shade-25);
}

.text-connx-headers-shade-25 {
  color: var(--connx-headers-shade-25);
}

.hover\:text-connx-headers-shade-25:hover {
  color: var(--connx-headers-shade-25);
}

.border-connx-headers-shade-25 {
  border-color: var(--connx-headers-shade-25);
}

.bg-connx-headers-shade-30 {
  background-color: var(--connx-headers-shade-30);
}

.hover\:bg-connx-headers-shade-30:hover {
  background-color: var(--connx-headers-shade-30);
}

.text-connx-headers-shade-30 {
  color: var(--connx-headers-shade-30);
}

.hover\:text-connx-headers-shade-30:hover {
  color: var(--connx-headers-shade-30);
}

.border-connx-headers-shade-30 {
  border-color: var(--connx-headers-shade-30);
}

.bg-connx-headers-shade-35 {
  background-color: var(--connx-headers-shade-35);
}

.hover\:bg-connx-headers-shade-35:hover {
  background-color: var(--connx-headers-shade-35);
}

.text-connx-headers-shade-35 {
  color: var(--connx-headers-shade-35);
}

.hover\:text-connx-headers-shade-35:hover {
  color: var(--connx-headers-shade-35);
}

.border-connx-headers-shade-35 {
  border-color: var(--connx-headers-shade-35);
}

.bg-connx-headers-shade-40 {
  background-color: var(--connx-headers-shade-40);
}

.hover\:bg-connx-headers-shade-40:hover {
  background-color: var(--connx-headers-shade-40);
}

.text-connx-headers-shade-40 {
  color: var(--connx-headers-shade-40);
}

.hover\:text-connx-headers-shade-40:hover {
  color: var(--connx-headers-shade-40);
}

.border-connx-headers-shade-40 {
  border-color: var(--connx-headers-shade-40);
}

.bg-connx-headers-shade-45 {
  background-color: var(--connx-headers-shade-45);
}

.hover\:bg-connx-headers-shade-45:hover {
  background-color: var(--connx-headers-shade-45);
}

.text-connx-headers-shade-45 {
  color: var(--connx-headers-shade-45);
}

.hover\:text-connx-headers-shade-45:hover {
  color: var(--connx-headers-shade-45);
}

.border-connx-headers-shade-45 {
  border-color: var(--connx-headers-shade-45);
}

.bg-connx-headers-shade-50 {
  background-color: var(--connx-headers-shade-50);
}

.hover\:bg-connx-headers-shade-50:hover {
  background-color: var(--connx-headers-shade-50);
}

.text-connx-headers-shade-50 {
  color: var(--connx-headers-shade-50);
}

.hover\:text-connx-headers-shade-50:hover {
  color: var(--connx-headers-shade-50);
}

.border-connx-headers-shade-50 {
  border-color: var(--connx-headers-shade-50);
}

.bg-connx-headers-shade-55 {
  background-color: var(--connx-headers-shade-55);
}

.hover\:bg-connx-headers-shade-55:hover {
  background-color: var(--connx-headers-shade-55);
}

.text-connx-headers-shade-55 {
  color: var(--connx-headers-shade-55);
}

.hover\:text-connx-headers-shade-55:hover {
  color: var(--connx-headers-shade-55);
}

.border-connx-headers-shade-55 {
  border-color: var(--connx-headers-shade-55);
}

.bg-connx-headers-shade-60 {
  background-color: var(--connx-headers-shade-60);
}

.hover\:bg-connx-headers-shade-60:hover {
  background-color: var(--connx-headers-shade-60);
}

.text-connx-headers-shade-60 {
  color: var(--connx-headers-shade-60);
}

.hover\:text-connx-headers-shade-60:hover {
  color: var(--connx-headers-shade-60);
}

.border-connx-headers-shade-60 {
  border-color: var(--connx-headers-shade-60);
}

.bg-connx-headers-shade-65 {
  background-color: var(--connx-headers-shade-65);
}

.hover\:bg-connx-headers-shade-65:hover {
  background-color: var(--connx-headers-shade-65);
}

.text-connx-headers-shade-65 {
  color: var(--connx-headers-shade-65);
}

.hover\:text-connx-headers-shade-65:hover {
  color: var(--connx-headers-shade-65);
}

.border-connx-headers-shade-65 {
  border-color: var(--connx-headers-shade-65);
}

.bg-connx-headers-shade-70 {
  background-color: var(--connx-headers-shade-70);
}

.hover\:bg-connx-headers-shade-70:hover {
  background-color: var(--connx-headers-shade-70);
}

.text-connx-headers-shade-70 {
  color: var(--connx-headers-shade-70);
}

.hover\:text-connx-headers-shade-70:hover {
  color: var(--connx-headers-shade-70);
}

.border-connx-headers-shade-70 {
  border-color: var(--connx-headers-shade-70);
}

.bg-connx-headers-shade-75 {
  background-color: var(--connx-headers-shade-75);
}

.hover\:bg-connx-headers-shade-75:hover {
  background-color: var(--connx-headers-shade-75);
}

.text-connx-headers-shade-75 {
  color: var(--connx-headers-shade-75);
}

.hover\:text-connx-headers-shade-75:hover {
  color: var(--connx-headers-shade-75);
}

.border-connx-headers-shade-75 {
  border-color: var(--connx-headers-shade-75);
}

.bg-connx-headers-shade-80 {
  background-color: var(--connx-headers-shade-80);
}

.hover\:bg-connx-headers-shade-80:hover {
  background-color: var(--connx-headers-shade-80);
}

.text-connx-headers-shade-80 {
  color: var(--connx-headers-shade-80);
}

.hover\:text-connx-headers-shade-80:hover {
  color: var(--connx-headers-shade-80);
}

.border-connx-headers-shade-80 {
  border-color: var(--connx-headers-shade-80);
}

.bg-connx-headers-shade-85 {
  background-color: var(--connx-headers-shade-85);
}

.hover\:bg-connx-headers-shade-85:hover {
  background-color: var(--connx-headers-shade-85);
}

.text-connx-headers-shade-85 {
  color: var(--connx-headers-shade-85);
}

.hover\:text-connx-headers-shade-85:hover {
  color: var(--connx-headers-shade-85);
}

.border-connx-headers-shade-85 {
  border-color: var(--connx-headers-shade-85);
}

.bg-connx-headers-shade-90 {
  background-color: var(--connx-headers-shade-90);
}

.hover\:bg-connx-headers-shade-90:hover {
  background-color: var(--connx-headers-shade-90);
}

.text-connx-headers-shade-90 {
  color: var(--connx-headers-shade-90);
}

.hover\:text-connx-headers-shade-90:hover {
  color: var(--connx-headers-shade-90);
}

.border-connx-headers-shade-90 {
  border-color: var(--connx-headers-shade-90);
}

.bg-connx-headers-shade-95 {
  background-color: var(--connx-headers-shade-95);
}

.hover\:bg-connx-headers-shade-95:hover {
  background-color: var(--connx-headers-shade-95);
}

.text-connx-headers-shade-95 {
  color: var(--connx-headers-shade-95);
}

.hover\:text-connx-headers-shade-95:hover {
  color: var(--connx-headers-shade-95);
}

.border-connx-headers-shade-95 {
  border-color: var(--connx-headers-shade-95);
}

.bg-connx-headers-tint-05 {
  background-color: var(--connx-headers-tint-05);
}

.hover\:bg-connx-headers-tint-05:hover {
  background-color: var(--connx-headers-tint-05);
}

.text-connx-headers-tint-05 {
  color: var(--connx-headers-tint-05);
}

.hover\:text-connx-headers-tint-05:hover {
  color: var(--connx-headers-tint-05);
}

.border-connx-headers-tint-05 {
  border-color: var(--connx-headers-tint-05);
}

.bg-connx-headers-tint-10 {
  background-color: var(--connx-headers-tint-10);
}

.hover\:bg-connx-headers-tint-10:hover {
  background-color: var(--connx-headers-tint-10);
}

.text-connx-headers-tint-10 {
  color: var(--connx-headers-tint-10);
}

.hover\:text-connx-headers-tint-10:hover {
  color: var(--connx-headers-tint-10);
}

.border-connx-headers-tint-10 {
  border-color: var(--connx-headers-tint-10);
}

.bg-connx-headers-tint-15 {
  background-color: var(--connx-headers-tint-15);
}

.hover\:bg-connx-headers-tint-15:hover {
  background-color: var(--connx-headers-tint-15);
}

.text-connx-headers-tint-15 {
  color: var(--connx-headers-tint-15);
}

.hover\:text-connx-headers-tint-15:hover {
  color: var(--connx-headers-tint-15);
}

.border-connx-headers-tint-15 {
  border-color: var(--connx-headers-tint-15);
}

.bg-connx-headers-tint-20 {
  background-color: var(--connx-headers-tint-20);
}

.hover\:bg-connx-headers-tint-20:hover {
  background-color: var(--connx-headers-tint-20);
}

.text-connx-headers-tint-20 {
  color: var(--connx-headers-tint-20);
}

.hover\:text-connx-headers-tint-20:hover {
  color: var(--connx-headers-tint-20);
}

.border-connx-headers-tint-20 {
  border-color: var(--connx-headers-tint-20);
}

.bg-connx-headers-tint-25 {
  background-color: var(--connx-headers-tint-25);
}

.hover\:bg-connx-headers-tint-25:hover {
  background-color: var(--connx-headers-tint-25);
}

.text-connx-headers-tint-25 {
  color: var(--connx-headers-tint-25);
}

.hover\:text-connx-headers-tint-25:hover {
  color: var(--connx-headers-tint-25);
}

.border-connx-headers-tint-25 {
  border-color: var(--connx-headers-tint-25);
}

.bg-connx-headers-tint-30 {
  background-color: var(--connx-headers-tint-30);
}

.hover\:bg-connx-headers-tint-30:hover {
  background-color: var(--connx-headers-tint-30);
}

.text-connx-headers-tint-30 {
  color: var(--connx-headers-tint-30);
}

.hover\:text-connx-headers-tint-30:hover {
  color: var(--connx-headers-tint-30);
}

.border-connx-headers-tint-30 {
  border-color: var(--connx-headers-tint-30);
}

.bg-connx-headers-tint-35 {
  background-color: var(--connx-headers-tint-35);
}

.hover\:bg-connx-headers-tint-35:hover {
  background-color: var(--connx-headers-tint-35);
}

.text-connx-headers-tint-35 {
  color: var(--connx-headers-tint-35);
}

.hover\:text-connx-headers-tint-35:hover {
  color: var(--connx-headers-tint-35);
}

.border-connx-headers-tint-35 {
  border-color: var(--connx-headers-tint-35);
}

.bg-connx-headers-tint-40 {
  background-color: var(--connx-headers-tint-40);
}

.hover\:bg-connx-headers-tint-40:hover {
  background-color: var(--connx-headers-tint-40);
}

.text-connx-headers-tint-40 {
  color: var(--connx-headers-tint-40);
}

.hover\:text-connx-headers-tint-40:hover {
  color: var(--connx-headers-tint-40);
}

.border-connx-headers-tint-40 {
  border-color: var(--connx-headers-tint-40);
}

.bg-connx-headers-tint-45 {
  background-color: var(--connx-headers-tint-45);
}

.hover\:bg-connx-headers-tint-45:hover {
  background-color: var(--connx-headers-tint-45);
}

.text-connx-headers-tint-45 {
  color: var(--connx-headers-tint-45);
}

.hover\:text-connx-headers-tint-45:hover {
  color: var(--connx-headers-tint-45);
}

.border-connx-headers-tint-45 {
  border-color: var(--connx-headers-tint-45);
}

.bg-connx-headers-tint-50 {
  background-color: var(--connx-headers-tint-50);
}

.hover\:bg-connx-headers-tint-50:hover {
  background-color: var(--connx-headers-tint-50);
}

.text-connx-headers-tint-50 {
  color: var(--connx-headers-tint-50);
}

.hover\:text-connx-headers-tint-50:hover {
  color: var(--connx-headers-tint-50);
}

.border-connx-headers-tint-50 {
  border-color: var(--connx-headers-tint-50);
}

.bg-connx-headers-tint-55 {
  background-color: var(--connx-headers-tint-55);
}

.hover\:bg-connx-headers-tint-55:hover {
  background-color: var(--connx-headers-tint-55);
}

.text-connx-headers-tint-55 {
  color: var(--connx-headers-tint-55);
}

.hover\:text-connx-headers-tint-55:hover {
  color: var(--connx-headers-tint-55);
}

.border-connx-headers-tint-55 {
  border-color: var(--connx-headers-tint-55);
}

.bg-connx-headers-tint-60 {
  background-color: var(--connx-headers-tint-60);
}

.hover\:bg-connx-headers-tint-60:hover {
  background-color: var(--connx-headers-tint-60);
}

.text-connx-headers-tint-60 {
  color: var(--connx-headers-tint-60);
}

.hover\:text-connx-headers-tint-60:hover {
  color: var(--connx-headers-tint-60);
}

.border-connx-headers-tint-60 {
  border-color: var(--connx-headers-tint-60);
}

.bg-connx-headers-tint-65 {
  background-color: var(--connx-headers-tint-65);
}

.hover\:bg-connx-headers-tint-65:hover {
  background-color: var(--connx-headers-tint-65);
}

.text-connx-headers-tint-65 {
  color: var(--connx-headers-tint-65);
}

.hover\:text-connx-headers-tint-65:hover {
  color: var(--connx-headers-tint-65);
}

.border-connx-headers-tint-65 {
  border-color: var(--connx-headers-tint-65);
}

.bg-connx-headers-tint-70 {
  background-color: var(--connx-headers-tint-70);
}

.hover\:bg-connx-headers-tint-70:hover {
  background-color: var(--connx-headers-tint-70);
}

.text-connx-headers-tint-70 {
  color: var(--connx-headers-tint-70);
}

.hover\:text-connx-headers-tint-70:hover {
  color: var(--connx-headers-tint-70);
}

.border-connx-headers-tint-70 {
  border-color: var(--connx-headers-tint-70);
}

.bg-connx-headers-tint-75 {
  background-color: var(--connx-headers-tint-75);
}

.hover\:bg-connx-headers-tint-75:hover {
  background-color: var(--connx-headers-tint-75);
}

.text-connx-headers-tint-75 {
  color: var(--connx-headers-tint-75);
}

.hover\:text-connx-headers-tint-75:hover {
  color: var(--connx-headers-tint-75);
}

.border-connx-headers-tint-75 {
  border-color: var(--connx-headers-tint-75);
}

.bg-connx-headers-tint-80 {
  background-color: var(--connx-headers-tint-80);
}

.hover\:bg-connx-headers-tint-80:hover {
  background-color: var(--connx-headers-tint-80);
}

.text-connx-headers-tint-80 {
  color: var(--connx-headers-tint-80);
}

.hover\:text-connx-headers-tint-80:hover {
  color: var(--connx-headers-tint-80);
}

.border-connx-headers-tint-80 {
  border-color: var(--connx-headers-tint-80);
}

.bg-connx-headers-tint-85 {
  background-color: var(--connx-headers-tint-85);
}

.hover\:bg-connx-headers-tint-85:hover {
  background-color: var(--connx-headers-tint-85);
}

.text-connx-headers-tint-85 {
  color: var(--connx-headers-tint-85);
}

.hover\:text-connx-headers-tint-85:hover {
  color: var(--connx-headers-tint-85);
}

.border-connx-headers-tint-85 {
  border-color: var(--connx-headers-tint-85);
}

.bg-connx-headers-tint-90 {
  background-color: var(--connx-headers-tint-90);
}

.hover\:bg-connx-headers-tint-90:hover {
  background-color: var(--connx-headers-tint-90);
}

.text-connx-headers-tint-90 {
  color: var(--connx-headers-tint-90);
}

.hover\:text-connx-headers-tint-90:hover {
  color: var(--connx-headers-tint-90);
}

.border-connx-headers-tint-90 {
  border-color: var(--connx-headers-tint-90);
}

.bg-connx-headers-tint-95 {
  background-color: var(--connx-headers-tint-95);
}

.hover\:bg-connx-headers-tint-95:hover {
  background-color: var(--connx-headers-tint-95);
}

.text-connx-headers-tint-95 {
  color: var(--connx-headers-tint-95);
}

.hover\:text-connx-headers-tint-95:hover {
  color: var(--connx-headers-tint-95);
}

.border-connx-headers-tint-95 {
  border-color: var(--connx-headers-tint-95);
}

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

.hover\:bg-connx-accordion:hover {
  background-color: var(--connx-accordion);
}

.text-connx-accordion {
  color: var(--connx-accordion);
}

.hover\:text-connx-accordion:hover {
  color: var(--connx-accordion);
}

.border-connx-accordion {
  border-color: var(--connx-accordion);
}

.bg-connx-accordion-shade-05 {
  background-color: var(--connx-accordion-shade-05);
}

.hover\:bg-connx-accordion-shade-05:hover {
  background-color: var(--connx-accordion-shade-05);
}

.text-connx-accordion-shade-05 {
  color: var(--connx-accordion-shade-05);
}

.hover\:text-connx-accordion-shade-05:hover {
  color: var(--connx-accordion-shade-05);
}

.border-connx-accordion-shade-05 {
  border-color: var(--connx-accordion-shade-05);
}

.bg-connx-accordion-shade-10 {
  background-color: var(--connx-accordion-shade-10);
}

.hover\:bg-connx-accordion-shade-10:hover {
  background-color: var(--connx-accordion-shade-10);
}

.text-connx-accordion-shade-10 {
  color: var(--connx-accordion-shade-10);
}

.hover\:text-connx-accordion-shade-10:hover {
  color: var(--connx-accordion-shade-10);
}

.border-connx-accordion-shade-10 {
  border-color: var(--connx-accordion-shade-10);
}

.bg-connx-accordion-shade-15 {
  background-color: var(--connx-accordion-shade-15);
}

.hover\:bg-connx-accordion-shade-15:hover {
  background-color: var(--connx-accordion-shade-15);
}

.text-connx-accordion-shade-15 {
  color: var(--connx-accordion-shade-15);
}

.hover\:text-connx-accordion-shade-15:hover {
  color: var(--connx-accordion-shade-15);
}

.border-connx-accordion-shade-15 {
  border-color: var(--connx-accordion-shade-15);
}

.bg-connx-accordion-shade-20 {
  background-color: var(--connx-accordion-shade-20);
}

.hover\:bg-connx-accordion-shade-20:hover {
  background-color: var(--connx-accordion-shade-20);
}

.text-connx-accordion-shade-20 {
  color: var(--connx-accordion-shade-20);
}

.hover\:text-connx-accordion-shade-20:hover {
  color: var(--connx-accordion-shade-20);
}

.border-connx-accordion-shade-20 {
  border-color: var(--connx-accordion-shade-20);
}

.bg-connx-accordion-shade-25 {
  background-color: var(--connx-accordion-shade-25);
}

.hover\:bg-connx-accordion-shade-25:hover {
  background-color: var(--connx-accordion-shade-25);
}

.text-connx-accordion-shade-25 {
  color: var(--connx-accordion-shade-25);
}

.hover\:text-connx-accordion-shade-25:hover {
  color: var(--connx-accordion-shade-25);
}

.border-connx-accordion-shade-25 {
  border-color: var(--connx-accordion-shade-25);
}

.bg-connx-accordion-shade-30 {
  background-color: var(--connx-accordion-shade-30);
}

.hover\:bg-connx-accordion-shade-30:hover {
  background-color: var(--connx-accordion-shade-30);
}

.text-connx-accordion-shade-30 {
  color: var(--connx-accordion-shade-30);
}

.hover\:text-connx-accordion-shade-30:hover {
  color: var(--connx-accordion-shade-30);
}

.border-connx-accordion-shade-30 {
  border-color: var(--connx-accordion-shade-30);
}

.bg-connx-accordion-shade-35 {
  background-color: var(--connx-accordion-shade-35);
}

.hover\:bg-connx-accordion-shade-35:hover {
  background-color: var(--connx-accordion-shade-35);
}

.text-connx-accordion-shade-35 {
  color: var(--connx-accordion-shade-35);
}

.hover\:text-connx-accordion-shade-35:hover {
  color: var(--connx-accordion-shade-35);
}

.border-connx-accordion-shade-35 {
  border-color: var(--connx-accordion-shade-35);
}

.bg-connx-accordion-shade-40 {
  background-color: var(--connx-accordion-shade-40);
}

.hover\:bg-connx-accordion-shade-40:hover {
  background-color: var(--connx-accordion-shade-40);
}

.text-connx-accordion-shade-40 {
  color: var(--connx-accordion-shade-40);
}

.hover\:text-connx-accordion-shade-40:hover {
  color: var(--connx-accordion-shade-40);
}

.border-connx-accordion-shade-40 {
  border-color: var(--connx-accordion-shade-40);
}

.bg-connx-accordion-shade-45 {
  background-color: var(--connx-accordion-shade-45);
}

.hover\:bg-connx-accordion-shade-45:hover {
  background-color: var(--connx-accordion-shade-45);
}

.text-connx-accordion-shade-45 {
  color: var(--connx-accordion-shade-45);
}

.hover\:text-connx-accordion-shade-45:hover {
  color: var(--connx-accordion-shade-45);
}

.border-connx-accordion-shade-45 {
  border-color: var(--connx-accordion-shade-45);
}

.bg-connx-accordion-shade-50 {
  background-color: var(--connx-accordion-shade-50);
}

.hover\:bg-connx-accordion-shade-50:hover {
  background-color: var(--connx-accordion-shade-50);
}

.text-connx-accordion-shade-50 {
  color: var(--connx-accordion-shade-50);
}

.hover\:text-connx-accordion-shade-50:hover {
  color: var(--connx-accordion-shade-50);
}

.border-connx-accordion-shade-50 {
  border-color: var(--connx-accordion-shade-50);
}

.bg-connx-accordion-shade-55 {
  background-color: var(--connx-accordion-shade-55);
}

.hover\:bg-connx-accordion-shade-55:hover {
  background-color: var(--connx-accordion-shade-55);
}

.text-connx-accordion-shade-55 {
  color: var(--connx-accordion-shade-55);
}

.hover\:text-connx-accordion-shade-55:hover {
  color: var(--connx-accordion-shade-55);
}

.border-connx-accordion-shade-55 {
  border-color: var(--connx-accordion-shade-55);
}

.bg-connx-accordion-shade-60 {
  background-color: var(--connx-accordion-shade-60);
}

.hover\:bg-connx-accordion-shade-60:hover {
  background-color: var(--connx-accordion-shade-60);
}

.text-connx-accordion-shade-60 {
  color: var(--connx-accordion-shade-60);
}

.hover\:text-connx-accordion-shade-60:hover {
  color: var(--connx-accordion-shade-60);
}

.border-connx-accordion-shade-60 {
  border-color: var(--connx-accordion-shade-60);
}

.bg-connx-accordion-shade-65 {
  background-color: var(--connx-accordion-shade-65);
}

.hover\:bg-connx-accordion-shade-65:hover {
  background-color: var(--connx-accordion-shade-65);
}

.text-connx-accordion-shade-65 {
  color: var(--connx-accordion-shade-65);
}

.hover\:text-connx-accordion-shade-65:hover {
  color: var(--connx-accordion-shade-65);
}

.border-connx-accordion-shade-65 {
  border-color: var(--connx-accordion-shade-65);
}

.bg-connx-accordion-shade-70 {
  background-color: var(--connx-accordion-shade-70);
}

.hover\:bg-connx-accordion-shade-70:hover {
  background-color: var(--connx-accordion-shade-70);
}

.text-connx-accordion-shade-70 {
  color: var(--connx-accordion-shade-70);
}

.hover\:text-connx-accordion-shade-70:hover {
  color: var(--connx-accordion-shade-70);
}

.border-connx-accordion-shade-70 {
  border-color: var(--connx-accordion-shade-70);
}

.bg-connx-accordion-shade-75 {
  background-color: var(--connx-accordion-shade-75);
}

.hover\:bg-connx-accordion-shade-75:hover {
  background-color: var(--connx-accordion-shade-75);
}

.text-connx-accordion-shade-75 {
  color: var(--connx-accordion-shade-75);
}

.hover\:text-connx-accordion-shade-75:hover {
  color: var(--connx-accordion-shade-75);
}

.border-connx-accordion-shade-75 {
  border-color: var(--connx-accordion-shade-75);
}

.bg-connx-accordion-shade-80 {
  background-color: var(--connx-accordion-shade-80);
}

.hover\:bg-connx-accordion-shade-80:hover {
  background-color: var(--connx-accordion-shade-80);
}

.text-connx-accordion-shade-80 {
  color: var(--connx-accordion-shade-80);
}

.hover\:text-connx-accordion-shade-80:hover {
  color: var(--connx-accordion-shade-80);
}

.border-connx-accordion-shade-80 {
  border-color: var(--connx-accordion-shade-80);
}

.bg-connx-accordion-shade-85 {
  background-color: var(--connx-accordion-shade-85);
}

.hover\:bg-connx-accordion-shade-85:hover {
  background-color: var(--connx-accordion-shade-85);
}

.text-connx-accordion-shade-85 {
  color: var(--connx-accordion-shade-85);
}

.hover\:text-connx-accordion-shade-85:hover {
  color: var(--connx-accordion-shade-85);
}

.border-connx-accordion-shade-85 {
  border-color: var(--connx-accordion-shade-85);
}

.bg-connx-accordion-shade-90 {
  background-color: var(--connx-accordion-shade-90);
}

.hover\:bg-connx-accordion-shade-90:hover {
  background-color: var(--connx-accordion-shade-90);
}

.text-connx-accordion-shade-90 {
  color: var(--connx-accordion-shade-90);
}

.hover\:text-connx-accordion-shade-90:hover {
  color: var(--connx-accordion-shade-90);
}

.border-connx-accordion-shade-90 {
  border-color: var(--connx-accordion-shade-90);
}

.bg-connx-accordion-shade-95 {
  background-color: var(--connx-accordion-shade-95);
}

.hover\:bg-connx-accordion-shade-95:hover {
  background-color: var(--connx-accordion-shade-95);
}

.text-connx-accordion-shade-95 {
  color: var(--connx-accordion-shade-95);
}

.hover\:text-connx-accordion-shade-95:hover {
  color: var(--connx-accordion-shade-95);
}

.border-connx-accordion-shade-95 {
  border-color: var(--connx-accordion-shade-95);
}

.bg-connx-accordion-tint-05 {
  background-color: var(--connx-accordion-tint-05);
}

.hover\:bg-connx-accordion-tint-05:hover {
  background-color: var(--connx-accordion-tint-05);
}

.text-connx-accordion-tint-05 {
  color: var(--connx-accordion-tint-05);
}

.hover\:text-connx-accordion-tint-05:hover {
  color: var(--connx-accordion-tint-05);
}

.border-connx-accordion-tint-05 {
  border-color: var(--connx-accordion-tint-05);
}

.bg-connx-accordion-tint-10 {
  background-color: var(--connx-accordion-tint-10);
}

.hover\:bg-connx-accordion-tint-10:hover {
  background-color: var(--connx-accordion-tint-10);
}

.text-connx-accordion-tint-10 {
  color: var(--connx-accordion-tint-10);
}

.hover\:text-connx-accordion-tint-10:hover {
  color: var(--connx-accordion-tint-10);
}

.border-connx-accordion-tint-10 {
  border-color: var(--connx-accordion-tint-10);
}

.bg-connx-accordion-tint-15 {
  background-color: var(--connx-accordion-tint-15);
}

.hover\:bg-connx-accordion-tint-15:hover {
  background-color: var(--connx-accordion-tint-15);
}

.text-connx-accordion-tint-15 {
  color: var(--connx-accordion-tint-15);
}

.hover\:text-connx-accordion-tint-15:hover {
  color: var(--connx-accordion-tint-15);
}

.border-connx-accordion-tint-15 {
  border-color: var(--connx-accordion-tint-15);
}

.bg-connx-accordion-tint-20 {
  background-color: var(--connx-accordion-tint-20);
}

.hover\:bg-connx-accordion-tint-20:hover {
  background-color: var(--connx-accordion-tint-20);
}

.text-connx-accordion-tint-20 {
  color: var(--connx-accordion-tint-20);
}

.hover\:text-connx-accordion-tint-20:hover {
  color: var(--connx-accordion-tint-20);
}

.border-connx-accordion-tint-20 {
  border-color: var(--connx-accordion-tint-20);
}

.bg-connx-accordion-tint-25 {
  background-color: var(--connx-accordion-tint-25);
}

.hover\:bg-connx-accordion-tint-25:hover {
  background-color: var(--connx-accordion-tint-25);
}

.text-connx-accordion-tint-25 {
  color: var(--connx-accordion-tint-25);
}

.hover\:text-connx-accordion-tint-25:hover {
  color: var(--connx-accordion-tint-25);
}

.border-connx-accordion-tint-25 {
  border-color: var(--connx-accordion-tint-25);
}

.bg-connx-accordion-tint-30 {
  background-color: var(--connx-accordion-tint-30);
}

.hover\:bg-connx-accordion-tint-30:hover {
  background-color: var(--connx-accordion-tint-30);
}

.text-connx-accordion-tint-30 {
  color: var(--connx-accordion-tint-30);
}

.hover\:text-connx-accordion-tint-30:hover {
  color: var(--connx-accordion-tint-30);
}

.border-connx-accordion-tint-30 {
  border-color: var(--connx-accordion-tint-30);
}

.bg-connx-accordion-tint-35 {
  background-color: var(--connx-accordion-tint-35);
}

.hover\:bg-connx-accordion-tint-35:hover {
  background-color: var(--connx-accordion-tint-35);
}

.text-connx-accordion-tint-35 {
  color: var(--connx-accordion-tint-35);
}

.hover\:text-connx-accordion-tint-35:hover {
  color: var(--connx-accordion-tint-35);
}

.border-connx-accordion-tint-35 {
  border-color: var(--connx-accordion-tint-35);
}

.bg-connx-accordion-tint-40 {
  background-color: var(--connx-accordion-tint-40);
}

.hover\:bg-connx-accordion-tint-40:hover {
  background-color: var(--connx-accordion-tint-40);
}

.text-connx-accordion-tint-40 {
  color: var(--connx-accordion-tint-40);
}

.hover\:text-connx-accordion-tint-40:hover {
  color: var(--connx-accordion-tint-40);
}

.border-connx-accordion-tint-40 {
  border-color: var(--connx-accordion-tint-40);
}

.bg-connx-accordion-tint-45 {
  background-color: var(--connx-accordion-tint-45);
}

.hover\:bg-connx-accordion-tint-45:hover {
  background-color: var(--connx-accordion-tint-45);
}

.text-connx-accordion-tint-45 {
  color: var(--connx-accordion-tint-45);
}

.hover\:text-connx-accordion-tint-45:hover {
  color: var(--connx-accordion-tint-45);
}

.border-connx-accordion-tint-45 {
  border-color: var(--connx-accordion-tint-45);
}

.bg-connx-accordion-tint-50 {
  background-color: var(--connx-accordion-tint-50);
}

.hover\:bg-connx-accordion-tint-50:hover {
  background-color: var(--connx-accordion-tint-50);
}

.text-connx-accordion-tint-50 {
  color: var(--connx-accordion-tint-50);
}

.hover\:text-connx-accordion-tint-50:hover {
  color: var(--connx-accordion-tint-50);
}

.border-connx-accordion-tint-50 {
  border-color: var(--connx-accordion-tint-50);
}

.bg-connx-accordion-tint-55 {
  background-color: var(--connx-accordion-tint-55);
}

.hover\:bg-connx-accordion-tint-55:hover {
  background-color: var(--connx-accordion-tint-55);
}

.text-connx-accordion-tint-55 {
  color: var(--connx-accordion-tint-55);
}

.hover\:text-connx-accordion-tint-55:hover {
  color: var(--connx-accordion-tint-55);
}

.border-connx-accordion-tint-55 {
  border-color: var(--connx-accordion-tint-55);
}

.bg-connx-accordion-tint-60 {
  background-color: var(--connx-accordion-tint-60);
}

.hover\:bg-connx-accordion-tint-60:hover {
  background-color: var(--connx-accordion-tint-60);
}

.text-connx-accordion-tint-60 {
  color: var(--connx-accordion-tint-60);
}

.hover\:text-connx-accordion-tint-60:hover {
  color: var(--connx-accordion-tint-60);
}

.border-connx-accordion-tint-60 {
  border-color: var(--connx-accordion-tint-60);
}

.bg-connx-accordion-tint-65 {
  background-color: var(--connx-accordion-tint-65);
}

.hover\:bg-connx-accordion-tint-65:hover {
  background-color: var(--connx-accordion-tint-65);
}

.text-connx-accordion-tint-65 {
  color: var(--connx-accordion-tint-65);
}

.hover\:text-connx-accordion-tint-65:hover {
  color: var(--connx-accordion-tint-65);
}

.border-connx-accordion-tint-65 {
  border-color: var(--connx-accordion-tint-65);
}

.bg-connx-accordion-tint-70 {
  background-color: var(--connx-accordion-tint-70);
}

.hover\:bg-connx-accordion-tint-70:hover {
  background-color: var(--connx-accordion-tint-70);
}

.text-connx-accordion-tint-70 {
  color: var(--connx-accordion-tint-70);
}

.hover\:text-connx-accordion-tint-70:hover {
  color: var(--connx-accordion-tint-70);
}

.border-connx-accordion-tint-70 {
  border-color: var(--connx-accordion-tint-70);
}

.bg-connx-accordion-tint-75 {
  background-color: var(--connx-accordion-tint-75);
}

.hover\:bg-connx-accordion-tint-75:hover {
  background-color: var(--connx-accordion-tint-75);
}

.text-connx-accordion-tint-75 {
  color: var(--connx-accordion-tint-75);
}

.hover\:text-connx-accordion-tint-75:hover {
  color: var(--connx-accordion-tint-75);
}

.border-connx-accordion-tint-75 {
  border-color: var(--connx-accordion-tint-75);
}

.bg-connx-accordion-tint-80 {
  background-color: var(--connx-accordion-tint-80);
}

.hover\:bg-connx-accordion-tint-80:hover {
  background-color: var(--connx-accordion-tint-80);
}

.text-connx-accordion-tint-80 {
  color: var(--connx-accordion-tint-80);
}

.hover\:text-connx-accordion-tint-80:hover {
  color: var(--connx-accordion-tint-80);
}

.border-connx-accordion-tint-80 {
  border-color: var(--connx-accordion-tint-80);
}

.bg-connx-accordion-tint-85 {
  background-color: var(--connx-accordion-tint-85);
}

.hover\:bg-connx-accordion-tint-85:hover {
  background-color: var(--connx-accordion-tint-85);
}

.text-connx-accordion-tint-85 {
  color: var(--connx-accordion-tint-85);
}

.hover\:text-connx-accordion-tint-85:hover {
  color: var(--connx-accordion-tint-85);
}

.border-connx-accordion-tint-85 {
  border-color: var(--connx-accordion-tint-85);
}

.bg-connx-accordion-tint-90 {
  background-color: var(--connx-accordion-tint-90);
}

.hover\:bg-connx-accordion-tint-90:hover {
  background-color: var(--connx-accordion-tint-90);
}

.text-connx-accordion-tint-90 {
  color: var(--connx-accordion-tint-90);
}

.hover\:text-connx-accordion-tint-90:hover {
  color: var(--connx-accordion-tint-90);
}

.border-connx-accordion-tint-90 {
  border-color: var(--connx-accordion-tint-90);
}

.bg-connx-accordion-tint-95 {
  background-color: var(--connx-accordion-tint-95);
}

.hover\:bg-connx-accordion-tint-95:hover {
  background-color: var(--connx-accordion-tint-95);
}

.text-connx-accordion-tint-95 {
  color: var(--connx-accordion-tint-95);
}

.hover\:text-connx-accordion-tint-95:hover {
  color: var(--connx-accordion-tint-95);
}

.border-connx-accordion-tint-95 {
  border-color: var(--connx-accordion-tint-95);
}

/*# sourceMappingURL=utilities.css.map */