/*
 * Color variables
 */
:root {
    --black: #000000;
    --white: #ffffff;

    --gray-1: #fafafa;
    --gray-2: #f5f5f5;
    --gray-3: #eeeeee;
    --gray-4: #e0e0e0;
    --gray-5: #bdbdbd;
    --gray-6: #9e9e9e;
    --gray-7: #757575;
    --gray-8: #616161;
    --gray-9: #424242;
    --gray-10: #212121;

    --red-1: #fff1f0;
    --red-2: #ffccc7;
    --red-3: #ffa39e;
    --red-4: #ff7875;
    --red-5: #ff4d4f;
    --red-6: #f5222d;
    --red-7: #cf1322;
    --red-8: #a8071a;
    --red-9: #820014;
    --red-10: #5c0011;

    --volcano-1: #fff2e8;
    --volcano-2: #ffd8bf;
    --volcano-3: #ffbb96;
    --volcano-4: #ff9c6e;
    --volcano-5: #ff7a45;
    --volcano-6: #fa541c;
    --volcano-7: #d4380d;
    --volcano-8: #ad2102;
    --volcano-9: #871400;
    --volcano-10: #610b00;

    --orange-1: #fff7e6;
    --orange-2: #ffe7ba;
    --orange-3: #ffd591;
    --orange-4: #ffc069;
    --orange-5: #ffa940;
    --orange-6: #fa8c16;
    --orange-7: #d46b08;
    --orange-8: #ad4e00;
    --orange-9: #873800;
    --orange-10: #612500;

    --gold-1: #fffbe6;
    --gold-2: #fff1b8;
    --gold-3: #ffe58f;
    --gold-4: #ffd666;
    --gold-5: #ffc53d;
    --gold-6: #faad14;
    --gold-7: #d48806;
    --gold-8: #ad6800;
    --gold-9: #874d00;
    --gold-10: #613400;

    --yellow-1: #feffe6;
    --yellow-2: #ffffb8;
    --yellow-3: #fffb8f;
    --yellow-4: #fff566;
    --yellow-5: #ffec3d;
    --yellow-6: #fadb14;
    --yellow-7: #d4b106;
    --yellow-8: #ad8b00;
    --yellow-9: #876800;
    --yellow-10: #614700;

    --lime-1: #fcffe6;
    --lime-2: #f4ffb8;
    --lime-3: #eaff8f;
    --lime-4: #d3f261;
    --lime-5: #bae637;
    --lime-6: #a0d911;
    --lime-7: #7cb305;
    --lime-8: #5b8c00;
    --lime-9: #3f6600;
    --lime-10: #254000;

    --green-1: #f6ffed;
    --green-2: #d9f7be;
    --green-3: #b7eb8f;
    --green-4: #95de64;
    --green-5: #73d13d;
    --green-6: #52c41a;
    --green-7: #389e0d;
    --green-8: #237804;
    --green-9: #135200;
    --green-10: #092b00;

    --cyan-1: #e6fffb;
    --cyan-2: #b5f5ec;
    --cyan-3: #87e8de;
    --cyan-4: #5cdbd3;
    --cyan-5: #36cfc9;
    --cyan-6: #13c2c2;
    --cyan-7: #08979c;
    --cyan-8: #006d75;
    --cyan-9: #00474f;
    --cyan-10: #002329;

    --blue-1: #e6f4ff;
    --blue-2: #bae0ff;
    --blue-3: #91caff;
    --blue-4: #69b1ff;
    --blue-5: #4096ff;
    --blue-6: #1677ff;
    --blue-7: #0958d9;
    --blue-8: #003eb3;
    --blue-9: #002c8c;
    --blue-10: #001d66;

    --geekblue-1: #f0f5ff;
    --geekblue-2: #d6e4ff;
    --geekblue-3: #adc6ff;
    --geekblue-4: #85a5ff;
    --geekblue-5: #597ef7;
    --geekblue-6: #2f54eb;
    --geekblue-7: #1d39c4;
    --geekblue-8: #10239e;
    --geekblue-9: #061178;
    --geekblue-10: #030852;

    --purple-1: #f9f0ff;
    --purple-2: #efdbff;
    --purple-3: #d3adf7;
    --purple-4: #b37feb;
    --purple-5: #9254de;
    --purple-6: #722ed1;
    --purple-7: #531dab;
    --purple-8: #391085;
    --purple-9: #22075e;
    --purple-10: #120338;

    --magenta-1: #fff0f6;
    --magenta-2: #ffd6e7;
    --magenta-3: #ffadd2;
    --magenta-4: #ff85c0;
    --magenta-5: #f759ab;
    --magenta-6: #eb2f96;
    --magenta-7: #c41d7f;
    --magenta-8: #9e1068;
    --magenta-9: #780650;
    --magenta-10: #520339;

    --info-light: var(--blue-5);
    --info: var(--blue-6);
    --info-dark: var(--blue-7);
    --info-light-rgb: 66, 151, 255;
    --info-rgb: 22, 119, 255;
    --info-dark-rgb: 9, 88, 217;

    --success-light: var(--green-5);
    --success: var(--green-6);
    --success-dark: var(--green-7);

    --warning-light: var(--gold-5);
    --warning: var(--gold-6);
    --warning-dark: var(--gold-7);

    --danger-light: var(--red-4);
    --danger: var(--red-5);
    --danger-dark: var(--red-6);
}

/**
 * Transparent
 */
.bg-transparent,
.bg-transparent\:hover:hover {
    background-color: transparent !important;
}

/*
 * Black and white
 */
.bg-white,
.bg-white\:hover:hover {
    background-color: var(--white) !important;
}

.bg-black,
.bg-black\:hover:hover {
    background-color: var(--black) !important;
}

.text-white,
.text-white\:hover:hover {
    color: var(--white) !important;
}

.text-black,
.text-black\:hover:hover {
    color: var(--black) !important;
}

.border-white,
.border-white\:hover:hover {
    border-color: var(--white) !important;
}

.border-black,
.border-black\:hover:hover {
    border-color: var(--black) !important;
}

/*
 * Gray scale
 */
.bg-gray-1,
.bg-gray-1\:hover:hover {
    background-color: var(--gray-1) !important;
}

.bg-gray-2,
.bg-gray-2\:hover:hover {
    background-color: var(--gray-2) !important;
}

.bg-gray-3,
.bg-gray-3\:hover:hover {
    background-color: var(--gray-3) !important;
}

