Below is a list of all of the token variables that exist within the /css/common/ibkr-foundation.scss stylesheet and their respective values.
/* PRIMARY */
--primary-3: hsla(0, 0%, 20%, 0.03);
--primary-3: hsla(0, 0%, 20%, 0.03);
--primary-5: hsla(0, 0%, 20%, 0.05);
--primary-10: hsla(0, 0%, 20%, 0.10);
--primary-20: hsla(0, 0%, 20%, 0.20);
--primary-30: hsla(0, 0%, 20%, 0.30);
--primary-40: hsla(0, 0%, 20%, 0.40);
--primary-50: hsla(0, 0%, 20%, 0.50);
--primary-60: hsla(0, 0%, 20%, 0.60);
--primary-70: hsla(0, 0%, 20%, 0.70);
--primary-80: hsla(0, 0%, 20%, 0.80);
--primary-90: hsla(0, 0%, 20%, 0.90);
--primary: hsla(0, 0%, 20%, 1.0);
--primary-dark-10: hsla(0, 0%, 15%, 1.0);
--primary-dark-20: hsla(0, 0%, 10%, 1.0);
--primary-dark-30: hsla(0, 0%, 5%, 1.0);
--primary-dark-40: hsla(0, 0%, 0%, 1.0);
--primary-dark-50: hsla(0, 0%, 0%, 1.0);
/* SECONDARY */
--secondary-3: hsla(0, 0%, 40%, 0.03);
--secondary-5: hsla(0, 0%, 40%, 0.05);
--secondary-10: hsla(0, 0%, 40%, 0.10);
--secondary-20: hsla(0, 0%, 40%, 0.20);
--secondary-30: hsla(0, 0%, 40%, 0.30);
--secondary-40: hsla(0, 0%, 40%, 0.40);
--secondary-50: hsla(0, 0%, 40%, 0.50);
--secondary-60: hsla(0, 0%, 40%, 0.60);
--secondary-70: hsla(0, 0%, 40%, 0.70);
--secondary-80: hsla(0, 0%, 40%, 0.80);
--secondary-90: hsla(0, 0%, 40%, 0.90);
--secondary: hsla(0, 0%, 40%, 1.0);
--secondary-dark-10: hsla(0, 0%, 35%, 1.0);
--secondary-dark-20: hsla(0, 0%, 30%, 1.0);
--secondary-dark-30: hsla(0, 0%, 25%, 1.0);
--secondary-dark-40: hsla(0, 0%, 20%, 1.0);
--secondary-dark-50: hsla(0, 0%, 15%, 1.0);
/* TERTIARY */
--tertiary-3: hsla(0, 0%, 60%, 0.03);
--tertiary-5: hsla(0, 0%, 60%, 0.05);
--tertiary-10: hsla(0, 0%, 60%, 0.10);
--tertiary-20: hsla(0, 0%, 60%, 0.20);
--tertiary-30: hsla(0, 0%, 60%, 0.30);
--tertiary-40: hsla(0, 0%, 60%, 0.40);
--tertiary-50: hsla(0, 0%, 60%, 0.50);
--tertiary-60: hsla(0, 0%, 60%, 0.60);
--tertiary-70: hsla(0, 0%, 60%, 0.70);
--tertiary-80: hsla(0, 0%, 60%, 0.80);
--tertiary-90: hsla(0, 0%, 60%, 0.90);
--tertiary: hsla(0, 0%, 60%, 1.0);
--tertiary-dark-10: hsla(0, 0%, 55%, 1.0);
--tertiary-dark-20: hsla(0, 0%, 50%, 1.0);
--tertiary-dark-30: hsla(0, 0%, 45%, 1.0);
--tertiary-dark-40: hsla(0, 0%, 40%, 1.0);
--tertiary-dark-50: hsla(0, 0%, 35%, 1.0);
/* INFO */
--info-3: hsla(216, 83%, 41%, 0.03);
--info-5: hsla(216, 83%, 41%, 0.05);
--info-10: hsla(216, 83%, 41%, 0.10);
--info-20: hsla(216, 83%, 41%, 0.20);
--info-30: hsla(216, 83%, 41%, 0.30);
--info-40: hsla(216, 83%, 41%, 0.40);
--info-50: hsla(216, 83%, 41%, 0.50);
--info-60: hsla(216, 83%, 41%, 0.60);
--info-70: hsla(216, 83%, 41%, 0.70);
--info-80: hsla(216, 83%, 41%, 0.80);
--info-90: hsla(216, 83%, 41%, 0.90);
--info: hsla(216, 83%, 41%, 1.0);
--info-dark-10: hsla(215, 89%, 32%, 1.0);
--info-dark-20: hsla(214, 75%, 25%, 1.0);
--info-dark-30: hsla(214, 69%, 22%, 1.0);
--info-dark-40: hsla(214, 63%, 19%, 1.0);
--info-dark-50: hsla(216, 51%, 16%, 1.0);
/* SUCCESS */
--success-3: hsla(148, 96%, 27%, 0.03);
--success-5: hsla(148, 96%, 27%, 0.05);
--success-10: hsla(148, 96%, 27%, 0.10);
--success-20: hsla(148, 96%, 27%, 0.20);
--success-30: hsla(148, 96%, 27%, 0.30);
--success-40: hsla(148, 96%, 27%, 0.40);
--success-50: hsla(148, 96%, 27%, 0.50);
--success-60: hsla(148, 96%, 27%, 0.60);
--success-70: hsla(148, 96%, 27%, 0.70);
--success-80: hsla(148, 96%, 27%, 0.80);
--success-90: hsla(148, 96%, 27%, 0.90);
--success: hsla(148, 96%, 27%, 1.0);
--success-dark-10: hsla(143, 93%, 22%, 1.0);
--success-dark-20: hsla(145, 82%, 18%, 1.0);
--success-dark-30: hsla(145, 86%, 14%, 1.0);
--success-dark-40: hsla(145, 85%, 10%, 1.0);
--success-dark-50: hsla(144, 90%, 8%, 1.0);
/* WARNING */
--warning-3: hsla(42, 100%, 50%, 0.03);
--warning-5: hsla(42, 100%, 50%, 0.05);
--warning-10: hsla(42, 100%, 50%, 0.10);
--warning-20: hsla(42, 100%, 50%, 0.20);
--warning-30: hsla(42, 100%, 50%, 0.30);
--warning-40: hsla(42, 100%, 50%, 0.40);
--warning-50: hsla(42, 100%, 50%, 0.50);
--warning-60: hsla(42, 100%, 50%, 0.60);
--warning-70: hsla(42, 100%, 50%, 0.70);
--warning-80: hsla(42, 100%, 50%, 0.80);
--warning-90: hsla(42, 100%, 50%, 0.90);
--warning: hsla(42, 100%, 50%, 1.0);
--warning-dark-10: hsla(37, 96%, 43%, 1.0);
--warning-dark-20: hsla(33, 69%, 38%, 1.0);
--warning-dark-30: hsla(33, 71%, 30%, 1.0);
--warning-dark-40: hsla(33, 73%, 22%, 1.0);
--warning-dark-50: hsla(34, 79%, 17%, 1.0);
/* DANGER */
--danger-3: hsla(355, 85%, 46%, 0.03);
--danger-5: hsla(355, 85%, 46%, 0.05);
--danger-10: hsla(355, 85%, 46%, 0.10);
--danger-20: hsla(355, 85%, 46%, 0.20);
--danger-30: hsla(355, 85%, 46%, 0.30);
--danger-40: hsla(355, 85%, 46%, 0.40);
--danger-50: hsla(355, 85%, 46%, 0.50);
--danger-60: hsla(355, 85%, 46%, 0.60);
--danger-70: hsla(355, 85%, 46%, 0.70);
--danger-80: hsla(355, 85%, 46%, 0.80);
--danger-90: hsla(355, 85%, 46%, 0.90);
--danger: hsla(355, 85%, 46%, 1.0);
--danger-dark-10: hsla(355, 93%, 37%, 1.0);
--danger-dark-20: hsla(357, 81%, 29%, 1.0);
--danger-dark-30: hsla(356, 83%, 23%, 1.0);
--danger-dark-40: hsla(356, 86%, 17%, 1.0);
--danger-dark-50: hsla(356, 88%, 13%, 1.0);
/* DEFAULT */
--default-3: hsla(0, 0%, 99%, 0.03);
--default-5: hsla(0, 0%, 99%, 0.05);
--default-10: hsla(0, 0%, 99%, 0.10);
--default-20: hsla(0, 0%, 99%, 0.10);
--default-30: hsla(0, 0%, 99%, 0.10);
--default-40: hsla(0, 0%, 99%, 0.10);
--default-50: hsla(0, 0%, 99%, 0.10);
--default-60: hsla(0, 0%, 99%, 0.10);
--default-70: hsla(0, 0%, 99%, 0.10);
--default-80: hsla(0, 0%, 99%, 0.10);
--default-90: hsla(0, 0%, 99%, 0.10);
--default: hsla(0, 0%, 99%, 1.0);
--default-dark-10: hsla(0, 0%, 97%, 0.1);
--default-dark-20: hsla(0, 0%, 95%, 1.0);
--default-dark-30: hsla(0, 0%, 93%, 1.0);
--default-dark-40: hsla(0, 0%, 91%, 1.0);
--default-dark-50: hsla(0, 0%, 89%, 1.0);
/* NEUTRAL */
--neutral-0: hsla(0, 0%, 100%, 1.0);
--neutral-3: hsla(0, 0%, 97%, 1.0);
--neutral-5: hsla(0, 0%, 95%, 1.0);
--neutral-10: hsla(180, 3%, 93%, 1.0);
--neutral-20: hsla(240, 1%, 86%, 1.0);
--neutral-30: hsla(220, 1%, 76%, 1.0);
--neutral-40: hsla(210, 2%, 64%, 1.0);
--neutral-50: hsla(210, 2%, 58%, 1.0);
--neutral-60: hsla(216, 2%, 46%, 1.0);
--neutral-70: hsla(215, 3%, 36%, 1.0);
--neutral-80: hsla(214, 5%, 28%, 1.0);
--neutral-90: hsla(218, 11%, 16%, 1.0);
--neutral: hsla(220, 17%, 10%, 1.0);
/* DARK */
--dark-3: hsla(0, 0%, 0%, 0.03);
--dark-5: hsla(0, 0%, 0%, 0.05);
--dark-10: hsla(0, 0%, 0%, 0.10);
--dark-20: hsla(0, 0%, 0%, 0.20);
--dark-30: hsla(0, 0%, 0%, 0.30);
--dark-40: hsla(0, 0%, 0%, 0.40);
--dark-50: hsla(0, 0%, 0%, 0.50);
--dark-60: hsla(0, 0%, 0%, 0.60);
--dark-70: hsla(0, 0%, 0%, 0.70);
--dark-80: hsla(0, 0%, 0%, 0.80);
--dark-90: hsla(0, 0%, 0%, 0.90);
--dark: hsla(0, 0%, 0%, 1.0);
/* LIGHT */
--light-3: hsla(0, 0%, 100%, 0.03);
--light-5: hsla(0, 0%, 100%, 0.05);
--light-10: hsla(0, 0%, 100%, 0.10);
--light-20: hsla(0, 0%, 100%, 0.20);
--light-30: hsla(0, 0%, 100%, 0.30);
--light-40: hsla(0, 0%, 100%, 0.40);
--light-50: hsla(0, 0%, 100%, 0.50);
--light-60: hsla(0, 0%, 100%, 0.60);
--light-70: hsla(0, 0%, 100%, 0.70);
--light-80: hsla(0, 0%, 100%, 0.80);
--light-90: hsla(0, 0%, 100%, 0.90);
--light: hsla(0, 0%, 100%, 1.0);
/* PINK */
--pink-3: hsla(0, 100%, 81%, 0.03);
--pink-5: hsla(0, 100%, 81%, 0.05);
--pink-10: hsla(0, 100%, 81%, 0.10);
--pink-20: hsla(0, 100%, 81%, 0.20);
--pink-30: hsla(0, 100%, 81%, 0.30);
--pink-40: hsla(0, 100%, 81%, 0.40);
--pink-50: hsla(0, 100%, 81%, 0.50);
--pink-60: hsla(0, 100%, 81%, 0.60);
--pink-70: hsla(0, 100%, 81%, 0.70);
--pink-80: hsla(0, 100%, 81%, 0.80);
--pink-90: hsla(0, 100%, 81%, 0.90);
--pink: hsla(0, 100%, 81%, 1.0);
--pink-dark-10: hsla(0, 68%, 69%, 1.0);
--pink-dark-20: hsla(0, 68%, 64%, 1.0);
--pink-dark-30: hsla(0, 68%, 59%, 1.0);
--pink-dark-40: hsla(0, 68%, 54%, 1.0);
--pink-dark-50: hsla(0, 68%, 49%, 1.0);
/* RED */
--red-3: hsla(358, 84%, 63%, 0.03);
--red-5: hsla(358, 84%, 63%, 0.05);
--red-10: hsla(358, 84%, 63%, 0.10);
--red-20: hsla(358, 84%, 63%, 0.20);
--red-30: hsla(358, 84%, 63%, 0.30);
--red-40: hsla(358, 84%, 63%, 0.40);
--red-50: hsla(358, 84%, 63%, 0.50);
--red-60: hsla(358, 84%, 63%, 0.60);
--red-70: hsla(358, 84%, 63%, 0.70);
--red-80: hsla(358, 84%, 63%, 0.80);
--red-90: hsla(358, 84%, 63%, 0.90);
--red: hsla(358, 84%, 63%, 1.0);
--red-dark-10: hsla(358, 61%, 50%, 1.0);
--red-dark-20: hsla(358, 61%, 45%, 1.0);
--red-dark-30: hsla(358, 61%, 40%, 1.0);
--red-dark-40: hsla(358, 61%, 35%, 1.0);
--red-dark-50: hsla(358, 61%, 30%, 1.0);
/* ORANGE */
--orange-3: hsla(14, 84%, 63%, 0.03);
--orange-5: hsla(14, 84%, 63%, 0.05);
--orange-10: hsla(14, 84%, 63%, 0.10);
--orange-20: hsla(14, 84%, 63%, 0.20);
--orange-30: hsla(14, 84%, 63%, 0.30);
--orange-40: hsla(14, 84%, 63%, 0.40);
--orange-50: hsla(14, 84%, 63%, 0.50);
--orange-60: hsla(14, 84%, 63%, 0.60);
--orange-70: hsla(14, 84%, 63%, 0.70);
--orange-80: hsla(14, 84%, 63%, 0.80);
--orange-90: hsla(14, 84%, 63%, 0.90);
--orange: hsla(14, 84%, 63%, 1.0);
--orange-dark-10: hsla(14, 67%, 52%, 1.0);
--orange-dark-20: hsla(14, 67%, 47%, 1.0);
--orange-dark-30: hsla(14, 67%, 42%, 1.0);
--orange-dark-40: hsla(14, 67%, 37%, 1.0);
--orange-dark-50: hsla(14, 67%, 32%, 1.0);
/* YELLOW */
--yellow-3: hsla(47, 100%, 72%, 0.03);
--yellow-5: hsla(47, 100%, 72%, 0.05);
--yellow-10: hsla(47, 100%, 72%, 0.10);
--yellow-20: hsla(47, 100%, 72%, 0.20);
--yellow-30: hsla(47, 100%, 72%, 0.30);
--yellow-40: hsla(47, 100%, 72%, 0.40);
--yellow-50: hsla(47, 100%, 72%, 0.50);
--yellow-60: hsla(47, 100%, 72%, 0.60);
--yellow-70: hsla(47, 100%, 72%, 0.70);
--yellow-80: hsla(47, 100%, 72%, 0.80);
--yellow-90: hsla(47, 100%, 72%, 0.90);
--yellow: hsla(47, 100%, 72%, 1.0);
--yellow-dark-10: hsla(47, 75%, 60%, 1.0);
--yellow-dark-20: hsla(47, 75%, 55%, 1.0);
--yellow-dark-30: hsla(47, 75%, 50%, 1.0);
--yellow-dark-40: hsla(47, 75%, 45%, 1.0);
--yellow-dark-50: hsla(47, 75%, 40%, 1.0);
/* LIME */
--lime-3: hsla(69, 100%, 41%, 0.03);
--lime-5: hsla(69, 100%, 41%, 0.05);
--lime-10: hsla(69, 100%, 41%, 0.10);
--lime-20: hsla(69, 100%, 41%, 0.20);
--lime-30: hsla(69, 100%, 41%, 0.30);
--lime-40: hsla(69, 100%, 41%, 0.40);
--lime-50: hsla(69, 100%, 41%, 0.50);
--lime-60: hsla(69, 100%, 41%, 0.60);
--lime-70: hsla(69, 100%, 41%, 0.70);
--lime-80: hsla(69, 100%, 41%, 0.80);
--lime-90: hsla(69, 100%, 41%, 0.90);
--lime: hsla(69, 100%, 41%, 1.0);
--lime-dark-10: hsla(74, 100%, 36%, 1.0);
--lime-dark-20: hsla(74, 100%, 31%, 1.0);
--lime-dark-30: hsla(74, 100%, 26%, 1.0);
--lime-dark-40: hsla(74, 100%, 21%, 1.0);
--lime-dark-50: hsla(74, 100%, 16%, 1.0);
/* MINT */
--mint-3: hsla(117, 53%, 66%, 0.03);
--mint-5: hsla(117, 53%, 66%, 0.05);
--mint-10: hsla(117, 53%, 66%, 0.10);
--mint-20: hsla(117, 53%, 66%, 0.20);
--mint-30: hsla(117, 53%, 66%, 0.30);
--mint-40: hsla(117, 53%, 66%, 0.40);
--mint-50: hsla(117, 53%, 66%, 0.50);
--mint-60: hsla(117, 53%, 66%, 0.60);
--mint-70: hsla(117, 53%, 66%, 0.70);
--mint-80: hsla(117, 53%, 66%, 0.80);
--mint-90: hsla(117, 53%, 66%, 0.90);
--mint: hsla(117, 53%, 66%, 1.0);
--mint-dark-10: hsla(117, 43%, 55%, 1.0);
--mint-dark-20: hsla(117, 43%, 50%, 1.0);
--mint-dark-30: hsla(117, 43%, 45%, 1.0);
--mint-dark-40: hsla(117, 43%, 40%, 1.0);
--mint-dark-50: hsla(117, 43%, 35%, 1.0);
/* GREEN */
--green-3: hsla(157, 97%, 31%, 0.03);
--green-5: hsla(157, 97%, 31%, 0.05);
--green-10: hsla(157, 97%, 31%, 0.10);
--green-20: hsla(157, 97%, 31%, 0.20);
--green-30: hsla(157, 97%, 31%, 0.30);
--green-40: hsla(157, 97%, 31%, 0.40);
--green-50: hsla(157, 97%, 31%, 0.50);
--green-60: hsla(157, 97%, 31%, 0.60);
--green-70: hsla(157, 97%, 31%, 0.70);
--green-80: hsla(157, 97%, 31%, 0.80);
--green-90: hsla(157, 97%, 31%, 0.90);
--green: hsla(157, 97%, 31%, 1.0);
--green-dark-10: hsla(148, 100%, 25%, 1.0);
--green-dark-20: hsla(148, 100%, 20%, 1.0);
--green-dark-30: hsla(148, 100%, 15%, 1.0);
--green-dark-40: hsla(148, 100%, 10%, 1.0);
--green-dark-50: hsla(148, 100%, 5%, 1.0);
/* SAGE */
--sage-3: hsla(133, 22%, 54%, 0.03);
--sage-5: hsla(133, 22%, 54%, 0.05);
--sage-10: hsla(133, 22%, 54%, 0.10);
--sage-20: hsla(133, 22%, 54%, 0.20);
--sage-30: hsla(133, 22%, 54%, 0.30);
--sage-40: hsla(133, 22%, 54%, 0.40);
--sage-50: hsla(133, 22%, 54%, 0.50);
--sage-60: hsla(133, 22%, 54%, 0.60);
--sage-70: hsla(133, 22%, 54%, 0.70);
--sage-80: hsla(133, 22%, 54%, 0.80);
--sage-90: hsla(133, 22%, 54%, 0.90);
--sage: hsla(133, 22%, 54%, 1.0);
--sage-dark-10: hsla(132, 27%, 43%, 1.0);
--sage-dark-20: hsla(132, 27%, 38%, 1.0);
--sage-dark-30: hsla(132, 27%, 33%, 1.0);
--sage-dark-40: hsla(132, 27%, 28%, 1.0);
--sage-dark-50: hsla(132, 27%, 23%, 1.0);
/* TEAL */
--teal-3: hsla(172, 82%, 31%, 0.03);
--teal-5: hsla(172, 82%, 31%, 0.05);
--teal-10: hsla(172, 82%, 31%, 0.10);
--teal-20: hsla(172, 82%, 31%, 0.20);
--teal-30: hsla(172, 82%, 31%, 0.30);
--teal-40: hsla(172, 82%, 31%, 0.40);
--teal-50: hsla(172, 82%, 31%, 0.50);
--teal-60: hsla(172, 82%, 31%, 0.60);
--teal-70: hsla(172, 82%, 31%, 0.70);
--teal-80: hsla(172, 82%, 31%, 0.80);
--teal-90: hsla(172, 82%, 31%, 0.90);
--teal: hsla(172, 82%, 31%, 1.0);
--teal-dark-10: hsla(172, 82%, 26%, 1.0);
--teal-dark-20: hsla(172, 82%, 21%, 1.0);
--teal-dark-30: hsla(172, 82%, 16%, 1.0);
--teal-dark-40: hsla(172, 82%, 11%, 1.0);
--teal-dark-50: hsla(172, 82%, 6%, 1.0);
/* CYAN */
--cyan-3: hsla(188, 78%, 41%, 0.03);
--cyan-5: hsla(188, 78%, 41%, 0.05);
--cyan-10: hsla(188, 78%, 41%, 0.10);
--cyan-20: hsla(188, 78%, 41%, 0.20);
--cyan-30: hsla(188, 78%, 41%, 0.30);
--cyan-40: hsla(188, 78%, 41%, 0.40);
--cyan-50: hsla(188, 78%, 41%, 0.50);
--cyan-60: hsla(188, 78%, 41%, 0.60);
--cyan-70: hsla(188, 78%, 41%, 0.70);
--cyan-80: hsla(188, 78%, 41%, 0.80);
--cyan-90: hsla(188, 78%, 41%, 0.90);
--cyan: hsla(188, 78%, 41%, 1.0);
--cyan-dark-10: hsla(188, 78%, 36%, 1.0);
--cyan-dark-20: hsla(188, 78%, 31%, 1.0);
--cyan-dark-30: hsla(188, 78%, 26%, 1.0);
--cyan-dark-40: hsla(188, 78%, 21%, 1.0);
--cyan-dark-50: hsla(188, 78%, 16%, 1.0);
/* BLUE */
--blue-3: hsla(203, 94%, 40%, 0.03);
--blue-5: hsla(203, 94%, 40%, 0.05);
--blue-10: hsla(203, 94%, 40%, 0.10);
--blue-20: hsla(203, 94%, 40%, 0.20);
--blue-30: hsla(203, 94%, 40%, 0.30);
--blue-40: hsla(203, 94%, 40%, 0.40);
--blue-50: hsla(203, 94%, 40%, 0.50);
--blue-60: hsla(203, 94%, 40%, 0.60);
--blue-70: hsla(203, 94%, 40%, 0.70);
--blue-80: hsla(203, 94%, 40%, 0.80);
--blue-90: hsla(203, 94%, 40%, 0.90);
--blue: hsla(203, 94%, 40%, 1.0);
--blue-dark-10: hsla(203, 100%, 28%, 1.0);
--blue-dark-20: hsla(203, 100%, 23%, 1.0);
--blue-dark-30: hsla(203, 100%, 18%, 1.0);
--blue-dark-40: hsla(203, 100%, 13%, 1.0);
--blue-dark-50: hsla(203, 100%, 8%, 1.0);
/* NAVY */
--navy-3: hsla(202, 76%, 19%, 0.03);
--navy-5: hsla(202, 76%, 19%, 0.05);
--navy-10: hsla(202, 76%, 19%, 0.10);
--navy-20: hsla(202, 76%, 19%, 0.20);
--navy-30: hsla(202, 76%, 19%, 0.30);
--navy-40: hsla(202, 76%, 19%, 0.40);
--navy-50: hsla(202, 76%, 19%, 0.50);
--navy-60: hsla(202, 76%, 19%, 0.60);
--navy-70: hsla(202, 76%, 19%, 0.70);
--navy-80: hsla(202, 76%, 19%, 0.80);
--navy-90: hsla(202, 76%, 19%, 0.90);
--navy: hsla(202, 76%, 19%, 1.0);
--navy-dark-10: hsla(202, 76%, 14%, 1.0);
--navy-dark-20: hsla(202, 76%, 9%, 1.0);
--navy-dark-30: hsla(202, 76%, 4%, 1.0);
--navy-dark-40: hsla(202, 76%, 0%, 1.0);
--navy-dark-50: hsla(202, 76%, 0%, 1.0);
/* SLATE */
--slate-3: hsla(213, 29%, 56%, 0.03);
--slate-5: hsla(213, 29%, 56%, 0.05);
--slate-10: hsla(213, 29%, 56%, 0.10);
--slate-20: hsla(213, 29%, 56%, 0.20);
--slate-30: hsla(213, 29%, 56%, 0.30);
--slate-40: hsla(213, 29%, 56%, 0.40);
--slate-50: hsla(213, 29%, 56%, 0.50);
--slate-60: hsla(213, 29%, 56%, 0.60);
--slate-70: hsla(213, 29%, 56%, 0.70);
--slate-80: hsla(213, 29%, 56%, 0.80);
--slate-90: hsla(213, 29%, 56%, 0.90);
--slate: hsla(213, 29%, 56%, 1.0);
--slate-dark-10: hsla(213, 32%, 45%, 1.0);
--slate-dark-20: hsla(213, 32%, 40%, 1.0);
--slate-dark-30: hsla(213, 32%, 35%, 1.0);
--slate-dark-40: hsla(213, 32%, 30%, 1.0);
--slate-dark-50: hsla(213, 32%, 25%, 1.0);
/* INDIGO */
--indigo-3: hsla(256, 61%, 44%, 0.03);
--indigo-5: hsla(256, 61%, 44%, 0.05);
--indigo-10: hsla(256, 61%, 44%, 0.10);
--indigo-20: hsla(256, 61%, 44%, 0.20);
--indigo-30: hsla(256, 61%, 44%, 0.30);
--indigo-40: hsla(256, 61%, 44%, 0.40);
--indigo-50: hsla(256, 61%, 44%, 0.50);
--indigo-60: hsla(256, 61%, 44%, 0.60);
--indigo-70: hsla(256, 61%, 44%, 0.70);
--indigo-80: hsla(256, 61%, 44%, 0.80);
--indigo-90: hsla(256, 61%, 44%, 0.90);
--indigo: hsla(256, 61%, 44%, 1.0);
--indigo-dark-10: hsla(256, 75%, 35%, 1.0);
--indigo-dark-20: hsla(256, 75%, 30%, 1.0);
--indigo-dark-30: hsla(256, 75%, 25%, 1.0);
--indigo-dark-40: hsla(256, 75%, 20%, 1.0);
--indigo-dark-50: hsla(256, 75%, 15%, 1.0);
/* PURPLE */
--purple-3: hsla(286, 55%, 53%, 0.03);
--purple-5: hsla(286, 55%, 53%, 0.05);
--purple-10: hsla(286, 55%, 53%, 0.10);
--purple-20: hsla(286, 55%, 53%, 0.20);
--purple-30: hsla(286, 55%, 53%, 0.30);
--purple-40: hsla(286, 55%, 53%, 0.40);
--purple-50: hsla(286, 55%, 53%, 0.50);
--purple-60: hsla(286, 55%, 53%, 0.60);
--purple-70: hsla(286, 55%, 53%, 0.70);
--purple-80: hsla(286, 55%, 53%, 0.80);
--purple-90: hsla(286, 55%, 53%, 0.90);
--purple: hsla(286, 55%, 53%, 1.0);
--purple-dark-10: hsla(286, 61%, 43%, 1.0);
--purple-dark-20: hsla(286, 61%, 38%, 1.0);
--purple-dark-30: hsla(286, 61%, 33%, 1.0);
--purple-dark-40: hsla(286, 61%, 28%, 1.0);
--purple-dark-50: hsla(286, 61%, 23%, 1.0);
/* MAGENTA */
--magenta-3: hsla(291, 64%, 42%, 0.03);
--magenta-5: hsla(291, 64%, 42%, 0.05);
--magenta-10: hsla(291, 64%, 42%, 0.10);
--magenta-20: hsla(291, 64%, 42%, 0.20);
--magenta-30: hsla(291, 64%, 42%, 0.30);
--magenta-40: hsla(291, 64%, 42%, 0.40);
--magenta-50: hsla(291, 64%, 42%, 0.50);
--magenta-60: hsla(291, 64%, 42%, 0.60);
--magenta-70: hsla(291, 64%, 42%, 0.70);
--magenta-80: hsla(291, 64%, 42%, 0.80);
--magenta-90: hsla(291, 64%, 42%, 0.90);
--magenta: hsla(291, 64%, 42%, 1.0);
--magenta-dark-10: hsla(291, 64%, 37%, 1.0);
--magenta-dark-20: hsla(291, 64%, 32%, 1.0);
--magenta-dark-30: hsla(291, 64%, 27%, 1.0);
--magenta-dark-40: hsla(291, 64%, 22%, 1.0);
--magenta-dark-50: hsla(291, 64%, 17%, 1.0);
/* BROWN */
--brown-3: hsla(13, 17%, 55%, 0.03);
--brown-5: hsla(13, 17%, 55%, 0.05);
--brown-10: hsla(13, 17%, 55%, 0.10);
--brown-20: hsla(13, 17%, 55%, 0.20);
--brown-30: hsla(13, 17%, 55%, 0.30);
--brown-40: hsla(13, 17%, 55%, 0.40);
--brown-50: hsla(13, 17%, 55%, 0.50);
--brown-60: hsla(13, 17%, 55%, 0.60);
--brown-70: hsla(13, 17%, 55%, 0.70);
--brown-80: hsla(13, 17%, 55%, 0.80);
--brown-90: hsla(13, 17%, 55%, 0.90);
--brown: hsla(13, 17%, 55%, 1.0);
--brown-dark-10: hsla(14, 21%, 43%, 1.0);
--brown-dark-20: hsla(14, 21%, 38%, 1.0);
--brown-dark-30: hsla(14, 21%, 33%, 1.0);
--brown-dark-40: hsla(14, 21%, 28%, 1.0);
--brown-dark-50: hsla(14, 21%, 23%, 1.0);
/* GRAY */
--gray-3: hsla(208, 7%, 46%, 0.03);
--gray-5: hsla(208, 7%, 46%, 0.05);
--gray-10: hsla(208, 7%, 46%, 0.10);
--gray-20: hsla(208, 7%, 46%, 0.20);
--gray-30: hsla(208, 7%, 46%, 0.30);
--gray-40: hsla(208, 7%, 46%, 0.40);
--gray-50: hsla(208, 7%, 46%, 0.50);
--gray-60: hsla(208, 7%, 46%, 0.60);
--gray-70: hsla(208, 7%, 46%, 0.70);
--gray-80: hsla(208, 7%, 46%, 0.80);
--gray-90: hsla(208, 7%, 46%, 0.90);
--gray: hsla(208, 7%, 46%, 1.0);
--gray-dark-10: hsla(208, 7%, 41%, 1.0);
--gray-dark-20: hsla(208, 7%, 36%, 1.0);
--gray-dark-30: hsla(208, 7%, 31%, 1.0);
--gray-dark-40: hsla(208, 7%, 26%, 1.0);
--gray-dark-50: hsla(208, 7%, 21%, 1.0);
--gray-3-solid: hsla(0, 0%, 99%, 1.0);
--gray-5-solid: hsla(0, 0%, 97%, 1.0);
--gray-10-solid: hsla(0, 0%, 95%, 1.0);
--gray-20-solid: hsla(0, 0%, 93%, 1.0);
--gray-30-solid: hsla(0, 0%, 91%, 1.0);
--gray-40-solid: hsla(0, 0%, 89%, 1.0);
--gray-50-solid: hsla(0, 0%, 87%, 1.0);
/* WHITE */
--white-3: hsla(0, 0%, 100%, 0.03);
--white-5: hsla(0, 0%, 100%, 0.05);
--white-10: hsla(0, 0%, 100%, 0.10);
--white-20: hsla(0, 0%, 100%, 0.20);
--white-30: hsla(0, 0%, 100%, 0.30);
--white-40: hsla(0, 0%, 100%, 0.40);
--white-50: hsla(0, 0%, 100%, 0.50);
--white-60: hsla(0, 0%, 100%, 0.60);
--white-70: hsla(0, 0%, 100%, 0.70);
--white-80: hsla(0, 0%, 100%, 0.80);
--white-90: hsla(0, 0%, 100%, 0.90);
--white: hsla(0, 0%, 100%, 1.0);
/* BLACK */
--black-3: hsla(0, 0%, 0%, 0.03);
--black-5: hsla(0, 0%, 0%, 0.05);
--black-10: hsla(0, 0%, 0%, 0.10);
--black-20: hsla(0, 0%, 0%, 0.20);
--black-30: hsla(0, 0%, 0%, 0.30);
--black-40: hsla(0, 0%, 0%, 0.40);
--black-50: hsla(0, 0%, 0%, 0.50);
--black-60: hsla(0, 0%, 0%, 0.60);
--black-70: hsla(0, 0%, 0%, 0.70);
--black-80: hsla(0, 0%, 0%, 0.80);
--black-90: hsla(0, 0%, 0%, 0.90);
--black: hsla(0, 0%, 0%, 1.0);
/* BG-BODY */
--bg-body: hsla(240, 17%, 10%, 1.0);
--bg-body-dark: hsla(240, 17%, 10%, 1.0);
--bg-body-light: hsla(221, 22%, 17%, 1.0);
/* SHADOWS */
--shadow-color: hsla(0, 0%, 0%, 0.90);
--box-shadow: 0px 1px 2px hsla(0, 0%, 0%, 0.90);
/* OVERLAY */
--overlay-color: hsla(0, 0%, 0%, 0.90);
/* OVERLAY */
--overlay-color: hsla(0, 0%, 0%, 0.90);
/* BORDERS */
--border-color: hsla(0, 0%, 0%, 0.12);
--border-radius: 0px;
--border-radius-xl: 0px;
/* BRAND-LOGO */
--brand-logo-display: inline-block;
--brand-logo-repeat: no-repeat;
--brand-logo-position: 0px 0px;
--brand-logo-size: 00% auto;
--brand-logo-width: 220px;
--brand-logo-height: 34px;
--brand-logo-image: url(https://www.interactivebrokers.com/images/web/logos/ib-logo-text-black.svg);
--brand-logo-image-inverse: url(https://www.interactivebrokers.com/images/web/logos/ib-logo-text-white.svg);
--brand-logo-mobile-width: 90px;
--brand-logo-mobile-height: 34px;
--brand-logo-mobile-image: url(https://www.interactivebrokers.com/images/web/logos/ibkr-logo-text-black.svg);
--brand-logo-mobile-image-inverse: url(https://www.interactivebrokers.com/images/web/logos/ibkr-logo-text-white.svg);
/* BRAND-LOGO-CHINESE-SIMPLIFIED */
--brand-logo-zh-hans-width: 220px;
--brand-logo-zh-hans-height: 40px;
--brand-logo-zh-hans-image: url(https://www.interactivebrokers.com/images/web/logos/ib-logo-text-black-scn.svg);
--brand-logo-zh-hans-image-inverse: url(https://www.interactivebrokers.com/images/web/logos/ib-logo-text-white-scn.svg);
/* BRAND-LOGO-CHINESE-TRADITIONAL */
--brand-logo-zh-hant-width: 220px;
--brand-logo-zh-hant-height: 40px;
--brand-logo-zh-hant-image: url(https://www.interactivebrokers.com/images/web/logos/ib-logo-text-black-tcn.svg);
--brand-logo-zh-hant-image-inverse: url(https://www.interactivebrokers.com/images/web/logos/ib-logo-text-white-tcn.svg);
/* FONT-WEIGHT */
--fw-100: 100;
--fw-200: 200;
--fw-300: 300;
--fw-400: 400;
--fw-500: 500;
--fw-600: 600;
--fw-700: 700;
--fw-800: 800;
--fw-900: 900;
/* FONT-SIZE */
--fs-1: 2.5rem;
--fs-2: 2.25rem;
--fs-3: 2.0rem;
--fs-4: 1.75rem;
--fs-5: 1.5rem;
--fs-6: 1.25rem;
--fs-7: 1.0rem;
--fs-8: 0.875rem;
--fs-9: 0.75rem;
/* LINE-HEIGHT */
--lh-1: 2.75rem;
--lh-2: 2.625rem;
--lh-3: 2.5rem;
--lh-4: 2.25rem;
--lh-5: 2.25rem;
--lh-6: 1.75rem;
--lh-7: 1.375rem;
--lh-8: 1.125rem;
--lh-9: 1.0rem;
/* FONT-FAMILY */
--font-family: "Proxima Nova", Arial, Verdana, sans-serif;
/* FONT-COLOR */
--font-color: hsla(0, 0%, 27%, 1.0);
--font-color-dark: hsla(0, 0%, 0%, 1.0);
--font-color-light: hsla(0, 0%, 40%, 1.0);
/* HEADING 1 */
--h1-font-style: normal;
--h1-font-weight: 600;
--h1-font-size: 2.5rem;
--h1-font-size-mobile: 2.25rem;
--h1-line-height: 2.75rem;
--h1-line-height-mobile: 2.625rem;
--h1-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
--h1-color: hsla(0, 0%, 0%, 1.0);
/* HEADING 2 */
--h2-font-style: normal;
--h2-font-weight: 600;
--h2-font-size: 2.25rem;
--h2-font-size-mobile: 2.0rem;
--h2-line-height: 2.625rem;
--h2-line-height-mobile: 2.5rem;
--h2-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
--h2-color: hsla(0, 0%, 0%, 1.0);
/* HEADING 3 */
--h3-font-style: normal;
--h3-font-weight: 600;
--h3-font-size: 2.0rem;
--h3-font-size-mobile: 1.75rem;
--h3-line-height: 2.5rem;
--h3-line-height-mobile: 2.25rem;
--h3-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
--h3-color: hsla(0, 0%, 0%, 1.0);
/* HEADING 4 */
--h4-font-style: normal;
--h4-font-weight: 600;
--h4-font-size: 1.75rem;
--h4-font-size-mobile: 1.5rem;
--h4-line-height: 2.25rem;
--h4-line-height-mobile: 2.0rem;
--h4-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
--h4-color: hsla(0, 0%, 0%, 1.0);
/* HEADING 5 */
--h5-font-style: normal;
--h5-font-weight: 600;
--h5-font-size: 1.5rem;
--h5-font-size-mobile: 1.25rem;
--h5-line-height: 2.0rem;
--h5-line-height-mobile: 1.75rem;
--h5-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
--h5-color: hsla(0, 0%, 0%, 1.0);
/* HEADING 6 */
--h6-font-style: normal;
--h6-font-weight: 600;
--h6-font-size: 1.25rem;
--h6-font-size-mobile: 1.0rem;
--h6-line-height: 1.75rem;
--h6-line-height-mobile: 1.375rem;
--h6-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
--h6-color: hsla(0, 0%, 0%, 1.0);
/* PARAGRAPH */
--p-font-style: normal;
--p-font-weight: 400;
--p-font-size: 1.0rem;
--p-line-height: 1.375rem;
--p-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
--p-color: hsla(0, 0%, 20%, 1.0);
/* LIST ITEM */
--li-font-style: normal;
--li-font-weight: 400;
--li-font-size: 1.0rem;
--li-line-height: 1.375rem;
--li-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
--li-color: hsla(0, 0%, 20%, 1.0);
/* TABLE-HEAD */
--th-pt: 5px;
--th-pe: 8px;
--th-pb: 5px;
--th-ps: 8px;
--th-font-style: normal;
--th-font-weight: 400;
--th-font-size: 0.8125rem;
--th-line-height: 1.125rem;
--th-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
--th-color: hsla(208, 7%, 46%, 0.90);
--th-bg-color: hsla(0, 0%, 100%, 0);
/* TABLE-DIVIDER */
--td-pt: 5px;
--td-pe: 8px;
--td-pb: 5px;
--td-ps: 8px;
--td-font-style: normal;
--td-font-weight: 400;
--td-font-size: 0.875rem;
--td-line-height: 1.125rem;
--td-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
--td-color: hsla(0, 0%, 20%, 1.0);
--td-bg-color: hsla(0, 0%, 100%, 0);
/* LINK */
--link-color: hsla(0, 0%, 5%, 1.0);
--link-color-hover: hsla(0, 0%, 3%, 1.0);
--link-color-active: hsla(0, 0%, 3%, 1.0);
/* LABEL */
--label-font-style: normal;
--label-font-weight: 600;
--label-font-size: 1.0rem;
--label-line-height: 1.375rem;
--label-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
--label-color: hsla(0, 0%, 0%, 1.0);
/* INPUT */
--input-pt: 6px;
--input-pe: 12px;
--input-pb: 6px;
--input-ps: 12px;
--input-font-style: normal;
--input-font-weight: 400;
--input-font-size: 1.0rem;
--input-line-height: 1.375rem;
--input-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
--input-color: hsla(0, 0%, 20%, 1.0);
--input-color-focus: hsla(0, 0%, 0%, 1.0);
--input-bg-color: hsla(0, 0%, 100%, 1.0);
--input-bg-color-focus: hsla(0, 0%, 100%, 1.0);
--input-border-color: hsla(0, 0%, 0%, 0.12);
--input-border-color-focus: hsla(0, 0%, 5%, 1.0);
--input-placeholder-color: hsla(208, 7%, 46%, 0.90);
/* BTN-ICON */
--btn-icon-color: hsla(0, 0%, 5%, 1.0);
--btn-icon-color-hover: hsla(0, 0%, 3%, 1.0);
--btn-icon-color-active: hsla(0, 0%, 3%, 1.0);
/* BTN-XL */
--btn-xl-pt: 16px;
--btn-xl-pe: 15px;
--btn-xl-pb: 16px;
--btn-xl-ps: 15px;
--btn-xl-font-style: normal;
--btn-xl-font-weight: 600;
--btn-xl-font-size: 1.0rem;
--btn-xl-line-height: 1.375rem;
--btn-xl-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
/* BTN-LG */
--btn-lg-pt: 12px;
--btn-lg-pe: 15px;
--btn-lg-pb: 12px;
--btn-lg-ps: 15px;
--btn-lg-font-style: normal;
--btn-lg-font-weight: 600;
--btn-lg-font-size: 1.0rem;
--btn-lg-line-height: 1.375rem;
--btn-lg-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
/* BTN */
--btn-pt: 10px;
--btn-pe: 15px;
--btn-pb: 10px;
--btn-ps: 15px;
--btn-font-style: normal;
--btn-font-weight: 600;
--btn-font-size: 1.0rem;
--btn-line-height: 1.375rem;
--btn-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
/* BTN-SM */
--btn-sm-pt: 8px;
--btn-sm-pe: 10px;
--btn-sm-pb: 8px;
--btn-sm-ps: 10px;
--btn-sm-font-style: normal;
--btn-sm-font-weight: 600;
--btn-sm-font-size: 0.875rem;
--btn-sm-line-height: 1.0rem;
--btn-sm-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
/* BTN-XS */
--btn-xs-pt: 5px;
--btn-xs-pe: 10px;
--btn-xs-pb: 5px;
--btn-xs-ps: 10px;
--btn-xs-font-style: normal;
--btn-xs-font-weight: 600;
--btn-xs-font-size: 0.75rem;
--btn-xs-line-height: 1.0rem;
--btn-xs-font-family: "Proxima Nova", Arial, Verdana, sans-serif;
/* BTN-DEFAULT */
--btn-default-border-size: 1px;
--btn-default-color: hsla(0, 0%, 20%, 1.0);
--btn-default-color-hover: hsla(0, 0%, 20%, 1.0);
--btn-default-color-active: hsla(0, 0%, 0%, 1.0);
--btn-default-color-focus: hsla(0, 0%, 0%, 1.0);
--btn-default-bg-color: hsla(0, 0%, 97%, 1.0);
--btn-default-bg-color-hover: hsla(0, 0%, 95%, 1.0);
--btn-default-bg-color-active: hsla(0, 0%, 93%, 1.0);
--btn-default-bg-color-focus: hsla(0, 0%, 93%, 1.0);
--btn-default-border-color: hsla(0, 0%, 85%, 1.0);
--btn-default-border-color-hover: hsla(0, 0%, 80%, 1.0);
--btn-default-border-color-active: hsla(0, 0%, 60%, 1.0);
--btn-default-border-color-focus: hsla(0, 0%, 60%, 1.0);
/* BTN-PRIMARY */
--btn-primary-border-size: 1px;
--btn-primary-color: hsla(0, 0%, 100%, 1.0);
--btn-primary-color-hover: hsla(0, 0%, 100%, 1.0);
--btn-primary-color-active: hsla(0, 0%, 100%, 1.0);
--btn-primary-color-focus: hsla(0, 0%, 100%, 1.0);
--btn-primary-bg-color: hsla(0, 0%, 20%, 1.0);
--btn-primary-bg-color-hover: hsla(0, 0%, 10%, 1.0);
--btn-primary-bg-color-active: hsla(0, 0%, 0%, 1.0);
--btn-primary-bg-color-focus: hsla(0, 0%, 0%, 1.0);
--btn-primary-border-color: hsla(0, 0%, 20%, 1.0);
--btn-primary-border-color-hover: hsla(0, 0%, 10%, 1.0);
--btn-primary-border-color-active: hsla(0, 0%, 0%, 1.0);
--btn-primary-border-color-focus: hsla(0, 0%, 0%, 1.0);
/* BTN-SECONDARY */
--btn-secondary-border-size: 1px;
--btn-secondary-color: hsla(0, 0%, 100%, 1.0);
--btn-secondary-color-hover: hsla(0, 0%, 100%, 1.0);
--btn-secondary-color-active: hsla(0, 0%, 100%, 1.0);
--btn-secondary-color-focus: hsla(0, 0%, 100%, 1.0);
--btn-secondary-bg-color: hsla(0, 0%, 40%, 1.0);
--btn-secondary-bg-color-hover: hsla(0, 0%, 30%, 1.0);
--btn-secondary-bg-color-active: hsla(0, 0%, 20%, 1.0);
--btn-secondary-bg-color-focus: hsla(0, 0%, 20%, 1.0);
--btn-secondary-border-color: hsla(0, 0%, 40%, 1.0);
--btn-secondary-border-color-hover: hsla(0, 0%, 30%, 1.0);
--btn-secondary-border-color-active: hsla(0, 0%, 20%, 1.0);
--btn-secondary-border-color-focus: hsla(0, 0%, 20%, 1.0);
/* BTN-TERTIARY */
--btn-tertiary-border-size: 1px;
--btn-tertiary-color: hsla(0, 0%, 100%, 1.0);
--btn-tertiary-color-hover: hsla(0, 0%, 100%, 1.0);
--btn-tertiary-color-active: hsla(0, 0%, 100%, 1.0);
--btn-tertiary-color-focus: hsla(0, 0%, 100%, 1.0);
--btn-tertiary-bg-color: hsla(0, 0%, 60%, 1.0);
--btn-tertiary-bg-color-hover: hsla(0, 0%, 50%, 1.0);
--btn-tertiary-bg-color-active: hsla(0, 0%, 40%, 1.0);
--btn-tertiary-bg-color-focus: hsla(0, 0%, 40%, 1.0);
--btn-tertiary-border-color: hsla(0, 0%, 60%, 1.0);
--btn-tertiary-border-color-hover: hsla(0, 0%, 50%, 1.0);
--btn-tertiary-border-color-active: hsla(0, 0%, 40%, 1.0);
--btn-tertiary-border-color-focus: hsla(0, 0%, 40%, 1.0);
/* ALERT */
--alert-pt: 12px;
--alert-pe: 20px;
--alert-pb: 12px;
--alert-ps: 20px;
/* ALERT-PRIMARY */
--alert-primary-color: hsla(0, 0%, 20%, 1.0);
--alert-primary-bg-color: hsla(0, 0%, 90%, 1.0);
--alert-primary-border-color: hsla(0, 0%, 90%, 1.0);
--alert-primary-border-size: 1px;
/* ALERT-SECONDARY */
--alert-secondary-color: hsla(0, 0%, 20%, 1.0);
--alert-secondary-bg-color: hsla(0, 0%, 95%, 1.0);
--alert-secondary-border-color: hsla(0, 0%, 95%, 1.0);
--alert-secondary-border-size: 1px;
/* ALERT-INFO */
--alert-info-color: hsla(0, 0%, 20%, 1.0);
--alert-info-bg-color: hsla(204, 73%, 64%, 0.20);
--alert-info-border-color: hsla(204, 73%, 64%, 0.20);
--alert-info-border-size: 1px;
/* ALERT-SUCCESS */
--alert-success-color: hsla(0, 0%, 20%, 1.0);
--alert-success-bg-color: hsla(148, 100%, 30%, 0.20);
--alert-success-border-color: hsla(148, 100%, 30%, 0.20);
--alert-success-border-size: 1px;
/* ALERT-WARNING */
--alert-warning-color: hsla(0, 0%, 20%, 1.0);
--alert-warning-bg-color: hsla(42, 100%, 48%, 0.20);
--alert-warning-border-color: hsla(42, 100%, 48%, 0.20);
--alert-warning-border-size: 1px;
/* ALERT-DANGER */
--alert-danger-color: hsla(355, 80%, 52%, 1.0);
--alert-danger-bg-color: hsla(355, 80%, 52%, 0.20);
--alert-danger-border-color: hsla(355, 80%, 52%, 0.20);
--alert-danger-border-size: 1px;