.bg-gray-4,
.bg-gray-4\:hover:hover {
    background-color: var(--gray-4) !important;
}

.bg-gray-5,
.bg-gray-5\:hover:hover {
    background-color: var(--gray-5) !important;
}

.bg-gray-6,
.bg-gray-6\:hover:hover {
    background-color: var(--gray-6) !important;
}

.bg-gray-7,
.bg-gray-7\:hover:hover {
    background-color: var(--gray-7) !important;
}

.bg-gray-8,
.bg-gray-8\:hover:hover {
    background-color: var(--gray-8) !important;
}

.bg-gray-9,
.bg-gray-9\:hover:hover {
    background-color: var(--gray-9) !important;
}

.bg-gray-10,
.bg-gray-10\:hover:hover {
    background-color: var(--gray-10) !important;
}

.bg-gray-11,
.bg-gray-11\:hover:hover {
    background-color: var(--gray-11) !important;
}

.text-gray-1,
.text-gray-1\:hover:hover {
    color: var(--gray-1) !important;
}

.text-gray-2,
.text-gray-2\:hover:hover {
    color: var(--gray-2) !important;
}

.text-gray-3,
.text-gray-3\:hover:hover {
    color: var(--gray-3) !important;
}

.text-gray-4,
.text-gray-4\:hover:hover {
    color: var(--gray-4) !important;
}

.text-gray-5,
.text-gray-5\:hover:hover {
    color: var(--gray-5) !important;
}

.text-gray-6,
.text-gray-6\:hover:hover {
    color: var(--gray-6) !important;
}

.text-gray-7,
.text-gray-7\:hover:hover {
    color: var(--gray-7) !important;
}

.text-gray-8,
.text-gray-8\:hover:hover {
    color: var(--gray-8) !important;
}

.text-gray-9,
.text-gray-9\:hover:hover {
    color: var(--gray-9) !important;
}

.text-gray-10,
.text-gray-10\:hover:hover {
    color: var(--gray-10) !important;
}

.text-gray-11,
.text-gray-11\:hover:hover {
    color: var(--gray-11) !important;
}

.border-gray-1,
.border-gray-1\:hover:hover {
    border-color: var(--gray-1) !important;
}

.border-gray-2,
.border-gray-2\:hover:hover {
    border-color: var(--gray-2) !important;
}

.border-gray-3,
.border-gray-3\:hover:hover {
    border-color: var(--gray-3) !important;
}

.border-gray-4,
.border-gray-4\:hover:hover {
    border-color: var(--gray-4) !important;
}

.border-gray-5,
.border-gray-5\:hover:hover {
    border-color: var(--gray-5) !important;
}

.border-gray-6,
.border-gray-6\:hover:hover {
    border-color: var(--gray-6) !important;
}

.border-gray-7,
.border-gray-7\:hover:hover {
    border-color: var(--gray-7) !important;
}

.border-gray-8,
.border-gray-8\:hover:hover {
    border-color: var(--gray-8) !important;
}

.border-gray-9,
.border-gray-9\:hover:hover {
    border-color: var(--gray-9) !important;
}

.border-gray-10,
.border-gray-10\:hover:hover {
    border-color: var(--gray-10) !important;
}

.border-gray-11,
.border-gray-11\:hover:hover {
    border-color: var(--gray-11) !important;
}

/*
 * Red
 */
.bg-red-1,
.bg-red-1\:hover:hover {
    background-color: var(--red-1) !important;
}

.bg-red-2,
.bg-red-2\:hover:hover {
    background-color: var(--red-2) !important;
}

.bg-red-3,
.bg-red-3\:hover:hover {
    background-color: var(--red-3) !important;
}

.bg-red-4,
.bg-red-4\:hover:hover {
    background-color: var(--red-4) !important;
}

.bg-red-5,
.bg-red-5\:hover:hover {
    background-color: var(--red-5) !important;
}

.bg-red-6,
.bg-red-6\:hover:hover {
    background-color: var(--red-6) !important;
}

.bg-red-7,
.bg-red-7\:hover:hover {
    background-color: var(--red-7) !important;
}

.bg-red-8,
.bg-red-8\:hover:hover {
    background-color: var(--red-8) !important;
}

.bg-red-9,
.bg-red-9\:hover:hover {
    background-color: var(--red-9) !important;
}

.bg-red-10,
.bg-red-10\:hover:hover {
    background-color: var(--red-10) !important;
}

.text-red-1,
.text-red-1\:hover:hover {
    color: var(--red-1) !important;
}

.text-red-2,
.text-red-2\:hover:hover {
    color: var(--red-2) !important;
}

.text-red-3,
.text-red-3\:hover:hover {
    color: var(--red-3) !important;
}

.text-red-4,
.text-red-4\:hover:hover {
    color: var(--red-4) !important;
}

.text-red-5,
.text-red-5\:hover:hover {
    color: var(--red-5) !important;
}

.text-red-6,
.text-red-6\:hover:hover {
    color: var(--red-6) !important;
}

.text-red-7,
.text-red-7\:hover:hover {
    color: var(--red-7) !important;
}

.text-red-8,
.text-red-8\:hover:hover {
    color: var(--red-8) !important;
}

.text-red-9,
.text-red-9\:hover:hover {
    color: var(--red-9) !important;
}

.text-red-10,
.text-red-10\:hover:hover {
    color: var(--red-10) !important;
}

.border-red-1,
.border-red-1\:hover:hover {
    border-color: var(--red-1) !important;
}

.border-red-2,
.border-red-2\:hover:hover {
    border-color: var(--red-2) !important;
}

.border-red-3,
.border-red-3\:hover:hover {
    border-color: var(--red-3) !important;
}

.border-red-4,
.border-red-4\:hover:hover {
    border-color: var(--red-4) !important;
}

.border-red-5,
.border-red-5\:hover:hover {
    border-color: var(--red-5) !important;
}

.border-red-6,
.border-red-6\:hover:hover {
    border-color: var(--red-6) !important;
}

.border-red-7,
.border-red-7\:hover:hover {
    border-color: var(--red-7) !important;
}

.border-red-8,
.border-red-8\:hover:hover {
    border-color: var(--red-8) !important;
}

.border-red-9,
.border-red-9\:hover:hover {
    border-color: var(--red-9) !important;
}

.border-red-10,
.border-red-10\:hover:hover {
    border-color: var(--red-10) !important;
}

/*
 * Volcano
 */
.bg-volcano-1,
.bg-volcano-1\:hover:hover {
    background-color: var(--volcano-1) !important;
}

.bg-volcano-2,
.bg-volcano-2\:hover:hover {
    background-color: var(--volcano-2) !important;
}

.bg-volcano-3,
.bg-volcano-3\:hover:hover {
    background-color: var(--volcano-3) !important;
}

.bg-volcano-4,
.bg-volcano-4\:hover:hover {
    background-color: var(--volcano-4) !important;
}

.bg-volcano-5,
.bg-volcano-5\:hover:hover {
    background-color: var(--volcano-5) !important;
}

.bg-volcano-6,
.bg-volcano-6\:hover:hover {
    background-color: var(--volcano-6) !important;
}

.bg-volcano-7,
.bg-volcano-7\:hover:hover {
    background-color: var(--volcano-7) !important;
}

.bg-volcano-8,
.bg-volcano-8\:hover:hover {
    background-color: var(--volcano-8) !important;
}

.bg-volcano-9,
.bg-volcano-9\:hover:hover {
    background-color: var(--volcano-9) !important;
}

.bg-volcano-10,
.bg-volcano-10\:hover:hover {
    background-color: var(--volcano-10) !important;
}

.text-volcano-1,
.text-volcano-1\:hover:hover {
    color: var(--volcano-1) !important;
}

.text-volcano-2,
.text-volcano-2\:hover:hover {
    color: var(--volcano-2) !important;
}

.text-volcano-3,
.text-volcano-3\:hover:hover {
    color: var(--volcano-3) !important;
}

.text-volcano-4,
.text-volcano-4\:hover:hover {
    color: var(--volcano-4) !important;
}

.text-volcano-5,
.text-volcano-5\:hover:hover {
    color: var(--volcano-5) !important;
}

.text-volcano-6,
.text-volcano-6\:hover:hover {
    color: var(--volcano-6) !important;
}

.text-volcano-7,
.text-volcano-7\:hover:hover {
    color: var(--volcano-7) !important;
}

.text-volcano-8,
.text-volcano-8\:hover:hover {
    color: var(--volcano-8) !important;
}

.text-volcano-9,
.text-volcano-9\:hover:hover {
    color: var(--volcano-9) !important;
}

.text-volcano-10,
.text-volcano-10\:hover:hover {
    color: var(--volcano-10) !important;
}

.border-volcano-1,
.border-volcano-1\:hover:hover {
    border-color: var(--volcano-1) !important;
}

.border-volcano-2,
.border-volcano-2\:hover:hover {
    border-color: var(--volcano-2) !important;
}

.border-volcano-3,
.border-volcano-3\:hover:hover {
    border-color: var(--volcano-3) !important;
}

.border-volcano-4,
.border-volcano-4\:hover:hover {
    border-color: var(--volcano-4) !important;
}

.border-volcano-5,
.border-volcano-5\:hover:hover {
    border-color: var(--volcano-5) !important;
}

.border-volcano-6,
.border-volcano-6\:hover:hover {
    border-color: var(--volcano-6) !important;
}

.border-volcano-7,
.border-volcano-7\:hover:hover {
    border-color: var(--volcano-7) !important;
}

.border-volcano-8,
.border-volcano-8\:hover:hover {
    border-color: var(--volcano-8) !important;
}

.border-volcano-9,
.border-volcano-9\:hover:hover {
    border-color: var(--volcano-9) !important;
}

.border-volcano-10,
.border-volcano-10\:hover:hover {
    border-color: var(--volcano-10) !important;
}

/*
 * Orange
 */
.bg-orange-1,
.bg-orange-1\:hover:hover {
    background-color: var(--orange-1) !important;
}

.bg-orange-2,
.bg-orange-2\:hover:hover {
    background-color: var(--orange-2) !important;
}

.bg-orange-3,
.bg-orange-3\:hover:hover {
    background-color: var(--orange-3) !important;
}

.bg-orange-4,
.bg-orange-4\:hover:hover {
    background-color: var(--orange-4) !important;
}

.bg-orange-5,
.bg-orange-5\:hover:hover {
    background-color: var(--orange-5) !important;
}

.bg-orange-6,
.bg-orange-6\:hover:hover {
    background-color: var(--orange-6) !important;
}

.bg-orange-7,
.bg-orange-7\:hover:hover {
    background-color: var(--orange-7) !important;
}

.bg-orange-8,
.bg-orange-8\:hover:hover {
    background-color: var(--orange-8) !important;
}

.bg-orange-9,
.bg-orange-9\:hover:hover {
    background-color: var(--orange-9) !important;
}

.bg-orange-10,
.bg-orange-10\:hover:hover {
    background-color: var(--orange-10) !important;
}

.text-orange-1,
.text-orange-1\:hover:hover {
    color: var(--orange-1) !important;
}

.text-orange-2,
.text-orange-2\:hover:hover {
    color: var(--orange-2) !important;
}

.text-orange-3,
.text-orange-3\:hover:hover {
    color: var(--orange-3) !important;
}

.text-orange-4,
.text-orange-4\:hover:hover {
    color: var(--orange-4) !important;
}

.text-orange-5,
.text-orange-5\:hover:hover {
    color: var(--orange-5) !important;
}

.text-orange-6,
.text-orange-6\:hover:hover {
    color: var(--orange-6) !important;
}

.text-orange-7,
.text-orange-7\:hover:hover {
    color: var(--orange-7) !important;
}

.text-orange-8,
.text-orange-8\:hover:hover {
    color: var(--orange-8) !important;
}

.text-orange-9,
.text-orange-9\:hover:hover {
    color: var(--orange-9) !important;
}

.text-orange-10,
.text-orange-10\:hover:hover {
    color: var(--orange-10) !important;
}

.border-orange-1,
.border-orange-1\:hover:hover {
    border-color: var(--orange-1) !important;
}

.border-orange-2,
.border-orange-2\:hover:hover {
    border-color: var(--orange-2) !important;
}

.border-orange-3,
.border-orange-3\:hover:hover {
    border-color: var(--orange-3) !important;
}

.border-orange-4,
.border-orange-4\:hover:hover {
    border-color: var(--orange-4) !important;
}

.border-orange-5,
.border-orange-5\:hover:hover {
    border-color: var(--orange-5) !important;
}

.border-orange-6,
.border-orange-6\:hover:hover {
    border-color: var(--orange-6) !important;
}

.border-orange-7,
.border-orange-7\:hover:hover {
    border-color: var(--orange-7) !important;
}

.border-orange-8,
.border-orange-8\:hover:hover {
    border-color: var(--orange-8) !important;
}

.border-orange-9,
.border-orange-9\:hover:hover {
    border-color: var(--orange-9) !important;
}

.border-orange-10,
.border-orange-10\:hover:hover {
    border-color: var(--orange-10) !important;
}

/*
 * Gold
 */
.bg-gold-1,
.bg-gold-1\:hover:hover {
    background-color: var(--gold-1) !important;
}

.bg-gold-2,
.bg-gold-2\:hover:hover {
    background-color: var(--gold-2) !important;
}

.bg-gold-3,
.bg-gold-3\:hover:hover {
    background-color: var(--gold-3) !important;
}

.bg-gold-4,
.bg-gold-4\:hover:hover {
    background-color: var(--gold-4) !important;
}

.bg-gold-5,
.bg-gold-5\:hover:hover {
    background-color: var(--gold-5) !important;
}

.bg-gold-6,
.bg-gold-6\:hover:hover {
    background-color: var(--gold-6) !important;
}

.bg-gold-7,
.bg-gold-7\:hover:hover {
    background-color: var(--gold-7) !important;
}

.bg-gold-8,
.bg-gold-8\:hover:hover {
    background-color: var(--gold-8) !important;
}

.bg-gold-9,
.bg-gold-9\:hover:hover {
    background-color: var(--gold-9) !important;
}

.bg-gold-10,
.bg-gold-10\:hover:hover {
    background-color: var(--gold-10) !important;
}

.text-gold-1,
.text-gold-1\:hover:hover {
    color: var(--gold-1) !important;
}

.text-gold-2,
.text-gold-2\:hover:hover {
    color: var(--gold-2) !important;
}

.text-gold-3,
.text-gold-3\:hover:hover {
    color: var(--gold-3) !important;
}

.text-gold-4,
.text-gold-4\:hover:hover {
    color: var(--gold-4) !important;
}

.text-gold-5,
.text-gold-5\:hover:hover {
    color: var(--gold-5) !important;
}

.text-gold-6,
.text-gold-6\:hover:hover {
    color: var(--gold-6) !important;
}

.text-gold-7,
.text-gold-7\:hover:hover {
    color: var(--gold-7) !important;
}

.text-gold-8,
.text-gold-8\:hover:hover {
    color: var(--gold-8) !important;
}

.text-gold-9,
.text-gold-9\:hover:hover {
    color: var(--gold-9) !important;
}

.text-gold-10,
.text-gold-10\:hover:hover {
    color: var(--gold-10) !important;
}

.border-gold-1,
.border-gold-1\:hover:hover {
    border-color: var(--gold-1) !important;
}

.border-gold-2,
.border-gold-2\:hover:hover {
    border-color: var(--gold-2) !important;
}

.border-gold-3,
.border-gold-3\:hover:hover {
    border-color: var(--gold-3) !important;
}

.border-gold-4,
.border-gold-4\:hover:hover {
    border-color: var(--gold-4) !important;
}

.border-gold-5,
.border-gold-5\:hover:hover {
    border-color: var(--gold-5) !important;
}

.border-gold-6,
.border-gold-6\:hover:hover {
    border-color: var(--gold-6) !important;
}

.border-gold-7,
.border-gold-7\:hover:hover {
    border-color: var(--gold-7) !important;
}

.border-gold-8,
.border-gold-8\:hover:hover {
    border-color: var(--gold-8) !important;
}

.border-gold-9,
.border-gold-9\:hover:hover {
    border-color: var(--gold-9) !important;
}

.border-gold-10,
.border-gold-10\:hover:hover {
    border-color: var(--gold-10) !important;
}

/*
 * Yellow
 */
.bg-yellow-1,
.bg-yellow-1\:hover:hover {
    background-color: var(--yellow-1) !important;
}

.bg-yellow-2,
.bg-yellow-2\:hover:hover {
    background-color: var(--yellow-2) !important;
}

.bg-yellow-3,
.bg-yellow-3\:hover:hover {
    background-color: var(--yellow-3) !important;
}

.bg-yellow-4,
.bg-yellow-4\:hover:hover {
    background-color: var(--yellow-4) !important;
}

.bg-yellow-5,
.bg-yellow-5\:hover:hover {
    background-color: var(--yellow-5) !important;
}

.bg-yellow-6,
.bg-yellow-6\:hover:hover {
    background-color: var(--yellow-6) !important;
}

.bg-yellow-7,
.bg-yellow-7\:hover:hover {
    background-color: var(--yellow-7) !important;
}

.bg-yellow-8,
.bg-yellow-8\:hover:hover {
    background-color: var(--yellow-8) !important;
}

.bg-yellow-9,
.bg-yellow-9\:hover:hover {
    background-color: var(--yellow-9) !important;
}

.bg-yellow-10,
.bg-yellow-10\:hover:hover {
    background-color: var(--yellow-10) !important;
}

.text-yellow-1,
.text-yellow-1\:hover:hover {
    color: var(--yellow-1) !important;
}

.text-yellow-2,
.text-yellow-2\:hover:hover {
    color: var(--yellow-2) !important;
}

.text-yellow-3,
.text-yellow-3\:hover:hover {
    color: var(--yellow-3) !important;
}

.text-yellow-4,
.text-yellow-4\:hover:hover {
    color: var(--yellow-4) !important;
}

.text-yellow-5,
.text-yellow-5\:hover:hover {
    color: var(--yellow-5) !important;
}

.text-yellow-6,
.text-yellow-6\:hover:hover {
    color: var(--yellow-6) !important;
}

.text-yellow-7,
.text-yellow-7\:hover:hover {
    color: var(--yellow-7) !important;
}

.text-yellow-8,
.text-yellow-8\:hover:hover {
    color: var(--yellow-8) !important;
}

.text-yellow-9,
.text-yellow-9\:hover:hover {
    color: var(--yellow-9) !important;
}

.text-yellow-10,
.text-yellow-10\:hover:hover {
    color: var(--yellow-10) !important;
}

.border-yellow-1,
.border-yellow-1\:hover:hover {
    border-color: var(--yellow-1) !important;
}

.border-yellow-2,
.border-yellow-2\:hover:hover {
    border-color: var(--yellow-2) !important;
}

.border-yellow-3,
.border-yellow-3\:hover:hover {
    border-color: var(--yellow-3) !important;
}

.border-yellow-4,
.border-yellow-4\:hover:hover {
    border-color: var(--yellow-4) !important;
}

.border-yellow-5,
.border-yellow-5\:hover:hover {
    border-color: var(--yellow-5) !important;
}

.border-yellow-6,
.border-yellow-6\:hover:hover {
    border-color: var(--yellow-6) !important;
}

.border-yellow-7,
.border-yellow-7\:hover:hover {
    border-color: var(--yellow-7) !important;
}

.border-yellow-8,
.border-yellow-8\:hover:hover {
    border-color: var(--yellow-8) !important;
}

.border-yellow-9,
.border-yellow-9\:hover:hover {
    border-color: var(--yellow-9) !important;
}

.border-yellow-10,
.border-yellow-10\:hover:hover {
    border-color: var(--yellow-10) !important;
}

/*
 * Lime
 */
.bg-lime-1,
.bg-lime-1\:hover:hover {
    background-color: var(--lime-1) !important;
}

.bg-lime-2,
.bg-lime-2\:hover:hover {
    background-color: var(--lime-2) !important;
}

.bg-lime-3,
.bg-lime-3\:hover:hover {
    background-color: var(--lime-3) !important;
}

.bg-lime-4,
.bg-lime-4\:hover:hover {
    background-color: var(--lime-4) !important;
}

.bg-lime-5,
.bg-lime-5\:hover:hover {
    background-color: var(--lime-5) !important;
}

.bg-lime-6,
.bg-lime-6\:hover:hover {
    background-color: var(--lime-6) !important;
}

.bg-lime-7,
.bg-lime-7\:hover:hover {
    background-color: var(--lime-7) !important;
}

.bg-lime-8,
.bg-lime-8\:hover:hover {
    background-color: var(--lime-8) !important;
}

.bg-lime-9,
.bg-lime-9\:hover:hover {
    background-color: var(--lime-9) !important;
}

.bg-lime-10,
.bg-lime-10\:hover:hover {
    background-color: var(--lime-10) !important;
}

.text-lime-1,
.text-lime-1\:hover:hover {
    color: var(--lime-1) !important;
}

.text-lime-2,
.text-lime-2\:hover:hover {
    color: var(--lime-2) !important;
}

.text-lime-3,
.text-lime-3\:hover:hover {
    color: var(--lime-3) !important;
}

.text-lime-4,
.text-lime-4\:hover:hover {
    color: var(--lime-4) !important;
}

.text-lime-5,
.text-lime-5\:hover:hover {
    color: var(--lime-5) !important;
}

.text-lime-6,
.text-lime-6\:hover:hover {
    color: var(--lime-6) !important;
}

.text-lime-7,
.text-lime-7\:hover:hover {
    color: var(--lime-7) !important;
}

.text-lime-8,
.text-lime-8\:hover:hover {
    color: var(--lime-8) !important;
}

.text-lime-9,
.text-lime-9\:hover:hover {
    color: var(--lime-9) !important;
}

.text-lime-10,
.text-lime-10\:hover:hover {
    color: var(--lime-10) !important;
}

.border-lime-1,
.border-lime-1\:hover:hover {
    border-color: var(--lime-1) !important;
}

.border-lime-2,
.border-lime-2\:hover:hover {
    border-color: var(--lime-2) !important;
}

.border-lime-3,
.border-lime-3\:hover:hover {
    border-color: var(--lime-3) !important;
}

.border-lime-4,
.border-lime-4\:hover:hover {
    border-color: var(--lime-4) !important;
}

.border-lime-5,
.border-lime-5\:hover:hover {
    border-color: var(--lime-5) !important;
}

.border-lime-6,
.border-lime-6\:hover:hover {
    border-color: var(--lime-6) !important;
}

.border-lime-7,
.border-lime-7\:hover:hover {
    border-color: var(--lime-7) !important;
}

.border-lime-8,
.border-lime-8\:hover:hover {
    border-color: var(--lime-8) !important;
}

.border-lime-9,
.border-lime-9\:hover:hover {
    border-color: var(--lime-9) !important;
}

.border-lime-10,
.border-lime-10\:hover:hover {
    border-color: var(--lime-10) !important;
}

/*
 * Green
 */
.bg-green-1,
.bg-green-1\:hover:hover {
    background-color: var(--green-1) !important;
}

.bg-green-2,
.bg-green-2\:hover:hover {
    background-color: var(--green-2) !important;
}

.bg-green-3,
.bg-green-3\:hover:hover {
    background-color: var(--green-3) !important;
}

.bg-green-4,
.bg-green-4\:hover:hover {
    background-color: var(--green-4) !important;
}

.bg-green-5,
.bg-green-5\:hover:hover {
    background-color: var(--green-5) !important;
}

.bg-green-6,
.bg-green-6\:hover:hover {
    background-color: var(--green-6) !important;
}

.bg-green-7,
.bg-green-7\:hover:hover {
    background-color: var(--green-7) !important;
}

.bg-green-8,
.bg-green-8\:hover:hover {
    background-color: var(--green-8) !important;
}

.bg-green-9,
.bg-green-9\:hover:hover {
    background-color: var(--green-9) !important;
}

.bg-green-10,
.bg-green-10\:hover:hover {
    background-color: var(--green-10) !important;
}

.text-green-1,
.text-green-1\:hover:hover {
    color: var(--green-1) !important;
}

.text-green-2,
.text-green-2\:hover:hover {
    color: var(--green-2) !important;
}

.text-green-3,
.text-green-3\:hover:hover {
    color: var(--green-3) !important;
}

.text-green-4,
.text-green-4\:hover:hover {
    color: var(--green-4) !important;
}

.text-green-5,
.text-green-5\:hover:hover {
    color: var(--green-5) !important;
}

.text-green-6,
.text-green-6\:hover:hover {
    color: var(--green-6) !important;
}

.text-green-7,
.text-green-7\:hover:hover {
    color: var(--green-7) !important;
}

.text-green-8,
.text-green-8\:hover:hover {
    color: var(--green-8) !important;
}

.text-green-9,
.text-green-9\:hover:hover {
    color: var(--green-9) !important;
}

.text-green-10,
.text-green-10\:hover:hover {
    color: var(--green-10) !important;
}

.border-green-1,
.border-green-1\:hover:hover {
    border-color: var(--green-1) !important;
}

.border-green-2,
.border-green-2\:hover:hover {
    border-color: var(--green-2) !important;
}

.border-green-3,
.border-green-3\:hover:hover {
    border-color: var(--green-3) !important;
}

.border-green-4,
.border-green-4\:hover:hover {
    border-color: var(--green-4) !important;
}

.border-green-5,
.border-green-5\:hover:hover {
    border-color: var(--green-5) !important;
}

.border-green-6,
.border-green-6\:hover:hover {
    border-color: var(--green-6) !important;
}

.border-green-7,
.border-green-7\:hover:hover {
    border-color: var(--green-7) !important;
}

.border-green-8,
.border-green-8\:hover:hover {
    border-color: var(--green-8) !important;
}

.border-green-9,
.border-green-9\:hover:hover {
    border-color: var(--green-9) !important;
}

.border-green-10,
.border-green-10\:hover:hover {
    border-color: var(--green-10) !important;
}

/*
 * Cyan
 */
.bg-cyan-1,
.bg-cyan-1\:hover:hover {
    background-color: var(--cyan-1) !important;
}

.bg-cyan-2,
.bg-cyan-2\:hover:hover {
    background-color: var(--cyan-2) !important;
}

.bg-cyan-3,
.bg-cyan-3\:hover:hover {
    background-color: var(--cyan-3) !important;
}

.bg-cyan-4,
.bg-cyan-4\:hover:hover {
    background-color: var(--cyan-4) !important;
}

.bg-cyan-5,
.bg-cyan-5\:hover:hover {
    background-color: var(--cyan-5) !important;
}

.bg-cyan-6,
.bg-cyan-6\:hover:hover {
    background-color: var(--cyan-6) !important;
}

.bg-cyan-7,
.bg-cyan-7\:hover:hover {
    background-color: var(--cyan-7) !important;
}

.bg-cyan-8,
.bg-cyan-8\:hover:hover {
    background-color: var(--cyan-8) !important;
}

.bg-cyan-9,
.bg-cyan-9\:hover:hover {
    background-color: var(--cyan-9) !important;
}

.bg-cyan-10,
.bg-cyan-10\:hover:hover {
    background-color: var(--cyan-10) !important;
}

.text-cyan-1,
.text-cyan-1\:hover:hover {
    color: var(--cyan-1) !important;
}

.text-cyan-2,
.text-cyan-2\:hover:hover {
    color: var(--cyan-2) !important;
}

.text-cyan-3,
.text-cyan-3\:hover:hover {
    color: var(--cyan-3) !important;
}

.text-cyan-4,
.text-cyan-4\:hover:hover {
    color: var(--cyan-4) !important;
}

.text-cyan-5,
.text-cyan-5\:hover:hover {
    color: var(--cyan-5) !important;
}

.text-cyan-6,
.text-cyan-6\:hover:hover {
    color: var(--cyan-6) !important;
}

.text-cyan-7,
.text-cyan-7\:hover:hover {
    color: var(--cyan-7) !important;
}

.text-cyan-8,
.text-cyan-8\:hover:hover {
    color: var(--cyan-8) !important;
}

.text-cyan-9,
.text-cyan-9\:hover:hover {
    color: var(--cyan-9) !important;
}

.text-cyan-10,
.text-cyan-10\:hover:hover {
    color: var(--cyan-10) !important;
}

.border-cyan-1,
.border-cyan-1\:hover:hover {
    border-color: var(--cyan-1) !important;
}

.border-cyan-2,
.border-cyan-2\:hover:hover {
    border-color: var(--cyan-2) !important;
}

.border-cyan-3,
.border-cyan-3\:hover:hover {
    border-color: var(--cyan-3) !important;
}

.border-cyan-4,
.border-cyan-4\:hover:hover {
    border-color: var(--cyan-4) !important;
}

.border-cyan-5,
.border-cyan-5\:hover:hover {
    border-color: var(--cyan-5) !important;
}

.border-cyan-6,
.border-cyan-6\:hover:hover {
    border-color: var(--cyan-6) !important;
}

.border-cyan-7,
.border-cyan-7\:hover:hover {
    border-color: var(--cyan-7) !important;
}

.border-cyan-8,
.border-cyan-8\:hover:hover {
    border-color: var(--cyan-8) !important;
}

.border-cyan-9,
.border-cyan-9\:hover:hover {
    border-color: var(--cyan-9) !important;
}

.border-cyan-10,
.border-cyan-10\:hover:hover {
    border-color: var(--cyan-10) !important;
}

/*
 * Blue
 */
.bg-blue-1,
.bg-blue-1\:hover:hover {
    background-color: var(--blue-1) !important;
}

.bg-blue-2,
.bg-blue-2\:hover:hover {
    background-color: var(--blue-2) !important;
}

.bg-blue-3,
.bg-blue-3\:hover:hover {
    background-color: var(--blue-3) !important;
}

.bg-blue-4,
.bg-blue-4\:hover:hover {
    background-color: var(--blue-4) !important;
}

.bg-blue-5,
.bg-blue-5\:hover:hover {
    background-color: var(--blue-5) !important;
}

.bg-blue-6,
.bg-blue-6\:hover:hover {
    background-color: var(--blue-6) !important;
}

.bg-blue-7,
.bg-blue-7\:hover:hover {
    background-color: var(--blue-7) !important;
}

.bg-blue-8,
.bg-blue-8\:hover:hover {
    background-color: var(--blue-8) !important;
}

.bg-blue-9,
.bg-blue-9\:hover:hover {
    background-color: var(--blue-9) !important;
}

.bg-blue-10,
.bg-blue-10\:hover:hover {
    background-color: var(--blue-10) !important;
}

.text-blue-1,
.text-blue-1\:hover:hover {
    color: var(--blue-1) !important;
}

.text-blue-2,
.text-blue-2\:hover:hover {
    color: var(--blue-2) !important;
}

.text-blue-3,
.text-blue-3\:hover:hover {
    color: var(--blue-3) !important;
}

.text-blue-4,
.text-blue-4\:hover:hover {
    color: var(--blue-4) !important;
}

.text-blue-5,
.text-blue-5\:hover:hover {
    color: var(--blue-5) !important;
}

.text-blue-6,
.text-blue-6\:hover:hover {
    color: var(--blue-6) !important;
}

.text-blue-7,
.text-blue-7\:hover:hover {
    color: var(--blue-7) !important;
}

.text-blue-8,
.text-blue-8\:hover:hover {
    color: var(--blue-8) !important;
}

.text-blue-9,
.text-blue-9\:hover:hover {
    color: var(--blue-9) !important;
}

.text-blue-10,
.text-blue-10\:hover:hover {
    color: var(--blue-10) !important;
}

.border-blue-1,
.border-blue-1\:hover:hover {
    border-color: var(--blue-1) !important;
}

.border-blue-2,
.border-blue-2\:hover:hover {
    border-color: var(--blue-2) !important;
}

.border-blue-3,
.border-blue-3\:hover:hover {
    border-color: var(--blue-3) !important;
}

.border-blue-4,
.border-blue-4\:hover:hover {
    border-color: var(--blue-4) !important;
}

.border-blue-5,
.border-blue-5\:hover:hover {
    border-color: var(--blue-5) !important;
}

.border-blue-6,
.border-blue-6\:hover:hover {
    border-color: var(--blue-6) !important;
}

.border-blue-7,
.border-blue-7\:hover:hover {
    border-color: var(--blue-7) !important;
}

.border-blue-8,
.border-blue-8\:hover:hover {
    border-color: var(--blue-8) !important;
}

.border-blue-9,
.border-blue-9\:hover:hover {
    border-color: var(--blue-9) !important;
}

.border-blue-10,
.border-blue-10\:hover:hover {
    border-color: var(--blue-10) !important;
}

/*
 * Geekblue
 */
.bg-geekblue-1,
.bg-geekblue-1\:hover:hover {
    background-color: var(--geekblue-1) !important;
}

.bg-geekblue-2,
.bg-geekblue-2\:hover:hover {
    background-color: var(--geekblue-2) !important;
}

.bg-geekblue-3,
.bg-geekblue-3\:hover:hover {
    background-color: var(--geekblue-3) !important;
}

.bg-geekblue-4,
.bg-geekblue-4\:hover:hover {
    background-color: var(--geekblue-4) !important;
}

.bg-geekblue-5,
.bg-geekblue-5\:hover:hover {
    background-color: var(--geekblue-5) !important;
}

.bg-geekblue-6,
.bg-geekblue-6\:hover:hover {
    background-color: var(--geekblue-6) !important;
}

.bg-geekblue-7,
.bg-geekblue-7\:hover:hover {
    background-color: var(--geekblue-7) !important;
}

.bg-geekblue-8,
.bg-geekblue-8\:hover:hover {
    background-color: var(--geekblue-8) !important;
}

.bg-geekblue-9,
.bg-geekblue-9\:hover:hover {
    background-color: var(--geekblue-9) !important;
}

.bg-geekblue-10,
.bg-geekblue-10\:hover:hover {
    background-color: var(--geekblue-10) !important;
}

.text-geekblue-1,
.text-geekblue-1\:hover:hover {
    color: var(--geekblue-1) !important;
}

.text-geekblue-2,
.text-geekblue-2\:hover:hover {
    color: var(--geekblue-2) !important;
}

.text-geekblue-3,
.text-geekblue-3\:hover:hover {
    color: var(--geekblue-3) !important;
}

.text-geekblue-4,
.text-geekblue-4\:hover:hover {
    color: var(--geekblue-4) !important;
}

.text-geekblue-5,
.text-geekblue-5\:hover:hover {
    color: var(--geekblue-5) !important;
}

.text-geekblue-6,
.text-geekblue-6\:hover:hover {
    color: var(--geekblue-6) !important;
}

.text-geekblue-7,
.text-geekblue-7\:hover:hover {
    color: var(--geekblue-7) !important;
}

.text-geekblue-8,
.text-geekblue-8\:hover:hover {
    color: var(--geekblue-8) !important;
}

.text-geekblue-9,
.text-geekblue-9\:hover:hover {
    color: var(--geekblue-9) !important;
}

.text-geekblue-10,
.text-geekblue-10\:hover:hover {
    color: var(--geekblue-10) !important;
}

.border-geekblue-1,
.border-geekblue-1\:hover:hover {
    border-color: var(--geekblue-1) !important;
}

.border-geekblue-2,
.border-geekblue-2\:hover:hover {
    border-color: var(--geekblue-2) !important;
}

.border-geekblue-3,
.border-geekblue-3\:hover:hover {
    border-color: var(--geekblue-3) !important;
}

.border-geekblue-4,
.border-geekblue-4\:hover:hover {
    border-color: var(--geekblue-4) !important;
}

.border-geekblue-5,
.border-geekblue-5\:hover:hover {
    border-color: var(--geekblue-5) !important;
}

.border-geekblue-6,
.border-geekblue-6\:hover:hover {
    border-color: var(--geekblue-6) !important;
}

.border-geekblue-7,
.border-geekblue-7\:hover:hover {
    border-color: var(--geekblue-7) !important;
}

.border-geekblue-8,
.border-geekblue-8\:hover:hover {
    border-color: var(--geekblue-8) !important;
}

.border-geekblue-9,
.border-geekblue-9\:hover:hover {
    border-color: var(--geekblue-9) !important;
}

.border-geekblue-10,
.border-geekblue-10\:hover:hover {
    border-color: var(--geekblue-10) !important;
}

/*
 * Purple
 */
.bg-purple-1,
.bg-purple-1\:hover:hover {
    background-color: var(--purple-1) !important;
}

.bg-purple-2,
.bg-purple-2\:hover:hover {
    background-color: var(--purple-2) !important;
}

.bg-purple-3,
.bg-purple-3\:hover:hover {
    background-color: var(--purple-3) !important;
}

.bg-purple-4,
.bg-purple-4\:hover:hover {
    background-color: var(--purple-4) !important;
}

.bg-purple-5,
.bg-purple-5\:hover:hover {
    background-color: var(--purple-5) !important;
}

.bg-purple-6,
.bg-purple-6\:hover:hover {
    background-color: var(--purple-6) !important;
}

.bg-purple-7,
.bg-purple-7\:hover:hover {
    background-color: var(--purple-7) !important;
}

.bg-purple-8,
.bg-purple-8\:hover:hover {
    background-color: var(--purple-8) !important;
}

.bg-purple-9,
.bg-purple-9\:hover:hover {
    background-color: var(--purple-9) !important;
}

.bg-purple-10,
.bg-purple-10\:hover:hover {
    background-color: var(--purple-10) !important;
}

.text-purple-1,
.text-purple-1\:hover:hover {
    color: var(--purple-1) !important;
}

.text-purple-2,
.text-purple-2\:hover:hover {
    color: var(--purple-2) !important;
}

.text-purple-3,
.text-purple-3\:hover:hover {
    color: var(--purple-3) !important;
}

.text-purple-4,
.text-purple-4\:hover:hover {
    color: var(--purple-4) !important;
}

.text-purple-5,
.text-purple-5\:hover:hover {
    color: var(--purple-5) !important;
}

.text-purple-6,
.text-purple-6\:hover:hover {
    color: var(--purple-6) !important;
}

.text-purple-7,
.text-purple-7\:hover:hover {
    color: var(--purple-7) !important;
}

.text-purple-8,
.text-purple-8\:hover:hover {
    color: var(--purple-8) !important;
}

.text-purple-9,
.text-purple-9\:hover:hover {
    color: var(--purple-9) !important;
}

.text-purple-10,
.text-purple-10\:hover:hover {
    color: var(--purple-10) !important;
}

.border-purple-1,
.border-purple-1\:hover:hover {
    border-color: var(--purple-1) !important;
}

.border-purple-2,
.border-purple-2\:hover:hover {
    border-color: var(--purple-2) !important;
}

.border-purple-3,
.border-purple-3\:hover:hover {
    border-color: var(--purple-3) !important;
}

.border-purple-4,
.border-purple-4\:hover:hover {
    border-color: var(--purple-4) !important;
}

.border-purple-5,
.border-purple-5\:hover:hover {
    border-color: var(--purple-5) !important;
}

.border-purple-6,
.border-purple-6\:hover:hover {
    border-color: var(--purple-6) !important;
}

.border-purple-7,
.border-purple-7\:hover:hover {
    border-color: var(--purple-7) !important;
}

.border-purple-8,
.border-purple-8\:hover:hover {
    border-color: var(--purple-8) !important;
}

.border-purple-9,
.border-purple-9\:hover:hover {
    border-color: var(--purple-9) !important;
}

.border-purple-10,
.border-purple-10\:hover:hover {
    border-color: var(--purple-10) !important;
}

/*
 * Magenta
 */
.bg-magenta-1,
.bg-magenta-1\:hover:hover {
    background-color: var(--magenta-1) !important;
}

.bg-magenta-2,
.bg-magenta-2\:hover:hover {
    background-color: var(--magenta-2) !important;
}

.bg-magenta-3,
.bg-magenta-3\:hover:hover {
    background-color: var(--magenta-3) !important;
}

.bg-magenta-4,
.bg-magenta-4\:hover:hover {
    background-color: var(--magenta-4) !important;
}

.bg-magenta-5,
.bg-magenta-5\:hover:hover {
    background-color: var(--magenta-5) !important;
}

.bg-magenta-6,
.bg-magenta-6\:hover:hover {
    background-color: var(--magenta-6) !important;
}

.bg-magenta-7,
.bg-magenta-7\:hover:hover {
    background-color: var(--magenta-7) !important;
}

.bg-magenta-8,
.bg-magenta-8\:hover:hover {
    background-color: var(--magenta-8) !important;
}

.bg-magenta-9,
.bg-magenta-9\:hover:hover {
    background-color: var(--magenta-9) !important;
}

.bg-magenta-10,
.bg-magenta-10\:hover:hover {
    background-color: var(--magenta-10) !important;
}

.text-magenta-1,
.text-magenta-1\:hover:hover {
    color: var(--magenta-1) !important;
}

.text-magenta-2,
.text-magenta-2\:hover:hover {
    color: var(--magenta-2) !important;
}

.text-magenta-3,
.text-magenta-3\:hover:hover {
    color: var(--magenta-3) !important;
}

.text-magenta-4,
.text-magenta-4\:hover:hover {
    color: var(--magenta-4) !important;
}

.text-magenta-5,
.text-magenta-5\:hover:hover {
    color: var(--magenta-5) !important;
}

.text-magenta-6,
.text-magenta-6\:hover:hover {
    color: var(--magenta-6) !important;
}

.text-magenta-7,
.text-magenta-7\:hover:hover {
    color: var(--magenta-7) !important;
}

.text-magenta-8,
.text-magenta-8\:hover:hover {
    color: var(--magenta-8) !important;
}

.text-magenta-9,
.text-magenta-9\:hover:hover {
    color: var(--magenta-9) !important;
}

.text-magenta-10,
.text-magenta-10\:hover:hover {
    color: var(--magenta-10) !important;
}

.border-magenta-1,
.border-magenta-1\:hover:hover {
    border-color: var(--magenta-1) !important;
}

.border-magenta-2,
.border-magenta-2\:hover:hover {
    border-color: var(--magenta-2) !important;
}

.border-magenta-3,
.border-magenta-3\:hover:hover {
    border-color: var(--magenta-3) !important;
}

.border-magenta-4,
.border-magenta-4\:hover:hover {
    border-color: var(--magenta-4) !important;
}

.border-magenta-5,
.border-magenta-5\:hover:hover {
    border-color: var(--magenta-5) !important;
}

.border-magenta-6,
.border-magenta-6\:hover:hover {
    border-color: var(--magenta-6) !important;
}

.border-magenta-7,
.border-magenta-7\:hover:hover {
    border-color: var(--magenta-7) !important;
}

.border-magenta-8,
.border-magenta-8\:hover:hover {
    border-color: var(--magenta-8) !important;
}

.border-magenta-9,
.border-magenta-9\:hover:hover {
    border-color: var(--magenta-9) !important;
}

.border-magenta-10,
.border-magenta-10\:hover:hover {
    border-color: var(--magenta-10) !important;
}

/*
 * Informational colors
 */
.bg-info-light,
.bg-info-light\:hover:hover {
    background-color: var(--info-light) !important;
}

.bg-info,
.bg-info\:hover:hover {
    background-color: var(--info) !important;
}

.bg-info-dark,
.bg-info-dark\:hover:hover {
    background-color: var(--info-dark) !important;
}

.bg-success,
.bg-success\:hover:hover {
    background-color: var(--success) !important;
}

.bg-warning,
.bg-warning\:hover:hover {
    background-color: var(--warning) !important;
}

.bg-error,
.bg-error\:hover:hover {
    background-color: var(--error) !important;
}

.text-info,
.text-info\:hover:hover {
    color: var(--info) !important;
}

.text-success,
.text-success\:hover:hover {
    color: var(--success) !important;
}

.text-warning,
.text-warning\:hover:hover {
    color: var(--warning) !important;
}

.text-error,
.text-error\:hover:hover {
    color: var(--error) !important;
}

.border-info,
.border-info\:hover:hover {
    border-color: var(--info) !important;
}

.border-success,
.border-success\:hover:hover {
    border-color: var(--success) !important;
}

.border-warning,
.border-warning\:hover:hover {
    border-color: var(--warning) !important;
}

.border-error,
.border-error\:hover:hover {
    border-color: var(--error) !important;
}