@charset "UTF-8";
/* SCSS Document */
@layer bootstrap, legacy, base, vendors, components, utilities, pages;
/* SCSS Document */
/* LTR VARIABLES ---------------------------------------------------------------------------------------------------- */
:root {
  --dir:ltr;
  --dir-opposite:rtl;
  --dir-start:left;
  --dir-end:right;
  --dir-transform:1;
  --fa-arrow-start:"";
  --fa-arrow-end:"";
  --fa-arrow-circle-start:"";
  --fa-arrow-circle-end:"";
  --fa-chevron-start:"";
  --fa-chevron-end:"";
  --fa-chevron-circle-start:"";
  --fa-chevron-circle-end:"";
  --fa-long-arrow-start:"";
  --fa-long-arrow-end:"";
}

/* SCSS Document */
/* FONTS | PROXIMA NOVA ---------------------------------------------------------------------------------------------------- */
@font-face {
  font-family: "Proxima Nova";
  font-style: normal;
  font-weight: 300;
  src: local("proxima-nova-light"), local("proxima nova light"), url("../../../fonts/proxima-nova/Proxima-Nova-Light.woff2") format("woff2"), url("../../../fonts/proxima-nova/Proxima-Nova-Light.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  font-style: normal;
  font-weight: 400;
  src: local("proxima-nova-regular"), local("proxima nova regular"), url("../../../fonts/proxima-nova/Proxima-Nova-Regular.woff2") format("woff2"), url("../../../fonts/proxima-nova/Proxima-Nova-Regular.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  font-style: normal;
  font-weight: 600;
  src: local("proxima-nova-semibold"), local("proxima nova semibold"), url("../../../fonts/proxima-nova/Proxima-Nova-Semibold.woff2") format("woff2"), url("../../../fonts/proxima-nova/Proxima-Nova-Semibold.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  font-style: normal;
  font-weight: 800;
  src: local("proxima-nova-extrabold"), local("proxima nova extrabold"), url("../../../fonts/proxima-nova/proximanova-extrabold.woff2") format("woff2"), url("../../../fonts/proxima-nova/proximanova-extrabold.woff") format("woff");
  font-display: swap;
}
/* FONTS | PROXIMA SOFT ---------------------------------------------------------------------------------------------------- */
@font-face {
  font-family: "Proxima Soft";
  font-style: normal;
  font-weight: 300;
  src: local("proxima-soft-regular"), local("proxima soft regular"), url("../../../fonts/proxima-soft/proximasoft-regular.woff2") format("woff2"), url("../../../fonts/proxima-soft/proximasoft-regular.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Proxima Soft";
  font-style: normal;
  font-weight: 400;
  src: local("proxima-soft-medium"), local("proxima soft medium"), url("../../../fonts/proxima-soft/proximasoft-medium.woff2") format("woff2"), url("../../../fonts/proxima-soft/proximasoft-medium.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Proxima Soft";
  font-style: normal;
  font-weight: 600;
  src: local("proxima-soft-semibold"), local("proxima soft semibold"), url("../../../fonts/proxima-soft/proximasoft-semibold.woff2") format("woff2"), url("../../../fonts/proxima-soft/proximasoft-semibold.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Proxima Soft";
  font-style: normal;
  font-weight: 700;
  src: local("proxima-soft-bold"), local("proxima soft bold"), url("../../../fonts/proxima-soft/proximasoft-bold.woff2") format("woff2"), url("../../../fonts/proxima-soft/proximasoft-bold.woff") format("woff");
  font-display: swap;
}
/* FONTS | FONT AWESOME 7.1.0 ---------------------------------------------------------------------------------------------------- */
@font-face {
  font-family: "Font Awesome 7 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../../../fonts/fontawesome-7.1.0/webfonts/fa-solid-900.woff2") format("woff2"), url("../../../fonts/fontawesome-7.1.0/webfonts/fa-solid-900.ttf") format("truetype");
}
@font-face {
  font-family: "Font Awesome 7 Brands";
  font-display: block;
  font-weight: 400;
  src: url("../../../fonts/fontawesome-7.1.0/webfonts/fa-brands-400.woff2") format("woff2"), url("../../../fonts/fontawesome-7.1.0/webfonts/fa-brands-400.ttf") format("truetype");
}
@font-face {
  font-family: "Font Awesome 7 Free";
  font-display: block;
  font-weight: 900;
  src: url("../../../fonts/fontawesome-7.1.0/webfonts/fa-solid-900.woff2") format("woff2"), url("../../../fonts/fontawesome-7.1.0/webfonts/fa-solid-900.ttf") format("truetype");
}
@font-face {
  font-family: "Font Awesome 7 Free";
  font-display: block;
  font-weight: 400;
  src: url("../../../fonts/fontawesome-7.1.0/webfonts/fa-regular-400.woff2") format("woff2"), url("../../../fonts/fontawesome-7.1.0/webfonts/fa-regular-400.ttf") format("truetype");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("../../../fonts/fontawesome-7.1.0/webfonts/fa-solid-900.woff2") format("woff2"), url("../../../fonts/fontawesome-7.1.0/webfonts/fa-solid-900.ttf") format("truetype");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("../../../fonts/fontawesome-7.1.0/webfonts/fa-brands-400.woff2") format("woff2"), url("../../../fonts/fontawesome-7.1.0/webfonts/fa-brands-400.ttf") format("truetype");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("../../../fonts/fontawesome-7.1.0/webfonts/fa-regular-400.woff2") format("woff2"), url("../../../fonts/fontawesome-7.1.0/webfonts/fa-regular-400.ttf") format("truetype");
  unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D, U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088, U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5, U+F0C7, U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A, U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E, U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7, U+F1F9, U+F20A, U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D, U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA, U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC;
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("../../../fonts/fontawesome-7.1.0/webfonts/fa-v4compatibility.woff2") format("woff2"), url("../../../fonts/fontawesome-7.1.0/webfonts/fa-v4compatibility.ttf") format("truetype");
  unicode-range: U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B, U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2, U+F0D0, U+F0D6, U+F0E4, U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E, U+F160-F161, U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F27A;
}
/* SCSS Document */
/* MIXINS | CUSTOM ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
/* OTHER COLORS | LIGHT ---------------------------------------------------------------------------------------------------- */
:root {
  --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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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);
  --gray-60-solid:hsla(0, 0%, 85%, 1.0);
  --gray-70-solid:hsla(0, 0%, 83%, 1.0);
  --gray-80-solid:hsla(0, 0%, 81%, 1.0);
  --gray-90-solid:hsla(0, 0%, 79%, 1.0);
  --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-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);
}

/* OTHER COLORS | DARK ---------------------------------------------------------------------------------------------------- */
[data-theme=dark] {
  --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, 66%, 87%, 1.0);
  --pink-dark-20:hsla(0, 66%, 93%, 1.0);
  --pink-dark-30:hsla(0, 66%, 97%, 1.0);
  --pink-dark-40:hsla(0, 66%, 100%, 1.0);
  --pink-dark-50:hsla(0, 66%, 100%, 1.0);
  --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, 100%, 72%, 1.0);
  --red-dark-20:hsla(358, 100%, 77%, 1.0);
  --red-dark-30:hsla(358, 100%, 82%, 1.0);
  --red-dark-40:hsla(358, 100%, 87%, 1.0);
  --red-dark-50:hsla(358, 100%, 92%, 1.0);
  --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, 100%, 72%, 1.0);
  --orange-dark-20:hsla(14, 100%, 77%, 1.0);
  --orange-dark-30:hsla(14, 100%, 82%, 1.0);
  --orange-dark-40:hsla(14, 100%, 87%, 1.0);
  --orange-dark-50:hsla(14, 100%, 92%, 1.0);
  --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, 100%, 82%, 1.0);
  --yellow-dark-20:hsla(47, 100%, 87%, 1.0);
  --yellow-dark-30:hsla(47, 100%, 92%, 1.0);
  --yellow-dark-40:hsla(47, 100%, 97%, 1.0);
  --yellow-dark-50:hsla(47, 100%, 100%, 1.0);
  --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(69, 100%, 60%, 1.0);
  --lime-dark-20:hsla(69, 100%, 65%, 1.0);
  --lime-dark-30:hsla(69, 100%, 70%, 1.0);
  --lime-dark-40:hsla(69, 100%, 75%, 1.0);
  --lime-dark-50:hsla(69, 100%, 80%, 1.0);
  --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, 72%, 79%, 1.0);
  --mint-dark-20:hsla(117, 72%, 84%, 1.0);
  --mint-dark-30:hsla(117, 72%, 89%, 1.0);
  --mint-dark-40:hsla(117, 72%, 94%, 1.0);
  --mint-dark-50:hsla(117, 72%, 99%, 1.0);
  --green-3:hsla(148, 85%, 38%, 0.03);
  --green-5:hsla(148, 85%, 38%, 0.05);
  --green-10:hsla(148, 85%, 38%, 0.10);
  --green-20:hsla(148, 85%, 38%, 0.20);
  --green-30:hsla(148, 85%, 38%, 0.30);
  --green-40:hsla(148, 85%, 38%, 0.40);
  --green-50:hsla(148, 85%, 38%, 0.50);
  --green-60:hsla(148, 85%, 38%, 0.60);
  --green-70:hsla(148, 85%, 38%, 0.70);
  --green-80:hsla(148, 85%, 38%, 0.80);
  --green-90:hsla(148, 85%, 38%, 0.90);
  --green:hsla(148, 85%, 38%, 1.0);
  --green-dark-10:hsla(157, 100%, 42%, 1.0);
  --green-dark-20:hsla(157, 100%, 47%, 1.0);
  --green-dark-30:hsla(157, 100%, 52%, 1.0);
  --green-dark-40:hsla(157, 100%, 57%, 1.0);
  --green-dark-50:hsla(157, 100%, 62%, 1.0);
  --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(133, 22%, 75%, 1.0);
  --sage-dark-20:hsla(133, 22%, 80%, 1.0);
  --sage-dark-30:hsla(133, 22%, 85%, 1.0);
  --sage-dark-40:hsla(133, 22%, 90%, 1.0);
  --sage-dark-50:hsla(133, 22%, 95%, 1.0);
  --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%, 36%, 1.0);
  --teal-dark-20:hsla(172, 82%, 41%, 1.0);
  --teal-dark-30:hsla(172, 82%, 46%, 1.0);
  --teal-dark-40:hsla(172, 82%, 51%, 1.0);
  --teal-dark-50:hsla(172, 82%, 56%, 1.0);
  --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%, 46%, 1.0);
  --cyan-dark-20:hsla(188, 78%, 51%, 1.0);
  --cyan-dark-30:hsla(188, 78%, 56%, 1.0);
  --cyan-dark-40:hsla(188, 78%, 61%, 1.0);
  --cyan-dark-50:hsla(188, 78%, 66%, 1.0);
  --blue-3:hsla(216, 88%, 57%, 0.03);
  --blue-5:hsla(216, 88%, 57%, 0.05);
  --blue-10:hsla(216, 88%, 57%, 0.10);
  --blue-20:hsla(216, 88%, 57%, 0.20);
  --blue-30:hsla(216, 88%, 57%, 0.30);
  --blue-40:hsla(216, 88%, 57%, 0.40);
  --blue-50:hsla(216, 88%, 57%, 0.50);
  --blue-60:hsla(216, 88%, 57%, 0.60);
  --blue-70:hsla(216, 88%, 57%, 0.70);
  --blue-80:hsla(216, 88%, 57%, 0.80);
  --blue-90:hsla(216, 88%, 57%, 0.90);
  --blue:hsla(216, 88%, 57%, 1.0);
  --blue-dark-10:hsla(216, 89%, 65%, 1.0);
  --blue-dark-20:hsla(216, 88%, 77%, 1.0);
  --blue-dark-30:hsla(215, 83%, 84%, 1.0);
  --blue-dark-40:hsla(216, 89%, 89%, 1.0);
  --blue-dark-50:hsla(214, 89%, 96%, 1.0);
  --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%, 24%, 1.0);
  --navy-dark-20:hsla(202, 76%, 29%, 1.0);
  --navy-dark-30:hsla(202, 76%, 34%, 1.0);
  --navy-dark-40:hsla(202, 76%, 39%, 1.0);
  --navy-dark-50:hsla(202, 76%, 44%, 1.0);
  --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(214, 46%, 75%, 1.0);
  --slate-dark-20:hsla(214, 46%, 80%, 1.0);
  --slate-dark-30:hsla(214, 46%, 85%, 1.0);
  --slate-dark-40:hsla(214, 46%, 90%, 1.0);
  --slate-dark-50:hsla(214, 46%, 95%, 1.0);
  --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, 66%, 64%, 1.0);
  --indigo-dark-20:hsla(256, 66%, 69%, 1.0);
  --indigo-dark-30:hsla(256, 66%, 74%, 1.0);
  --indigo-dark-40:hsla(256, 66%, 79%, 1.0);
  --indigo-dark-50:hsla(256, 66%, 84%, 1.0);
  --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, 69%, 64%, 1.0);
  --purple-dark-20:hsla(286, 69%, 69%, 1.0);
  --purple-dark-30:hsla(286, 69%, 74%, 1.0);
  --purple-dark-40:hsla(286, 69%, 79%, 1.0);
  --purple-dark-50:hsla(286, 69%, 84%, 1.0);
  --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%, 47%, 1.0);
  --magenta-dark-20:hsla(291, 64%, 52%, 1.0);
  --magenta-dark-30:hsla(291, 64%, 57%, 1.0);
  --magenta-dark-40:hsla(291, 64%, 62%, 1.0);
  --magenta-dark-50:hsla(291, 64%, 67%, 1.0);
  --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(13, 37%, 76%, 1.0);
  --brown-dark-20:hsla(13, 37%, 81%, 1.0);
  --brown-dark-30:hsla(13, 37%, 86%, 1.0);
  --brown-dark-40:hsla(13, 37%, 91%, 1.0);
  --brown-dark-50:hsla(13, 37%, 96%, 1.0);
  --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%, 51%, 1.0);
  --gray-dark-20:hsla(208, 7%, 56%, 1.0);
  --gray-dark-30:hsla(208, 7%, 61%, 1.0);
  --gray-dark-40:hsla(208, 7%, 66%, 1.0);
  --gray-dark-50:hsla(208, 7%, 71%, 1.0);
  --gray-3-solid:hsla(220, 20%, 11%, 1.0);
  --gray-5-solid:hsla(220, 20%, 13%, 1.0);
  --gray-10-solid:hsla(220, 20%, 15%, 1.0);
  --gray-20-solid:hsla(220, 20%, 17%, 1.0);
  --gray-30-solid:hsla(220, 20%, 19%, 1.0);
  --gray-40-solid:hsla(220, 20%, 21%, 1.0);
  --gray-50-solid:hsla(220, 20%, 23%, 1.0);
  --gray-60-solid:hsla(220, 20%, 25%, 1.0);
  --gray-70-solid:hsla(220, 20%, 27%, 1.0);
  --gray-80-solid:hsla(220, 20%, 29%, 1.0);
  --gray-90-solid:hsla(220, 20%, 31%, 1.0);
  --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-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);
}

/* SCSS Document */
/* THEME COLORS | LIGHT ---------------------------------------------------------------------------------------------------- */
:root {
  --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-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-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-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-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-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-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-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.20);
  --default-30:hsla(0, 0%, 99%, 0.30);
  --default-40:hsla(0, 0%, 99%, 0.40);
  --default-50:hsla(0, 0%, 99%, 0.50);
  --default-60:hsla(0, 0%, 99%, 0.60);
  --default-70:hsla(0, 0%, 99%, 0.70);
  --default-80:hsla(0, 0%, 99%, 0.80);
  --default-90:hsla(0, 0%, 99%, 0.90);
  --default:hsla(0, 0%, 99%, 1.0);
  --default-dark-10:hsla(0, 0%, 97%, 1.0);
  --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-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);
  --neutral-dark-10:hsla(0, 0%, 5%, 1.0);
  --neutral-dark-20:hsla(0, 0%, 0%, 1.0);
  --neutral-dark-30:hsla(0, 0%, 0%, 1.0);
  --neutral-dark-40:hsla(0, 0%, 0%, 1.0);
  --neutral-dark-50:hsla(0, 0%, 0%, 1.0);
  --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-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);
  /* TEMPLATE */
  --bg-body:hsla(0, 0%, 100%, 1.0);
  --bg-body-dark:hsla(0, 0%, 0%, 1.0);
  --bg-body-light:hsla(0, 0%, 100%, 1.0);
  --shadow-color:hsla(0, 0%, 0%, 0.20);
  --box-shadow:0px 1px 2px hsla(0, 0%, 0%, 0.20);
  --overlay-color:hsla(0, 0%, 0%, 0.50);
}

/* THEME COLORS | DARK ---------------------------------------------------------------------------------------------------- */
[data-theme=dark] {
  --primary-3:hsla(0, 0%, 80%, 0.03);
  --primary-5:hsla(0, 0%, 80%, 0.05);
  --primary-10:hsla(0, 0%, 80%, 0.10);
  --primary-20:hsla(0, 0%, 80%, 0.20);
  --primary-30:hsla(0, 0%, 80%, 0.30);
  --primary-40:hsla(0, 0%, 80%, 0.40);
  --primary-50:hsla(0, 0%, 80%, 0.50);
  --primary-60:hsla(0, 0%, 80%, 0.60);
  --primary-70:hsla(0, 0%, 80%, 0.70);
  --primary-80:hsla(0, 0%, 80%, 0.80);
  --primary-90:hsla(0, 0%, 80%, 0.90);
  --primary:hsla(0, 0%, 80%, 1.0);
  --primary-dark-10:hsla(0, 0%, 85%, 1.0);
  --primary-dark-20:hsla(0, 0%, 90%, 1.0);
  --primary-dark-30:hsla(0, 0%, 95%, 1.0);
  --primary-dark-40:hsla(0, 0%, 100%, 1.0);
  --primary-dark-50:hsla(0, 0%, 100%, 1.0);
  --secondary-3:hsla(0, 0%, 75%, 0.03);
  --secondary-5:hsla(0, 0%, 75%, 0.05);
  --secondary-10:hsla(0, 0%, 75%, 0.10);
  --secondary-20:hsla(0, 0%, 75%, 0.20);
  --secondary-30:hsla(0, 0%, 75%, 0.30);
  --secondary-40:hsla(0, 0%, 75%, 0.40);
  --secondary-50:hsla(0, 0%, 75%, 0.50);
  --secondary-60:hsla(0, 0%, 75%, 0.60);
  --secondary-70:hsla(0, 0%, 75%, 0.70);
  --secondary-80:hsla(0, 0%, 75%, 0.80);
  --secondary-90:hsla(0, 0%, 75%, 0.90);
  --secondary:hsla(0, 0%, 75%, 1.0);
  --secondary-dark-10:hsla(0, 0%, 77%, 1.0);
  --secondary-dark-20:hsla(0, 0%, 79%, 1.0);
  --secondary-dark-30:hsla(0, 0%, 81%, 1.0);
  --secondary-dark-40:hsla(0, 0%, 83%, 1.0);
  --secondary-dark-50:hsla(0, 0%, 85%, 1.0);
  --tertiary-3:hsla(240, 10%, 23%, 0.03);
  --tertiary-5:hsla(240, 10%, 23%, 0.05);
  --tertiary-10:hsla(240, 10%, 23%, 0.10);
  --tertiary-20:hsla(240, 10%, 23%, 0.20);
  --tertiary-30:hsla(240, 10%, 23%, 0.30);
  --tertiary-40:hsla(240, 10%, 23%, 0.40);
  --tertiary-50:hsla(240, 10%, 23%, 0.50);
  --tertiary-60:hsla(240, 10%, 23%, 0.60);
  --tertiary-70:hsla(240, 10%, 23%, 0.70);
  --tertiary-80:hsla(240, 10%, 23%, 0.80);
  --tertiary-90:hsla(240, 10%, 23%, 0.90);
  --tertiary:hsla(240, 10%, 23%, 1.0);
  --tertiary-dark-10:hsla(240, 10%, 21%, 1.0);
  --tertiary-dark-20:hsla(240, 10%, 19%, 1.0);
  --tertiary-dark-30:hsla(240, 10%, 17%, 1.0);
  --tertiary-dark-40:hsla(240, 10%, 15%, 1.0);
  --tertiary-dark-50:hsla(240, 10%, 13%, 1.0);
  --info-3:hsla(216, 88%, 57%, 0.03);
  --info-5:hsla(216, 88%, 57%, 0.05);
  --info-10:hsla(216, 88%, 57%, 0.10);
  --info-20:hsla(216, 88%, 57%, 0.20);
  --info-30:hsla(216, 88%, 57%, 0.30);
  --info-40:hsla(216, 88%, 57%, 0.40);
  --info-50:hsla(216, 88%, 57%, 0.50);
  --info-60:hsla(216, 88%, 57%, 0.60);
  --info-70:hsla(216, 88%, 57%, 0.70);
  --info-80:hsla(216, 88%, 57%, 0.80);
  --info-90:hsla(216, 88%, 57%, 0.90);
  --info:hsla(216, 88%, 57%, 1.0);
  --info-dark-10:hsla(216, 89%, 65%, 1.0);
  --info-dark-20:hsla(216, 88%, 77%, 1.0);
  --info-dark-30:hsla(215, 83%, 84%, 1.0);
  --info-dark-40:hsla(216, 89%, 89%, 1.0);
  --info-dark-50:hsla(214, 89%, 96%, 1.0);
  --success-3:hsla(148, 85%, 38%, 0.03);
  --success-5:hsla(148, 85%, 38%, 0.05);
  --success-10:hsla(148, 85%, 38%, 0.10);
  --success-20:hsla(148, 85%, 38%, 0.20);
  --success-30:hsla(148, 85%, 38%, 0.30);
  --success-40:hsla(148, 85%, 38%, 0.40);
  --success-50:hsla(148, 85%, 38%, 0.50);
  --success-60:hsla(148, 85%, 38%, 0.60);
  --success-70:hsla(148, 85%, 38%, 0.70);
  --success-80:hsla(148, 85%, 38%, 0.80);
  --success-90:hsla(148, 85%, 38%, 0.90);
  --success:hsla(148, 85%, 38%, 1.0);
  --success-dark-10:hsla(148, 75%, 52%, 1.0);
  --success-dark-20:hsla(148, 75%, 67%, 1.0);
  --success-dark-30:hsla(148, 75%, 78%, 1.0);
  --success-dark-40:hsla(148, 74%, 85%, 1.0);
  --success-dark-50:hsla(148, 76%, 95%, 1.0);
  --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(42, 100%, 70%, 1.0);
  --warning-dark-20:hsla(42, 100%, 80%, 1.0);
  --warning-dark-30:hsla(42, 100%, 86%, 1.0);
  --warning-dark-40:hsla(42, 100%, 91%, 1.0);
  --warning-dark-50:hsla(40, 100%, 97%, 1.0);
  --danger-3:hsla(355, 100%, 60%, 0.03);
  --danger-5:hsla(355, 100%, 60%, 0.05);
  --danger-10:hsla(355, 100%, 60%, 0.10);
  --danger-20:hsla(355, 100%, 60%, 0.20);
  --danger-30:hsla(355, 100%, 60%, 0.30);
  --danger-40:hsla(355, 100%, 60%, 0.40);
  --danger-50:hsla(355, 100%, 60%, 0.50);
  --danger-60:hsla(355, 100%, 60%, 0.60);
  --danger-70:hsla(355, 100%, 60%, 0.70);
  --danger-80:hsla(355, 100%, 60%, 0.80);
  --danger-90:hsla(355, 100%, 60%, 0.90);
  --danger:hsla(355, 100%, 60%, 1.0);
  --danger-dark-10:hsla(355, 100%, 67%, 1.0);
  --danger-dark-20:hsla(355, 100%, 78%, 1.0);
  --danger-dark-30:hsla(355, 100%, 85%, 1.0);
  --danger-dark-40:hsla(355, 100%, 90%, 1.0);
  --danger-dark-50:hsla(353, 100%, 97%, 1.0);
  --default-3:hsla(0, 0%, 1%, 0.03);
  --default-5:hsla(0, 0%, 1%, 0.05);
  --default-10:hsla(0, 0%, 1%, 0.10);
  --default-20:hsla(0, 0%, 1%, 0.20);
  --default-30:hsla(0, 0%, 1%, 0.30);
  --default-40:hsla(0, 0%, 1%, 0.40);
  --default-50:hsla(0, 0%, 1%, 0.50);
  --default-60:hsla(0, 0%, 1%, 0.60);
  --default-70:hsla(0, 0%, 1%, 0.70);
  --default-80:hsla(0, 0%, 1%, 0.80);
  --default-90:hsla(0, 0%, 1%, 0.90);
  --default:hsla(0, 0%, 1%, 1.0);
  --default-dark-10:hsla(0, 0%, 3%, 1.0);
  --default-dark-20:hsla(0, 0%, 5%, 1.0);
  --default-dark-30:hsla(0, 0%, 7%, 1.0);
  --default-dark-40:hsla(0, 0%, 9%, 1.0);
  --default-dark-50:hsla(0, 0%, 11%, 1.0);
  --neutral-0:hsla(220, 17%, 10%, 1.0);
  --neutral-3:hsla(220, 13%, 13%, 1.0);
  --neutral-5:hsla(217, 11%, 15%, 1.0);
  --neutral-10:hsla(225, 8%, 20%, 1.0);
  --neutral-20:hsla(223, 5%, 28%, 1.0);
  --neutral-30:hsla(220, 5%, 36%, 1.0);
  --neutral-40:hsla(220, 3%, 46%, 1.0);
  --neutral-50:hsla(220, 2%, 56%, 1.0);
  --neutral-60:hsla(220, 2%, 64%, 1.0);
  --neutral-70:hsla(215, 2%, 74%, 1.0);
  --neutral-80:hsla(210, 2%, 82%, 1.0);
  --neutral-90:hsla(210, 0%, 94%, 1.0);
  --neutral:hsla(0, 0%, 100%, 1.0);
  --neutral-dark-10:hsla(0, 0%, 100%, 1.0);
  --neutral-dark-20:hsla(0, 0%, 100%, 1.0);
  --neutral-dark-30:hsla(0, 0%, 100%, 1.0);
  --neutral-dark-40:hsla(0, 0%, 100%, 1.0);
  --neutral-dark-50:hsla(0, 0%, 100%, 1.0);
  --dark-3:hsla(0, 0%, 100%, 0.03);
  --dark-5:hsla(0, 0%, 100%, 0.05);
  --dark-10:hsla(0, 0%, 100%, 0.10);
  --dark-20:hsla(0, 0%, 100%, 0.20);
  --dark-30:hsla(0, 0%, 100%, 0.30);
  --dark-40:hsla(0, 0%, 100%, 0.40);
  --dark-50:hsla(0, 0%, 100%, 0.50);
  --dark-60:hsla(0, 0%, 100%, 0.60);
  --dark-70:hsla(0, 0%, 100%, 0.70);
  --dark-80:hsla(0, 0%, 100%, 0.80);
  --dark-90:hsla(0, 0%, 100%, 0.90);
  --dark:hsla(0, 0%, 100%, 1.0);
  --light-3:hsla(0, 0%, 0%, 0.03);
  --light-5:hsla(0, 0%, 0%, 0.05);
  --light-10:hsla(0, 0%, 0%, 0.10);
  --light-20:hsla(0, 0%, 0%, 0.20);
  --light-30:hsla(0, 0%, 0%, 0.30);
  --light-40:hsla(0, 0%, 0%, 0.40);
  --light-50:hsla(0, 0%, 0%, 0.50);
  --light-60:hsla(0, 0%, 0%, 0.60);
  --light-70:hsla(0, 0%, 0%, 0.70);
  --light-80:hsla(0, 0%, 0%, 0.80);
  --light-90:hsla(0, 0%, 0%, 0.90);
  --light:hsla(0, 0%, 0%, 1.0);
  /* TEMPLATE */
  --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);
  --shadow-color:hsla(0, 0%, 0%, 0.90);
  --box-shadow:0px 1px 2px hsla(0, 0%, 0%, 0.90);
  --overlay-color:hsla(0, 0%, 0%, 0.90);
}

/* SCSS Document */
/* TYPOGRAPHY | LIGHT ---------------------------------------------------------------------------------------------------- */
:root {
  --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;
  --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;
  --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:"Proxima Nova", Arial, Verdana, sans-serif;
  --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);
  --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);
  --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);
  --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);
  --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);
  --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);
  --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);
  --p-font-style:normal;
  --p-font-weight:400;
  --p-font-size:1.0rem;
  --p-line-height:1.5rem;
  --p-font-family:"Proxima Nova", Arial, Verdana, sans-serif;
  --p-color:hsla(0, 0%, 27%, 1.0);
  --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%, 27%, 1.0);
}

/* TYPOGRAPHY | DARK ---------------------------------------------------------------------------------------------------- */
[data-theme=dark] {
  --font-color:hsla(0, 0%, 85%, 1.0);
  --font-color-dark:hsla(0, 0%, 100%, 1.0);
  --font-color-light:hsla(0, 0%, 70%, 1.0);
  --h1-color:hsla(0, 0%, 100%, 1.0);
  --h2-color:hsla(0, 0%, 100%, 1.0);
  --h3-color:hsla(0, 0%, 100%, 1.0);
  --h4-color:hsla(0, 0%, 100%, 1.0);
  --h5-color:hsla(0, 0%, 100%, 1.0);
  --h6-color:hsla(0, 0%, 100%, 1.0);
  --p-color:hsla(0, 0%, 85%, 1.0);
  --li-color:hsla(0, 0%, 85%, 1.0);
}

/* SCSS Document */
/* ALERTS | LIGHT ---------------------------------------------------------------------------------------------------- */
:root {
  --alert-pt:12px;
  --alert-pe:20px;
  --alert-pb:12px;
  --alert-ps:20px;
  --alert-primary-color:hsla(0, 0%, 27%, 1.0);
  --alert-primary-bg-color:hsla(216, 83%, 41%, 0.10);
  --alert-primary-border-color:hsla(216, 83%, 41%, 0);
  --alert-primary-border-top-color:hsla(216, 83%, 41%, 0);
  --alert-primary-border-right-color:hsla(216, 83%, 41%, 0);
  --alert-primary-border-bottom-color:hsla(216, 83%, 41%, 0);
  --alert-primary-border-left-color:hsla(216, 83%, 41%, 0);
  --alert-primary-border-size:1px;
  --alert-primary-border-top-size:1px;
  --alert-primary-border-right-size:1px;
  --alert-primary-border-bottom-size:1px;
  --alert-primary-border-left-size:1px;
  --alert-secondary-color:hsla(0, 0%, 27%, 1.0);
  --alert-secondary-bg-color:hsla(0, 0%, 95%, 1.0);
  --alert-secondary-border-color:hsla(0, 0%, 95%, 0);
  --alert-secondary-border-top-color:hsla(0, 0%, 95%, 0);
  --alert-secondary-border-right-color:hsla(0, 0%, 95%, 0);
  --alert-secondary-border-bottom-color:hsla(0, 0%, 95%, 0);
  --alert-secondary-border-left-color:hsla(0, 0%, 95%, 0);
  --alert-secondary-border-size:1px;
  --alert-secondary-border-top-size:1px;
  --alert-secondary-border-right-size:1px;
  --alert-secondary-border-bottom-size:1px;
  --alert-secondary-border-left-size:1px;
  --alert-info-color:hsla(0, 0%, 27%, 1.0);
  --alert-info-bg-color:hsla(204, 73%, 64%, 0.10);
  --alert-info-border-color:hsla(204, 73%, 64%, 0);
  --alert-info-border-top-color:hsla(204, 73%, 64%, 0);
  --alert-info-border-right-color:hsla(204, 73%, 64%, 0);
  --alert-info-border-bottom-color:hsla(204, 73%, 64%, 0);
  --alert-info-border-left-color:hsla(204, 73%, 64%, 0);
  --alert-info-border-size:1px;
  --alert-info-border-top-size:1px;
  --alert-info-border-right-size:1px;
  --alert-info-border-bottom-size:1px;
  --alert-info-border-left-size:1px;
  --alert-success-color:hsla(0, 0%, 27%, 1.0);
  --alert-success-bg-color:hsla(148, 100%, 30%, 0.10);
  --alert-success-border-color:hsla(148, 100%, 30%, 0);
  --alert-success-border-top-color:hsla(148, 100%, 30%, 0);
  --alert-success-border-right-color:hsla(148, 100%, 30%, 0);
  --alert-success-border-bottom-color:hsla(148, 100%, 30%, 0);
  --alert-success-border-left-color:hsla(148, 100%, 30%, 0);
  --alert-success-border-size:1px;
  --alert-success-border-top-size:1px;
  --alert-success-border-right-size:1px;
  --alert-success-border-bottom-size:1px;
  --alert-success-border-left-size:1px;
  --alert-warning-color:hsla(0, 0%, 27%, 1.0);
  --alert-warning-bg-color:hsla(42, 100%, 48%, 0.10);
  --alert-warning-border-color:hsla(42, 100%, 48%, 0);
  --alert-warning-border-top-color:hsla(42, 100%, 48%, 0);
  --alert-warning-border-right-color:hsla(42, 100%, 48%, 0);
  --alert-warning-border-bottom-color:hsla(42, 100%, 48%, 0);
  --alert-warning-border-left-color:hsla(42, 100%, 48%, 0);
  --alert-warning-border-size:1px;
  --alert-warning-border-top-size:1px;
  --alert-warning-border-right-size:1px;
  --alert-warning-border-bottom-size:1px;
  --alert-warning-border-left-size:1px;
  --alert-danger-color:hsla(0, 0%, 27%, 1.0);
  --alert-danger-bg-color:hsla(355, 80%, 52%, 0.10);
  --alert-danger-border-color:hsla(355, 80%, 52%, 0);
  --alert-danger-border-top-color:hsla(355, 80%, 52%, 0);
  --alert-danger-border-right-color:hsla(355, 80%, 52%, 0);
  --alert-danger-border-bottom-color:hsla(355, 80%, 52%, 0);
  --alert-danger-border-left-color:hsla(355, 80%, 52%, 0);
  --alert-danger-border-size:1px;
  --alert-danger-border-top-size:1px;
  --alert-danger-border-right-size:1px;
  --alert-danger-border-bottom-size:1px;
  --alert-danger-border-left-size:1px;
  --alert-gray-color:hsla(0, 0%, 27%, 1.0);
  --alert-gray-bg-color:hsla(0, 0%, 98%, 1.0);
  --alert-gray-border-color:hsla(0, 0%, 98%, 0);
  --alert-gray-border-top-color:hsla(0, 0%, 98%, 0);
  --alert-gray-border-right-color:hsla(0, 0%, 98%, 0);
  --alert-gray-border-bottom-color:hsla(0, 0%, 98%, 0);
  --alert-gray-border-left-color:hsla(0, 0%, 98%, 0);
  --alert-gray-border-size:1px;
  --alert-gray-border-top-size:1px;
  --alert-gray-border-right-size:1px;
  --alert-gray-border-bottom-size:1px;
  --alert-gray-border-left-size:1px;
}

/* ALERTS | DARK ---------------------------------------------------------------------------------------------------- */
[data-theme=dark] {
  --alert-primary-color:hsla(0, 0%, 84%, 1.0);
  --alert-primary-bg-color:hsla(216, 88%, 57%, 0.10);
  --alert-primary-border-color:hsla(216, 88%, 57%, 0);
  --alert-primary-border-top-color:hsla(216, 88%, 57%, 0);
  --alert-primary-border-right-color:hsla(216, 88%, 57%, 0);
  --alert-primary-border-bottom-color:hsla(216, 88%, 57%, 0);
  --alert-primary-border-left-color:hsla(216, 88%, 57%, 0);
  --alert-secondary-color:hsla(0, 0%, 84%, 1.0);
  --alert-secondary-bg-color:hsla(225, 8%, 20%, 1.0);
  --alert-secondary-border-color:hsla(225, 8%, 20%, 0);
  --alert-secondary-border-top-color:hsla(225, 8%, 20%, 0);
  --alert-secondary-border-right-color:hsla(225, 8%, 20%, 0);
  --alert-secondary-border-bottom-color:hsla(225, 8%, 20%, 0);
  --alert-secondary-border-left-color:hsla(225, 8%, 20%, 0);
  --alert-info-color:hsla(0, 0%, 84%, 1.0);
  --alert-info-bg-color:hsla(204, 73%, 64%, 0.10);
  --alert-info-border-color:hsla(204, 73%, 64%, 0);
  --alert-info-border-top-color:hsla(204, 73%, 64%, 0);
  --alert-info-border-right-color:hsla(204, 73%, 64%, 0);
  --alert-info-border-bottom-color:hsla(204, 73%, 64%, 0);
  --alert-info-border-left-color:hsla(204, 73%, 64%, 0);
  --alert-success-color:hsla(0, 0%, 84%, 1.0);
  --alert-success-bg-color:hsla(148, 85%, 38%, 0.10);
  --alert-success-border-color:hsla(148, 85%, 38%, 0);
  --alert-success-border-top-color:hsla(148, 85%, 38%, 0);
  --alert-success-border-right-color:hsla(148, 85%, 38%, 0);
  --alert-success-border-bottom-color:hsla(148, 85%, 38%, 0);
  --alert-success-border-left-color:hsla(148, 85%, 38%, 0);
  --alert-warning-color:hsla(0, 0%, 84%, 1.0);
  --alert-warning-bg-color:hsla(42, 100%, 50%, 0.10);
  --alert-warning-border-color:hsla(42, 100%, 50%, 0);
  --alert-warning-border-top-color:hsla(42, 100%, 50%, 0);
  --alert-warning-border-right-color:hsla(42, 100%, 50%, 0);
  --alert-warning-border-bottom-color:hsla(42, 100%, 50%, 0);
  --alert-warning-border-left-color:hsla(42, 100%, 50%, 0);
  --alert-danger-color:hsla(0, 0%, 84%, 1.0);
  --alert-danger-bg-color:hsla(355, 100%, 62%, 0.20);
  --alert-danger-border-color:hsla(355, 100%, 62%, 0);
  --alert-danger-border-top-color:hsla(355, 100%, 62%, 0);
  --alert-danger-border-right-color:hsla(355, 100%, 62%, 0);
  --alert-danger-border-bottom-color:hsla(355, 100%, 62%, 0);
  --alert-danger-border-left-color:hsla(355, 100%, 62%, 0);
  --alert-gray-color:hsla(0, 0%, 84%, 1.0);
  --alert-gray-bg-color:hsla(225, 8%, 10%, 1.0);
  --alert-gray-border-color:hsla(225, 8%, 10%, 0);
  --alert-gray-border-top-color:hsla(225, 8%, 10%, 0);
  --alert-gray-border-right-color:hsla(225, 8%, 10%, 0);
  --alert-gray-border-bottom-color:hsla(225, 8%, 10%, 0);
  --alert-gray-border-left-color:hsla(225, 8%, 10%, 0);
}

/* SCSS Document */
/* BORDERS | LIGHT ---------------------------------------------------------------------------------------------------- */
:root {
  --border-color:hsla(0, 0%, 90%, 1.0);
  --border-radius:0px;
  --border-radius-xl:0px;
}

/* BORDERS | DARK ---------------------------------------------------------------------------------------------------- */
[data-theme=dark] {
  --border-color:hsla(240, 7%, 30%, 1.0);
}

/* SCSS Document */
/* BRAND LOGO | LIGHT ---------------------------------------------------------------------------------------------------- */
:root {
  --brand-logo-display:inline-block;
  --brand-logo-repeat:no-repeat;
  --brand-logo-position:0px 0px;
  --brand-logo-size:100% auto;
  --brand-logo-width:220px;
  --brand-logo-height:34px;
  --brand-logo-image:url("../../images/common/logos/ibkr/interactive-brokers.svg");
  --brand-logo-image-inverse:url("../../images/common/logos/ibkr/interactive-brokers-inverse.svg");
  --brand-logo-mobile-width:90px;
  --brand-logo-mobile-height:34px;
  --brand-logo-mobile-image:url("../../images/common/logos/ibkr/ibkr.svg");
  --brand-logo-mobile-image-inverse:url("../../images/common/logos/ibkr/ibkr-inverse.svg");
  --brand-logo-zh-hans-width:220px;
  --brand-logo-zh-hans-height:40px;
  --brand-logo-zh-hans-image:url("../../images/common/logos/ibkr/interactive-brokers-zhhans.svg");
  --brand-logo-zh-hans-image-inverse:url("../../images/common/logos/ibkr/interactive-brokers-zhhans-inverse.svg");
  --brand-logo-zh-hant-width:220px;
  --brand-logo-zh-hant-height:40px;
  --brand-logo-zh-hant-image:url("../../images/common/logos/ibkr/interactive-brokers-zhhant.svg");
  --brand-logo-zh-hant-image-inverse:url("../../images/common/logos/ibkr/interactive-brokers-zhhant-inverse.svg");
}

/* BRAND LOGO | DARK ---------------------------------------------------------------------------------------------------- */
[data-theme=dark] {
  --brand-logo-image:url("../../images/common/logos/ibkr/interactive-brokers-inverse.svg");
  --brand-logo-image-inverse:url("../../images/common/logos/ibkr/interactive-brokers.svg");
  --brand-logo-mobile-image:url("../../images/common/logos/ibkr/ibkr-inverse.svg");
  --brand-logo-mobile-image-inverse:url("../../images/common/logos/ibkr/ibkr.svg");
  --brand-logo-zh-hans-image:url("../../images/common/logos/ibkr/interactive-brokers-zhhans-inverse.svg");
  --brand-logo-zh-hans-image-inverse:url("../../images/common/logos/ibkr/interactive-brokers-zhhans.svg");
  --brand-logo-zh-hant-image:url("../../images/common/logos/ibkr/interactive-brokers-zhhant-inverse.svg");
  --brand-logo-zh-hant-image-inverse:url("../../images/common/logos/ibkr/interactive-brokers-zhhant.svg");
}

/* SCSS Document */
/* BUTTONS | LIGHT ---------------------------------------------------------------------------------------------------- */
:root {
  --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-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-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-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-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%, 27%, 1.0);
  --btn-default-color-hover:hsla(0, 0%, 27%, 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);
  /* 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);
}

/* BUTTONS | DARK ---------------------------------------------------------------------------------------------------- */
[data-theme=dark] {
  /* BTN-DEFAULT */
  --btn-default-color:hsla(0, 0%, 70%, 1.0);
  --btn-default-color-hover:hsla(0, 0%, 90%, 1.0);
  --btn-default-color-active:hsla(0, 0%, 100%, 1.0);
  --btn-default-color-focus:hsla(0, 0%, 100%, 1.0);
  --btn-default-bg-color:hsla(0, 0%, 100%, 0.05);
  --btn-default-bg-color-hover:hsla(0, 0%, 100%, 0.10);
  --btn-default-bg-color-active:hsla(0, 0%, 100%, 0.10);
  --btn-default-bg-color-focus:hsla(0, 0%, 100%, 0.10);
  --btn-default-border-color:hsla(0, 0%, 30%, 1.0);
  --btn-default-border-color-hover:hsla(0, 0%, 40%, 1.0);
  --btn-default-border-color-active:hsla(0, 0%, 50%, 1.0);
  --btn-default-border-color-focus:hsla(0, 0%, 50%, 1.0);
  /* BTN-PRIMARY */
  --btn-primary-color:hsla(0, 0%, 0%, 1.0);
  --btn-primary-color-hover:hsla(0, 0%, 0%, 1.0);
  --btn-primary-color-active:hsla(0, 0%, 0%, 1.0);
  --btn-primary-color-focus:hsla(0, 0%, 0%, 1.0);
  --btn-primary-bg-color:hsla(0, 0%, 80%, 1.0);
  --btn-primary-bg-color-hover:hsla(0, 0%, 90%, 1.0);
  --btn-primary-bg-color-active:hsla(0, 0%, 100%, 1.0);
  --btn-primary-bg-color-focus:hsla(0, 0%, 100%, 1.0);
  --btn-primary-border-color:hsla(0, 0%, 80%, 1.0);
  --btn-primary-border-color-hover:hsla(0, 0%, 90%, 1.0);
  --btn-primary-border-color-active:hsla(0, 0%, 100%, 1.0);
  --btn-primary-border-color-focus:hsla(0, 0%, 100%, 1.0);
  /* BTN-SECONDARY */
  --btn-secondary-color:hsla(0, 0%, 0%, 1.0);
  --btn-secondary-color-hover:hsla(0, 0%, 0%, 1.0);
  --btn-secondary-color-active:hsla(0, 0%, 0%, 1.0);
  --btn-secondary-color-focus:hsla(0, 0%, 0%, 1.0);
  --btn-secondary-bg-color:hsla(0, 0%, 60%, 1.0);
  --btn-secondary-bg-color-hover:hsla(0, 0%, 70%, 1.0);
  --btn-secondary-bg-color-active:hsla(0, 0%, 80%, 1.0);
  --btn-secondary-bg-color-focus:hsla(0, 0%, 80%, 1.0);
  --btn-secondary-border-color:hsla(0, 0%, 60%, 1.0);
  --btn-secondary-border-color-hover:hsla(0, 0%, 70%, 1.0);
  --btn-secondary-border-color-active:hsla(0, 0%, 80%, 1.0);
  --btn-secondary-border-color-focus:hsla(0, 0%, 80%, 1.0);
  /* BTN-TERTIARY */
  --btn-tertiary-color:hsla(0, 0%, 0%, 1.0);
  --btn-tertiary-color-hover:hsla(0, 0%, 0%, 1.0);
  --btn-tertiary-color-active:hsla(0, 0%, 0%, 1.0);
  --btn-tertiary-color-focus:hsla(0, 0%, 0%, 1.0);
  --btn-tertiary-bg-color:hsla(0, 0%, 40%, 1.0);
  --btn-tertiary-bg-color-hover:hsla(0, 0%, 50%, 1.0);
  --btn-tertiary-bg-color-active:hsla(0, 0%, 60%, 1.0);
  --btn-tertiary-bg-color-focus:hsla(0, 0%, 60%, 1.0);
  --btn-tertiary-border-color:hsla(0, 0%, 40%, 1.0);
  --btn-tertiary-border-color-hover:hsla(0, 0%, 50%, 1.0);
  --btn-tertiary-border-color-active:hsla(0, 0%, 60%, 1.0);
  --btn-tertiary-border-color-focus:hsla(0, 0%, 60%, 1.0);
  /* BTN-ICON */
  --btn-icon-color:hsla(0, 0%, 95%, 1.0);
  --btn-icon-color-hover:hsla(0, 0%, 90%, 1.0);
  --btn-icon-color-active:hsla(0, 0%, 90%, 1.0);
}

/* SCSS Document */
/* FORMS | LIGHT ---------------------------------------------------------------------------------------------------- */
:root {
  --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-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-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%, 27%, 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%, 1.0);
}

/* FORMS | DARK ---------------------------------------------------------------------------------------------------- */
[data-theme=dark] {
  --link-color:hsla(0, 0%, 95%, 1.0);
  --link-color-hover:hsla(0, 0%, 90%, 1.0);
  --link-color-active:hsla(0, 0%, 90%, 1.0);
  --label-color:hsla(0, 0%, 100%, 1.0);
  --input-color:hsla(0, 0%, 84%, 1.0);
  --input-color-focus:hsla(0, 0%, 84%, 1.0);
  --input-bg-color:hsla(240, 17%, 10%, 1.0);
  --input-bg-color-focus:hsla(240, 17%, 10%, 1.0);
  --input-border-color:hsla(240, 7%, 21%, 1.0);
  --input-border-color-focus:hsla(0, 0%, 95%, 1.0);
}

/* SCSS Document */
/* TABLES | LIGHT ---------------------------------------------------------------------------------------------------- */
:root {
  --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);
  --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%, 27%, 1.0);
  --td-bg-color:hsla(0, 0%, 100%, 0);
}

/* TABLES | DARK ---------------------------------------------------------------------------------------------------- */
[data-theme=dark] {
  --th-color:hsla(208, 7%, 46%, 0.90);
  --th-bg-color:hsla(0, 0%, 0%, 0);
  --td-color:hsla(0, 0%, 84%, 1.0);
  --td-bg-color:hsla(0, 0%, 0%, 0);
}

/* SCSS Document */
/* REG-AM | LIGHT ---------------------------------------------------------------------------------------------------- */
:root {
  /* REGISTRATION */
  --reg-brand-logo-image:var(--brand-logo-image-inverse);
  --reg-brand-logo-mobile-image:var(--brand-logo-mobile-image-inverse);
  --reg-nav-top-bg-color:hsla(0, 0%, 15%, 1.0);
  --reg-nav-top-font-color:hsla(0, 0%, 80%, 1.0);
  --reg-nav-top-font-color-hover:hsla(0, 0%, 100%, 1.0);
  --reg-nav-top-dropdown-font-color:hsla(0, 0%, 27%, 1.0);
  --reg-nav-top-dropdown-font-color-hover:hsla(0, 0%, 0%, 1.0);
  --reg-app-progress-bg-color:hsla(0, 0%, 5%, 1.0);
  --reg-app-progress-font-color:hsla(0, 0%, 80%, 1.0);
  --reg-app-progress-font-color-active:hsla(0, 0%, 100%, 1.0);
  --reg-footer-bg-color:hsla(0, 0%, 97%, 1.0);
  --reg-footer-font-color:hsla(0, 0%, 27%, 1.0);
  --reg-start-left-bg-color:hsla(0, 0%, 20%, 1.0);
  --reg-start-left-font-color:hsla(0, 0%, 100%, 1.0);
  --reg-start-right-bg-color:hsla(0, 0%, 100%, 1.0);
  --reg-start-right-font-color:hsla(0, 0%, 27%, 1.0);
  /* ACCOUNT MANAGEMENT */
  --am-nav-top-bg-color:hsla(0, 0%, 0%, 1.0);
  --am-nav-top-font-color:hsla(0, 0%, 80%, 1.0);
  --am-nav-top-font-color-hover:hsla(0, 0%, 100%, 1.0);
  --am-nav-top-font-color-active:hsla(0, 0%, 100%, 1.0);
  --am-nav-top-link-bg-color:hsla(0, 0%, 100%, 0);
  --am-nav-top-link-bg-color-hover:hsla(0, 0%, 100%, 0);
  --am-nav-top-link-bg-color-active:hsla(0, 0%, 100%, 0);
  --am-nav-top-dropdown-bg-color:hsla(0, 0%, 100%, 1.0);
  --am-nav-top-dropdown-font-color:hsla(0, 0%, 27%, 1.0);
  --am-nav-top-dropdown-font-color-hover:hsla(0, 0%, 0%, 1.0);
  --am-nav-top-dropdown-font-color-active:hsla(0, 0%, 0%, 1.0);
  --am-nav-top-dropdown-link-bg-color:hsla(0, 0%, 100%, 0);
  --am-nav-top-dropdown-link-bg-color-hover:hsla(0, 0%, 5%, 0.05);
  --am-nav-top-dropdown-link-bg-color-active:hsla(0, 0%, 5%, 0.05);
  --am-nav-bottom-bg-color:hsla(0, 0%, 100%, 1.0);
  --am-nav-bottom-font-color:hsla(0, 0%, 27%, 1.0);
  --am-nav-bottom-font-color-hover:hsla(0, 0%, 0%, 1.0);
  --am-nav-bottom-font-color-active:hsla(0, 0%, 0%, 1.0);
  --am-nav-bottom-link-bg-color:hsla(0, 0%, 100%, 0);
  --am-nav-bottom-link-bg-color-hover:hsla(0, 0%, 100%, 0);
  --am-nav-bottom-link-bg-color-active:hsla(0, 0%, 100%, 0);
  --am-nav-bottom-dropdown-bg-color:hsla(0, 0%, 100%, 1.0);
  --am-nav-bottom-dropdown-font-color:hsla(0, 0%, 27%, 1.0);
  --am-nav-bottom-dropdown-font-color-hover:hsla(0, 0%, 0%, 1.0);
  --am-nav-bottom-dropdown-font-color-active:hsla(0, 0%, 0%, 1.0);
  --am-nav-bottom-dropdown-link-bg-color:hsla(0, 0%, 100%, 0);
  --am-nav-bottom-dropdown-link-bg-color-hover:hsla(0, 0%, 5%, 0.05);
  --am-nav-bottom-dropdown-link-bg-color-active:hsla(0, 0%, 5%, 0.05);
  --am-footer-bg-color:hsla(0, 0%, 97%, 1.0);
  --am-footer-font-color:hsla(0, 0%, 27%, 1.0);
  --am-footer-font-color-dark:hsla(0, 0%, 0%, 1.0);
  --am-footer-font-color-light:hsla(0, 0%, 40%, 1.0);
  --am-footer-link-color:hsla(0, 0%, 27%, 1.0);
  --am-footer-link-color-hover:hsla(0, 0%, 5%, 1.0);
  --am-footer-link-color-active:hsla(0, 0%, 5%, 1.0);
  --am-login-bg-color:hsla(0, 0%, 95%, 1.0);
  --am-panel-bg-color:hsla(0, 0%, 100%, 1.0);
  --am-panel-heading-bg-color:hsla(0, 0%, 100%, 1.0);
  --am-panel-body-bg-color:hsla(0, 0%, 100%, 1.0);
}

/* REG-AM | DARK ---------------------------------------------------------------------------------------------------- */
[data-theme=dark] {
  /* REGISTRATION */
  --reg-brand-logo-image:var(--brand-logo-image);
  --reg-brand-logo-mobile-image:var(--brand-logo-mobile-image);
  --reg-nav-top-bg-color:hsla(0, 0%, 0%, 1.0);
  --reg-nav-top-font-color:hsla(0, 0%, 80%, 1.0);
  --reg-nav-top-font-color-hover:hsla(0, 0%, 100%, 1.0);
  --reg-nav-top-dropdown-font-color:hsla(0, 0%, 85%, 1.0);
  --reg-nav-top-dropdown-font-color-hover:hsla(0, 0%, 100%, 1.0);
  --reg-app-progress-bg-color:hsla(208, 7%, 46%, 0.10)
  --reg-app-progress-font-color:hsla(0, 0%, 80%, 1.0);
  --reg-app-progress-font-color-active:hsla(0, 0%, 100%, 1.0);
  --reg-footer-bg-color:hsla(208, 7%, 46%, 0.10);
  --reg-footer-font-color:hsla(0, 0%, 85%, 1.0);
  --reg-start-left-bg-color:hsla(208, 7%, 46%, 0.10);
  --reg-start-left-font-color:hsla(0, 0%, 100%, 1.0);
  --reg-start-right-bg-color:hsla(240, 17%, 10%, 1.0);
  --reg-start-right-font-color:hsla(0, 0%, 85%, 1.0);
  /* ACCOUNT MANAGEMENT */
  --am-nav-top-bg-color:hsla(0, 0%, 0%, 1.0);
  --am-nav-top-font-color:hsla(0, 0%, 80%, 1.0);
  --am-nav-top-font-color-hover:hsla(0, 0%, 100%, 1.0);
  --am-nav-top-font-color-active:hsla(0, 0%, 100%, 1.0);
  --am-nav-top-link-bg-color:hsla(0, 0%, 0%, 0);
  --am-nav-top-link-bg-color-hover:hsla(0, 0%, 0%, 0);
  --am-nav-top-link-bg-color-active:hsla(0, 0%, 0%, 0);
  --am-nav-top-dropdown-bg-color:hsla(240, 17%, 10%, 1.0);
  --am-nav-top-dropdown-font-color:hsla(0, 0%, 85%, 1.0);
  --am-nav-top-dropdown-font-color-hover:hsla(0, 0%, 100%, 1.0);
  --am-nav-top-dropdown-font-color-active:hsla(0, 0%, 100%, 1.0);
  --am-nav-top-dropdown-link-bg-color:hsla(0, 0%, 0%, 0);
  --am-nav-top-dropdown-link-bg-color-hover:hsla(208, 7%, 46%, 0.10);
  --am-nav-top-dropdown-link-bg-color-active:hsla(208, 7%, 46%, 0.10);
  --am-nav-bottom-bg-color:hsla(240, 17%, 10%, 1.0);
  --am-nav-bottom-font-color:hsla(0, 0%, 85%, 1.0);
  --am-nav-bottom-font-color-hover:hsla(0, 0%, 100%, 1.0);
  --am-nav-bottom-font-color-active:hsla(0, 0%, 100%, 1.0);
  --am-nav-bottom-link-bg-color:hsla(0, 0%, 0%, 0);
  --am-nav-bottom-link-bg-color-hover:hsla(0, 0%, 0%, 0);
  --am-nav-bottom-link-bg-color-active:hsla(0, 0%, 0%, 0);
  --am-nav-bottom-dropdown-bg-color:hsla(240, 17%, 10%, 1.0);
  --am-nav-bottom-dropdown-font-color:hsla(0, 0%, 85%, 1.0);
  --am-nav-bottom-dropdown-font-color-hover:hsla(0, 0%, 100%, 1.0);
  --am-nav-bottom-dropdown-font-color-active:hsla(0, 0%, 100%, 1.0);
  --am-nav-bottom-dropdown-link-bg-color:hsla(0, 0%, 0%, 0);
  --am-nav-bottom-dropdown-link-bg-color-hover:hsla(208, 7%, 46%, 0.10);
  --am-nav-bottom-dropdown-link-bg-color-active:hsla(208, 7%, 46%, 0.10);
  --am-footer-bg-color:hsla(208, 7%, 46%, 0.10);
  --am-footer-font-color:hsla(0, 0%, 80%, 1.0);
  --am-footer-font-color-dark:hsla(0, 0%, 100%, 1.0);
  --am-footer-font-color-light:hsla(0, 0%, 60%, 1.0);
  --am-footer-link-color:hsla(0, 0%, 80%, 1.0);
  --am-footer-link-color-hover:hsla(0, 0%, 100%, 1.0);
  --am-footer-link-color-active:hsla(0, 0%, 100%, 1.0);
  --am-login-bg-color:hsla(240, 17%, 10%, 1.0);
  --am-panel-bg-color:hsla(240, 17%, 10%, 1.0);
  --am-panel-heading-bg-color:hsla(240, 17%, 10%, 1.0);
  --am-panel-body-bg-color:hsla(240, 17%, 10%, 1.0);
}

/* SCSS Document */
/* WEBSITE | LIGHT ---------------------------------------------------------------------------------------------------- */
:root {
  --nav-top-bg-color:hsla(0, 0%, 0%, 1.0);
  --nav-top-link-color:hsla(0, 0%, 80%, 1.0);
  --nav-top-link-color-hover:hsla(0, 0%, 100%, 1.0);
  --nav-top-link-color-active:hsla(0, 0%, 100%, 1.0);
  --nav-top-link-bg-color:hsla(0, 0%, 100%, 0);
  --nav-top-link-bg-color-hover:hsla(0, 0%, 100%, 0);
  --nav-top-link-bg-color-active:hsla(0, 0%, 100%, 0);
  --nav-top-dropdown-bg-color:hsla(0, 0%, 100%, 1.0);
  --nav-top-dropdown-font-color-dark:hsla(0, 0%, 0%, 1.0);
  --nav-top-dropdown-font-color:hsla(0, 0%, 27%, 1.0);
  --nav-top-dropdown-font-color-light:hsla(0, 0%, 40%, 1.0);
  --nav-top-dropdown-link-color:hsla(0, 0%, 27%, 1.0);
  --nav-top-dropdown-link-color-hover:hsla(0, 0%, 5%, 1.0);
  --nav-top-dropdown-link-color-active:hsla(0, 0%, 5%, 1.0);
  --nav-top-dropdown-link-bg-color:hsla(0, 0%, 100%, 0);
  --nav-top-dropdown-link-bg-color-hover:hsla(0, 0%, 95%, 1.0);
  --nav-top-dropdown-link-bg-color-active:hsla(0, 0%, 95%, 1.0);
  --nav-bottom-bg-color:hsla(0, 0%, 100%, 1.0);
  --nav-bottom-link-color:hsla(0, 0%, 27%, 1.0);
  --nav-bottom-link-color-hover:hsla(0, 0%, 5%, 1.0);
  --nav-bottom-link-color-active:hsla(0, 0%, 5%, 1.0);
  --nav-bottom-link-bg-color:hsla(0, 0%, 100%, 0);
  --nav-bottom-link-bg-color-hover:hsla(0, 0%, 100%, 0);
  --nav-bottom-link-bg-color-active:hsla(0, 0%, 100%, 0);
  --nav-bottom-dropdown-bg-color:hsla(0, 0%, 100%, 1.0);
  --nav-bottom-dropdown-font-color-dark:hsla(0, 0%, 0%, 1.0);
  --nav-bottom-dropdown-font-color:hsla(0, 0%, 27%, 1.0);
  --nav-bottom-dropdown-font-color-light:hsla(0, 0%, 40%, 1.0);
  --nav-bottom-dropdown-link-color:hsla(0, 0%, 27%, 1.0);
  --nav-bottom-dropdown-link-color-hover:hsla(0, 0%, 5%, 1.0);
  --nav-bottom-dropdown-link-color-active:hsla(0, 0%, 5%, 1.0);
  --nav-bottom-dropdown-link-bg-color:hsla(0, 0%, 100%, 0);
  --nav-bottom-dropdown-link-bg-color-hover:hsla(0, 0%, 95%, 1.0);
  --nav-bottom-dropdown-link-bg-color-active:hsla(0, 0%, 95%, 1.0);
  --footer-bg-color:hsla(0, 0%, 97%, 1.0);
  --footer-font-color-dark:hsla(0, 0%, 0%, 1.0);
  --footer-font-color:hsla(0, 0%, 27%, 1.0);
  --footer-font-color-light:hsla(0, 0%, 40%, 1.0);
  --footer-link-color:hsla(0, 0%, 27%, 1.0);
  --footer-link-color-hover:hsla(0, 0%, 5%, 1.0);
  --footer-link-color-active:hsla(0, 0%, 5%, 1.0);
}

/* WEBSITE | DARK ---------------------------------------------------------------------------------------------------- */
[data-theme=dark] {
  --nav-top-bg-color:hsla(0, 0%, 0%, 1.0);
  --nav-top-link-color:hsla(0, 0%, 80%, 1.0);
  --nav-top-link-color-hover:hsla(0, 0%, 100%, 1.0);
  --nav-top-link-color-active:hsla(0, 0%, 100%, 1.0);
  --nav-top-link-bg-color:hsla(0, 0%, 0%, 0);
  --nav-top-link-bg-color-hover:hsla(0, 0%, 0%, 0);
  --nav-top-link-bg-color-active:hsla(0, 0%, 0%, 0);
  --nav-top-dropdown-bg-color:hsla(240, 17%, 10%, 1.0);
  --nav-top-dropdown-font-color-dark:hsla(0, 0%, 100%, 1.0);
  --nav-top-dropdown-font-color:hsla(0, 0%, 80%, 1.0);
  --nav-top-dropdown-font-color-light:hsla(0, 0%, 60%, 1.0);
  --nav-top-dropdown-link-color:hsla(0, 0%, 80%, 1.0);
  --nav-top-dropdown-link-color-hover:hsla(0, 0%, 100%, 1.0);
  --nav-top-dropdown-link-color-active:hsla(0, 0%, 100%, 1.0);
  --nav-top-dropdown-link-bg-color:hsla(0, 0%, 0%, 0);
  --nav-top-dropdown-link-bg-color-hover:hsla(208, 7%, 46%, 0.10);
  --nav-top-dropdown-link-bg-color-active:hsla(208, 7%, 46%, 0.10);
  --nav-bottom-bg-color:hsla(240, 17%, 10%, 1.0);
  --nav-bottom-link-color:hsla(0, 0%, 80%, 1.0);
  --nav-bottom-link-color-hover:hsla(0, 0%, 100%, 1.0);
  --nav-bottom-link-color-active:hsla(0, 0%, 100%, 1.0);
  --nav-bottom-link-bg-color:hsla(0, 0%, 0%, 0);
  --nav-bottom-link-bg-color-hover:hsla(0, 0%, 0%, 0);
  --nav-bottom-link-bg-color-active:hsla(0, 0%, 0%, 0);
  --nav-bottom-dropdown-bg-color:hsla(240, 17%, 10%, 1.0);
  --nav-bottom-dropdown-font-color-dark:hsla(0, 0%, 100%, 1.0);
  --nav-bottom-dropdown-font-color:hsla(0, 0%, 80%, 1.0);
  --nav-bottom-dropdown-font-color-light:hsla(0, 0%, 60%, 1.0);
  --nav-bottom-dropdown-link-color:hsla(0, 0%, 80%, 1.0);
  --nav-bottom-dropdown-link-color-hover:hsla(0, 0%, 100%, 1.0);
  --nav-bottom-dropdown-link-color-active:hsla(0, 0%, 100%, 1.0);
  --nav-bottom-dropdown-link-bg-color:hsla(0, 0%, 0%, 0);
  --nav-bottom-dropdown-link-bg-color-hover:hsla(208, 7%, 46%, 0.10);
  --nav-bottom-dropdown-link-bg-color-active:hsla(208, 7%, 46%, 0.10);
  --footer-bg-color:hsla(208, 7%, 46%, 0.10);
  --footer-font-color-dark:hsla(0, 0%, 100%, 1.0);
  --footer-font-color:hsla(0, 0%, 80%, 1.0);
  --footer-font-color-light:hsla(0, 0%, 60%, 1.0);
  --footer-link-color:hsla(0, 0%, 80%, 1.0);
  --footer-link-color-hover:hsla(0, 0%, 100%, 1.0);
  --footer-link-color-active:hsla(0, 0%, 100%, 1.0);
}

/* SCSS Document */
/* LANGUAGE | AR (ARABIC) ---------------------------------------------------------------------------------------------------- */
[lang=ar] {
  /* TYPOGRAPHY */
  --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;
  --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:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --h1-font-style:normal;
  --h1-font-weight:400;
  --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:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --h2-font-style:normal;
  --h2-font-weight:400;
  --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:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --h3-font-style:normal;
  --h3-font-weight:400;
  --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:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --h4-font-style:normal;
  --h4-font-weight:400;
  --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:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --h5-font-style:normal;
  --h5-font-weight:400;
  --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:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --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:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --p-font-style:normal;
  --p-font-weight:400;
  --p-font-size:1.0rem;
  --p-line-height:1.5rem;
  --p-font-family:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --li-font-style:normal;
  --li-font-weight:400;
  --li-font-size:1.0rem;
  --li-line-height:1.375rem;
  --li-font-family:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  /* TABLES */
  --th-font-style:normal;
  --th-font-weight:400;
  --th-font-size:0.8125rem;
  --th-line-height:1.125rem;
  --th-font-family:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --td-font-style:normal;
  --td-font-weight:400;
  --td-font-size:0.875rem;
  --td-line-height:1.125rem;
  --td-font-family:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  /* FORMS */
  --label-font-style:normal;
  --label-font-weight:400;
  --label-font-size:1.0rem;
  --label-line-height:1.375rem;
  --label-font-family:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --input-font-style:normal;
  --input-font-weight:400;
  --input-font-size:1.0rem;
  --input-line-height:1.375rem;
  --input-font-family:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  /* BUTTONS */
  --btn-xl-font-style:normal;
  --btn-xl-font-weight:600;
  --btn-xl-font-size:1.0rem;
  --btn-xl-line-height:1.0rem;
  --btn-xl-font-family:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --btn-lg-font-style:normal;
  --btn-lg-font-weight:600;
  --btn-lg-font-size:1.0rem;
  --btn-lg-line-height:1.0rem;
  --btn-lg-font-family:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --btn-font-style:normal;
  --btn-font-weight:600;
  --btn-font-size:1.0rem;
  --btn-line-height:1.0rem;
  --btn-font-family:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --btn-sm-font-style:normal;
  --btn-sm-font-weight:600;
  --btn-sm-font-size:0.875rem;
  --btn-sm-line-height:0.875rem;
  --btn-sm-font-family:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --btn-xs-font-style:normal;
  --btn-xs-font-weight:600;
  --btn-xs-font-size:0.75rem;
  --btn-xs-line-height:0.75rem;
  --btn-xs-font-family:"Geeza Pro", "Helvetica Neue", "Helvetica", Arial, sans-serif;
}

/* SCSS Document */
/* LANGUAGE | HU (HUNGARIAN) ---------------------------------------------------------------------------------------------------- */
[lang=hu] {
  /* TYPOGRAPHY */
  --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;
  --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:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  --h1-font-style:normal;
  --h1-font-weight:400;
  --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:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  --h2-font-style:normal;
  --h2-font-weight:400;
  --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:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  --h3-font-style:normal;
  --h3-font-weight:400;
  --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:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  --h4-font-style:normal;
  --h4-font-weight:400;
  --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:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  --h5-font-style:normal;
  --h5-font-weight:400;
  --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:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  --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:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  --p-font-style:normal;
  --p-font-weight:400;
  --p-font-size:1.0rem;
  --p-line-height:1.5rem;
  --p-font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  --li-font-style:normal;
  --li-font-weight:400;
  --li-font-size:1.0rem;
  --li-line-height:1.375rem;
  --li-font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  /* TABLES */
  --th-font-style:normal;
  --th-font-weight:400;
  --th-font-size:0.8125rem;
  --th-line-height:1.125rem;
  --th-font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  --td-font-style:normal;
  --td-font-weight:400;
  --td-font-size:0.875rem;
  --td-line-height:1.125rem;
  --td-font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  /* FORMS */
  --label-font-style:normal;
  --label-font-weight:400;
  --label-font-size:1.0rem;
  --label-line-height:1.375rem;
  --label-font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  --input-font-style:normal;
  --input-font-weight:400;
  --input-font-size:1.0rem;
  --input-line-height:1.375rem;
  --input-font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  /* BUTTONS */
  --btn-xl-font-style:normal;
  --btn-xl-font-weight:600;
  --btn-xl-font-size:1.0rem;
  --btn-xl-line-height:1.0rem;
  --btn-xl-font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  --btn-lg-font-style:normal;
  --btn-lg-font-weight:600;
  --btn-lg-font-size:1.0rem;
  --btn-lg-line-height:1.0rem;
  --btn-lg-font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  --btn-font-style:normal;
  --btn-font-weight:600;
  --btn-font-size:1.0rem;
  --btn-line-height:1.0rem;
  --btn-font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  --btn-sm-font-style:normal;
  --btn-sm-font-weight:600;
  --btn-sm-font-size:0.875rem;
  --btn-sm-line-height:0.875rem;
  --btn-sm-font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
  --btn-xs-font-style:normal;
  --btn-xs-font-weight:600;
  --btn-xs-font-size:0.75rem;
  --btn-xs-line-height:0.75rem;
  --btn-xs-font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;
}

/* SCSS Document */
/* LANGUAGE | JA (JAPANESE) ---------------------------------------------------------------------------------------------------- */
[lang=ja] {
  /* TYPOGRAPHY */
  --fs-1:2.25rem;
  --fs-2:2.0rem;
  --fs-3:1.75rem;
  --fs-4:1.5rem;
  --fs-5:1.25rem;
  --fs-6:1.125rem;
  --fs-7:1.0rem;
  --fs-8:0.875rem;
  --fs-9:0.75rem;
  --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:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --h1-font-style:normal;
  --h1-font-weight:600;
  --h1-font-size:2.25rem;
  --h1-font-size-mobile:2.0rem;
  --h1-line-height:2.75rem;
  --h1-line-height-mobile:2.625rem;
  --h1-font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --h2-font-style:normal;
  --h2-font-weight:600;
  --h2-font-size:2.0rem;
  --h2-font-size-mobile:1.75rem;
  --h2-line-height:2.625rem;
  --h2-line-height-mobile:2.5rem;
  --h2-font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --h3-font-style:normal;
  --h3-font-weight:600;
  --h3-font-size:1.75rem;
  --h3-font-size-mobile:1.5rem;
  --h3-line-height:2.5rem;
  --h3-line-height-mobile:2.25rem;
  --h3-font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --h4-font-style:normal;
  --h4-font-weight:600;
  --h4-font-size:1.5rem;
  --h4-font-size-mobile:1.25rem;
  --h4-line-height:2.25rem;
  --h4-line-height-mobile:2.0rem;
  --h4-font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --h5-font-style:normal;
  --h5-font-weight:600;
  --h5-font-size:1.25rem;
  --h5-font-size-mobile:1.125rem;
  --h5-line-height:2.0rem;
  --h5-line-height-mobile:1.75rem;
  --h5-font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --h6-font-style:normal;
  --h6-font-weight:600;
  --h6-font-size:1.125rem;
  --h6-font-size-mobile:1.0rem;
  --h6-line-height:1.75rem;
  --h6-line-height-mobile:1.375rem;
  --h6-font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --p-font-style:normal;
  --p-font-weight:400;
  --p-font-size:1.0rem;
  --p-line-height:1.5rem;
  --p-font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --li-font-style:normal;
  --li-font-weight:400;
  --li-font-size:1.0rem;
  --li-line-height:1.375rem;
  --li-font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /* TABLES */
  --th-font-style:normal;
  --th-font-weight:400;
  --th-font-size:0.8125rem;
  --th-line-height:1.125rem;
  --th-font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --td-font-style:normal;
  --td-font-weight:400;
  --td-font-size:0.875rem;
  --td-line-height:1.125rem;
  --td-font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /* FORMS */
  --label-font-style:normal;
  --label-font-weight:400;
  --label-font-size:1.0rem;
  --label-line-height:1.375rem;
  --label-font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --input-font-style:normal;
  --input-font-weight:400;
  --input-font-size:1.0rem;
  --input-line-height:1.375rem;
  --input-font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  /* BUTTONS */
  --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:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --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:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --btn-font-style:normal;
  --btn-font-weight:600;
  --btn-font-size:1.0rem;
  --btn-line-height:1.375rem;
  --btn-font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --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:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --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:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* SCSS Document */
/* LANGUAGE | KO (KOREAN) ---------------------------------------------------------------------------------------------------- */
[lang=ko] {
  /* TYPOGRAPHY */
  --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;
  --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:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  --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:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  --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:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  --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:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  --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:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  --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:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  --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:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  --p-font-style:normal;
  --p-font-weight:400;
  --p-font-size:1.0rem;
  --p-line-height:1.5rem;
  --p-font-family:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  --li-font-style:normal;
  --li-font-weight:400;
  --li-font-size:1.0rem;
  --li-line-height:1.375rem;
  --li-font-family:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  /* TABLES */
  --th-font-style:normal;
  --th-font-weight:400;
  --th-font-size:0.8125rem;
  --th-line-height:1.125rem;
  --th-font-family:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  --td-font-style:normal;
  --td-font-weight:400;
  --td-font-size:0.875rem;
  --td-line-height:1.125rem;
  --td-font-family:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  /* FORMS */
  --label-font-style:normal;
  --label-font-weight:400;
  --label-font-size:1.0rem;
  --label-line-height:1.375rem;
  --label-font-family:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  --input-font-style:normal;
  --input-font-weight:400;
  --input-font-size:1.0rem;
  --input-line-height:1.375rem;
  --input-font-family:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  /* BUTTONS */
  --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:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  --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:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  --btn-font-style:normal;
  --btn-font-weight:600;
  --btn-font-size:1.0rem;
  --btn-line-height:1.375rem;
  --btn-font-family:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  --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:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
  --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:"Apple SD Gothic Neo", "NanumBarunGothic", "맑은 고딕", "Malgun Gothic", "굴림", "Gulim", "돋움", "Dotum", sans-serif;
}

/* SCSS Document */
/* LANGUAGE | RU (RUSSIAN) ---------------------------------------------------------------------------------------------------- */
[lang=ru] {
  /* TYPOGRAPHY */
  --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;
  --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:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --h1-font-style:normal;
  --h1-font-weight:400;
  --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:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --h2-font-style:normal;
  --h2-font-weight:400;
  --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:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --h3-font-style:normal;
  --h3-font-weight:400;
  --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:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --h4-font-style:normal;
  --h4-font-weight:400;
  --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:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --h5-font-style:normal;
  --h5-font-weight:400;
  --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:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --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:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --p-font-style:normal;
  --p-font-weight:400;
  --p-font-size:1.0rem;
  --p-line-height:1.5rem;
  --p-font-family:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --li-font-style:normal;
  --li-font-weight:400;
  --li-font-size:1.0rem;
  --li-line-height:1.375rem;
  --li-font-family:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  /* TABLES */
  --th-font-style:normal;
  --th-font-weight:400;
  --th-font-size:0.8125rem;
  --th-line-height:1.125rem;
  --th-font-family:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --td-font-style:normal;
  --td-font-weight:400;
  --td-font-size:0.875rem;
  --td-line-height:1.125rem;
  --td-font-family:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  /* FORMS */
  --label-font-style:normal;
  --label-font-weight:400;
  --label-font-size:1.0rem;
  --label-line-height:1.375rem;
  --label-font-family:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --input-font-style:normal;
  --input-font-weight:400;
  --input-font-size:1.0rem;
  --input-line-height:1.375rem;
  --input-font-family:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  /* BUTTONS */
  --btn-xl-font-style:normal;
  --btn-xl-font-weight:600;
  --btn-xl-font-size:1.0rem;
  --btn-xl-line-height:1.0rem;
  --btn-xl-font-family:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --btn-lg-font-style:normal;
  --btn-lg-font-weight:600;
  --btn-lg-font-size:1.0rem;
  --btn-lg-line-height:1.0rem;
  --btn-lg-font-family:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --btn-font-style:normal;
  --btn-font-weight:600;
  --btn-font-size:1.0rem;
  --btn-line-height:1.0rem;
  --btn-font-family:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --btn-sm-font-style:normal;
  --btn-sm-font-weight:600;
  --btn-sm-font-size:0.875rem;
  --btn-sm-line-height:0.875rem;
  --btn-sm-font-family:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --btn-xs-font-style:normal;
  --btn-xs-font-weight:600;
  --btn-xs-font-size:0.75rem;
  --btn-xs-line-height:0.75rem;
  --btn-xs-font-family:"Charcoal", "Geneva", "Helvetica Neue", "Helvetica", Arial, sans-serif;
}

/* SCSS Document */
/* LANGUAGE | ZH-HANS (CHINESE SIMPLIFIED) ---------------------------------------------------------------------------------------------------- */
[lang=zh-Hans] {
  /* TYPOGRAPHY */
  --fs-1:2.5rem;
  --fs-2:2.0rem;
  --fs-3:1.625rem;
  --fs-4:1.5rem;
  --fs-5:1.25rem;
  --fs-6:1.125rem;
  --fs-7:1.0rem;
  --fs-8:0.875rem;
  --fs-9:0.75rem;
  --lh-1:3.0rem;
  --lh-2:2.5rem;
  --lh-3:2.0rem;
  --lh-4:1.75rem;
  --lh-5:1.625rem;
  --lh-6:1.5rem;
  --lh-7:1.375rem;
  --lh-8:1.125rem;
  --lh-9:1.0rem;
  --font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  --h1-font-style:normal;
  --h1-font-weight:600;
  --h1-font-size:2.5rem;
  --h1-font-size-mobile:2.25rem;
  --h1-line-height:3.0rem;
  --h1-line-height-mobile:2.625rem;
  --h1-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  --h2-font-style:normal;
  --h2-font-weight:600;
  --h2-font-size:2.0rem;
  --h2-font-size-mobile:1.75rem;
  --h2-line-height:2.5rem;
  --h2-line-height-mobile:2.125rem;
  --h2-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  --h3-font-style:normal;
  --h3-font-weight:600;
  --h3-font-size:1.625rem;
  --h3-font-size-mobile:1.625rem;
  --h3-line-height:2.0rem;
  --h3-line-height-mobile:2.0rem;
  --h3-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  --h4-font-style:normal;
  --h4-font-weight:600;
  --h4-font-size:1.5rem;
  --h4-font-size-mobile:1.5rem;
  --h4-line-height:1.75rem;
  --h4-line-height-mobile:1.75rem;
  --h4-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  --h5-font-style:normal;
  --h5-font-weight:600;
  --h5-font-size:1.25rem;
  --h5-font-size-mobile:1.25rem;
  --h5-line-height:1.625rem;
  --h5-line-height-mobile:1.625rem;
  --h5-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  --h6-font-style:normal;
  --h6-font-weight:600;
  --h6-font-size:1.0rem;
  --h6-font-size-mobile:1.0rem;
  --h6-line-height:1.5rem;
  --h6-line-height-mobile:1.5rem;
  --h6-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  --p-font-style:normal;
  --p-font-weight:400;
  --p-font-size:1.0rem;
  --p-line-height:1.5rem;
  --p-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  --li-font-style:normal;
  --li-font-weight:400;
  --li-font-size:1.0rem;
  --li-line-height:1.375rem;
  --li-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  /* TABLES */
  --th-font-style:normal;
  --th-font-weight:400;
  --th-font-size:1.0rem;
  --th-line-height:1.375rem;
  --th-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  --td-font-style:normal;
  --td-font-weight:400;
  --td-font-size:1.0rem;
  --td-line-height:1.375rem;
  --td-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  /* FORMS */
  --label-font-style:normal;
  --label-font-weight:400;
  --label-font-size:1.0rem;
  --label-line-height:1.375rem;
  --label-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  --input-font-style:normal;
  --input-font-weight:400;
  --input-font-size:1.0rem;
  --input-line-height:1.375rem;
  --input-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  /* BUTTONS */
  --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:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  --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:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  --btn-font-style:normal;
  --btn-font-weight:600;
  --btn-font-size:1.0rem;
  --btn-line-height:1.375rem;
  --btn-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  --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:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  --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:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
}

/* SCSS Document */
/* LANGUAGE | ZH-HANT (CHINESE TRADITIONAL) ---------------------------------------------------------------------------------------------------- */
[lang=zh-Hant] {
  /* TYPOGRAPHY */
  --fs-1:2.5rem;
  --fs-2:2.0rem;
  --fs-3:1.625rem;
  --fs-4:1.5rem;
  --fs-5:1.25rem;
  --fs-6:1.125rem;
  --fs-7:1.0rem;
  --fs-8:0.875rem;
  --fs-9:0.75rem;
  --lh-1:3.0rem;
  --lh-2:2.5rem;
  --lh-3:2.0rem;
  --lh-4:1.75rem;
  --lh-5:1.625rem;
  --lh-6:1.5rem;
  --lh-7:1.375rem;
  --lh-8:1.125rem;
  --lh-9:1.0rem;
  --font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  --h1-font-style:normal;
  --h1-font-weight:600;
  --h1-font-size:2.5rem;
  --h1-font-size-mobile:2.25rem;
  --h1-line-height:3.0rem;
  --h1-line-height-mobile:2.625rem;
  --h1-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  --h2-font-style:normal;
  --h2-font-weight:600;
  --h2-font-size:2.0rem;
  --h2-font-size-mobile:1.75rem;
  --h2-line-height:2.5rem;
  --h2-line-height-mobile:2.125rem;
  --h2-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  --h3-font-style:normal;
  --h3-font-weight:600;
  --h3-font-size:1.625rem;
  --h3-font-size-mobile:1.625rem;
  --h3-line-height:2.0rem;
  --h3-line-height-mobile:2.0rem;
  --h3-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  --h4-font-style:normal;
  --h4-font-weight:600;
  --h4-font-size:1.5rem;
  --h4-font-size-mobile:1.5rem;
  --h4-line-height:1.75rem;
  --h4-line-height-mobile:1.75rem;
  --h4-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  --h5-font-style:normal;
  --h5-font-weight:600;
  --h5-font-size:1.25rem;
  --h5-font-size-mobile:1.25rem;
  --h5-line-height:1.625rem;
  --h5-line-height-mobile:1.625rem;
  --h5-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  --h6-font-style:normal;
  --h6-font-weight:600;
  --h6-font-size:1.0rem;
  --h6-font-size-mobile:1.0rem;
  --h6-line-height:1.5rem;
  --h6-line-height-mobile:1.5rem;
  --h6-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  --p-font-style:normal;
  --p-font-weight:400;
  --p-font-size:1.0rem;
  --p-line-height:1.5rem;
  --p-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  --li-font-style:normal;
  --li-font-weight:400;
  --li-font-size:1.0rem;
  --li-line-height:1.375rem;
  --li-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  /* TABLES */
  --th-font-style:normal;
  --th-font-weight:400;
  --th-font-size:1.0rem;
  --th-line-height:1.375rem;
  --th-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  --td-font-style:normal;
  --td-font-weight:400;
  --td-font-size:1.0rem;
  --td-line-height:1.375rem;
  --td-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  /* FORMS */
  --label-font-style:normal;
  --label-font-weight:400;
  --label-font-size:1.0rem;
  --label-line-height:1.375rem;
  --label-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  --input-font-style:normal;
  --input-font-weight:400;
  --input-font-size:1.0rem;
  --input-line-height:1.375rem;
  --input-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  /* BUTTONS */
  --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:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  --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:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  --btn-font-style:normal;
  --btn-font-weight:600;
  --btn-font-size:1.0rem;
  --btn-line-height:1.375rem;
  --btn-font-family:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  --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:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
  --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:"Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;
}

/* SCSS Document */
@layer base {
  /*  HTML STYLES ---------------------------------------------------------------------------------------------------- */
  html {
    font-size: 100%;
    transition: color 0.25s ease-in, background 0.25s ease-in;
  }
  body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    font-style: normal;
    font-weight: var(--fw-400);
    font-size: 1rem;
    line-height: 1.375rem;
    font-family: var(--font-family);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: var(--dir-start);
    color: var(--font-color);
    direction: var(--dir-start);
    background-color: var(--bg-body);
    overflow-x: hidden;
  }
  h1, h2, h3, h4, h5, h6, p, li, sup, th, td, label, input, select, textarea {
    color: var(--font-color);
  }
  h1, h2, h3, h4, h5, h6 {
    margin: 0px 0px 8px 0px;
    font-weight: var(--fw-600);
    color: var(--font-color-dark);
  }
  h1 a.linkexternal::after, h1 a.link-external::after, h1 a.link-arrow::after, h1 a.link-arrow-up::after, h1 a.link-arrow-down::after, h1 a.link-arrow-right::after, h1 a.link-chevron::after, h1 a.link-chevron-up::after, h1 a.link-chevron-right::after, h1 a.link-chevron-down::after, h1 a.link-chevron-circle::after, h1 a.link-chevron-circle-right::after, h1 a.link-play::after, h1 a:link.linkexternal::after, h1 a:link.link-external::after, h1 a:link.link-arrow::after, h1 a:link.link-arrow-up::after, h1 a:link.link-arrow-down::after, h1 a:link.link-arrow-right::after, h1 a:link.link-chevron::after, h1 a:link.link-chevron-up::after, h1 a:link.link-chevron-right::after, h1 a:link.link-chevron-down::after, h1 a:link.link-chevron-circle::after, h1 a:link.link-chevron-circle-right::after, h1 a:link.link-play::after, h1 a:visited.linkexternal::after, h1 a:visited.link-external::after, h1 a:visited.link-arrow::after, h1 a:visited.link-arrow-up::after, h1 a:visited.link-arrow-down::after, h1 a:visited.link-arrow-right::after, h1 a:visited.link-chevron::after, h1 a:visited.link-chevron-up::after, h1 a:visited.link-chevron-right::after, h1 a:visited.link-chevron-down::after, h1 a:visited.link-chevron-circle::after, h1 a:visited.link-chevron-circle-right::after, h1 a:visited.link-play::after, h1 a:hover.linkexternal::after, h1 a:hover.link-external::after, h1 a:hover.link-arrow::after, h1 a:hover.link-arrow-up::after, h1 a:hover.link-arrow-down::after, h1 a:hover.link-arrow-right::after, h1 a:hover.link-chevron::after, h1 a:hover.link-chevron-up::after, h1 a:hover.link-chevron-right::after, h1 a:hover.link-chevron-down::after, h1 a:hover.link-chevron-circle::after, h1 a:hover.link-chevron-circle-right::after, h1 a:hover.link-play::after, h1 a:active.linkexternal::after, h1 a:active.link-external::after, h1 a:active.link-arrow::after, h1 a:active.link-arrow-up::after, h1 a:active.link-arrow-down::after, h1 a:active.link-arrow-right::after, h1 a:active.link-chevron::after, h1 a:active.link-chevron-up::after, h1 a:active.link-chevron-right::after, h1 a:active.link-chevron-down::after, h1 a:active.link-chevron-circle::after, h1 a:active.link-chevron-circle-right::after, h1 a:active.link-play::after, h1 a:focus.linkexternal::after, h1 a:focus.link-external::after, h1 a:focus.link-arrow::after, h1 a:focus.link-arrow-up::after, h1 a:focus.link-arrow-down::after, h1 a:focus.link-arrow-right::after, h1 a:focus.link-chevron::after, h1 a:focus.link-chevron-up::after, h1 a:focus.link-chevron-right::after, h1 a:focus.link-chevron-down::after, h1 a:focus.link-chevron-circle::after, h1 a:focus.link-chevron-circle-right::after, h1 a:focus.link-play::after, h2 a.linkexternal::after, h2 a.link-external::after, h2 a.link-arrow::after, h2 a.link-arrow-up::after, h2 a.link-arrow-down::after, h2 a.link-arrow-right::after, h2 a.link-chevron::after, h2 a.link-chevron-up::after, h2 a.link-chevron-right::after, h2 a.link-chevron-down::after, h2 a.link-chevron-circle::after, h2 a.link-chevron-circle-right::after, h2 a.link-play::after, h2 a:link.linkexternal::after, h2 a:link.link-external::after, h2 a:link.link-arrow::after, h2 a:link.link-arrow-up::after, h2 a:link.link-arrow-down::after, h2 a:link.link-arrow-right::after, h2 a:link.link-chevron::after, h2 a:link.link-chevron-up::after, h2 a:link.link-chevron-right::after, h2 a:link.link-chevron-down::after, h2 a:link.link-chevron-circle::after, h2 a:link.link-chevron-circle-right::after, h2 a:link.link-play::after, h2 a:visited.linkexternal::after, h2 a:visited.link-external::after, h2 a:visited.link-arrow::after, h2 a:visited.link-arrow-up::after, h2 a:visited.link-arrow-down::after, h2 a:visited.link-arrow-right::after, h2 a:visited.link-chevron::after, h2 a:visited.link-chevron-up::after, h2 a:visited.link-chevron-right::after, h2 a:visited.link-chevron-down::after, h2 a:visited.link-chevron-circle::after, h2 a:visited.link-chevron-circle-right::after, h2 a:visited.link-play::after, h2 a:hover.linkexternal::after, h2 a:hover.link-external::after, h2 a:hover.link-arrow::after, h2 a:hover.link-arrow-up::after, h2 a:hover.link-arrow-down::after, h2 a:hover.link-arrow-right::after, h2 a:hover.link-chevron::after, h2 a:hover.link-chevron-up::after, h2 a:hover.link-chevron-right::after, h2 a:hover.link-chevron-down::after, h2 a:hover.link-chevron-circle::after, h2 a:hover.link-chevron-circle-right::after, h2 a:hover.link-play::after, h2 a:active.linkexternal::after, h2 a:active.link-external::after, h2 a:active.link-arrow::after, h2 a:active.link-arrow-up::after, h2 a:active.link-arrow-down::after, h2 a:active.link-arrow-right::after, h2 a:active.link-chevron::after, h2 a:active.link-chevron-up::after, h2 a:active.link-chevron-right::after, h2 a:active.link-chevron-down::after, h2 a:active.link-chevron-circle::after, h2 a:active.link-chevron-circle-right::after, h2 a:active.link-play::after, h2 a:focus.linkexternal::after, h2 a:focus.link-external::after, h2 a:focus.link-arrow::after, h2 a:focus.link-arrow-up::after, h2 a:focus.link-arrow-down::after, h2 a:focus.link-arrow-right::after, h2 a:focus.link-chevron::after, h2 a:focus.link-chevron-up::after, h2 a:focus.link-chevron-right::after, h2 a:focus.link-chevron-down::after, h2 a:focus.link-chevron-circle::after, h2 a:focus.link-chevron-circle-right::after, h2 a:focus.link-play::after, h3 a.linkexternal::after, h3 a.link-external::after, h3 a.link-arrow::after, h3 a.link-arrow-up::after, h3 a.link-arrow-down::after, h3 a.link-arrow-right::after, h3 a.link-chevron::after, h3 a.link-chevron-up::after, h3 a.link-chevron-right::after, h3 a.link-chevron-down::after, h3 a.link-chevron-circle::after, h3 a.link-chevron-circle-right::after, h3 a.link-play::after, h3 a:link.linkexternal::after, h3 a:link.link-external::after, h3 a:link.link-arrow::after, h3 a:link.link-arrow-up::after, h3 a:link.link-arrow-down::after, h3 a:link.link-arrow-right::after, h3 a:link.link-chevron::after, h3 a:link.link-chevron-up::after, h3 a:link.link-chevron-right::after, h3 a:link.link-chevron-down::after, h3 a:link.link-chevron-circle::after, h3 a:link.link-chevron-circle-right::after, h3 a:link.link-play::after, h3 a:visited.linkexternal::after, h3 a:visited.link-external::after, h3 a:visited.link-arrow::after, h3 a:visited.link-arrow-up::after, h3 a:visited.link-arrow-down::after, h3 a:visited.link-arrow-right::after, h3 a:visited.link-chevron::after, h3 a:visited.link-chevron-up::after, h3 a:visited.link-chevron-right::after, h3 a:visited.link-chevron-down::after, h3 a:visited.link-chevron-circle::after, h3 a:visited.link-chevron-circle-right::after, h3 a:visited.link-play::after, h3 a:hover.linkexternal::after, h3 a:hover.link-external::after, h3 a:hover.link-arrow::after, h3 a:hover.link-arrow-up::after, h3 a:hover.link-arrow-down::after, h3 a:hover.link-arrow-right::after, h3 a:hover.link-chevron::after, h3 a:hover.link-chevron-up::after, h3 a:hover.link-chevron-right::after, h3 a:hover.link-chevron-down::after, h3 a:hover.link-chevron-circle::after, h3 a:hover.link-chevron-circle-right::after, h3 a:hover.link-play::after, h3 a:active.linkexternal::after, h3 a:active.link-external::after, h3 a:active.link-arrow::after, h3 a:active.link-arrow-up::after, h3 a:active.link-arrow-down::after, h3 a:active.link-arrow-right::after, h3 a:active.link-chevron::after, h3 a:active.link-chevron-up::after, h3 a:active.link-chevron-right::after, h3 a:active.link-chevron-down::after, h3 a:active.link-chevron-circle::after, h3 a:active.link-chevron-circle-right::after, h3 a:active.link-play::after, h3 a:focus.linkexternal::after, h3 a:focus.link-external::after, h3 a:focus.link-arrow::after, h3 a:focus.link-arrow-up::after, h3 a:focus.link-arrow-down::after, h3 a:focus.link-arrow-right::after, h3 a:focus.link-chevron::after, h3 a:focus.link-chevron-up::after, h3 a:focus.link-chevron-right::after, h3 a:focus.link-chevron-down::after, h3 a:focus.link-chevron-circle::after, h3 a:focus.link-chevron-circle-right::after, h3 a:focus.link-play::after, h4 a.linkexternal::after, h4 a.link-external::after, h4 a.link-arrow::after, h4 a.link-arrow-up::after, h4 a.link-arrow-down::after, h4 a.link-arrow-right::after, h4 a.link-chevron::after, h4 a.link-chevron-up::after, h4 a.link-chevron-right::after, h4 a.link-chevron-down::after, h4 a.link-chevron-circle::after, h4 a.link-chevron-circle-right::after, h4 a.link-play::after, h4 a:link.linkexternal::after, h4 a:link.link-external::after, h4 a:link.link-arrow::after, h4 a:link.link-arrow-up::after, h4 a:link.link-arrow-down::after, h4 a:link.link-arrow-right::after, h4 a:link.link-chevron::after, h4 a:link.link-chevron-up::after, h4 a:link.link-chevron-right::after, h4 a:link.link-chevron-down::after, h4 a:link.link-chevron-circle::after, h4 a:link.link-chevron-circle-right::after, h4 a:link.link-play::after, h4 a:visited.linkexternal::after, h4 a:visited.link-external::after, h4 a:visited.link-arrow::after, h4 a:visited.link-arrow-up::after, h4 a:visited.link-arrow-down::after, h4 a:visited.link-arrow-right::after, h4 a:visited.link-chevron::after, h4 a:visited.link-chevron-up::after, h4 a:visited.link-chevron-right::after, h4 a:visited.link-chevron-down::after, h4 a:visited.link-chevron-circle::after, h4 a:visited.link-chevron-circle-right::after, h4 a:visited.link-play::after, h4 a:hover.linkexternal::after, h4 a:hover.link-external::after, h4 a:hover.link-arrow::after, h4 a:hover.link-arrow-up::after, h4 a:hover.link-arrow-down::after, h4 a:hover.link-arrow-right::after, h4 a:hover.link-chevron::after, h4 a:hover.link-chevron-up::after, h4 a:hover.link-chevron-right::after, h4 a:hover.link-chevron-down::after, h4 a:hover.link-chevron-circle::after, h4 a:hover.link-chevron-circle-right::after, h4 a:hover.link-play::after, h4 a:active.linkexternal::after, h4 a:active.link-external::after, h4 a:active.link-arrow::after, h4 a:active.link-arrow-up::after, h4 a:active.link-arrow-down::after, h4 a:active.link-arrow-right::after, h4 a:active.link-chevron::after, h4 a:active.link-chevron-up::after, h4 a:active.link-chevron-right::after, h4 a:active.link-chevron-down::after, h4 a:active.link-chevron-circle::after, h4 a:active.link-chevron-circle-right::after, h4 a:active.link-play::after, h4 a:focus.linkexternal::after, h4 a:focus.link-external::after, h4 a:focus.link-arrow::after, h4 a:focus.link-arrow-up::after, h4 a:focus.link-arrow-down::after, h4 a:focus.link-arrow-right::after, h4 a:focus.link-chevron::after, h4 a:focus.link-chevron-up::after, h4 a:focus.link-chevron-right::after, h4 a:focus.link-chevron-down::after, h4 a:focus.link-chevron-circle::after, h4 a:focus.link-chevron-circle-right::after, h4 a:focus.link-play::after, h5 a.linkexternal::after, h5 a.link-external::after, h5 a.link-arrow::after, h5 a.link-arrow-up::after, h5 a.link-arrow-down::after, h5 a.link-arrow-right::after, h5 a.link-chevron::after, h5 a.link-chevron-up::after, h5 a.link-chevron-right::after, h5 a.link-chevron-down::after, h5 a.link-chevron-circle::after, h5 a.link-chevron-circle-right::after, h5 a.link-play::after, h5 a:link.linkexternal::after, h5 a:link.link-external::after, h5 a:link.link-arrow::after, h5 a:link.link-arrow-up::after, h5 a:link.link-arrow-down::after, h5 a:link.link-arrow-right::after, h5 a:link.link-chevron::after, h5 a:link.link-chevron-up::after, h5 a:link.link-chevron-right::after, h5 a:link.link-chevron-down::after, h5 a:link.link-chevron-circle::after, h5 a:link.link-chevron-circle-right::after, h5 a:link.link-play::after, h5 a:visited.linkexternal::after, h5 a:visited.link-external::after, h5 a:visited.link-arrow::after, h5 a:visited.link-arrow-up::after, h5 a:visited.link-arrow-down::after, h5 a:visited.link-arrow-right::after, h5 a:visited.link-chevron::after, h5 a:visited.link-chevron-up::after, h5 a:visited.link-chevron-right::after, h5 a:visited.link-chevron-down::after, h5 a:visited.link-chevron-circle::after, h5 a:visited.link-chevron-circle-right::after, h5 a:visited.link-play::after, h5 a:hover.linkexternal::after, h5 a:hover.link-external::after, h5 a:hover.link-arrow::after, h5 a:hover.link-arrow-up::after, h5 a:hover.link-arrow-down::after, h5 a:hover.link-arrow-right::after, h5 a:hover.link-chevron::after, h5 a:hover.link-chevron-up::after, h5 a:hover.link-chevron-right::after, h5 a:hover.link-chevron-down::after, h5 a:hover.link-chevron-circle::after, h5 a:hover.link-chevron-circle-right::after, h5 a:hover.link-play::after, h5 a:active.linkexternal::after, h5 a:active.link-external::after, h5 a:active.link-arrow::after, h5 a:active.link-arrow-up::after, h5 a:active.link-arrow-down::after, h5 a:active.link-arrow-right::after, h5 a:active.link-chevron::after, h5 a:active.link-chevron-up::after, h5 a:active.link-chevron-right::after, h5 a:active.link-chevron-down::after, h5 a:active.link-chevron-circle::after, h5 a:active.link-chevron-circle-right::after, h5 a:active.link-play::after, h5 a:focus.linkexternal::after, h5 a:focus.link-external::after, h5 a:focus.link-arrow::after, h5 a:focus.link-arrow-up::after, h5 a:focus.link-arrow-down::after, h5 a:focus.link-arrow-right::after, h5 a:focus.link-chevron::after, h5 a:focus.link-chevron-up::after, h5 a:focus.link-chevron-right::after, h5 a:focus.link-chevron-down::after, h5 a:focus.link-chevron-circle::after, h5 a:focus.link-chevron-circle-right::after, h5 a:focus.link-play::after, h6 a.linkexternal::after, h6 a.link-external::after, h6 a.link-arrow::after, h6 a.link-arrow-up::after, h6 a.link-arrow-down::after, h6 a.link-arrow-right::after, h6 a.link-chevron::after, h6 a.link-chevron-up::after, h6 a.link-chevron-right::after, h6 a.link-chevron-down::after, h6 a.link-chevron-circle::after, h6 a.link-chevron-circle-right::after, h6 a.link-play::after, h6 a:link.linkexternal::after, h6 a:link.link-external::after, h6 a:link.link-arrow::after, h6 a:link.link-arrow-up::after, h6 a:link.link-arrow-down::after, h6 a:link.link-arrow-right::after, h6 a:link.link-chevron::after, h6 a:link.link-chevron-up::after, h6 a:link.link-chevron-right::after, h6 a:link.link-chevron-down::after, h6 a:link.link-chevron-circle::after, h6 a:link.link-chevron-circle-right::after, h6 a:link.link-play::after, h6 a:visited.linkexternal::after, h6 a:visited.link-external::after, h6 a:visited.link-arrow::after, h6 a:visited.link-arrow-up::after, h6 a:visited.link-arrow-down::after, h6 a:visited.link-arrow-right::after, h6 a:visited.link-chevron::after, h6 a:visited.link-chevron-up::after, h6 a:visited.link-chevron-right::after, h6 a:visited.link-chevron-down::after, h6 a:visited.link-chevron-circle::after, h6 a:visited.link-chevron-circle-right::after, h6 a:visited.link-play::after, h6 a:hover.linkexternal::after, h6 a:hover.link-external::after, h6 a:hover.link-arrow::after, h6 a:hover.link-arrow-up::after, h6 a:hover.link-arrow-down::after, h6 a:hover.link-arrow-right::after, h6 a:hover.link-chevron::after, h6 a:hover.link-chevron-up::after, h6 a:hover.link-chevron-right::after, h6 a:hover.link-chevron-down::after, h6 a:hover.link-chevron-circle::after, h6 a:hover.link-chevron-circle-right::after, h6 a:hover.link-play::after, h6 a:active.linkexternal::after, h6 a:active.link-external::after, h6 a:active.link-arrow::after, h6 a:active.link-arrow-up::after, h6 a:active.link-arrow-down::after, h6 a:active.link-arrow-right::after, h6 a:active.link-chevron::after, h6 a:active.link-chevron-up::after, h6 a:active.link-chevron-right::after, h6 a:active.link-chevron-down::after, h6 a:active.link-chevron-circle::after, h6 a:active.link-chevron-circle-right::after, h6 a:active.link-play::after, h6 a:focus.linkexternal::after, h6 a:focus.link-external::after, h6 a:focus.link-arrow::after, h6 a:focus.link-arrow-up::after, h6 a:focus.link-arrow-down::after, h6 a:focus.link-arrow-right::after, h6 a:focus.link-chevron::after, h6 a:focus.link-chevron-up::after, h6 a:focus.link-chevron-right::after, h6 a:focus.link-chevron-down::after, h6 a:focus.link-chevron-circle::after, h6 a:focus.link-chevron-circle-right::after, h6 a:focus.link-play::after {
    margin-top: -2px;
    font-size: 65%;
  }
  h1 a.link-arrow-left::before, h1 a.link-chevron-left::before, h1 a.link-chevron-circle-left::before, h1 a.link-email::before, h1 a:link.link-arrow-left::before, h1 a:link.link-chevron-left::before, h1 a:link.link-chevron-circle-left::before, h1 a:link.link-email::before, h1 a:visited.link-arrow-left::before, h1 a:visited.link-chevron-left::before, h1 a:visited.link-chevron-circle-left::before, h1 a:visited.link-email::before, h1 a:hover.link-arrow-left::before, h1 a:hover.link-chevron-left::before, h1 a:hover.link-chevron-circle-left::before, h1 a:hover.link-email::before, h1 a:active.link-arrow-left::before, h1 a:active.link-chevron-left::before, h1 a:active.link-chevron-circle-left::before, h1 a:active.link-email::before, h1 a:focus.link-arrow-left::before, h1 a:focus.link-chevron-left::before, h1 a:focus.link-chevron-circle-left::before, h1 a:focus.link-email::before, h2 a.link-arrow-left::before, h2 a.link-chevron-left::before, h2 a.link-chevron-circle-left::before, h2 a.link-email::before, h2 a:link.link-arrow-left::before, h2 a:link.link-chevron-left::before, h2 a:link.link-chevron-circle-left::before, h2 a:link.link-email::before, h2 a:visited.link-arrow-left::before, h2 a:visited.link-chevron-left::before, h2 a:visited.link-chevron-circle-left::before, h2 a:visited.link-email::before, h2 a:hover.link-arrow-left::before, h2 a:hover.link-chevron-left::before, h2 a:hover.link-chevron-circle-left::before, h2 a:hover.link-email::before, h2 a:active.link-arrow-left::before, h2 a:active.link-chevron-left::before, h2 a:active.link-chevron-circle-left::before, h2 a:active.link-email::before, h2 a:focus.link-arrow-left::before, h2 a:focus.link-chevron-left::before, h2 a:focus.link-chevron-circle-left::before, h2 a:focus.link-email::before, h3 a.link-arrow-left::before, h3 a.link-chevron-left::before, h3 a.link-chevron-circle-left::before, h3 a.link-email::before, h3 a:link.link-arrow-left::before, h3 a:link.link-chevron-left::before, h3 a:link.link-chevron-circle-left::before, h3 a:link.link-email::before, h3 a:visited.link-arrow-left::before, h3 a:visited.link-chevron-left::before, h3 a:visited.link-chevron-circle-left::before, h3 a:visited.link-email::before, h3 a:hover.link-arrow-left::before, h3 a:hover.link-chevron-left::before, h3 a:hover.link-chevron-circle-left::before, h3 a:hover.link-email::before, h3 a:active.link-arrow-left::before, h3 a:active.link-chevron-left::before, h3 a:active.link-chevron-circle-left::before, h3 a:active.link-email::before, h3 a:focus.link-arrow-left::before, h3 a:focus.link-chevron-left::before, h3 a:focus.link-chevron-circle-left::before, h3 a:focus.link-email::before, h4 a.link-arrow-left::before, h4 a.link-chevron-left::before, h4 a.link-chevron-circle-left::before, h4 a.link-email::before, h4 a:link.link-arrow-left::before, h4 a:link.link-chevron-left::before, h4 a:link.link-chevron-circle-left::before, h4 a:link.link-email::before, h4 a:visited.link-arrow-left::before, h4 a:visited.link-chevron-left::before, h4 a:visited.link-chevron-circle-left::before, h4 a:visited.link-email::before, h4 a:hover.link-arrow-left::before, h4 a:hover.link-chevron-left::before, h4 a:hover.link-chevron-circle-left::before, h4 a:hover.link-email::before, h4 a:active.link-arrow-left::before, h4 a:active.link-chevron-left::before, h4 a:active.link-chevron-circle-left::before, h4 a:active.link-email::before, h4 a:focus.link-arrow-left::before, h4 a:focus.link-chevron-left::before, h4 a:focus.link-chevron-circle-left::before, h4 a:focus.link-email::before, h5 a.link-arrow-left::before, h5 a.link-chevron-left::before, h5 a.link-chevron-circle-left::before, h5 a.link-email::before, h5 a:link.link-arrow-left::before, h5 a:link.link-chevron-left::before, h5 a:link.link-chevron-circle-left::before, h5 a:link.link-email::before, h5 a:visited.link-arrow-left::before, h5 a:visited.link-chevron-left::before, h5 a:visited.link-chevron-circle-left::before, h5 a:visited.link-email::before, h5 a:hover.link-arrow-left::before, h5 a:hover.link-chevron-left::before, h5 a:hover.link-chevron-circle-left::before, h5 a:hover.link-email::before, h5 a:active.link-arrow-left::before, h5 a:active.link-chevron-left::before, h5 a:active.link-chevron-circle-left::before, h5 a:active.link-email::before, h5 a:focus.link-arrow-left::before, h5 a:focus.link-chevron-left::before, h5 a:focus.link-chevron-circle-left::before, h5 a:focus.link-email::before, h6 a.link-arrow-left::before, h6 a.link-chevron-left::before, h6 a.link-chevron-circle-left::before, h6 a.link-email::before, h6 a:link.link-arrow-left::before, h6 a:link.link-chevron-left::before, h6 a:link.link-chevron-circle-left::before, h6 a:link.link-email::before, h6 a:visited.link-arrow-left::before, h6 a:visited.link-chevron-left::before, h6 a:visited.link-chevron-circle-left::before, h6 a:visited.link-email::before, h6 a:hover.link-arrow-left::before, h6 a:hover.link-chevron-left::before, h6 a:hover.link-chevron-circle-left::before, h6 a:hover.link-email::before, h6 a:active.link-arrow-left::before, h6 a:active.link-chevron-left::before, h6 a:active.link-chevron-circle-left::before, h6 a:active.link-email::before, h6 a:focus.link-arrow-left::before, h6 a:focus.link-chevron-left::before, h6 a:focus.link-chevron-circle-left::before, h6 a:focus.link-email::before {
    margin-top: -2px;
    font-size: 65%;
  }
  h1 {
    font-style: var(--h1-font-style);
    font-weight: var(--h1-font-weight);
    font-size: var(--h1-font-size);
    line-height: var(--h1-line-height);
    font-family: var(--h1-font-family);
    color: var(--h1-color);
  }
  h1.text-xxl, h1 span.text-xxl {
    font-size: 175%;
  }
  h1.text-xl, h1 span.text-xl {
    font-size: 150%;
  }
  h1.text-lg, h1 span.text-lg {
    font-size: 125%;
  }
  h1.text-sm, h1 span.text-sm {
    font-size: 95%;
  }
  h1.text-xs, h1 span.text-xs {
    font-size: 90%;
  }
  h1.text-xxs, h1 span.text-xxs {
    font-size: 85%;
  }
  h2 {
    font-style: var(--h2-font-style);
    font-weight: var(--h2-font-weight);
    font-size: var(--h2-font-size);
    line-height: var(--h2-line-height);
    font-family: var(--h2-font-family);
    color: var(--h2-color);
  }
  h2.text-xxl, h2 span.text-xxl {
    font-size: 175%;
  }
  h2.text-xl, h2 span.text-xl {
    font-size: 150%;
  }
  h2.text-lg, h2 span.text-lg {
    font-size: 125%;
  }
  h2.text-sm, h2 span.text-sm {
    font-size: 95%;
  }
  h2.text-xs, h2 span.text-xs {
    font-size: 90%;
  }
  h2.text-xxs, h2 span.text-xxs {
    font-size: 85%;
  }
  h3 {
    font-style: var(--h3-font-style);
    font-weight: var(--h3-font-weight);
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
    font-family: var(--h3-font-family);
    color: var(--h3-color);
  }
  h3.text-xxl, h3 span.text-xxl {
    font-size: 175%;
  }
  h3.text-xl, h3 span.text-xl {
    font-size: 150%;
  }
  h3.text-lg, h3 span.text-lg {
    font-size: 125%;
  }
  h3.text-sm, h3 span.text-sm {
    font-size: 95%;
  }
  h3.text-xs, h3 span.text-xs {
    font-size: 90%;
  }
  h3.text-xxs, h3 span.text-xxs {
    font-size: 85%;
  }
  h4 {
    font-style: var(--h4-font-style);
    font-weight: var(--h4-font-weight);
    font-size: var(--h4-font-size);
    line-height: var(--h4-line-height);
    font-family: var(--h4-font-family);
    color: var(--h4-color);
  }
  h4.text-xxl, h4 span.text-xxl {
    font-size: 175%;
  }
  h4.text-xl, h4 span.text-xl {
    font-size: 150%;
  }
  h4.text-lg, h4 span.text-lg {
    font-size: 125%;
  }
  h4.text-sm, h4 span.text-sm {
    font-size: 95%;
  }
  h4.text-xs, h4 span.text-xs {
    font-size: 90%;
  }
  h4.text-xxs, h4 span.text-xxs {
    font-size: 85%;
  }
  h5 {
    font-style: var(--h5-font-style);
    font-weight: var(--h5-font-weight);
    font-size: var(--h5-font-size);
    line-height: var(--h5-line-height);
    font-family: var(--h5-font-family);
    color: var(--h5-color);
  }
  h5.text-xxl, h5 span.text-xxl {
    font-size: 175%;
  }
  h5.text-xl, h5 span.text-xl {
    font-size: 150%;
  }
  h5.text-lg, h5 span.text-lg {
    font-size: 125%;
  }
  h5.text-sm, h5 span.text-sm {
    font-size: 95%;
  }
  h5.text-xs, h5 span.text-xs {
    font-size: 90%;
  }
  h5.text-xxs, h5 span.text-xxs {
    font-size: 85%;
  }
  h6 {
    font-style: var(--h6-font-style);
    font-weight: var(--h6-font-weight);
    font-size: var(--h6-font-size);
    line-height: var(--h6-line-height);
    font-family: var(--h6-font-family);
    color: var(--h6-color);
  }
  h6.text-xxl, h6 span.text-xxl {
    font-size: 175%;
  }
  h6.text-xl, h6 span.text-xl {
    font-size: 150%;
  }
  h6.text-lg, h6 span.text-lg {
    font-size: 125%;
  }
  h6.text-sm, h6 span.text-sm {
    font-size: 95%;
  }
  h6.text-xs, h6 span.text-xs {
    font-size: 90%;
  }
  h6.text-xxs, h6 span.text-xxs {
    font-size: 85%;
  }
  h6 a.linkexternal::after, h6 a.link-external::after, h6 a.link-arrow::after, h6 a.link-arrow-up::after, h6 a.link-arrow-right::after, h6 a.link-arrow-down::after, h6 a.link-chevron::after, h6 a.link-chevron-up::after, h6 a.link-chevron-right::after, h6 a.link-chevron-down::after, h6 a.link-chevron-circle::after, h6 a.link-chevron-circle-right::after, h6 a.link-play::after, h6 a:link.linkexternal::after, h6 a:link.link-external::after, h6 a:link.link-arrow::after, h6 a:link.link-arrow-up::after, h6 a:link.link-arrow-right::after, h6 a:link.link-arrow-down::after, h6 a:link.link-chevron::after, h6 a:link.link-chevron-up::after, h6 a:link.link-chevron-right::after, h6 a:link.link-chevron-down::after, h6 a:link.link-chevron-circle::after, h6 a:link.link-chevron-circle-right::after, h6 a:link.link-play::after, h6 a:visited.linkexternal::after, h6 a:visited.link-external::after, h6 a:visited.link-arrow::after, h6 a:visited.link-arrow-up::after, h6 a:visited.link-arrow-right::after, h6 a:visited.link-arrow-down::after, h6 a:visited.link-chevron::after, h6 a:visited.link-chevron-up::after, h6 a:visited.link-chevron-right::after, h6 a:visited.link-chevron-down::after, h6 a:visited.link-chevron-circle::after, h6 a:visited.link-chevron-circle-right::after, h6 a:visited.link-play::after, h6 a:hover.linkexternal::after, h6 a:hover.link-external::after, h6 a:hover.link-arrow::after, h6 a:hover.link-arrow-up::after, h6 a:hover.link-arrow-right::after, h6 a:hover.link-arrow-down::after, h6 a:hover.link-chevron::after, h6 a:hover.link-chevron-up::after, h6 a:hover.link-chevron-right::after, h6 a:hover.link-chevron-down::after, h6 a:hover.link-chevron-circle::after, h6 a:hover.link-chevron-circle-right::after, h6 a:hover.link-play::after, h6 a:active.linkexternal::after, h6 a:active.link-external::after, h6 a:active.link-arrow::after, h6 a:active.link-arrow-up::after, h6 a:active.link-arrow-right::after, h6 a:active.link-arrow-down::after, h6 a:active.link-chevron::after, h6 a:active.link-chevron-up::after, h6 a:active.link-chevron-right::after, h6 a:active.link-chevron-down::after, h6 a:active.link-chevron-circle::after, h6 a:active.link-chevron-circle-right::after, h6 a:active.link-play::after, h6 a:focus.linkexternal::after, h6 a:focus.link-external::after, h6 a:focus.link-arrow::after, h6 a:focus.link-arrow-up::after, h6 a:focus.link-arrow-right::after, h6 a:focus.link-arrow-down::after, h6 a:focus.link-chevron::after, h6 a:focus.link-chevron-up::after, h6 a:focus.link-chevron-right::after, h6 a:focus.link-chevron-down::after, h6 a:focus.link-chevron-circle::after, h6 a:focus.link-chevron-circle-right::after, h6 a:focus.link-play::after {
    font-size: 85%;
  }
  h6 a.link-arrow-left::before, h6 a.link-chevron-left::before, h6 a.link-chevron-circle-left::before, h6 a.link-email::before, h6 a:link.link-arrow-left::before, h6 a:link.link-chevron-left::before, h6 a:link.link-chevron-circle-left::before, h6 a:link.link-email::before, h6 a:visited.link-arrow-left::before, h6 a:visited.link-chevron-left::before, h6 a:visited.link-chevron-circle-left::before, h6 a:visited.link-email::before, h6 a:hover.link-arrow-left::before, h6 a:hover.link-chevron-left::before, h6 a:hover.link-chevron-circle-left::before, h6 a:hover.link-email::before, h6 a:active.link-arrow-left::before, h6 a:active.link-chevron-left::before, h6 a:active.link-chevron-circle-left::before, h6 a:active.link-email::before, h6 a:focus.link-arrow-left::before, h6 a:focus.link-chevron-left::before, h6 a:focus.link-chevron-circle-left::before, h6 a:focus.link-email::before {
    font-size: 85%;
  }
  p {
    margin: 0px 0px 8px 0px;
    font-style: var(--p-font-style);
    font-weight: var(--p-font-weight);
    font-size: var(--p-font-size);
    line-height: var(--p-line-height);
    font-family: var(--p-font-family);
    color: var(--p-color);
  }
  p.text-xxl, p span.text-xxl {
    font-size: 175%;
  }
  p.text-xl, p span.text-xl {
    font-size: 150%;
  }
  p.text-lg, p span.text-lg {
    font-size: 125%;
  }
  p.text-sm, p span.text-sm {
    font-size: 95%;
  }
  p.text-xs, p span.text-xs {
    font-size: 90%;
  }
  p.text-xxs, p span.text-xxs {
    font-size: 85%;
  }
  ul, ol {
    margin: 10px 0px;
    padding: 0px;
  }
  ul li, ol li {
    margin: 0px 0px 10px 0px;
    margin-left: 30px;
    padding: 0px;
    padding-left: 10px;
    font-style: var(--li-font-style);
    font-weight: var(--li-font-weight);
    font-size: var(--li-font-size);
    line-height: var(--li-line-height);
    font-family: var(--li-font-family);
    color: var(--li-color);
  }
  ul li.text-xxl, ul li span.text-xxl, ol li.text-xxl, ol li span.text-xxl {
    font-size: 175%;
  }
  ul li.text-xl, ul li span.text-xl, ol li.text-xl, ol li span.text-xl {
    font-size: 150%;
  }
  ul li.text-lg, ul li span.text-lg, ol li.text-lg, ol li span.text-lg {
    font-size: 125%;
  }
  ul li.text-sm, ul li span.text-sm, ol li.text-sm, ol li span.text-sm {
    font-size: 95%;
  }
  ul li.text-xs, ul li span.text-xs, ol li.text-xs, ol li span.text-xs {
    font-size: 90%;
  }
  ul li.text-xxs, ul li span.text-xxs, ol li.text-xxs, ol li span.text-xxs {
    font-size: 85%;
  }
  th {
    padding: var(--th-pt) var(--th-pe) var(--th-pb) var(--th-ps);
    font-style: var(--th-font-style);
    font-weight: var(--th-font-weight);
    font-size: var(--th-font-size);
    line-height: var(--th-line-height);
    font-family: var(--th-font-family);
    color: var(--th-color);
    background-color: var(--th-bg-color);
  }
  th.text-xxl, th span.text-xxl {
    font-size: 175%;
  }
  th.text-xl, th span.text-xl {
    font-size: 150%;
  }
  th.text-lg, th span.text-lg {
    font-size: 125%;
  }
  th.text-sm, th span.text-sm {
    font-size: 95%;
  }
  th.text-xs, th span.text-xs {
    font-size: 90%;
  }
  th.text-xxs, th span.text-xxs {
    font-size: 85%;
  }
  td {
    padding: var(--td-pt) var(--td-pe) var(--td-pb) var(--td-ps);
    font-style: var(--td-font-style);
    font-weight: var(--td-font-weight);
    font-size: var(--td-font-size);
    line-height: var(--td-line-height);
    font-family: var(--td-font-family);
    color: var(--td-color);
    background-color: var(--td-bg-color);
  }
  td.text-xxl, td span.text-xxl {
    font-size: 175%;
  }
  td.text-xl, td span.text-xl {
    font-size: 150%;
  }
  td.text-lg, td span.text-lg {
    font-size: 125%;
  }
  td.text-sm, td span.text-sm {
    font-size: 95%;
  }
  td.text-xs, td span.text-xs {
    font-size: 90%;
  }
  td.text-xxs, td span.text-xxs {
    font-size: 85%;
  }
  sup {
    top: 0px;
    margin-left: 0px;
    font-weight: var(--fw-400);
    font-size: 0.625rem;
    color: inherit;
    vertical-align: super;
  }
  a, a:link, a:visited, a:hover, a:active, a:focus {
    color: var(--link-color);
    text-decoration: dotted;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  a > svg, a:link > svg, a:visited > svg, a:hover > svg, a:active > svg, a:focus > svg {
    color: initial;
  }
  a:hover {
    color: var(--link-color-hover);
  }
  a:active {
    color: var(--link-color-active);
  }
  a:focus, button:focus, .btn:focus, .btn:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
    outline: none;
  }
  button, button:link, button:visited, button:hover, button:active, button:focus {
    -webkit-user-drag: none;
  }
  label {
    font-style: var(--label-font-style);
    font-weight: var(--label-font-weight);
    font-size: var(--label-font-size);
    line-height: var(--label-line-height);
    font-family: var(--label-font-family);
    color: var(--label-color);
  }
  label.text-xxl, label span.text-xxl {
    font-size: 175%;
  }
  label.text-xl, label span.text-xl {
    font-size: 150%;
  }
  label.text-lg, label span.text-lg {
    font-size: 125%;
  }
  label.text-sm, label span.text-sm {
    font-size: 95%;
  }
  label.text-xs, label span.text-xs {
    font-size: 90%;
  }
  label.text-xxs, label span.text-xxs {
    font-size: 85%;
  }
  label.form-label {
    font-weight: var(--fw-600);
  }
  select {
    margin: 0px;
    padding: var(--input-pt) var(--input-pe) var(--input-pb) var(--input-ps);
    font-style: var(--input-font-style);
    font-weight: var(--input-font-weight);
    font-size: var(--input-font-size);
    line-height: var(--input-line-height);
    font-family: var(--input-font-family);
    color: var(--input-color);
    background-color: var(--input-bg-color);
    border: 1px solid var(--input-border-color);
    border-radius: var(--border-radius);
  }
  input {
    margin: 0px;
    padding: var(--input-pt) var(--input-pe) var(--input-pb) var(--input-ps);
    font-style: var(--input-font-style);
    font-weight: var(--input-font-weight);
    font-size: var(--input-font-size);
    line-height: var(--input-line-height);
    font-family: var(--input-font-family);
    color: var(--input-color);
    background-color: var(--input-bg-color);
    border: 1px solid var(--input-border-color);
    border-radius: var(--border-radius);
  }
  input::-webkit-input-placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }
  input::-moz-placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }
  input:-ms-input-placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }
  input::-ms-input-placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }
  input::placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }
  input[type=radio], input[type=checkbox] {
    padding: 0px;
  }
  textarea {
    margin: 0px;
    padding: var(--input-pt) var(--input-pe) var(--input-pb) var(--input-ps);
    min-height: 50px;
    height: auto;
    font-style: var(--input-font-style);
    font-weight: var(--input-font-weight);
    font-size: var(--input-font-size);
    line-height: var(--input-line-height);
    font-family: var(--input-font-family);
    color: var(--input-color);
    background-color: var(--input-bg-color);
    border: 1px solid var(--input-border-color);
    border-radius: var(--border-radius);
  }
  textarea::-webkit-input-placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }
  textarea::-moz-placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }
  textarea:-ms-input-placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }
  textarea::-ms-input-placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }
  textarea::placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }
  img {
    max-width: 100%;
    height: auto;
    vertical-align: initial;
  }
  hr {
    margin: 20px 0px;
    border: 0px;
    border-top: 1px solid var(--border-color);
    opacity: 1;
  }
  strong {
    font-weight: var(--fw-600);
  }
  section {
    position: relative;
    margin: 0px;
    padding: 30px 0px;
  }
  section::before, section::after {
    position: absolute;
    content: "";
    pointer-events: none;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
@media (max-width: 575.98px) {
  @layer base {
    /* HTML STYLES ---------------------------------------------------------------------------------------------------- */
    h1 {
      font-size: var(--h1-font-size-mobile);
      line-height: var(--h1-line-height-mobile);
    }
    h2 {
      font-size: var(--h2-font-size-mobile);
      line-height: var(--h2-line-height-mobile);
    }
    h3 {
      font-size: var(--h3-font-size-mobile);
      line-height: var(--h3-line-height-mobile);
    }
    h4 {
      font-size: var(--h4-font-size-mobile);
      line-height: var(--h4-line-height-mobile);
    }
    h5 {
      font-size: var(--h5-font-size-mobile);
      line-height: var(--h5-line-height-mobile);
    }
    h6 {
      font-size: var(--h6-font-size-mobile);
      line-height: var(--h6-line-height-mobile);
    }
  }
}
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
@media (min-width: 576px) and (max-width: 767.98px) {
  @layer base {
    /* HTML STYLES ---------------------------------------------------------------------------------------------------- */
    h1 {
      font-size: var(--h1-font-size-mobile);
      line-height: var(--h1-line-height-mobile);
    }
    h2 {
      font-size: var(--h2-font-size-mobile);
      line-height: var(--h2-line-height-mobile);
    }
    h3 {
      font-size: var(--h3-font-size-mobile);
      line-height: var(--h3-line-height-mobile);
    }
    h4 {
      font-size: var(--h4-font-size-mobile);
      line-height: var(--h4-line-height-mobile);
    }
    h5 {
      font-size: var(--h5-font-size-mobile);
      line-height: var(--h5-line-height-mobile);
    }
    h6 {
      font-size: var(--h6-font-size-mobile);
      line-height: var(--h6-line-height-mobile);
    }
  }
}
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer base {
  /* CUSTOM | DIRECTION ---------------------------------------------------------------------------------------------------- */
  .dir-ltr {
    direction: ltr !important;
  }
  .dir-rtl {
    direction: rtl !important;
  }
  .dir-inherit {
    direction: inherit !important;
  }
  .dir-initial {
    direction: initial !important;
  }
  .dir-revert {
    direction: revert !important;
  }
  .dir-revert-layer {
    direction: revert-layer !important;
  }
  .dir-unset {
    direction: unset !important;
  }
}
/* DIRECTION | LEFT TO RIGHT ---------------------------------------------------------------------------------------------------- */
[dir=ltr] {
  /* CUSTOM | SHOW/HIDE ON LTR MODES ---------------------------------------------------------------------------------------------------- */
}
[dir=ltr] .d-rtl-block, [dir=ltr] .d-rtl-flex, [dir=ltr] .d-rtl-inline, [dir=ltr] .d-rtl-inline-block, [dir=ltr] .d-rtl-inline-flex {
  display: none;
}
[dir=ltr] .d-ltr-none {
  display: none;
}
[dir=ltr] .d-ltr-block {
  display: block;
}
[dir=ltr] .d-ltr-flex {
  display: flex;
}
[dir=ltr] .d-ltr-inline {
  display: inline;
}
[dir=ltr] .d-ltr-inline-block {
  display: inline-block;
}
[dir=ltr] .d-ltr-inline-flex {
  display: inline-flex;
}

/* DIRECTION | RIGHT TO LEFT ---------------------------------------------------------------------------------------------------- */
[dir=rtl] {
  /* CUSTOM | ANCHOR LINK ---------------------------------------------------------------------------------------------------- */
  /* CUSTOM | SHOW/HIDE ON RTL MODES ---------------------------------------------------------------------------------------------------- */
  /* CUSTOM | IMAGE FLIP ON RTL MODE ---------------------------------------------------------------------------------------------------- */
}
[dir=rtl] a.link-external::after, [dir=rtl] a.linkexternal::after, [dir=rtl] a:link.link-external::after, [dir=rtl] a:link.linkexternal::after, [dir=rtl] a:visited.link-external::after, [dir=rtl] a:visited.linkexternal::after, [dir=rtl] a:hover.link-external::after, [dir=rtl] a:hover.linkexternal::after, [dir=rtl] a:active.link-external::after, [dir=rtl] a:active.linkexternal::after, [dir=rtl] a:focus.link-external::after, [dir=rtl] a:focus.linkexternal::after {
  transform: scaleX(-1);
}
[dir=rtl] a:hover.link-external::after, [dir=rtl] a:hover.link-arrow::after, [dir=rtl] a:hover.link-arrow-right::after, [dir=rtl] a:hover.link-chevron::after, [dir=rtl] a:hover.link-chevron-up::after, [dir=rtl] a:hover.link-chevron-right::after, [dir=rtl] a:hover.link-chevron-down::after, [dir=rtl] a:hover.link-chevron-circle::after, [dir=rtl] a:hover.link-chevron-circle-right::after, [dir=rtl] a:hover.link-play::after {
  translate: -4px 0px;
}
[dir=rtl] a:hover.link-arrow-left::before, [dir=rtl] a:hover.link-chevron-left::before, [dir=rtl] a:hover.link-chevron-circle-left::before, [dir=rtl] a:hover.link-email::before {
  translate: 4px 0px;
}
[dir=rtl] .d-ltr-block, [dir=rtl] .d-ltr-flex, [dir=rtl] .d-ltr-inline, [dir=rtl] .d-ltr-inline-block, [dir=rtl] .d-ltr-inline-flex {
  display: none;
}
[dir=rtl] .d-rtl-none {
  display: none;
}
[dir=rtl] .d-rtl-block {
  display: block;
}
[dir=rtl] .d-rtl-flex {
  display: flex;
}
[dir=rtl] .d-rtl-inline {
  display: inline;
}
[dir=rtl] .d-rtl-inline-block {
  display: inline-block;
}
[dir=rtl] .d-rtl-inline-flex {
  display: inline-flex;
}
[dir=rtl] .img-flip-rtl {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
}

/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer utilities {
  /* BOX SHADOW ---------------------------------------------------------------------------------------------------- */
  .box-shadow {
    box-shadow: var(--box-shadow);
  }
  /* CLEAR ---------------------------------------------------------------------------------------------------- */
  .clearfix, .clear, .cf {
    clear: both;
  }
  input::-ms-clear {
    display: none;
  }
  /* DISABLED ---------------------------------------------------------------------------------------------------- */
  .disabled, input:disabled, textarea:disabled, button:disabled, select:disabled, option:disabled, optgroup:disabled, fieldset:disabled {
    opacity: 0.8;
    cursor: not-allowed;
    pointer-events: none;
  }
  /* DROP SHADOW ---------------------------------------------------------------------------------------------------- */
  .drop-shadow-xs {
    filter: drop-shadow(0px 3px 3px hsla(0, 0%, 0%, 0.1));
  }
  .drop-shadow-sm {
    filter: drop-shadow(0px 3px 7px hsla(0, 0%, 0%, 0.15));
  }
  .drop-shadow {
    filter: drop-shadow(0px 6px 10px hsla(0, 0%, 0%, 0.2));
  }
  .drop-shadow-lg {
    filter: drop-shadow(0px 10px 20px hsla(0, 0%, 0%, 0.25));
  }
  .drop-shadow-xl {
    filter: drop-shadow(0px 20px 30px hsla(0, 0%, 0%, 0.35));
  }
  /* FLEX ---------------------------------------------------------------------------------------------------- */
  .flex-direction-row {
    flex-direction: row;
  }
  .flex-direction-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-direction-column {
    flex-direction: column;
  }
  .flex-direction-column-reverse {
    flex-direction: column-reverse;
  }
  .flex-wrap-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap-wrap {
    flex-wrap: wrap;
  }
  .flex-wrap-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .align-content-center {
    align-content: center;
  }
  .align-content-flex-end {
    align-content: flex-end;
  }
  .align-content-flex-start {
    align-content: flex-start;
  }
  .align-content-space-around {
    align-content: space-around;
  }
  .align-content-space-between {
    align-content: space-between;
  }
  .align-content-stretch {
    align-content: stretch;
  }
  .align-items-baseline {
    align-items: baseline;
  }
  .align-items-center {
    align-items: center;
  }
  .align-items-flex-end {
    align-items: flex-end;
  }
  .align-items-flex-start {
    align-items: flex-start;
  }
  .align-items-stretch {
    align-items: stretch;
  }
  .justify-content-center {
    justify-content: center;
  }
  .justify-content-flex-end {
    justify-content: flex-end;
  }
  .justify-content-flex-start {
    justify-content: flex-start;
  }
  .justify-content-space-around {
    justify-content: space-around;
  }
  .justify-content-space-between {
    justify-content: space-between;
  }
  .justify-content-space-evenly {
    justify-content: space-evenly;
  }
  /* FLOAT ---------------------------------------------------------------------------------------------------- */
  .float-left, .float-start {
    float: var(--dir-start);
  }
  .float-right, .float-end {
    float: var(--dir-end);
  }
  /* MARGIN ---------------------------------------------------------------------------------------------------- */
  .no-margin, .margin-none, .m-0 {
    margin: 0px;
  }
  .margin-5 {
    margin: 5px;
  }
  .margin-10, .m-10 {
    margin: 10px;
  }
  .margin-15, .m-15 {
    margin: 15px;
  }
  .margin-20, .m-20 {
    margin: 20px;
  }
  .margin-30, .m-30 {
    margin: 30px;
  }
  .margin-40, .m-40 {
    margin: 40px;
  }
  .margin-50, .m-50 {
    margin: 50px;
  }
  .margin-60, .m-60 {
    margin: 60px;
  }
  .margin-70, .m-70 {
    margin: 70px;
  }
  .margin-80, .m-80 {
    margin: 80px;
  }
  .margin-90, .m-90 {
    margin: 90px;
  }
  .margin-100, .m-100 {
    margin: 100px;
  }
  .margin-top-0, .margin-top-none, .no-margin-top, .mt-0 {
    margin-top: 0px;
  }
  .margin-top-5 {
    margin-top: 5px;
  }
  .margin-top-10, .mt-10 {
    margin-top: 10px;
  }
  .margin-top-15, .mt-15 {
    margin-top: 15px;
  }
  .margin-top-20, .mt-20 {
    margin-top: 20px;
  }
  .margin-top-30, .mt-30 {
    margin-top: 30px;
  }
  .margin-top-40, .mt-40 {
    margin-top: 40px;
  }
  .margin-top-50, .mt-50 {
    margin-top: 50px;
  }
  .margin-top-60, .mt-60 {
    margin-top: 60px;
  }
  .margin-top-70, .mt-70 {
    margin-top: 70px;
  }
  .margin-top-80, .mt-80 {
    margin-top: 80px;
  }
  .margin-top-90, .mt-90 {
    margin-top: 90px;
  }
  .margin-top-100, .mt-100 {
    margin-top: 100px;
  }
  .margin-right-0, .margin-right-none, .no-margin-right, .mr-0, .me-0 {
    margin-right: 0px;
  }
  .margin-right-5, .mr-5, .me-5 {
    margin-right: 5px;
  }
  .margin-right-10, .mr-10, .me-10 {
    margin-right: 10px;
  }
  .margin-right-15, .mr-15, .me-15 {
    margin-right: 15px;
  }
  .margin-right-20, .mr-20, .me-20 {
    margin-right: 20px;
  }
  .margin-right-30, .mr-30, .me-30 {
    margin-right: 30px;
  }
  .margin-right-40, .mr-40, .me-40 {
    margin-right: 40px;
  }
  .margin-right-50, .mr-50, .me-50 {
    margin-right: 50px;
  }
  .margin-right-60, .mr-60, .me-60 {
    margin-right: 60px;
  }
  .margin-right-70, .mr-70, .me-70 {
    margin-right: 70px;
  }
  .margin-right-80, .mr-80, .me-80 {
    margin-right: 80px;
  }
  .margin-right-90, .mr-90, .me-90 {
    margin-right: 90px;
  }
  .margin-right-100, .mr-100, .me-100 {
    margin-right: 100px;
  }
  .margin-bottom-0, .margin-bottom-none, .no-margin-bottom, .mb-0 {
    margin-bottom: 0px;
  }
  .margin-bottom-5 {
    margin-bottom: 5px;
  }
  .margin-bottom-10, .mb-10 {
    margin-bottom: 10px;
  }
  .margin-bottom-15, .mb-15 {
    margin-bottom: 15px;
  }
  .margin-bottom-20, .mb-20 {
    margin-bottom: 20px;
  }
  .margin-bottom-30, .mb-30 {
    margin-bottom: 30px;
  }
  .margin-bottom-40, .mb-40 {
    margin-bottom: 40px;
  }
  .margin-bottom-50, .mb-50 {
    margin-bottom: 50px;
  }
  .margin-bottom-60, .mb-60 {
    margin-bottom: 60px;
  }
  .margin-bottom-70, .mb-70 {
    margin-bottom: 70px;
  }
  .margin-bottom-80, .mb-80 {
    margin-bottom: 80px;
  }
  .margin-bottom-90, .mb-90 {
    margin-bottom: 90px;
  }
  .margin-bottom-100, .mb-100 {
    margin-bottom: 100px;
  }
  .margin-left-0, .margin-left-none, .no-margin-left, .ml-0, .ms-0 {
    margin-left: 0px;
  }
  .margin-left-5, .ml-5, .ms-5 {
    margin-left: 5px;
  }
  .margin-left-10, .ml-10, .ms-10 {
    margin-left: 10px;
  }
  .margin-left-15, .ml-15, .ms-15 {
    margin-left: 15px;
  }
  .margin-left-20, .ml-20, .ms-20 {
    margin-left: 20px;
  }
  .margin-left-30, .ml-30, .ms-30 {
    margin-left: 30px;
  }
  .margin-left-40, .ml-40, .ms-40 {
    margin-left: 40px;
  }
  .margin-left-50, .ml-50, .ms-50 {
    margin-left: 50px;
  }
  .margin-left-60, .ml-60, .ms-60 {
    margin-left: 60px;
  }
  .margin-left-70, .ml-70, .ms-70 {
    margin-left: 70px;
  }
  .margin-left-80, .ml-80, .ms-80 {
    margin-left: 80px;
  }
  .margin-left-90, .ml-90, .ms-90 {
    margin-left: 90px;
  }
  .margin-left-100, .ml-100, .ms-100 {
    margin-left: 100px;
  }
  .margin-auto, .m-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .margin-right-auto, .mr-auto, .me-auto {
    margin-right: auto;
    margin-left: initial;
  }
  .margin-left-auto, .ml-auto, .ms-auto {
    margin-left: auto;
    margin-right: initial;
  }
  /* MARGIN NEGATIVE ---------------------------------------------------------------------------------------------------- */
  .m-n1 {
    margin: -0.25rem;
  }
  .m-n2 {
    margin: -0.5rem;
  }
  .m-n3 {
    margin: -1rem;
  }
  .m-n4 {
    margin: -1.5rem;
  }
  .m-n5 {
    margin: -3rem;
  }
  .mx-n1 {
    margin-right: -0.25rem;
    margin-left: -0.25rem;
  }
  .mx-n2 {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
  .mx-n3 {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .mx-n4 {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
  }
  .mx-n5 {
    margin-right: -3rem;
    margin-left: -3rem;
  }
  .my-n1 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }
  .my-n2 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }
  .my-n3 {
    margin-top: -1rem;
    margin-bottom: -1rem;
  }
  .my-n4 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }
  .my-n5 {
    margin-top: -3rem;
    margin-bottom: -3rem;
  }
  .mt-n1 {
    margin-top: -0.25rem;
  }
  .mt-n2 {
    margin-top: -0.5rem;
  }
  .mt-n3 {
    margin-top: -1rem;
  }
  .mt-n4 {
    margin-top: -1.5rem;
  }
  .mt-n5 {
    margin-top: -3rem;
  }
  .me-n1 {
    margin-right: -0.25rem;
  }
  .me-n2 {
    margin-right: -0.5rem;
  }
  .me-n3 {
    margin-right: -1rem;
  }
  .me-n4 {
    margin-right: -1.5rem;
  }
  .me-n5 {
    margin-right: -3rem;
  }
  .mb-n1 {
    margin-bottom: -0.25rem;
  }
  .mb-n2 {
    margin-bottom: -0.5rem;
  }
  .mb-n3 {
    margin-bottom: -1rem;
  }
  .mb-n4 {
    margin-bottom: -1.5rem;
  }
  .mb-n5 {
    margin-bottom: -3rem;
  }
  .ms-n1 {
    margin-left: -0.25rem;
  }
  .ms-n2 {
    margin-left: -0.5rem;
  }
  .ms-n3 {
    margin-left: -1rem;
  }
  .ms-n4 {
    margin-left: -1.5rem;
  }
  .ms-n5 {
    margin-left: -3rem;
  }
  /* OPACITY ---------------------------------------------------------------------------------------------------- */
  .opacity-3 {
    opacity: 0.03;
  }
  .opacity-5 {
    opacity: 0.05;
  }
  .opacity-10 {
    opacity: 0.1;
  }
  .opacity-20 {
    opacity: 0.2;
  }
  .opacity-30 {
    opacity: 0.3;
  }
  .opacity-40 {
    opacity: 0.4;
  }
  .opacity-50 {
    opacity: 0.5;
  }
  .opacity-60 {
    opacity: 0.6;
  }
  .opacity-70 {
    opacity: 0.7;
  }
  .opacity-80 {
    opacity: 0.8;
  }
  .opacity-90 {
    opacity: 0.9;
  }
  .opacity-100 {
    opacity: 1;
  }
  /* OVERFLOW ---------------------------------------------------------------------------------------------------- */
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-initial {
    overflow: initial;
  }
  .overflow-scroll {
    overflow: scroll;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-x-initial {
    overflow-x: initial;
  }
  .overflow-x-scroll {
    overflow-x: scroll;
  }
  .overflow-x-visible {
    overflow-x: visible;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-y-hidden {
    overflow-y: hidden;
  }
  .overflow-y-initial {
    overflow-y: initial;
  }
  .overflow-y-scroll {
    overflow-y: scroll;
  }
  .overflow-y-visible {
    overflow-y: visible;
  }
  /* PADDING ---------------------------------------------------------------------------------------------------- */
  .no-padding, .padding-none, .p-0 {
    padding: 0px;
  }
  .padding-5 {
    padding: 5px;
  }
  .padding-10, .p-10 {
    padding: 10px;
  }
  .padding-15, .p-15 {
    padding: 15px;
  }
  .padding-20, .p-20 {
    padding: 20px;
  }
  .padding-30, .p-30 {
    padding: 30px;
  }
  .padding-40, .p-40 {
    padding: 40px;
  }
  .padding-50, .p-50 {
    padding: 50px;
  }
  .padding-60, .p-60 {
    padding: 60px;
  }
  .padding-70, .p-70 {
    padding: 70px;
  }
  .padding-80, .p-80 {
    padding: 80px;
  }
  .padding-90, .p-90 {
    padding: 90px;
  }
  .padding-100, .p-100 {
    padding: 100px;
  }
  .padding-top-0, .padding-top-none, .no-padding-top, .pt-0 {
    padding-top: 0px;
  }
  .padding-top-5 {
    padding-top: 5px;
  }
  .padding-top-10, .pt-10 {
    padding-top: 10px;
  }
  .padding-top-15, .pt-15 {
    padding-top: 15px;
  }
  .padding-top-20, .pt-20 {
    padding-top: 20px;
  }
  .padding-top-30, .pt-30 {
    padding-top: 30px;
  }
  .padding-top-40, .pt-40 {
    padding-top: 40px;
  }
  .padding-top-50, .pt-50 {
    padding-top: 50px;
  }
  .padding-top-60, .pt-60 {
    padding-top: 60px;
  }
  .padding-top-70, .pt-70 {
    padding-top: 70px;
  }
  .padding-top-80, .pt-80 {
    padding-top: 80px;
  }
  .padding-top-90, .pt-90 {
    padding-top: 90px;
  }
  .padding-top-100, .pt-100 {
    padding-top: 100px;
  }
  .padding-right-0, .padding-right-none, .no-padding-right, .pr-0, .pe-0 {
    padding-right: 0px;
  }
  .padding-right-5, .pr-5, .pe-5 {
    padding-right: 5px;
  }
  .padding-right-10, .pr-10, .pe-10 {
    padding-right: 10px;
  }
  .padding-right-15, .pr-15, .pe-15 {
    padding-right: 15px;
  }
  .padding-right-20, .pr-20, .pe-20 {
    padding-right: 20px;
  }
  .padding-right-30, .pr-30, .pe-30 {
    padding-right: 30px;
  }
  .padding-right-40, .pr-40, .pe-40 {
    padding-right: 40px;
  }
  .padding-right-50, .pr-50, .pe-50 {
    padding-right: 50px;
  }
  .padding-right-60, .pr-60, .pe-60 {
    padding-right: 60px;
  }
  .padding-right-70, .pr-70, .pe-70 {
    padding-right: 70px;
  }
  .padding-right-80, .pr-80, .pe-80 {
    padding-right: 80px;
  }
  .padding-right-90, .pr-90, .pe-90 {
    padding-right: 90px;
  }
  .padding-right-100, .pr-100, .pe-100 {
    padding-right: 100px;
  }
  .padding-bottom-0, .padding-bottom-none, .no-padding-bottom, .pb-0 {
    padding-bottom: 0px;
  }
  .padding-bottom-5 {
    padding-bottom: 5px;
  }
  .padding-bottom-10, .pb-10 {
    padding-bottom: 10px;
  }
  .padding-bottom-15, .pb-15 {
    padding-bottom: 15px;
  }
  .padding-bottom-20, .pb-20 {
    padding-bottom: 20px;
  }
  .padding-bottom-30, .pb-30 {
    padding-bottom: 30px;
  }
  .padding-bottom-40, .pb-40 {
    padding-bottom: 40px;
  }
  .padding-bottom-50, .pb-50 {
    padding-bottom: 50px;
  }
  .padding-bottom-60, .pb-60 {
    padding-bottom: 60px;
  }
  .padding-bottom-70, .pb-70 {
    padding-bottom: 70px;
  }
  .padding-bottom-80, .pb-80 {
    padding-bottom: 80px;
  }
  .padding-bottom-90, .pb-90 {
    padding-bottom: 90px;
  }
  .padding-bottom-100, .pb-100 {
    padding-bottom: 100px;
  }
  .padding-left-0, .padding-left-none, .no-padding-left, .pl-0, .ps-0 {
    padding-left: 0px;
  }
  .padding-left-5, .pl-5, .ps-5 {
    padding-left: 5px;
  }
  .padding-left-10, .pl-10, .ps-10 {
    padding-left: 10px;
  }
  .padding-left-15, .pl-15, .ps-15 {
    padding-left: 15px;
  }
  .padding-left-20, .pl-20, .ps-20 {
    padding-left: 20px;
  }
  .padding-left-30, .pl-30, .ps-30 {
    padding-left: 30px;
  }
  .padding-left-40, .pl-40, .ps-40 {
    padding-left: 40px;
  }
  .padding-left-50, .pl-50, .ps-50 {
    padding-left: 50px;
  }
  .padding-left-60, .pl-60, .ps-60 {
    padding-left: 60px;
  }
  .padding-left-70, .pl-70, .ps-70 {
    padding-left: 70px;
  }
  .padding-left-80, .pl-80, .ps-80 {
    padding-left: 80px;
  }
  .padding-left-90, .pl-90, .ps-90 {
    padding-left: 90px;
  }
  .padding-left-100, .pl-100, .ps-100 {
    padding-left: 100px;
  }
}
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
@media (min-width: 576px) {
  @layer utilities {
    /* FLEX ---------------------------------------------------------------------------------------------------- */
    .align-content-sm-start {
      align-content: flex-start;
    }
    .align-content-sm-end {
      align-content: flex-end;
    }
    .align-content-sm-center {
      align-content: center;
    }
    .align-content-sm-between {
      align-content: space-between;
    }
    .align-content-sm-around {
      align-content: space-around;
    }
    .align-content-sm-stretch {
      align-content: stretch;
    }
    .align-items-sm-start {
      align-items: flex-start;
    }
    .align-items-sm-end {
      align-items: flex-end;
    }
    .align-items-sm-center {
      align-items: center;
    }
    .align-items-sm-baseline {
      align-items: baseline;
    }
    .align-items-sm-stretch {
      align-items: stretch;
    }
    .justify-content-sm-start {
      justify-content: flex-start;
    }
    .justify-content-sm-end {
      justify-content: flex-end;
    }
    .justify-content-sm-center {
      justify-content: center;
    }
    .justify-content-sm-between {
      justify-content: space-between;
    }
    .justify-content-sm-around {
      justify-content: space-around;
    }
    .justify-content-sm-evenly {
      justify-content: space-evenly;
    }
    /* MARGIN NEGATIVE ---------------------------------------------------------------------------------------------------- */
    .m-sm-n1 {
      margin: -0.25rem;
    }
    .m-sm-n2 {
      margin: -0.5rem;
    }
    .m-sm-n3 {
      margin: -1rem;
    }
    .m-sm-n4 {
      margin: -1.5rem;
    }
    .m-sm-n5 {
      margin: -3rem;
    }
    .mx-sm-n1 {
      margin-right: -0.25rem;
      margin-left: -0.25rem;
    }
    .mx-sm-n2 {
      margin-right: -0.5rem;
      margin-left: -0.5rem;
    }
    .mx-sm-n3 {
      margin-right: -1rem;
      margin-left: -1rem;
    }
    .mx-sm-n4 {
      margin-right: -1.5rem;
      margin-left: -1.5rem;
    }
    .mx-sm-n5 {
      margin-right: -3rem;
      margin-left: -3rem;
    }
    .my-sm-n1 {
      margin-top: -0.25rem;
      margin-bottom: -0.25rem;
    }
    .my-sm-n2 {
      margin-top: -0.5rem;
      margin-bottom: -0.5rem;
    }
    .my-sm-n3 {
      margin-top: -1rem;
      margin-bottom: -1rem;
    }
    .my-sm-n4 {
      margin-top: -1.5rem;
      margin-bottom: -1.5rem;
    }
    .my-sm-n5 {
      margin-top: -3rem;
      margin-bottom: -3rem;
    }
    .mt-sm-n1 {
      margin-top: -0.25rem;
    }
    .mt-sm-n2 {
      margin-top: -0.5rem;
    }
    .mt-sm-n3 {
      margin-top: -1rem;
    }
    .mt-sm-n4 {
      margin-top: -1.5rem;
    }
    .mt-sm-n5 {
      margin-top: -3rem;
    }
    .me-sm-n1 {
      margin-right: -0.25rem;
    }
    .me-sm-n2 {
      margin-right: -0.5rem;
    }
    .me-sm-n3 {
      margin-right: -1rem;
    }
    .me-sm-n4 {
      margin-right: -1.5rem;
    }
    .me-sm-n5 {
      margin-right: -3rem;
    }
    .mb-sm-n1 {
      margin-bottom: -0.25rem;
    }
    .mb-sm-n2 {
      margin-bottom: -0.5rem;
    }
    .mb-sm-n3 {
      margin-bottom: -1rem;
    }
    .mb-sm-n4 {
      margin-bottom: -1.5rem;
    }
    .mb-sm-n5 {
      margin-bottom: -3rem;
    }
    .ms-sm-n1 {
      margin-left: -0.25rem;
    }
    .ms-sm-n2 {
      margin-left: -0.5rem;
    }
    .ms-sm-n3 {
      margin-left: -1rem;
    }
    .ms-sm-n4 {
      margin-left: -1.5rem;
    }
    .ms-sm-n5 {
      margin-left: -3rem;
    }
    /* BOOTSTRAP OVERRIDES | TEXT ---------------------------------------------------------------------------------------------------- */
    .text-sm-center {
      text-align: center;
    }
    .text-sm-start {
      text-align: var(--dir-start);
    }
    .text-sm-end {
      text-align: var(--dir-end);
    }
  }
}
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) {
  @layer utilities {
    /* FLEX ---------------------------------------------------------------------------------------------------- */
    .align-content-md-start {
      align-content: flex-start;
    }
    .align-content-md-end {
      align-content: flex-end;
    }
    .align-content-md-center {
      align-content: center;
    }
    .align-content-md-between {
      align-content: space-between;
    }
    .align-content-md-around {
      align-content: space-around;
    }
    .align-content-md-stretch {
      align-content: stretch;
    }
    .align-items-md-start {
      align-items: flex-start;
    }
    .align-items-md-end {
      align-items: flex-end;
    }
    .align-items-md-center {
      align-items: center;
    }
    .align-items-md-baseline {
      align-items: baseline;
    }
    .align-items-md-stretch {
      align-items: stretch;
    }
    .justify-content-md-start {
      justify-content: flex-start;
    }
    .justify-content-md-end {
      justify-content: flex-end;
    }
    .justify-content-md-center {
      justify-content: center;
    }
    .justify-content-md-between {
      justify-content: space-between;
    }
    .justify-content-md-around {
      justify-content: space-around;
    }
    .justify-content-md-evenly {
      justify-content: space-evenly;
    }
    /* MARGIN NEGATIVE ---------------------------------------------------------------------------------------------------- */
    .m-md-n1 {
      margin: -0.25rem;
    }
    .m-md-n2 {
      margin: -0.5rem;
    }
    .m-md-n3 {
      margin: -1rem;
    }
    .m-md-n4 {
      margin: -1.5rem;
    }
    .m-md-n5 {
      margin: -3rem;
    }
    .mx-md-n1 {
      margin-right: -0.25rem;
      margin-left: -0.25rem;
    }
    .mx-md-n2 {
      margin-right: -0.5rem;
      margin-left: -0.5rem;
    }
    .mx-md-n3 {
      margin-right: -1rem;
      margin-left: -1rem;
    }
    .mx-md-n4 {
      margin-right: -1.5rem;
      margin-left: -1.5rem;
    }
    .mx-md-n5 {
      margin-right: -3rem;
      margin-left: -3rem;
    }
    .my-md-n1 {
      margin-top: -0.25rem;
      margin-bottom: -0.25rem;
    }
    .my-md-n2 {
      margin-top: -0.5rem;
      margin-bottom: -0.5rem;
    }
    .my-md-n3 {
      margin-top: -1rem;
      margin-bottom: -1rem;
    }
    .my-md-n4 {
      margin-top: -1.5rem;
      margin-bottom: -1.5rem;
    }
    .my-md-n5 {
      margin-top: -3rem;
      margin-bottom: -3rem;
    }
    .mt-md-n1 {
      margin-top: -0.25rem;
    }
    .mt-md-n2 {
      margin-top: -0.5rem;
    }
    .mt-md-n3 {
      margin-top: -1rem;
    }
    .mt-md-n4 {
      margin-top: -1.5rem;
    }
    .mt-md-n5 {
      margin-top: -3rem;
    }
    .me-md-n1 {
      margin-right: -0.25rem;
    }
    .me-md-n2 {
      margin-right: -0.5rem;
    }
    .me-md-n3 {
      margin-right: -1rem;
    }
    .me-md-n4 {
      margin-right: -1.5rem;
    }
    .me-md-n5 {
      margin-right: -3rem;
    }
    .mb-md-n1 {
      margin-bottom: -0.25rem;
    }
    .mb-md-n2 {
      margin-bottom: -0.5rem;
    }
    .mb-md-n3 {
      margin-bottom: -1rem;
    }
    .mb-md-n4 {
      margin-bottom: -1.5rem;
    }
    .mb-md-n5 {
      margin-bottom: -3rem;
    }
    .ms-md-n1 {
      margin-left: -0.25rem;
    }
    .ms-md-n2 {
      margin-left: -0.5rem;
    }
    .ms-md-n3 {
      margin-left: -1rem;
    }
    .ms-md-n4 {
      margin-left: -1.5rem;
    }
    .ms-md-n5 {
      margin-left: -3rem;
    }
    /* BOOTSTRAP OVERRIDES | TEXT ---------------------------------------------------------------------------------------------------- */
    .text-md-center {
      text-align: center;
    }
    .text-md-start {
      text-align: var(--dir-start);
    }
    .text-md-end {
      text-align: var(--dir-end);
    }
  }
}
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
@media (min-width: 992px) {
  @layer utilities {
    /* FLEX ---------------------------------------------------------------------------------------------------- */
    .align-content-lg-start {
      align-content: flex-start;
    }
    .align-content-lg-end {
      align-content: flex-end;
    }
    .align-content-lg-center {
      align-content: center;
    }
    .align-content-lg-between {
      align-content: space-between;
    }
    .align-content-lg-around {
      align-content: space-around;
    }
    .align-content-lg-stretch {
      align-content: stretch;
    }
    .align-items-lg-start {
      align-items: flex-start;
    }
    .align-items-lg-end {
      align-items: flex-end;
    }
    .align-items-lg-center {
      align-items: center;
    }
    .align-items-lg-baseline {
      align-items: baseline;
    }
    .align-items-lg-stretch {
      align-items: stretch;
    }
    .justify-content-lg-start {
      justify-content: flex-start;
    }
    .justify-content-lg-end {
      justify-content: flex-end;
    }
    .justify-content-lg-center {
      justify-content: center;
    }
    .justify-content-lg-between {
      justify-content: space-between;
    }
    .justify-content-lg-around {
      justify-content: space-around;
    }
    .justify-content-lg-evenly {
      justify-content: space-evenly;
    }
    /* MARGIN NEGATIVE ---------------------------------------------------------------------------------------------------- */
    .m-lg-n1 {
      margin: -0.25rem;
    }
    .m-lg-n2 {
      margin: -0.5rem;
    }
    .m-lg-n3 {
      margin: -1rem;
    }
    .m-lg-n4 {
      margin: -1.5rem;
    }
    .m-lg-n5 {
      margin: -3rem;
    }
    .mx-lg-n1 {
      margin-right: -0.25rem;
      margin-left: -0.25rem;
    }
    .mx-lg-n2 {
      margin-right: -0.5rem;
      margin-left: -0.5rem;
    }
    .mx-lg-n3 {
      margin-right: -1rem;
      margin-left: -1rem;
    }
    .mx-lg-n4 {
      margin-right: -1.5rem;
      margin-left: -1.5rem;
    }
    .mx-lg-n5 {
      margin-right: -3rem;
      margin-left: -3rem;
    }
    .my-lg-n1 {
      margin-top: -0.25rem;
      margin-bottom: -0.25rem;
    }
    .my-lg-n2 {
      margin-top: -0.5rem;
      margin-bottom: -0.5rem;
    }
    .my-lg-n3 {
      margin-top: -1rem;
      margin-bottom: -1rem;
    }
    .my-lg-n4 {
      margin-top: -1.5rem;
      margin-bottom: -1.5rem;
    }
    .my-lg-n5 {
      margin-top: -3rem;
      margin-bottom: -3rem;
    }
    .mt-lg-n1 {
      margin-top: -0.25rem;
    }
    .mt-lg-n2 {
      margin-top: -0.5rem;
    }
    .mt-lg-n3 {
      margin-top: -1rem;
    }
    .mt-lg-n4 {
      margin-top: -1.5rem;
    }
    .mt-lg-n5 {
      margin-top: -3rem;
    }
    .me-lg-n1 {
      margin-right: -0.25rem;
    }
    .me-lg-n2 {
      margin-right: -0.5rem;
    }
    .me-lg-n3 {
      margin-right: -1rem;
    }
    .me-lg-n4 {
      margin-right: -1.5rem;
    }
    .me-lg-n5 {
      margin-right: -3rem;
    }
    .mb-lg-n1 {
      margin-bottom: -0.25rem;
    }
    .mb-lg-n2 {
      margin-bottom: -0.5rem;
    }
    .mb-lg-n3 {
      margin-bottom: -1rem;
    }
    .mb-lg-n4 {
      margin-bottom: -1.5rem;
    }
    .mb-lg-n5 {
      margin-bottom: -3rem;
    }
    .ms-lg-n1 {
      margin-left: -0.25rem;
    }
    .ms-lg-n2 {
      margin-left: -0.5rem;
    }
    .ms-lg-n3 {
      margin-left: -1rem;
    }
    .ms-lg-n4 {
      margin-left: -1.5rem;
    }
    .ms-lg-n5 {
      margin-left: -3rem;
    }
    /* BOOTSTRAP OVERRIDES | TEXT ---------------------------------------------------------------------------------------------------- */
    .text-lg-center {
      text-align: center;
    }
    .text-lg-start {
      text-align: var(--dir-start);
    }
    .text-lg-end {
      text-align: var(--dir-end);
    }
  }
}
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
@media (min-width: 1200px) {
  @layer utilities {
    /* FLEX ---------------------------------------------------------------------------------------------------- */
    .align-content-xl-start {
      align-content: flex-start;
    }
    .align-content-xl-end {
      align-content: flex-end;
    }
    .align-content-xl-center {
      align-content: center;
    }
    .align-content-xl-between {
      align-content: space-between;
    }
    .align-content-xl-around {
      align-content: space-around;
    }
    .align-content-xl-stretch {
      align-content: stretch;
    }
    .align-items-xl-start {
      align-items: flex-start;
    }
    .align-items-xl-end {
      align-items: flex-end;
    }
    .align-items-xl-center {
      align-items: center;
    }
    .align-items-xl-baseline {
      align-items: baseline;
    }
    .align-items-xl-stretch {
      align-items: stretch;
    }
    .justify-content-xl-start {
      justify-content: flex-start;
    }
    .justify-content-xl-end {
      justify-content: flex-end;
    }
    .justify-content-xl-center {
      justify-content: center;
    }
    .justify-content-xl-between {
      justify-content: space-between;
    }
    .justify-content-xl-around {
      justify-content: space-around;
    }
    .justify-content-xl-evenly {
      justify-content: space-evenly;
    }
    /* MARGIN NEGATIVE ---------------------------------------------------------------------------------------------------- */
    .m-xl-n1 {
      margin: -0.25rem;
    }
    .m-xl-n2 {
      margin: -0.5rem;
    }
    .m-xl-n3 {
      margin: -1rem;
    }
    .m-xl-n4 {
      margin: -1.5rem;
    }
    .m-xl-n5 {
      margin: -3rem;
    }
    .mx-xl-n1 {
      margin-right: -0.25rem;
      margin-left: -0.25rem;
    }
    .mx-xl-n2 {
      margin-right: -0.5rem;
      margin-left: -0.5rem;
    }
    .mx-xl-n3 {
      margin-right: -1rem;
      margin-left: -1rem;
    }
    .mx-xl-n4 {
      margin-right: -1.5rem;
      margin-left: -1.5rem;
    }
    .mx-xl-n5 {
      margin-right: -3rem;
      margin-left: -3rem;
    }
    .my-xl-n1 {
      margin-top: -0.25rem;
      margin-bottom: -0.25rem;
    }
    .my-xl-n2 {
      margin-top: -0.5rem;
      margin-bottom: -0.5rem;
    }
    .my-xl-n3 {
      margin-top: -1rem;
      margin-bottom: -1rem;
    }
    .my-xl-n4 {
      margin-top: -1.5rem;
      margin-bottom: -1.5rem;
    }
    .my-xl-n5 {
      margin-top: -3rem;
      margin-bottom: -3rem;
    }
    .mt-xl-n1 {
      margin-top: -0.25rem;
    }
    .mt-xl-n2 {
      margin-top: -0.5rem;
    }
    .mt-xl-n3 {
      margin-top: -1rem;
    }
    .mt-xl-n4 {
      margin-top: -1.5rem;
    }
    .mt-xl-n5 {
      margin-top: -3rem;
    }
    .me-xl-n1 {
      margin-right: -0.25rem;
    }
    .me-xl-n2 {
      margin-right: -0.5rem;
    }
    .me-xl-n3 {
      margin-right: -1rem;
    }
    .me-xl-n4 {
      margin-right: -1.5rem;
    }
    .me-xl-n5 {
      margin-right: -3rem;
    }
    .mb-xl-n1 {
      margin-bottom: -0.25rem;
    }
    .mb-xl-n2 {
      margin-bottom: -0.5rem;
    }
    .mb-xl-n3 {
      margin-bottom: -1rem;
    }
    .mb-xl-n4 {
      margin-bottom: -1.5rem;
    }
    .mb-xl-n5 {
      margin-bottom: -3rem;
    }
    .ms-xl-n1 {
      margin-left: -0.25rem;
    }
    .ms-xl-n2 {
      margin-left: -0.5rem;
    }
    .ms-xl-n3 {
      margin-left: -1rem;
    }
    .ms-xl-n4 {
      margin-left: -1.5rem;
    }
    .ms-xl-n5 {
      margin-left: -3rem;
    }
    /* BOOTSTRAP OVERRIDES | TEXT ---------------------------------------------------------------------------------------------------- */
    .text-xl-center {
      text-align: center;
    }
    .text-xl-start {
      text-align: var(--dir-start);
    }
    .text-xl-end {
      text-align: var(--dir-end);
    }
  }
}
/* MEDIA QUERY | EXTRA EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
@media (min-width: 1400px) {
  @layer utilities {
    /* FLEX ---------------------------------------------------------------------------------------------------- */
    .align-content-xxl-start {
      align-content: flex-start;
    }
    .align-content-xxl-end {
      align-content: flex-end;
    }
    .align-content-xxl-center {
      align-content: center;
    }
    .align-content-xxl-between {
      align-content: space-between;
    }
    .align-content-xxl-around {
      align-content: space-around;
    }
    .align-content-xxl-stretch {
      align-content: stretch;
    }
    .align-items-xxl-start {
      align-items: flex-start;
    }
    .align-items-xxl-end {
      align-items: flex-end;
    }
    .align-items-xxl-center {
      align-items: center;
    }
    .align-items-xxl-baseline {
      align-items: baseline;
    }
    .align-items-xxl-stretch {
      align-items: stretch;
    }
    .justify-content-xxl-start {
      justify-content: flex-start;
    }
    .justify-content-xxl-end {
      justify-content: flex-end;
    }
    .justify-content-xxl-center {
      justify-content: center;
    }
    .justify-content-xxl-between {
      justify-content: space-between;
    }
    .justify-content-xxl-around {
      justify-content: space-around;
    }
    .justify-content-xxl-evenly {
      justify-content: space-evenly;
    }
    /* MARGIN NEGATIVE ---------------------------------------------------------------------------------------------------- */
    .m-xxl-n1 {
      margin: -0.25rem;
    }
    .m-xxl-n2 {
      margin: -0.5rem;
    }
    .m-xxl-n3 {
      margin: -1rem;
    }
    .m-xxl-n4 {
      margin: -1.5rem;
    }
    .m-xxl-n5 {
      margin: -3rem;
    }
    .mx-xxl-n1 {
      margin-right: -0.25rem;
      margin-left: -0.25rem;
    }
    .mx-xxl-n2 {
      margin-right: -0.5rem;
      margin-left: -0.5rem;
    }
    .mx-xxl-n3 {
      margin-right: -1rem;
      margin-left: -1rem;
    }
    .mx-xxl-n4 {
      margin-right: -1.5rem;
      margin-left: -1.5rem;
    }
    .mx-xxl-n5 {
      margin-right: -3rem;
      margin-left: -3rem;
    }
    .my-xxl-n1 {
      margin-top: -0.25rem;
      margin-bottom: -0.25rem;
    }
    .my-xxl-n2 {
      margin-top: -0.5rem;
      margin-bottom: -0.5rem;
    }
    .my-xxl-n3 {
      margin-top: -1rem;
      margin-bottom: -1rem;
    }
    .my-xxl-n4 {
      margin-top: -1.5rem;
      margin-bottom: -1.5rem;
    }
    .my-xxl-n5 {
      margin-top: -3rem;
      margin-bottom: -3rem;
    }
    .mt-xxl-n1 {
      margin-top: -0.25rem;
    }
    .mt-xxl-n2 {
      margin-top: -0.5rem;
    }
    .mt-xxl-n3 {
      margin-top: -1rem;
    }
    .mt-xxl-n4 {
      margin-top: -1.5rem;
    }
    .mt-xxl-n5 {
      margin-top: -3rem;
    }
    .me-xxl-n1 {
      margin-right: -0.25rem;
    }
    .me-xxl-n2 {
      margin-right: -0.5rem;
    }
    .me-xxl-n3 {
      margin-right: -1rem;
    }
    .me-xxl-n4 {
      margin-right: -1.5rem;
    }
    .me-xxl-n5 {
      margin-right: -3rem;
    }
    .mb-xxl-n1 {
      margin-bottom: -0.25rem;
    }
    .mb-xxl-n2 {
      margin-bottom: -0.5rem;
    }
    .mb-xxl-n3 {
      margin-bottom: -1rem;
    }
    .mb-xxl-n4 {
      margin-bottom: -1.5rem;
    }
    .mb-xxl-n5 {
      margin-bottom: -3rem;
    }
    .ms-xxl-n1 {
      margin-left: -0.25rem;
    }
    .ms-xxl-n2 {
      margin-left: -0.5rem;
    }
    .ms-xxl-n3 {
      margin-left: -1rem;
    }
    .ms-xxl-n4 {
      margin-left: -1.5rem;
    }
    .ms-xxl-n5 {
      margin-left: -3rem;
    }
    /* BOOTSTRAP OVERRIDES | TEXT ---------------------------------------------------------------------------------------------------- */
    .text-xxl-center {
      text-align: center;
    }
    .text-xxl-start {
      text-align: var(--dir-start);
    }
    .text-xxl-end {
      text-align: var(--dir-end);
    }
  }
}
/* SCSS Document */
@layer base {
  /* CUSTOM | BORDER ---------------------------------------------------------------------------------------------------- */
  .border-none, .no-border, .border-0, .b-0 {
    border: none;
  }
  .border-top-none, .no-border-top, .border-top-0, .bt-0 {
    border-top: none;
  }
  .border-right-none, .no-border-right, .border-right-0, .br-0, .border-end-0, .be-0 {
    border-right: none;
  }
  .border-bottom-none, .no-border-bottom, .border-bottom-0, .bb-0 {
    border-bottom: none;
  }
  .border-left-none, .no-border-left, .border-left-0, .bl-0, .border-start-0, .bs-0 {
    border-left: none;
  }
  .border-all, .b-solid, .b-1 {
    border: 1px solid var(--border-color);
  }
  .border-top, .bt-solid, .bt-1 {
    border-top: 1px solid var(--border-color);
  }
  .border-right, .br-solid, .be-solid, .br-1, .be-1 {
    border-right: 1px solid var(--border-color);
  }
  .border-bottom, .bb-solid, .bb-1 {
    border-bottom: 1px solid var(--border-color);
  }
  .border-left, .bl-solid, .bs-solid, .bl-1, .bs-1 {
    border-left: 1px solid var(--border-color);
  }
  .border-dashed, .b-dashed, .b-da-1 {
    border: 1px dashed var(--border-color);
  }
  .border-top-dashed, .bt-dashed, .bt-da-1 {
    border-top: 1px dashed var(--border-color);
  }
  .border-right-dashed, .br-dashed, .be-dashed, .br-da-1, .be-da-1 {
    border-right: 1px dashed var(--border-color);
  }
  .border-bottom-dashed, .bb-dashed, .bb-da-1 {
    border-bottom: 1px dashed var(--border-color);
  }
  .border-left-dashed, .bl-dashed, .bs-dashed, .bl-da-1, .bs-da-1 {
    border-left: 1px dashed var(--border-color);
  }
  .border-dotted, .b-dotted, .b-do-1 {
    border: 1px dotted var(--border-color);
  }
  .border-top-dotted, .bt-dotted, .bt-do-1 {
    border-top: 1px dotted var(--border-color);
  }
  .border-right-dotted, .br-dotted, .be-dotted, .br-do-1, .be-do-1 {
    border-right: 1px dotted var(--border-color);
  }
  .border-bottom-dotted, .bb-dotted, .bb-do-1 {
    border-bottom: 1px dotted var(--border-color);
  }
  .border-left-dotted, .bl-dotted, .bs-dotted, .bl-do-1, .bs-do-1 {
    border-left: 1px dotted var(--border-color);
  }
  /* CUSTOM | BORDER RADIUS ---------------------------------------------------------------------------------------------------- */
  .br-0 {
    border-radius: 0px;
  }
  .br-1 {
    border-radius: 1px;
  }
  .br-2 {
    border-radius: 2px;
  }
  .br-3 {
    border-radius: 3px;
  }
  .br-4 {
    border-radius: 4px;
  }
  .br-5 {
    border-radius: 5px;
  }
  .br-6 {
    border-radius: 6px;
  }
  .br-7 {
    border-radius: 7px;
  }
  .br-8 {
    border-radius: 8px;
  }
  .br-9 {
    border-radius: 9px;
  }
  .br-10 {
    border-radius: 10px;
  }
  .br-11 {
    border-radius: 11px;
  }
  .br-12 {
    border-radius: 12px;
  }
  .br-13 {
    border-radius: 13px;
  }
  .br-14 {
    border-radius: 14px;
  }
  .br-15 {
    border-radius: 15px;
  }
  .br-16 {
    border-radius: 16px;
  }
  .br-17 {
    border-radius: 17px;
  }
  .br-18 {
    border-radius: 18px;
  }
  .br-19 {
    border-radius: 19px;
  }
  .br-20 {
    border-radius: 20px;
  }
  .rounded-xl, .rounded-4 {
    border-radius: 15px;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* CUSTOM | BACKGROUND COLORS ---------------------------------------------------------------------------------------------------- */
  .bg-none {
    background-color: transparent !important;
    background-image: none !important;
    background: none !important;
  }
  .bg-transparent {
    background-color: transparent !important;
  }
  .bg-body {
    background-color: var(--bg-body) !important;
  }
  .bg-body-light {
    background-color: var(--bg-body-light) !important;
  }
  .bg-body-dark {
    background-color: var(--bg-body-dark) !important;
  }
  .bg-pink-3 {
    background-color: var(--pink-3) !important;
  }
  .bg-pink-5 {
    background-color: var(--pink-5) !important;
  }
  .bg-pink-10 {
    background-color: var(--pink-10) !important;
  }
  .bg-pink-20 {
    background-color: var(--pink-20) !important;
  }
  .bg-pink-30 {
    background-color: var(--pink-30) !important;
  }
  .bg-pink-40 {
    background-color: var(--pink-40) !important;
  }
  .bg-pink-50 {
    background-color: var(--pink-50) !important;
  }
  .bg-pink-60 {
    background-color: var(--pink-60) !important;
  }
  .bg-pink-70 {
    background-color: var(--pink-70) !important;
  }
  .bg-pink-80 {
    background-color: var(--pink-80) !important;
  }
  .bg-pink-90 {
    background-color: var(--pink-90) !important;
  }
  .bg-pink {
    background-color: var(--pink) !important;
  }
  .bg-pink-dark-10 {
    background-color: var(--pink-dark-10) !important;
  }
  .bg-pink-dark-20 {
    background-color: var(--pink-dark-20) !important;
  }
  .bg-pink-dark-30 {
    background-color: var(--pink-dark-30) !important;
  }
  .bg-pink-dark-40 {
    background-color: var(--pink-dark-40) !important;
  }
  .bg-pink-dark-50 {
    background-color: var(--pink-dark-50) !important;
  }
  .bg-red-3 {
    background-color: var(--red-3) !important;
  }
  .bg-red-5 {
    background-color: var(--red-5) !important;
  }
  .bg-red-10 {
    background-color: var(--red-10) !important;
  }
  .bg-red-20 {
    background-color: var(--red-20) !important;
  }
  .bg-red-30 {
    background-color: var(--red-30) !important;
  }
  .bg-red-40 {
    background-color: var(--red-40) !important;
  }
  .bg-red-50 {
    background-color: var(--red-50) !important;
  }
  .bg-red-60 {
    background-color: var(--red-60) !important;
  }
  .bg-red-70 {
    background-color: var(--red-70) !important;
  }
  .bg-red-80 {
    background-color: var(--red-80) !important;
  }
  .bg-red-90 {
    background-color: var(--red-90) !important;
  }
  .bg-red {
    background-color: var(--red) !important;
  }
  .bg-red-dark-10 {
    background-color: var(--red-dark-10) !important;
  }
  .bg-red-dark-20 {
    background-color: var(--red-dark-20) !important;
  }
  .bg-red-dark-30 {
    background-color: var(--red-dark-30) !important;
  }
  .bg-red-dark-40 {
    background-color: var(--red-dark-40) !important;
  }
  .bg-red-dark-50 {
    background-color: var(--red-dark-50) !important;
  }
  .bg-orange-3 {
    background-color: var(--orange-3) !important;
  }
  .bg-orange-5 {
    background-color: var(--orange-5) !important;
  }
  .bg-orange-10 {
    background-color: var(--orange-10) !important;
  }
  .bg-orange-20 {
    background-color: var(--orange-20) !important;
  }
  .bg-orange-30 {
    background-color: var(--orange-30) !important;
  }
  .bg-orange-40 {
    background-color: var(--orange-40) !important;
  }
  .bg-orange-50 {
    background-color: var(--orange-50) !important;
  }
  .bg-orange-60 {
    background-color: var(--orange-60) !important;
  }
  .bg-orange-70 {
    background-color: var(--orange-70) !important;
  }
  .bg-orange-80 {
    background-color: var(--orange-80) !important;
  }
  .bg-orange-90 {
    background-color: var(--orange-90) !important;
  }
  .bg-orange {
    background-color: var(--orange) !important;
  }
  .bg-orange-dark-10 {
    background-color: var(--orange-dark-10) !important;
  }
  .bg-orange-dark-20 {
    background-color: var(--orange-dark-20) !important;
  }
  .bg-orange-dark-30 {
    background-color: var(--orange-dark-30) !important;
  }
  .bg-orange-dark-40 {
    background-color: var(--orange-dark-40) !important;
  }
  .bg-orange-dark-50 {
    background-color: var(--orange-dark-50) !important;
  }
  .bg-yellow-3 {
    background-color: var(--yellow-3) !important;
  }
  .bg-yellow-5 {
    background-color: var(--yellow-5) !important;
  }
  .bg-yellow-10 {
    background-color: var(--yellow-10) !important;
  }
  .bg-yellow-20 {
    background-color: var(--yellow-20) !important;
  }
  .bg-yellow-30 {
    background-color: var(--yellow-30) !important;
  }
  .bg-yellow-40 {
    background-color: var(--yellow-40) !important;
  }
  .bg-yellow-50 {
    background-color: var(--yellow-50) !important;
  }
  .bg-yellow-60 {
    background-color: var(--yellow-60) !important;
  }
  .bg-yellow-70 {
    background-color: var(--yellow-70) !important;
  }
  .bg-yellow-80 {
    background-color: var(--yellow-80) !important;
  }
  .bg-yellow-90 {
    background-color: var(--yellow-90) !important;
  }
  .bg-yellow {
    background-color: var(--yellow) !important;
  }
  .bg-yellow-dark-10 {
    background-color: var(--yellow-dark-10) !important;
  }
  .bg-yellow-dark-20 {
    background-color: var(--yellow-dark-20) !important;
  }
  .bg-yellow-dark-30 {
    background-color: var(--yellow-dark-30) !important;
  }
  .bg-yellow-dark-40 {
    background-color: var(--yellow-dark-40) !important;
  }
  .bg-yellow-dark-50 {
    background-color: var(--yellow-dark-50) !important;
  }
  .bg-lime-3 {
    background-color: var(--lime-3) !important;
  }
  .bg-lime-5 {
    background-color: var(--lime-5) !important;
  }
  .bg-lime-10 {
    background-color: var(--lime-10) !important;
  }
  .bg-lime-20 {
    background-color: var(--lime-20) !important;
  }
  .bg-lime-30 {
    background-color: var(--lime-30) !important;
  }
  .bg-lime-40 {
    background-color: var(--lime-40) !important;
  }
  .bg-lime-50 {
    background-color: var(--lime-50) !important;
  }
  .bg-lime-60 {
    background-color: var(--lime-60) !important;
  }
  .bg-lime-70 {
    background-color: var(--lime-70) !important;
  }
  .bg-lime-80 {
    background-color: var(--lime-80) !important;
  }
  .bg-lime-90 {
    background-color: var(--lime-90) !important;
  }
  .bg-lime {
    background-color: var(--lime) !important;
  }
  .bg-lime-dark-10 {
    background-color: var(--lime-dark-10) !important;
  }
  .bg-lime-dark-20 {
    background-color: var(--lime-dark-20) !important;
  }
  .bg-lime-dark-30 {
    background-color: var(--lime-dark-30) !important;
  }
  .bg-lime-dark-40 {
    background-color: var(--lime-dark-40) !important;
  }
  .bg-lime-dark-50 {
    background-color: var(--lime-dark-50) !important;
  }
  .bg-mint-3 {
    background-color: var(--mint-3) !important;
  }
  .bg-mint-5 {
    background-color: var(--mint-5) !important;
  }
  .bg-mint-10 {
    background-color: var(--mint-10) !important;
  }
  .bg-mint-20 {
    background-color: var(--mint-20) !important;
  }
  .bg-mint-30 {
    background-color: var(--mint-30) !important;
  }
  .bg-mint-40 {
    background-color: var(--mint-40) !important;
  }
  .bg-mint-50 {
    background-color: var(--mint-50) !important;
  }
  .bg-mint-60 {
    background-color: var(--mint-60) !important;
  }
  .bg-mint-70 {
    background-color: var(--mint-70) !important;
  }
  .bg-mint-80 {
    background-color: var(--mint-80) !important;
  }
  .bg-mint-90 {
    background-color: var(--mint-90) !important;
  }
  .bg-mint {
    background-color: var(--mint) !important;
  }
  .bg-mint-dark-10 {
    background-color: var(--mint-dark-10) !important;
  }
  .bg-mint-dark-20 {
    background-color: var(--mint-dark-20) !important;
  }
  .bg-mint-dark-30 {
    background-color: var(--mint-dark-30) !important;
  }
  .bg-mint-dark-40 {
    background-color: var(--mint-dark-40) !important;
  }
  .bg-mint-dark-50 {
    background-color: var(--mint-dark-50) !important;
  }
  .bg-green-3 {
    background-color: var(--green-3) !important;
  }
  .bg-green-5 {
    background-color: var(--green-5) !important;
  }
  .bg-green-10 {
    background-color: var(--green-10) !important;
  }
  .bg-green-20 {
    background-color: var(--green-20) !important;
  }
  .bg-green-30 {
    background-color: var(--green-30) !important;
  }
  .bg-green-40 {
    background-color: var(--green-40) !important;
  }
  .bg-green-50 {
    background-color: var(--green-50) !important;
  }
  .bg-green-60 {
    background-color: var(--green-60) !important;
  }
  .bg-green-70 {
    background-color: var(--green-70) !important;
  }
  .bg-green-80 {
    background-color: var(--green-80) !important;
  }
  .bg-green-90 {
    background-color: var(--green-90) !important;
  }
  .bg-green {
    background-color: var(--green) !important;
  }
  .bg-green-dark-10 {
    background-color: var(--green-dark-10) !important;
  }
  .bg-green-dark-20 {
    background-color: var(--green-dark-20) !important;
  }
  .bg-green-dark-30 {
    background-color: var(--green-dark-30) !important;
  }
  .bg-green-dark-40 {
    background-color: var(--green-dark-40) !important;
  }
  .bg-green-dark-50 {
    background-color: var(--green-dark-50) !important;
  }
  .bg-sage-3 {
    background-color: var(--sage-3) !important;
  }
  .bg-sage-5 {
    background-color: var(--sage-5) !important;
  }
  .bg-sage-10 {
    background-color: var(--sage-10) !important;
  }
  .bg-sage-20 {
    background-color: var(--sage-20) !important;
  }
  .bg-sage-30 {
    background-color: var(--sage-30) !important;
  }
  .bg-sage-40 {
    background-color: var(--sage-40) !important;
  }
  .bg-sage-50 {
    background-color: var(--sage-50) !important;
  }
  .bg-sage-60 {
    background-color: var(--sage-60) !important;
  }
  .bg-sage-70 {
    background-color: var(--sage-70) !important;
  }
  .bg-sage-80 {
    background-color: var(--sage-80) !important;
  }
  .bg-sage-90 {
    background-color: var(--sage-90) !important;
  }
  .bg-sage {
    background-color: var(--sage) !important;
  }
  .bg-sage-dark-10 {
    background-color: var(--sage-dark-10) !important;
  }
  .bg-sage-dark-20 {
    background-color: var(--sage-dark-20) !important;
  }
  .bg-sage-dark-30 {
    background-color: var(--sage-dark-30) !important;
  }
  .bg-sage-dark-40 {
    background-color: var(--sage-dark-40) !important;
  }
  .bg-sage-dark-50 {
    background-color: var(--sage-dark-50) !important;
  }
  .bg-teal-3 {
    background-color: var(--teal-3) !important;
  }
  .bg-teal-5 {
    background-color: var(--teal-5) !important;
  }
  .bg-teal-10 {
    background-color: var(--teal-10) !important;
  }
  .bg-teal-20 {
    background-color: var(--teal-20) !important;
  }
  .bg-teal-30 {
    background-color: var(--teal-30) !important;
  }
  .bg-teal-40 {
    background-color: var(--teal-40) !important;
  }
  .bg-teal-50 {
    background-color: var(--teal-50) !important;
  }
  .bg-teal-60 {
    background-color: var(--teal-60) !important;
  }
  .bg-teal-70 {
    background-color: var(--teal-70) !important;
  }
  .bg-teal-80 {
    background-color: var(--teal-80) !important;
  }
  .bg-teal-90 {
    background-color: var(--teal-90) !important;
  }
  .bg-teal {
    background-color: var(--teal) !important;
  }
  .bg-teal-dark-10 {
    background-color: var(--teal-dark-10) !important;
  }
  .bg-teal-dark-20 {
    background-color: var(--teal-dark-20) !important;
  }
  .bg-teal-dark-30 {
    background-color: var(--teal-dark-30) !important;
  }
  .bg-teal-dark-40 {
    background-color: var(--teal-dark-40) !important;
  }
  .bg-teal-dark-50 {
    background-color: var(--teal-dark-50) !important;
  }
  .bg-cyan-3 {
    background-color: var(--cyan-3) !important;
  }
  .bg-cyan-5 {
    background-color: var(--cyan-5) !important;
  }
  .bg-cyan-10 {
    background-color: var(--cyan-10) !important;
  }
  .bg-cyan-20 {
    background-color: var(--cyan-20) !important;
  }
  .bg-cyan-30 {
    background-color: var(--cyan-30) !important;
  }
  .bg-cyan-40 {
    background-color: var(--cyan-40) !important;
  }
  .bg-cyan-50 {
    background-color: var(--cyan-50) !important;
  }
  .bg-cyan-60 {
    background-color: var(--cyan-60) !important;
  }
  .bg-cyan-70 {
    background-color: var(--cyan-70) !important;
  }
  .bg-cyan-80 {
    background-color: var(--cyan-80) !important;
  }
  .bg-cyan-90 {
    background-color: var(--cyan-90) !important;
  }
  .bg-cyan {
    background-color: var(--cyan) !important;
  }
  .bg-cyan-dark-10 {
    background-color: var(--cyan-dark-10) !important;
  }
  .bg-cyan-dark-20 {
    background-color: var(--cyan-dark-20) !important;
  }
  .bg-cyan-dark-30 {
    background-color: var(--cyan-dark-30) !important;
  }
  .bg-cyan-dark-40 {
    background-color: var(--cyan-dark-40) !important;
  }
  .bg-cyan-dark-50 {
    background-color: var(--cyan-dark-50) !important;
  }
  .bg-blue-3 {
    background-color: var(--blue-3) !important;
  }
  .bg-blue-5 {
    background-color: var(--blue-5) !important;
  }
  .bg-blue-10 {
    background-color: var(--blue-10) !important;
  }
  .bg-blue-20 {
    background-color: var(--blue-20) !important;
  }
  .bg-blue-30 {
    background-color: var(--blue-30) !important;
  }
  .bg-blue-40 {
    background-color: var(--blue-40) !important;
  }
  .bg-blue-50 {
    background-color: var(--blue-50) !important;
  }
  .bg-blue-60 {
    background-color: var(--blue-60) !important;
  }
  .bg-blue-70 {
    background-color: var(--blue-70) !important;
  }
  .bg-blue-80 {
    background-color: var(--blue-80) !important;
  }
  .bg-blue-90 {
    background-color: var(--blue-90) !important;
  }
  .bg-blue {
    background-color: var(--blue) !important;
  }
  .bg-blue-dark-10 {
    background-color: var(--blue-dark-10) !important;
  }
  .bg-blue-dark-20 {
    background-color: var(--blue-dark-20) !important;
  }
  .bg-blue-dark-30 {
    background-color: var(--blue-dark-30) !important;
  }
  .bg-blue-dark-40 {
    background-color: var(--blue-dark-40) !important;
  }
  .bg-blue-dark-50 {
    background-color: var(--blue-dark-50) !important;
  }
  .bg-navy-3 {
    background-color: var(--navy-3) !important;
  }
  .bg-navy-5 {
    background-color: var(--navy-5) !important;
  }
  .bg-navy-10 {
    background-color: var(--navy-10) !important;
  }
  .bg-navy-20 {
    background-color: var(--navy-20) !important;
  }
  .bg-navy-30 {
    background-color: var(--navy-30) !important;
  }
  .bg-navy-40 {
    background-color: var(--navy-40) !important;
  }
  .bg-navy-50 {
    background-color: var(--navy-50) !important;
  }
  .bg-navy-60 {
    background-color: var(--navy-60) !important;
  }
  .bg-navy-70 {
    background-color: var(--navy-70) !important;
  }
  .bg-navy-80 {
    background-color: var(--navy-80) !important;
  }
  .bg-navy-90 {
    background-color: var(--navy-90) !important;
  }
  .bg-navy {
    background-color: var(--navy) !important;
  }
  .bg-navy-dark-10 {
    background-color: var(--navy-dark-10) !important;
  }
  .bg-navy-dark-20 {
    background-color: var(--navy-dark-20) !important;
  }
  .bg-navy-dark-30 {
    background-color: var(--navy-dark-30) !important;
  }
  .bg-navy-dark-40 {
    background-color: var(--navy-dark-40) !important;
  }
  .bg-navy-dark-50 {
    background-color: var(--navy-dark-50) !important;
  }
  .bg-slate-3 {
    background-color: var(--slate-3) !important;
  }
  .bg-slate-5 {
    background-color: var(--slate-5) !important;
  }
  .bg-slate-10 {
    background-color: var(--slate-10) !important;
  }
  .bg-slate-20 {
    background-color: var(--slate-20) !important;
  }
  .bg-slate-30 {
    background-color: var(--slate-30) !important;
  }
  .bg-slate-40 {
    background-color: var(--slate-40) !important;
  }
  .bg-slate-50 {
    background-color: var(--slate-50) !important;
  }
  .bg-slate-60 {
    background-color: var(--slate-60) !important;
  }
  .bg-slate-70 {
    background-color: var(--slate-70) !important;
  }
  .bg-slate-80 {
    background-color: var(--slate-80) !important;
  }
  .bg-slate-90 {
    background-color: var(--slate-90) !important;
  }
  .bg-slate {
    background-color: var(--slate) !important;
  }
  .bg-slate-dark-10 {
    background-color: var(--slate-dark-10) !important;
  }
  .bg-slate-dark-20 {
    background-color: var(--slate-dark-20) !important;
  }
  .bg-slate-dark-30 {
    background-color: var(--slate-dark-30) !important;
  }
  .bg-slate-dark-40 {
    background-color: var(--slate-dark-40) !important;
  }
  .bg-slate-dark-50 {
    background-color: var(--slate-dark-50) !important;
  }
  .bg-indigo-3 {
    background-color: var(--indigo-3) !important;
  }
  .bg-indigo-5 {
    background-color: var(--indigo-5) !important;
  }
  .bg-indigo-10 {
    background-color: var(--indigo-10) !important;
  }
  .bg-indigo-20 {
    background-color: var(--indigo-20) !important;
  }
  .bg-indigo-30 {
    background-color: var(--indigo-30) !important;
  }
  .bg-indigo-40 {
    background-color: var(--indigo-40) !important;
  }
  .bg-indigo-50 {
    background-color: var(--indigo-50) !important;
  }
  .bg-indigo-60 {
    background-color: var(--indigo-60) !important;
  }
  .bg-indigo-70 {
    background-color: var(--indigo-70) !important;
  }
  .bg-indigo-80 {
    background-color: var(--indigo-80) !important;
  }
  .bg-indigo-90 {
    background-color: var(--indigo-90) !important;
  }
  .bg-indigo {
    background-color: var(--indigo) !important;
  }
  .bg-indigo-dark-10 {
    background-color: var(--indigo-dark-10) !important;
  }
  .bg-indigo-dark-20 {
    background-color: var(--indigo-dark-20) !important;
  }
  .bg-indigo-dark-30 {
    background-color: var(--indigo-dark-30) !important;
  }
  .bg-indigo-dark-40 {
    background-color: var(--indigo-dark-40) !important;
  }
  .bg-indigo-dark-50 {
    background-color: var(--indigo-dark-50) !important;
  }
  .bg-purple-3 {
    background-color: var(--purple-3) !important;
  }
  .bg-purple-5 {
    background-color: var(--purple-5) !important;
  }
  .bg-purple-10 {
    background-color: var(--purple-10) !important;
  }
  .bg-purple-20 {
    background-color: var(--purple-20) !important;
  }
  .bg-purple-30 {
    background-color: var(--purple-30) !important;
  }
  .bg-purple-40 {
    background-color: var(--purple-40) !important;
  }
  .bg-purple-50 {
    background-color: var(--purple-50) !important;
  }
  .bg-purple-60 {
    background-color: var(--purple-60) !important;
  }
  .bg-purple-70 {
    background-color: var(--purple-70) !important;
  }
  .bg-purple-80 {
    background-color: var(--purple-80) !important;
  }
  .bg-purple-90 {
    background-color: var(--purple-90) !important;
  }
  .bg-purple {
    background-color: var(--purple) !important;
  }
  .bg-purple-dark-10 {
    background-color: var(--purple-dark-10) !important;
  }
  .bg-purple-dark-20 {
    background-color: var(--purple-dark-20) !important;
  }
  .bg-purple-dark-30 {
    background-color: var(--purple-dark-30) !important;
  }
  .bg-purple-dark-40 {
    background-color: var(--purple-dark-40) !important;
  }
  .bg-purple-dark-50 {
    background-color: var(--purple-dark-50) !important;
  }
  .bg-magenta-3 {
    background-color: var(--magenta-3) !important;
  }
  .bg-magenta-5 {
    background-color: var(--magenta-5) !important;
  }
  .bg-magenta-10 {
    background-color: var(--magenta-10) !important;
  }
  .bg-magenta-20 {
    background-color: var(--magenta-20) !important;
  }
  .bg-magenta-30 {
    background-color: var(--magenta-30) !important;
  }
  .bg-magenta-40 {
    background-color: var(--magenta-40) !important;
  }
  .bg-magenta-50 {
    background-color: var(--magenta-50) !important;
  }
  .bg-magenta-60 {
    background-color: var(--magenta-60) !important;
  }
  .bg-magenta-70 {
    background-color: var(--magenta-70) !important;
  }
  .bg-magenta-80 {
    background-color: var(--magenta-80) !important;
  }
  .bg-magenta-90 {
    background-color: var(--magenta-90) !important;
  }
  .bg-magenta {
    background-color: var(--magenta) !important;
  }
  .bg-magenta-dark-10 {
    background-color: var(--magenta-dark-10) !important;
  }
  .bg-magenta-dark-20 {
    background-color: var(--magenta-dark-20) !important;
  }
  .bg-magenta-dark-30 {
    background-color: var(--magenta-dark-30) !important;
  }
  .bg-magenta-dark-40 {
    background-color: var(--magenta-dark-40) !important;
  }
  .bg-magenta-dark-50 {
    background-color: var(--magenta-dark-50) !important;
  }
  .bg-brown-3 {
    background-color: var(--brown-3) !important;
  }
  .bg-brown-5 {
    background-color: var(--brown-5) !important;
  }
  .bg-brown-10 {
    background-color: var(--brown-10) !important;
  }
  .bg-brown-20 {
    background-color: var(--brown-20) !important;
  }
  .bg-brown-30 {
    background-color: var(--brown-30) !important;
  }
  .bg-brown-40 {
    background-color: var(--brown-40) !important;
  }
  .bg-brown-50 {
    background-color: var(--brown-50) !important;
  }
  .bg-brown-60 {
    background-color: var(--brown-60) !important;
  }
  .bg-brown-70 {
    background-color: var(--brown-70) !important;
  }
  .bg-brown-80 {
    background-color: var(--brown-80) !important;
  }
  .bg-brown-90 {
    background-color: var(--brown-90) !important;
  }
  .bg-brown {
    background-color: var(--brown) !important;
  }
  .bg-brown-dark-10 {
    background-color: var(--brown-dark-10) !important;
  }
  .bg-brown-dark-20 {
    background-color: var(--brown-dark-20) !important;
  }
  .bg-brown-dark-30 {
    background-color: var(--brown-dark-30) !important;
  }
  .bg-brown-dark-40 {
    background-color: var(--brown-dark-40) !important;
  }
  .bg-brown-dark-50 {
    background-color: var(--brown-dark-50) !important;
  }
  .bg-gray-3, .bg-grey-3 {
    background-color: var(--gray-3) !important;
  }
  .bg-gray-5, .bg-grey-5 {
    background-color: var(--gray-5) !important;
  }
  .bg-gray-10, .bg-grey-10 {
    background-color: var(--gray-10) !important;
  }
  .bg-gray-20, .bg-grey-20 {
    background-color: var(--gray-20) !important;
  }
  .bg-gray-30, .bg-grey-30 {
    background-color: var(--gray-30) !important;
  }
  .bg-gray-40, .bg-grey-40 {
    background-color: var(--gray-40) !important;
  }
  .bg-gray-50, .bg-grey-50 {
    background-color: var(--gray-50) !important;
  }
  .bg-gray-60, .bg-grey-60 {
    background-color: var(--gray-60) !important;
  }
  .bg-gray-70, .bg-grey-70 {
    background-color: var(--gray-70) !important;
  }
  .bg-gray-80, .bg-grey-80 {
    background-color: var(--gray-80) !important;
  }
  .bg-gray-90, .bg-grey-90 {
    background-color: var(--gray-90) !important;
  }
  .bg-gray, .bg-grey {
    background-color: var(--gray) !important;
  }
  .bg-gray-dark-10, .bg-grey-dark-10 {
    background-color: var(--gray-dark-10) !important;
  }
  .bg-gray-dark-20, .bg-grey-dark-20 {
    background-color: var(--gray-dark-20) !important;
  }
  .bg-gray-dark-30, .bg-grey-dark-30 {
    background-color: var(--gray-dark-30) !important;
  }
  .bg-gray-dark-40, .bg-grey-dark-40 {
    background-color: var(--gray-dark-40) !important;
  }
  .bg-gray-dark-50, .bg-grey-dark-50 {
    background-color: var(--gray-dark-50) !important;
  }
  .bg-gray-3-solid, .bg-grey-3-solid {
    background-color: var(--gray-3-solid) !important;
  }
  .bg-gray-5-solid, .bg-grey-5-solid {
    background-color: var(--gray-5-solid) !important;
  }
  .bg-gray-10-solid, .bg-grey-10-solid {
    background-color: var(--gray-10-solid) !important;
  }
  .bg-gray-20-solid, .bg-grey-20-solid {
    background-color: var(--gray-20-solid) !important;
  }
  .bg-gray-30-solid, .bg-grey-30-solid {
    background-color: var(--gray-30-solid) !important;
  }
  .bg-gray-40-solid, .bg-grey-40-solid {
    background-color: var(--gray-40-solid) !important;
  }
  .bg-gray-50-solid, .bg-grey-50-solid {
    background-color: var(--gray-50-solid) !important;
  }
  .bg-gray-60-solid, .bg-grey-60-solid {
    background-color: var(--gray-60-solid) !important;
  }
  .bg-gray-70-solid, .bg-grey-70-solid {
    background-color: var(--gray-70-solid) !important;
  }
  .bg-gray-80-solid, .bg-grey-80-solid {
    background-color: var(--gray-80-solid) !important;
  }
  .bg-gray-90-solid, .bg-grey-90-solid {
    background-color: var(--gray-90-solid) !important;
  }
  .bg-white-3 {
    background-color: var(--white-3) !important;
  }
  .bg-white-5 {
    background-color: var(--white-5) !important;
  }
  .bg-white-10 {
    background-color: var(--white-10) !important;
  }
  .bg-white-20 {
    background-color: var(--white-20) !important;
  }
  .bg-white-30 {
    background-color: var(--white-30) !important;
  }
  .bg-white-40 {
    background-color: var(--white-40) !important;
  }
  .bg-white-50 {
    background-color: var(--white-50) !important;
  }
  .bg-white-60 {
    background-color: var(--white-60) !important;
  }
  .bg-white-70 {
    background-color: var(--white-70) !important;
  }
  .bg-white-80 {
    background-color: var(--white-80) !important;
  }
  .bg-white-90 {
    background-color: var(--white-90) !important;
  }
  .bg-white {
    background-color: var(--white) !important;
  }
  .bg-black-3 {
    background-color: var(--black-3) !important;
  }
  .bg-black-5 {
    background-color: var(--black-5) !important;
  }
  .bg-black-10 {
    background-color: var(--black-10) !important;
  }
  .bg-black-20 {
    background-color: var(--black-20) !important;
  }
  .bg-black-30 {
    background-color: var(--black-30) !important;
  }
  .bg-black-40 {
    background-color: var(--black-40) !important;
  }
  .bg-black-50 {
    background-color: var(--black-50) !important;
  }
  .bg-black-60 {
    background-color: var(--black-60) !important;
  }
  .bg-black-70 {
    background-color: var(--black-70) !important;
  }
  .bg-black-80 {
    background-color: var(--black-80) !important;
  }
  .bg-black-90 {
    background-color: var(--black-90) !important;
  }
  .bg-black {
    background-color: var(--black) !important;
  }
  .bg-primary-3 {
    background-color: var(--primary-3) !important;
  }
  .bg-primary-5 {
    background-color: var(--primary-5) !important;
  }
  .bg-primary-10 {
    background-color: var(--primary-10) !important;
  }
  .bg-primary-20 {
    background-color: var(--primary-20) !important;
  }
  .bg-primary-30 {
    background-color: var(--primary-30) !important;
  }
  .bg-primary-40 {
    background-color: var(--primary-40) !important;
  }
  .bg-primary-50 {
    background-color: var(--primary-50) !important;
  }
  .bg-primary-60 {
    background-color: var(--primary-60) !important;
  }
  .bg-primary-70 {
    background-color: var(--primary-70) !important;
  }
  .bg-primary-80 {
    background-color: var(--primary-80) !important;
  }
  .bg-primary-90 {
    background-color: var(--primary-90) !important;
  }
  .bg-primary {
    background-color: var(--primary) !important;
  }
  .bg-primary-dark-10 {
    background-color: var(--primary-dark-10) !important;
  }
  .bg-primary-dark-20 {
    background-color: var(--primary-dark-20) !important;
  }
  .bg-primary-dark-30 {
    background-color: var(--primary-dark-30) !important;
  }
  .bg-primary-dark-40 {
    background-color: var(--primary-dark-40) !important;
  }
  .bg-primary-dark-50 {
    background-color: var(--primary-dark-50) !important;
  }
  .bg-secondary-3 {
    background-color: var(--secondary-3) !important;
  }
  .bg-secondary-5 {
    background-color: var(--secondary-5) !important;
  }
  .bg-secondary-10 {
    background-color: var(--secondary-10) !important;
  }
  .bg-secondary-20 {
    background-color: var(--secondary-20) !important;
  }
  .bg-secondary-30 {
    background-color: var(--secondary-30) !important;
  }
  .bg-secondary-40 {
    background-color: var(--secondary-40) !important;
  }
  .bg-secondary-50 {
    background-color: var(--secondary-50) !important;
  }
  .bg-secondary-60 {
    background-color: var(--secondary-60) !important;
  }
  .bg-secondary-70 {
    background-color: var(--secondary-70) !important;
  }
  .bg-secondary-80 {
    background-color: var(--secondary-80) !important;
  }
  .bg-secondary-90 {
    background-color: var(--secondary-90) !important;
  }
  .bg-secondary {
    background-color: var(--secondary) !important;
  }
  .bg-secondary-dark-10 {
    background-color: var(--secondary-dark-10) !important;
  }
  .bg-secondary-dark-20 {
    background-color: var(--secondary-dark-20) !important;
  }
  .bg-secondary-dark-30 {
    background-color: var(--secondary-dark-30) !important;
  }
  .bg-secondary-dark-40 {
    background-color: var(--secondary-dark-40) !important;
  }
  .bg-secondary-dark-50 {
    background-color: var(--secondary-dark-50) !important;
  }
  .bg-tertiary-3 {
    background-color: var(--tertiary-3) !important;
  }
  .bg-tertiary-5 {
    background-color: var(--tertiary-5) !important;
  }
  .bg-tertiary-10 {
    background-color: var(--tertiary-10) !important;
  }
  .bg-tertiary-20 {
    background-color: var(--tertiary-20) !important;
  }
  .bg-tertiary-30 {
    background-color: var(--tertiary-30) !important;
  }
  .bg-tertiary-40 {
    background-color: var(--tertiary-40) !important;
  }
  .bg-tertiary-50 {
    background-color: var(--tertiary-50) !important;
  }
  .bg-tertiary-60 {
    background-color: var(--tertiary-60) !important;
  }
  .bg-tertiary-70 {
    background-color: var(--tertiary-70) !important;
  }
  .bg-tertiary-80 {
    background-color: var(--tertiary-80) !important;
  }
  .bg-tertiary-90 {
    background-color: var(--tertiary-90) !important;
  }
  .bg-tertiary {
    background-color: var(--tertiary) !important;
  }
  .bg-tertiary-dark-10 {
    background-color: var(--tertiary-dark-10) !important;
  }
  .bg-tertiary-dark-20 {
    background-color: var(--tertiary-dark-20) !important;
  }
  .bg-tertiary-dark-30 {
    background-color: var(--tertiary-dark-30) !important;
  }
  .bg-tertiary-dark-40 {
    background-color: var(--tertiary-dark-40) !important;
  }
  .bg-tertiary-dark-50 {
    background-color: var(--tertiary-dark-50) !important;
  }
  .bg-info-3 {
    background-color: var(--info-3) !important;
  }
  .bg-info-5 {
    background-color: var(--info-5) !important;
  }
  .bg-info-10 {
    background-color: var(--info-10) !important;
  }
  .bg-info-20 {
    background-color: var(--info-20) !important;
  }
  .bg-info-30 {
    background-color: var(--info-30) !important;
  }
  .bg-info-40 {
    background-color: var(--info-40) !important;
  }
  .bg-info-50 {
    background-color: var(--info-50) !important;
  }
  .bg-info-60 {
    background-color: var(--info-60) !important;
  }
  .bg-info-70 {
    background-color: var(--info-70) !important;
  }
  .bg-info-80 {
    background-color: var(--info-80) !important;
  }
  .bg-info-90 {
    background-color: var(--info-90) !important;
  }
  .bg-info {
    background-color: var(--info) !important;
  }
  .bg-info-dark-10 {
    background-color: var(--info-dark-10) !important;
  }
  .bg-info-dark-20 {
    background-color: var(--info-dark-20) !important;
  }
  .bg-info-dark-30 {
    background-color: var(--info-dark-30) !important;
  }
  .bg-info-dark-40 {
    background-color: var(--info-dark-40) !important;
  }
  .bg-info-dark-50 {
    background-color: var(--info-dark-50) !important;
  }
  .bg-success-3 {
    background-color: var(--success-3) !important;
  }
  .bg-success-5 {
    background-color: var(--success-5) !important;
  }
  .bg-success-10 {
    background-color: var(--success-10) !important;
  }
  .bg-success-20 {
    background-color: var(--success-20) !important;
  }
  .bg-success-30 {
    background-color: var(--success-30) !important;
  }
  .bg-success-40 {
    background-color: var(--success-40) !important;
  }
  .bg-success-50 {
    background-color: var(--success-50) !important;
  }
  .bg-success-60 {
    background-color: var(--success-60) !important;
  }
  .bg-success-70 {
    background-color: var(--success-70) !important;
  }
  .bg-success-80 {
    background-color: var(--success-80) !important;
  }
  .bg-success-90 {
    background-color: var(--success-90) !important;
  }
  .bg-success {
    background-color: var(--success) !important;
  }
  .bg-success-dark-10 {
    background-color: var(--success-dark-10) !important;
  }
  .bg-success-dark-20 {
    background-color: var(--success-dark-20) !important;
  }
  .bg-success-dark-30 {
    background-color: var(--success-dark-30) !important;
  }
  .bg-success-dark-40 {
    background-color: var(--success-dark-40) !important;
  }
  .bg-success-dark-50 {
    background-color: var(--success-dark-50) !important;
  }
  .bg-warning-3 {
    background-color: var(--warning-3) !important;
  }
  .bg-warning-5 {
    background-color: var(--warning-5) !important;
  }
  .bg-warning-10 {
    background-color: var(--warning-10) !important;
  }
  .bg-warning-20 {
    background-color: var(--warning-20) !important;
  }
  .bg-warning-30 {
    background-color: var(--warning-30) !important;
  }
  .bg-warning-40 {
    background-color: var(--warning-40) !important;
  }
  .bg-warning-50 {
    background-color: var(--warning-50) !important;
  }
  .bg-warning-60 {
    background-color: var(--warning-60) !important;
  }
  .bg-warning-70 {
    background-color: var(--warning-70) !important;
  }
  .bg-warning-80 {
    background-color: var(--warning-80) !important;
  }
  .bg-warning-90 {
    background-color: var(--warning-90) !important;
  }
  .bg-warning {
    background-color: var(--warning) !important;
  }
  .bg-warning-dark-10 {
    background-color: var(--warning-dark-10) !important;
  }
  .bg-warning-dark-20 {
    background-color: var(--warning-dark-20) !important;
  }
  .bg-warning-dark-30 {
    background-color: var(--warning-dark-30) !important;
  }
  .bg-warning-dark-40 {
    background-color: var(--warning-dark-40) !important;
  }
  .bg-warning-dark-50 {
    background-color: var(--warning-dark-50) !important;
  }
  .bg-danger-3 {
    background-color: var(--danger-3) !important;
  }
  .bg-danger-5 {
    background-color: var(--danger-5) !important;
  }
  .bg-danger-10 {
    background-color: var(--danger-10) !important;
  }
  .bg-danger-20 {
    background-color: var(--danger-20) !important;
  }
  .bg-danger-30 {
    background-color: var(--danger-30) !important;
  }
  .bg-danger-40 {
    background-color: var(--danger-40) !important;
  }
  .bg-danger-50 {
    background-color: var(--danger-50) !important;
  }
  .bg-danger-60 {
    background-color: var(--danger-60) !important;
  }
  .bg-danger-70 {
    background-color: var(--danger-70) !important;
  }
  .bg-danger-80 {
    background-color: var(--danger-80) !important;
  }
  .bg-danger-90 {
    background-color: var(--danger-90) !important;
  }
  .bg-danger {
    background-color: var(--danger) !important;
  }
  .bg-danger-dark-10 {
    background-color: var(--danger-dark-10) !important;
  }
  .bg-danger-dark-20 {
    background-color: var(--danger-dark-20) !important;
  }
  .bg-danger-dark-30 {
    background-color: var(--danger-dark-30) !important;
  }
  .bg-danger-dark-40 {
    background-color: var(--danger-dark-40) !important;
  }
  .bg-danger-dark-50 {
    background-color: var(--danger-dark-50) !important;
  }
  .bg-default-3 {
    background-color: var(--default-3) !important;
  }
  .bg-default-5 {
    background-color: var(--default-5) !important;
  }
  .bg-default-10 {
    background-color: var(--default-10) !important;
  }
  .bg-default-20 {
    background-color: var(--default-20) !important;
  }
  .bg-default-30 {
    background-color: var(--default-30) !important;
  }
  .bg-default-40 {
    background-color: var(--default-40) !important;
  }
  .bg-default-50 {
    background-color: var(--default-50) !important;
  }
  .bg-default-60 {
    background-color: var(--default-60) !important;
  }
  .bg-default-70 {
    background-color: var(--default-70) !important;
  }
  .bg-default-80 {
    background-color: var(--default-80) !important;
  }
  .bg-default-90 {
    background-color: var(--default-90) !important;
  }
  .bg-default {
    background-color: var(--default) !important;
  }
  .bg-default-dark-10 {
    background-color: var(--default-dark-10) !important;
  }
  .bg-default-dark-20 {
    background-color: var(--default-dark-20) !important;
  }
  .bg-default-dark-30 {
    background-color: var(--default-dark-30) !important;
  }
  .bg-default-dark-40 {
    background-color: var(--default-dark-40) !important;
  }
  .bg-default-dark-50 {
    background-color: var(--default-dark-50) !important;
  }
  .bg-dark-3 {
    background-color: var(--dark-3) !important;
  }
  .bg-dark-5 {
    background-color: var(--dark-5) !important;
  }
  .bg-dark-10 {
    background-color: var(--dark-10) !important;
  }
  .bg-dark-20 {
    background-color: var(--dark-20) !important;
  }
  .bg-dark-30 {
    background-color: var(--dark-30) !important;
  }
  .bg-dark-40 {
    background-color: var(--dark-40) !important;
  }
  .bg-dark-50 {
    background-color: var(--dark-50) !important;
  }
  .bg-dark-60 {
    background-color: var(--dark-60) !important;
  }
  .bg-dark-70 {
    background-color: var(--dark-70) !important;
  }
  .bg-dark-80 {
    background-color: var(--dark-80) !important;
  }
  .bg-dark-90 {
    background-color: var(--dark-90) !important;
  }
  .bg-dark {
    background-color: var(--dark) !important;
  }
  .bg-light-3 {
    background-color: var(--light-3) !important;
  }
  .bg-light-5 {
    background-color: var(--light-5) !important;
  }
  .bg-light-10 {
    background-color: var(--light-10) !important;
  }
  .bg-light-20 {
    background-color: var(--light-20) !important;
  }
  .bg-light-30 {
    background-color: var(--light-30) !important;
  }
  .bg-light-40 {
    background-color: var(--light-40) !important;
  }
  .bg-light-50 {
    background-color: var(--light-50) !important;
  }
  .bg-light-60 {
    background-color: var(--light-60) !important;
  }
  .bg-light-70 {
    background-color: var(--light-70) !important;
  }
  .bg-light-80 {
    background-color: var(--light-80) !important;
  }
  .bg-light-90 {
    background-color: var(--light-90) !important;
  }
  .bg-light {
    background-color: var(--light) !important;
  }
  .bg-neutral-0 {
    background-color: var(--neutral-0) !important;
  }
  .bg-neutral-3 {
    background-color: var(--neutral-3) !important;
  }
  .bg-neutral-5 {
    background-color: var(--neutral-5) !important;
  }
  .bg-neutral-10 {
    background-color: var(--neutral-10) !important;
  }
  .bg-neutral-20 {
    background-color: var(--neutral-20) !important;
  }
  .bg-neutral-30 {
    background-color: var(--neutral-30) !important;
  }
  .bg-neutral-40 {
    background-color: var(--neutral-40) !important;
  }
  .bg-neutral-50 {
    background-color: var(--neutral-50) !important;
  }
  .bg-neutral-60 {
    background-color: var(--neutral-60) !important;
  }
  .bg-neutral-70 {
    background-color: var(--neutral-70) !important;
  }
  .bg-neutral-80 {
    background-color: var(--neutral-80) !important;
  }
  .bg-neutral-90 {
    background-color: var(--neutral-90) !important;
  }
  .bg-neutral {
    background-color: var(--neutral) !important;
  }
  .bg-neutral-dark-10 {
    background-color: var(--neutral-dark-10) !important;
  }
  .bg-neutral-dark-20 {
    background-color: var(--neutral-dark-20) !important;
  }
  .bg-neutral-dark-30 {
    background-color: var(--neutral-dark-30) !important;
  }
  .bg-neutral-dark-40 {
    background-color: var(--neutral-dark-40) !important;
  }
  .bg-neutral-dark-50 {
    background-color: var(--neutral-dark-50) !important;
  }
  /* LIGHT */
  .bg-default-light {
    background-color: var(--default-5) !important;
  }
  .bg-primary-light {
    background-color: var(--primary-5) !important;
  }
  .bg-secondary-light {
    background-color: var(--secondary-5) !important;
  }
  .bg-info-light {
    background-color: var(--info-5) !important;
  }
  .bg-success-light {
    background-color: var(--success-5) !important;
  }
  .bg-warning-light {
    background-color: var(--warning-5) !important;
  }
  .bg-danger-light {
    background-color: var(--danger-5) !important;
  }
  .bg-pink-light {
    background-color: var(--pink-5) !important;
  }
  .bg-red-light {
    background-color: var(--red-5) !important;
  }
  .bg-orange-light {
    background-color: var(--orange-5) !important;
  }
  .bg-yellow-light {
    background-color: var(--yellow-5) !important;
  }
  .bg-lime-light {
    background-color: var(--lime-5) !important;
  }
  .bg-green-light {
    background-color: var(--green-5) !important;
  }
  .bg-teal-light {
    background-color: var(--teal-5) !important;
  }
  .bg-cyan-light {
    background-color: var(--cyan-5) !important;
  }
  .bg-blue-light {
    background-color: var(--blue-5) !important;
  }
  .bg-blue-gray-light {
    background-color: var(--slate-5) !important;
  }
  .bg-navy-light {
    background-color: var(--navy-5) !important;
  }
  .bg-indigo-light {
    background-color: var(--indigo-5) !important;
  }
  .bg-purple-light {
    background-color: var(--purple-5) !important;
  }
  .bg-magenta-light {
    background-color: var(--magenta-5) !important;
  }
  .bg-slate-light {
    background-color: var(--slate-5) !important;
  }
  .bg-gray-light {
    background-color: var(--gray-5) !important;
  }
  /* OLD - NEED TO BE REMOVED */
  .bg-blue-gray {
    background-color: var(--slate-5) !important;
  }
  .bg-gray {
    background-color: var(--gray-10) !important;
  }
  .bg-gray-dark, .background-gray-dark {
    background-color: var(--gray-90) !important;
  }
  .bg-light-gray, .background-light-gray {
    background-color: var(--gray-5) !important;
  }
  .bg-light-red, .background-light-red {
    background-color: var(--red-5) !important;
  }
  .bg-light-blue, .background-light-blue {
    background-color: var(--blue-5) !important;
  }
  /* CUSTOM | BORDER COLOR ---------------------------------------------------------------------------------------------------- */
  .bc-none {
    border-color: none !important;
  }
  .bc-transparent {
    border-color: transparent !important;
  }
  .bc-pink-3 {
    border-color: var(--pink-3) !important;
  }
  .bc-pink-5 {
    border-color: var(--pink-5) !important;
  }
  .bc-pink-10 {
    border-color: var(--pink-10) !important;
  }
  .bc-pink-20 {
    border-color: var(--pink-20) !important;
  }
  .bc-pink-30 {
    border-color: var(--pink-30) !important;
  }
  .bc-pink-40 {
    border-color: var(--pink-40) !important;
  }
  .bc-pink-50 {
    border-color: var(--pink-50) !important;
  }
  .bc-pink-60 {
    border-color: var(--pink-60) !important;
  }
  .bc-pink-70 {
    border-color: var(--pink-70) !important;
  }
  .bc-pink-80 {
    border-color: var(--pink-80) !important;
  }
  .bc-pink-90 {
    border-color: var(--pink-90) !important;
  }
  .bc-pink {
    border-color: var(--pink) !important;
  }
  .bc-pink-dark-10 {
    border-color: var(--pink-dark-10) !important;
  }
  .bc-pink-dark-20 {
    border-color: var(--pink-dark-20) !important;
  }
  .bc-pink-dark-30 {
    border-color: var(--pink-dark-30) !important;
  }
  .bc-pink-dark-40 {
    border-color: var(--pink-dark-40) !important;
  }
  .bc-pink-dark-50 {
    border-color: var(--pink-dark-50) !important;
  }
  .bc-red-3 {
    border-color: var(--red-3) !important;
  }
  .bc-red-5 {
    border-color: var(--red-5) !important;
  }
  .bc-red-10 {
    border-color: var(--red-10) !important;
  }
  .bc-red-20 {
    border-color: var(--red-20) !important;
  }
  .bc-red-30 {
    border-color: var(--red-30) !important;
  }
  .bc-red-40 {
    border-color: var(--red-40) !important;
  }
  .bc-red-50 {
    border-color: var(--red-50) !important;
  }
  .bc-red-60 {
    border-color: var(--red-60) !important;
  }
  .bc-red-70 {
    border-color: var(--red-70) !important;
  }
  .bc-red-80 {
    border-color: var(--red-80) !important;
  }
  .bc-red-90 {
    border-color: var(--red-90) !important;
  }
  .bc-red {
    border-color: var(--red) !important;
  }
  .bc-red-dark-10 {
    border-color: var(--red-dark-10) !important;
  }
  .bc-red-dark-20 {
    border-color: var(--red-dark-20) !important;
  }
  .bc-red-dark-30 {
    border-color: var(--red-dark-30) !important;
  }
  .bc-red-dark-40 {
    border-color: var(--red-dark-40) !important;
  }
  .bc-red-dark-50 {
    border-color: var(--red-dark-50) !important;
  }
  .bc-orange-3 {
    border-color: var(--orange-3) !important;
  }
  .bc-orange-5 {
    border-color: var(--orange-5) !important;
  }
  .bc-orange-10 {
    border-color: var(--orange-10) !important;
  }
  .bc-orange-20 {
    border-color: var(--orange-20) !important;
  }
  .bc-orange-30 {
    border-color: var(--orange-30) !important;
  }
  .bc-orange-40 {
    border-color: var(--orange-40) !important;
  }
  .bc-orange-50 {
    border-color: var(--orange-50) !important;
  }
  .bc-orange-60 {
    border-color: var(--orange-60) !important;
  }
  .bc-orange-70 {
    border-color: var(--orange-70) !important;
  }
  .bc-orange-80 {
    border-color: var(--orange-80) !important;
  }
  .bc-orange-90 {
    border-color: var(--orange-90) !important;
  }
  .bc-orange {
    border-color: var(--orange) !important;
  }
  .bc-orange-dark-10 {
    border-color: var(--orange-dark-10) !important;
  }
  .bc-orange-dark-20 {
    border-color: var(--orange-dark-20) !important;
  }
  .bc-orange-dark-30 {
    border-color: var(--orange-dark-30) !important;
  }
  .bc-orange-dark-40 {
    border-color: var(--orange-dark-40) !important;
  }
  .bc-orange-dark-50 {
    border-color: var(--orange-dark-50) !important;
  }
  .bc-yellow-3 {
    border-color: var(--yellow-3) !important;
  }
  .bc-yellow-5 {
    border-color: var(--yellow-5) !important;
  }
  .bc-yellow-10 {
    border-color: var(--yellow-10) !important;
  }
  .bc-yellow-20 {
    border-color: var(--yellow-20) !important;
  }
  .bc-yellow-30 {
    border-color: var(--yellow-30) !important;
  }
  .bc-yellow-40 {
    border-color: var(--yellow-40) !important;
  }
  .bc-yellow-50 {
    border-color: var(--yellow-50) !important;
  }
  .bc-yellow-60 {
    border-color: var(--yellow-60) !important;
  }
  .bc-yellow-70 {
    border-color: var(--yellow-70) !important;
  }
  .bc-yellow-80 {
    border-color: var(--yellow-80) !important;
  }
  .bc-yellow-90 {
    border-color: var(--yellow-90) !important;
  }
  .bc-yellow {
    border-color: var(--yellow) !important;
  }
  .bc-yellow-dark-10 {
    border-color: var(--yellow-dark-10) !important;
  }
  .bc-yellow-dark-20 {
    border-color: var(--yellow-dark-20) !important;
  }
  .bc-yellow-dark-30 {
    border-color: var(--yellow-dark-30) !important;
  }
  .bc-yellow-dark-40 {
    border-color: var(--yellow-dark-40) !important;
  }
  .bc-yellow-dark-50 {
    border-color: var(--yellow-dark-50) !important;
  }
  .bc-lime-3 {
    border-color: var(--lime-3) !important;
  }
  .bc-lime-5 {
    border-color: var(--lime-5) !important;
  }
  .bc-lime-10 {
    border-color: var(--lime-10) !important;
  }
  .bc-lime-20 {
    border-color: var(--lime-20) !important;
  }
  .bc-lime-30 {
    border-color: var(--lime-30) !important;
  }
  .bc-lime-40 {
    border-color: var(--lime-40) !important;
  }
  .bc-lime-50 {
    border-color: var(--lime-50) !important;
  }
  .bc-lime-60 {
    border-color: var(--lime-60) !important;
  }
  .bc-lime-70 {
    border-color: var(--lime-70) !important;
  }
  .bc-lime-80 {
    border-color: var(--lime-80) !important;
  }
  .bc-lime-90 {
    border-color: var(--lime-90) !important;
  }
  .bc-lime {
    border-color: var(--lime) !important;
  }
  .bc-lime-dark-10 {
    border-color: var(--lime-dark-10) !important;
  }
  .bc-lime-dark-20 {
    border-color: var(--lime-dark-20) !important;
  }
  .bc-lime-dark-30 {
    border-color: var(--lime-dark-30) !important;
  }
  .bc-lime-dark-40 {
    border-color: var(--lime-dark-40) !important;
  }
  .bc-lime-dark-50 {
    border-color: var(--lime-dark-50) !important;
  }
  .bc-mint-3 {
    border-color: var(--mint-3) !important;
  }
  .bc-mint-5 {
    border-color: var(--mint-5) !important;
  }
  .bc-mint-10 {
    border-color: var(--mint-10) !important;
  }
  .bc-mint-20 {
    border-color: var(--mint-20) !important;
  }
  .bc-mint-30 {
    border-color: var(--mint-30) !important;
  }
  .bc-mint-40 {
    border-color: var(--mint-40) !important;
  }
  .bc-mint-50 {
    border-color: var(--mint-50) !important;
  }
  .bc-mint-60 {
    border-color: var(--mint-60) !important;
  }
  .bc-mint-70 {
    border-color: var(--mint-70) !important;
  }
  .bc-mint-80 {
    border-color: var(--mint-80) !important;
  }
  .bc-mint-90 {
    border-color: var(--mint-90) !important;
  }
  .bc-mint {
    border-color: var(--mint) !important;
  }
  .bc-mint-dark-10 {
    border-color: var(--mint-dark-10) !important;
  }
  .bc-mint-dark-20 {
    border-color: var(--mint-dark-20) !important;
  }
  .bc-mint-dark-30 {
    border-color: var(--mint-dark-30) !important;
  }
  .bc-mint-dark-40 {
    border-color: var(--mint-dark-40) !important;
  }
  .bc-mint-dark-50 {
    border-color: var(--mint-dark-50) !important;
  }
  .bc-green-3 {
    border-color: var(--green-3) !important;
  }
  .bc-green-5 {
    border-color: var(--green-5) !important;
  }
  .bc-green-10 {
    border-color: var(--green-10) !important;
  }
  .bc-green-20 {
    border-color: var(--green-20) !important;
  }
  .bc-green-30 {
    border-color: var(--green-30) !important;
  }
  .bc-green-40 {
    border-color: var(--green-40) !important;
  }
  .bc-green-50 {
    border-color: var(--green-50) !important;
  }
  .bc-green-60 {
    border-color: var(--green-60) !important;
  }
  .bc-green-70 {
    border-color: var(--green-70) !important;
  }
  .bc-green-80 {
    border-color: var(--green-80) !important;
  }
  .bc-green-90 {
    border-color: var(--green-90) !important;
  }
  .bc-green {
    border-color: var(--green) !important;
  }
  .bc-green-dark-10 {
    border-color: var(--green-dark-10) !important;
  }
  .bc-green-dark-20 {
    border-color: var(--green-dark-20) !important;
  }
  .bc-green-dark-30 {
    border-color: var(--green-dark-30) !important;
  }
  .bc-green-dark-40 {
    border-color: var(--green-dark-40) !important;
  }
  .bc-green-dark-50 {
    border-color: var(--green-dark-50) !important;
  }
  .bc-sage-3 {
    border-color: var(--sage-3) !important;
  }
  .bc-sage-5 {
    border-color: var(--sage-5) !important;
  }
  .bc-sage-10 {
    border-color: var(--sage-10) !important;
  }
  .bc-sage-20 {
    border-color: var(--sage-20) !important;
  }
  .bc-sage-30 {
    border-color: var(--sage-30) !important;
  }
  .bc-sage-40 {
    border-color: var(--sage-40) !important;
  }
  .bc-sage-50 {
    border-color: var(--sage-50) !important;
  }
  .bc-sage-60 {
    border-color: var(--sage-60) !important;
  }
  .bc-sage-70 {
    border-color: var(--sage-70) !important;
  }
  .bc-sage-80 {
    border-color: var(--sage-80) !important;
  }
  .bc-sage-90 {
    border-color: var(--sage-90) !important;
  }
  .bc-sage {
    border-color: var(--sage) !important;
  }
  .bc-sage-dark-10 {
    border-color: var(--sage-dark-10) !important;
  }
  .bc-sage-dark-20 {
    border-color: var(--sage-dark-20) !important;
  }
  .bc-sage-dark-30 {
    border-color: var(--sage-dark-30) !important;
  }
  .bc-sage-dark-40 {
    border-color: var(--sage-dark-40) !important;
  }
  .bc-sage-dark-50 {
    border-color: var(--sage-dark-50) !important;
  }
  .bc-teal-3 {
    border-color: var(--teal-3) !important;
  }
  .bc-teal-5 {
    border-color: var(--teal-5) !important;
  }
  .bc-teal-10 {
    border-color: var(--teal-10) !important;
  }
  .bc-teal-20 {
    border-color: var(--teal-20) !important;
  }
  .bc-teal-30 {
    border-color: var(--teal-30) !important;
  }
  .bc-teal-40 {
    border-color: var(--teal-40) !important;
  }
  .bc-teal-50 {
    border-color: var(--teal-50) !important;
  }
  .bc-teal-60 {
    border-color: var(--teal-60) !important;
  }
  .bc-teal-70 {
    border-color: var(--teal-70) !important;
  }
  .bc-teal-80 {
    border-color: var(--teal-80) !important;
  }
  .bc-teal-90 {
    border-color: var(--teal-90) !important;
  }
  .bc-teal {
    border-color: var(--teal) !important;
  }
  .bc-teal-dark-10 {
    border-color: var(--teal-dark-10) !important;
  }
  .bc-teal-dark-20 {
    border-color: var(--teal-dark-20) !important;
  }
  .bc-teal-dark-30 {
    border-color: var(--teal-dark-30) !important;
  }
  .bc-teal-dark-40 {
    border-color: var(--teal-dark-40) !important;
  }
  .bc-teal-dark-50 {
    border-color: var(--teal-dark-50) !important;
  }
  .bc-cyan-3 {
    border-color: var(--cyan-3) !important;
  }
  .bc-cyan-5 {
    border-color: var(--cyan-5) !important;
  }
  .bc-cyan-10 {
    border-color: var(--cyan-10) !important;
  }
  .bc-cyan-20 {
    border-color: var(--cyan-20) !important;
  }
  .bc-cyan-30 {
    border-color: var(--cyan-30) !important;
  }
  .bc-cyan-40 {
    border-color: var(--cyan-40) !important;
  }
  .bc-cyan-50 {
    border-color: var(--cyan-50) !important;
  }
  .bc-cyan-60 {
    border-color: var(--cyan-60) !important;
  }
  .bc-cyan-70 {
    border-color: var(--cyan-70) !important;
  }
  .bc-cyan-80 {
    border-color: var(--cyan-80) !important;
  }
  .bc-cyan-90 {
    border-color: var(--cyan-90) !important;
  }
  .bc-cyan {
    border-color: var(--cyan) !important;
  }
  .bc-cyan-dark-10 {
    border-color: var(--cyan-dark-10) !important;
  }
  .bc-cyan-dark-20 {
    border-color: var(--cyan-dark-20) !important;
  }
  .bc-cyan-dark-30 {
    border-color: var(--cyan-dark-30) !important;
  }
  .bc-cyan-dark-40 {
    border-color: var(--cyan-dark-40) !important;
  }
  .bc-cyan-dark-50 {
    border-color: var(--cyan-dark-50) !important;
  }
  .bc-blue-3 {
    border-color: var(--blue-3) !important;
  }
  .bc-blue-5 {
    border-color: var(--blue-5) !important;
  }
  .bc-blue-10 {
    border-color: var(--blue-10) !important;
  }
  .bc-blue-20 {
    border-color: var(--blue-20) !important;
  }
  .bc-blue-30 {
    border-color: var(--blue-30) !important;
  }
  .bc-blue-40 {
    border-color: var(--blue-40) !important;
  }
  .bc-blue-50 {
    border-color: var(--blue-50) !important;
  }
  .bc-blue-60 {
    border-color: var(--blue-60) !important;
  }
  .bc-blue-70 {
    border-color: var(--blue-70) !important;
  }
  .bc-blue-80 {
    border-color: var(--blue-80) !important;
  }
  .bc-blue-90 {
    border-color: var(--blue-90) !important;
  }
  .bc-blue {
    border-color: var(--blue) !important;
  }
  .bc-blue-dark-10 {
    border-color: var(--blue-dark-10) !important;
  }
  .bc-blue-dark-20 {
    border-color: var(--blue-dark-20) !important;
  }
  .bc-blue-dark-30 {
    border-color: var(--blue-dark-30) !important;
  }
  .bc-blue-dark-40 {
    border-color: var(--blue-dark-40) !important;
  }
  .bc-blue-dark-50 {
    border-color: var(--blue-dark-50) !important;
  }
  .bc-navy-3 {
    border-color: var(--navy-3) !important;
  }
  .bc-navy-5 {
    border-color: var(--navy-5) !important;
  }
  .bc-navy-10 {
    border-color: var(--navy-10) !important;
  }
  .bc-navy-20 {
    border-color: var(--navy-20) !important;
  }
  .bc-navy-30 {
    border-color: var(--navy-30) !important;
  }
  .bc-navy-40 {
    border-color: var(--navy-40) !important;
  }
  .bc-navy-50 {
    border-color: var(--navy-50) !important;
  }
  .bc-navy-60 {
    border-color: var(--navy-60) !important;
  }
  .bc-navy-70 {
    border-color: var(--navy-70) !important;
  }
  .bc-navy-80 {
    border-color: var(--navy-80) !important;
  }
  .bc-navy-90 {
    border-color: var(--navy-90) !important;
  }
  .bc-navy {
    border-color: var(--navy) !important;
  }
  .bc-navy-dark-10 {
    border-color: var(--navy-dark-10) !important;
  }
  .bc-navy-dark-20 {
    border-color: var(--navy-dark-20) !important;
  }
  .bc-navy-dark-30 {
    border-color: var(--navy-dark-30) !important;
  }
  .bc-navy-dark-40 {
    border-color: var(--navy-dark-40) !important;
  }
  .bc-navy-dark-50 {
    border-color: var(--navy-dark-50) !important;
  }
  .bc-slate-3 {
    border-color: var(--slate-3) !important;
  }
  .bc-slate-5 {
    border-color: var(--slate-5) !important;
  }
  .bc-slate-10 {
    border-color: var(--slate-10) !important;
  }
  .bc-slate-20 {
    border-color: var(--slate-20) !important;
  }
  .bc-slate-30 {
    border-color: var(--slate-30) !important;
  }
  .bc-slate-40 {
    border-color: var(--slate-40) !important;
  }
  .bc-slate-50 {
    border-color: var(--slate-50) !important;
  }
  .bc-slate-60 {
    border-color: var(--slate-60) !important;
  }
  .bc-slate-70 {
    border-color: var(--slate-70) !important;
  }
  .bc-slate-80 {
    border-color: var(--slate-80) !important;
  }
  .bc-slate-90 {
    border-color: var(--slate-90) !important;
  }
  .bc-slate {
    border-color: var(--slate) !important;
  }
  .bc-slate-dark-10 {
    border-color: var(--slate-dark-10) !important;
  }
  .bc-slate-dark-20 {
    border-color: var(--slate-dark-20) !important;
  }
  .bc-slate-dark-30 {
    border-color: var(--slate-dark-30) !important;
  }
  .bc-slate-dark-40 {
    border-color: var(--slate-dark-40) !important;
  }
  .bc-slate-dark-50 {
    border-color: var(--slate-dark-50) !important;
  }
  .bc-indigo-3 {
    border-color: var(--indigo-3) !important;
  }
  .bc-indigo-5 {
    border-color: var(--indigo-5) !important;
  }
  .bc-indigo-10 {
    border-color: var(--indigo-10) !important;
  }
  .bc-indigo-20 {
    border-color: var(--indigo-20) !important;
  }
  .bc-indigo-30 {
    border-color: var(--indigo-30) !important;
  }
  .bc-indigo-40 {
    border-color: var(--indigo-40) !important;
  }
  .bc-indigo-50 {
    border-color: var(--indigo-50) !important;
  }
  .bc-indigo-60 {
    border-color: var(--indigo-60) !important;
  }
  .bc-indigo-70 {
    border-color: var(--indigo-70) !important;
  }
  .bc-indigo-80 {
    border-color: var(--indigo-80) !important;
  }
  .bc-indigo-90 {
    border-color: var(--indigo-90) !important;
  }
  .bc-indigo {
    border-color: var(--indigo) !important;
  }
  .bc-indigo-dark-10 {
    border-color: var(--indigo-dark-10) !important;
  }
  .bc-indigo-dark-20 {
    border-color: var(--indigo-dark-20) !important;
  }
  .bc-indigo-dark-30 {
    border-color: var(--indigo-dark-30) !important;
  }
  .bc-indigo-dark-40 {
    border-color: var(--indigo-dark-40) !important;
  }
  .bc-indigo-dark-50 {
    border-color: var(--indigo-dark-50) !important;
  }
  .bc-purple-3 {
    border-color: var(--purple-3) !important;
  }
  .bc-purple-5 {
    border-color: var(--purple-5) !important;
  }
  .bc-purple-10 {
    border-color: var(--purple-10) !important;
  }
  .bc-purple-20 {
    border-color: var(--purple-20) !important;
  }
  .bc-purple-30 {
    border-color: var(--purple-30) !important;
  }
  .bc-purple-40 {
    border-color: var(--purple-40) !important;
  }
  .bc-purple-50 {
    border-color: var(--purple-50) !important;
  }
  .bc-purple-60 {
    border-color: var(--purple-60) !important;
  }
  .bc-purple-70 {
    border-color: var(--purple-70) !important;
  }
  .bc-purple-80 {
    border-color: var(--purple-80) !important;
  }
  .bc-purple-90 {
    border-color: var(--purple-90) !important;
  }
  .bc-purple {
    border-color: var(--purple) !important;
  }
  .bc-purple-dark-10 {
    border-color: var(--purple-dark-10) !important;
  }
  .bc-purple-dark-20 {
    border-color: var(--purple-dark-20) !important;
  }
  .bc-purple-dark-30 {
    border-color: var(--purple-dark-30) !important;
  }
  .bc-purple-dark-40 {
    border-color: var(--purple-dark-40) !important;
  }
  .bc-purple-dark-50 {
    border-color: var(--purple-dark-50) !important;
  }
  .bc-magenta-3 {
    border-color: var(--magenta-3) !important;
  }
  .bc-magenta-5 {
    border-color: var(--magenta-5) !important;
  }
  .bc-magenta-10 {
    border-color: var(--magenta-10) !important;
  }
  .bc-magenta-20 {
    border-color: var(--magenta-20) !important;
  }
  .bc-magenta-30 {
    border-color: var(--magenta-30) !important;
  }
  .bc-magenta-40 {
    border-color: var(--magenta-40) !important;
  }
  .bc-magenta-50 {
    border-color: var(--magenta-50) !important;
  }
  .bc-magenta-60 {
    border-color: var(--magenta-60) !important;
  }
  .bc-magenta-70 {
    border-color: var(--magenta-70) !important;
  }
  .bc-magenta-80 {
    border-color: var(--magenta-80) !important;
  }
  .bc-magenta-90 {
    border-color: var(--magenta-90) !important;
  }
  .bc-magenta {
    border-color: var(--magenta) !important;
  }
  .bc-magenta-dark-10 {
    border-color: var(--magenta-dark-10) !important;
  }
  .bc-magenta-dark-20 {
    border-color: var(--magenta-dark-20) !important;
  }
  .bc-magenta-dark-30 {
    border-color: var(--magenta-dark-30) !important;
  }
  .bc-magenta-dark-40 {
    border-color: var(--magenta-dark-40) !important;
  }
  .bc-magenta-dark-50 {
    border-color: var(--magenta-dark-50) !important;
  }
  .bc-brown-3 {
    border-color: var(--brown-3) !important;
  }
  .bc-brown-5 {
    border-color: var(--brown-5) !important;
  }
  .bc-brown-10 {
    border-color: var(--brown-10) !important;
  }
  .bc-brown-20 {
    border-color: var(--brown-20) !important;
  }
  .bc-brown-30 {
    border-color: var(--brown-30) !important;
  }
  .bc-brown-40 {
    border-color: var(--brown-40) !important;
  }
  .bc-brown-50 {
    border-color: var(--brown-50) !important;
  }
  .bc-brown-60 {
    border-color: var(--brown-60) !important;
  }
  .bc-brown-70 {
    border-color: var(--brown-70) !important;
  }
  .bc-brown-80 {
    border-color: var(--brown-80) !important;
  }
  .bc-brown-90 {
    border-color: var(--brown-90) !important;
  }
  .bc-brown {
    border-color: var(--brown) !important;
  }
  .bc-brown-dark-10 {
    border-color: var(--brown-dark-10) !important;
  }
  .bc-brown-dark-20 {
    border-color: var(--brown-dark-20) !important;
  }
  .bc-brown-dark-30 {
    border-color: var(--brown-dark-30) !important;
  }
  .bc-brown-dark-40 {
    border-color: var(--brown-dark-40) !important;
  }
  .bc-brown-dark-50 {
    border-color: var(--brown-dark-50) !important;
  }
  .bc-gray-3, .bc-grey-3 {
    border-color: var(--gray-3) !important;
  }
  .bc-gray-5, .bc-grey-5 {
    border-color: var(--gray-5) !important;
  }
  .bc-gray-10, .bc-grey-10 {
    border-color: var(--gray-10) !important;
  }
  .bc-gray-20, .bc-grey-20 {
    border-color: var(--gray-20) !important;
  }
  .bc-gray-30, .bc-grey-30 {
    border-color: var(--gray-30) !important;
  }
  .bc-gray-40, .bc-grey-40 {
    border-color: var(--gray-40) !important;
  }
  .bc-gray-50, .bc-grey-50 {
    border-color: var(--gray-50) !important;
  }
  .bc-gray-60, .bc-grey-60 {
    border-color: var(--gray-60) !important;
  }
  .bc-gray-70, .bc-grey-70 {
    border-color: var(--gray-70) !important;
  }
  .bc-gray-80, .bc-grey-80 {
    border-color: var(--gray-80) !important;
  }
  .bc-gray-90, .bc-grey-90 {
    border-color: var(--gray-90) !important;
  }
  .bc-gray, .bc-grey {
    border-color: var(--gray) !important;
  }
  .bc-gray-dark-10, .bc-grey-dark-10 {
    border-color: var(--gray-dark-10) !important;
  }
  .bc-gray-dark-20, .bc-grey-dark-20 {
    border-color: var(--gray-dark-20) !important;
  }
  .bc-gray-dark-30, .bc-grey-dark-30 {
    border-color: var(--gray-dark-30) !important;
  }
  .bc-gray-dark-40, .bc-grey-dark-40 {
    border-color: var(--gray-dark-40) !important;
  }
  .bc-gray-dark-50, .bc-grey-dark-50 {
    border-color: var(--gray-dark-50) !important;
  }
  .bc-gray-3-solid, .bc-grey-3-solid {
    border-color: var(--gray-3-solid) !important;
  }
  .bc-gray-5-solid, .bc-grey-5-solid {
    border-color: var(--gray-5-solid) !important;
  }
  .bc-gray-10-solid, .bc-grey-10-solid {
    border-color: var(--gray-10-solid) !important;
  }
  .bc-gray-20-solid, .bc-grey-20-solid {
    border-color: var(--gray-20-solid) !important;
  }
  .bc-gray-30-solid, .bc-grey-30-solid {
    border-color: var(--gray-30-solid) !important;
  }
  .bc-gray-40-solid, .bc-grey-40-solid {
    border-color: var(--gray-40-solid) !important;
  }
  .bc-gray-50-solid, .bc-grey-50-solid {
    border-color: var(--gray-50-solid) !important;
  }
  .bc-white-3 {
    border-color: var(--white-3) !important;
  }
  .bc-white-5 {
    border-color: var(--white-5) !important;
  }
  .bc-white-10 {
    border-color: var(--white-10) !important;
  }
  .bc-white-20 {
    border-color: var(--white-20) !important;
  }
  .bc-white-30 {
    border-color: var(--white-30) !important;
  }
  .bc-white-40 {
    border-color: var(--white-40) !important;
  }
  .bc-white-50 {
    border-color: var(--white-50) !important;
  }
  .bc-white-60 {
    border-color: var(--white-60) !important;
  }
  .bc-white-70 {
    border-color: var(--white-70) !important;
  }
  .bc-white-80 {
    border-color: var(--white-80) !important;
  }
  .bc-white-90 {
    border-color: var(--white-90) !important;
  }
  .bc-white {
    border-color: var(--white) !important;
  }
  .bc-black-3 {
    border-color: var(--black-3) !important;
  }
  .bc-black-5 {
    border-color: var(--black-5) !important;
  }
  .bc-black-10 {
    border-color: var(--black-10) !important;
  }
  .bc-black-20 {
    border-color: var(--black-20) !important;
  }
  .bc-black-30 {
    border-color: var(--black-30) !important;
  }
  .bc-black-40 {
    border-color: var(--black-40) !important;
  }
  .bc-black-50 {
    border-color: var(--black-50) !important;
  }
  .bc-black-60 {
    border-color: var(--black-60) !important;
  }
  .bc-black-70 {
    border-color: var(--black-70) !important;
  }
  .bc-black-80 {
    border-color: var(--black-80) !important;
  }
  .bc-black-90 {
    border-color: var(--black-90) !important;
  }
  .bc-black {
    border-color: var(--black) !important;
  }
  .bc-primary-3 {
    border-color: var(--primary-3) !important;
  }
  .bc-primary-5 {
    border-color: var(--primary-5) !important;
  }
  .bc-primary-10 {
    border-color: var(--primary-10) !important;
  }
  .bc-primary-20 {
    border-color: var(--primary-20) !important;
  }
  .bc-primary-30 {
    border-color: var(--primary-30) !important;
  }
  .bc-primary-40 {
    border-color: var(--primary-40) !important;
  }
  .bc-primary-50 {
    border-color: var(--primary-50) !important;
  }
  .bc-primary-60 {
    border-color: var(--primary-60) !important;
  }
  .bc-primary-70 {
    border-color: var(--primary-70) !important;
  }
  .bc-primary-80 {
    border-color: var(--primary-80) !important;
  }
  .bc-primary-90 {
    border-color: var(--primary-90) !important;
  }
  .bc-primary {
    border-color: var(--primary) !important;
  }
  .bc-primary-dark-10 {
    border-color: var(--primary-dark-10) !important;
  }
  .bc-primary-dark-20 {
    border-color: var(--primary-dark-20) !important;
  }
  .bc-primary-dark-30 {
    border-color: var(--primary-dark-30) !important;
  }
  .bc-primary-dark-40 {
    border-color: var(--primary-dark-40) !important;
  }
  .bc-primary-dark-50 {
    border-color: var(--primary-dark-50) !important;
  }
  .bc-secondary-3 {
    border-color: var(--secondary-3) !important;
  }
  .bc-secondary-5 {
    border-color: var(--secondary-5) !important;
  }
  .bc-secondary-10 {
    border-color: var(--secondary-10) !important;
  }
  .bc-secondary-20 {
    border-color: var(--secondary-20) !important;
  }
  .bc-secondary-30 {
    border-color: var(--secondary-30) !important;
  }
  .bc-secondary-40 {
    border-color: var(--secondary-40) !important;
  }
  .bc-secondary-50 {
    border-color: var(--secondary-50) !important;
  }
  .bc-secondary-60 {
    border-color: var(--secondary-60) !important;
  }
  .bc-secondary-70 {
    border-color: var(--secondary-70) !important;
  }
  .bc-secondary-80 {
    border-color: var(--secondary-80) !important;
  }
  .bc-secondary-90 {
    border-color: var(--secondary-90) !important;
  }
  .bc-secondary {
    border-color: var(--secondary) !important;
  }
  .bc-secondary-dark-10 {
    border-color: var(--secondary-dark-10) !important;
  }
  .bc-secondary-dark-20 {
    border-color: var(--secondary-dark-20) !important;
  }
  .bc-secondary-dark-30 {
    border-color: var(--secondary-dark-30) !important;
  }
  .bc-secondary-dark-40 {
    border-color: var(--secondary-dark-40) !important;
  }
  .bc-secondary-dark-50 {
    border-color: var(--secondary-dark-50) !important;
  }
  .bc-tertiary-3 {
    border-color: var(--tertiary-3) !important;
  }
  .bc-tertiary-5 {
    border-color: var(--tertiary-5) !important;
  }
  .bc-tertiary-10 {
    border-color: var(--tertiary-10) !important;
  }
  .bc-tertiary-20 {
    border-color: var(--tertiary-20) !important;
  }
  .bc-tertiary-30 {
    border-color: var(--tertiary-30) !important;
  }
  .bc-tertiary-40 {
    border-color: var(--tertiary-40) !important;
  }
  .bc-tertiary-50 {
    border-color: var(--tertiary-50) !important;
  }
  .bc-tertiary-60 {
    border-color: var(--tertiary-60) !important;
  }
  .bc-tertiary-70 {
    border-color: var(--tertiary-70) !important;
  }
  .bc-tertiary-80 {
    border-color: var(--tertiary-80) !important;
  }
  .bc-tertiary-90 {
    border-color: var(--tertiary-90) !important;
  }
  .bc-tertiary {
    border-color: var(--tertiary) !important;
  }
  .bc-tertiary-dark-10 {
    border-color: var(--tertiary-dark-10) !important;
  }
  .bc-tertiary-dark-20 {
    border-color: var(--tertiary-dark-20) !important;
  }
  .bc-tertiary-dark-30 {
    border-color: var(--tertiary-dark-30) !important;
  }
  .bc-tertiary-dark-40 {
    border-color: var(--tertiary-dark-40) !important;
  }
  .bc-tertiary-dark-50 {
    border-color: var(--tertiary-dark-50) !important;
  }
  .bc-info-3 {
    border-color: var(--info-3) !important;
  }
  .bc-info-5 {
    border-color: var(--info-5) !important;
  }
  .bc-info-10 {
    border-color: var(--info-10) !important;
  }
  .bc-info-20 {
    border-color: var(--info-20) !important;
  }
  .bc-info-30 {
    border-color: var(--info-30) !important;
  }
  .bc-info-40 {
    border-color: var(--info-40) !important;
  }
  .bc-info-50 {
    border-color: var(--info-50) !important;
  }
  .bc-info-60 {
    border-color: var(--info-60) !important;
  }
  .bc-info-70 {
    border-color: var(--info-70) !important;
  }
  .bc-info-80 {
    border-color: var(--info-80) !important;
  }
  .bc-info-90 {
    border-color: var(--info-90) !important;
  }
  .bc-info {
    border-color: var(--info) !important;
  }
  .bc-info-dark-10 {
    border-color: var(--info-dark-10) !important;
  }
  .bc-info-dark-20 {
    border-color: var(--info-dark-20) !important;
  }
  .bc-info-dark-30 {
    border-color: var(--info-dark-30) !important;
  }
  .bc-info-dark-40 {
    border-color: var(--info-dark-40) !important;
  }
  .bc-info-dark-50 {
    border-color: var(--info-dark-50) !important;
  }
  .bc-success-3 {
    border-color: var(--success-3) !important;
  }
  .bc-success-5 {
    border-color: var(--success-5) !important;
  }
  .bc-success-10 {
    border-color: var(--success-10) !important;
  }
  .bc-success-20 {
    border-color: var(--success-20) !important;
  }
  .bc-success-30 {
    border-color: var(--success-30) !important;
  }
  .bc-success-40 {
    border-color: var(--success-40) !important;
  }
  .bc-success-50 {
    border-color: var(--success-50) !important;
  }
  .bc-success-60 {
    border-color: var(--success-60) !important;
  }
  .bc-success-70 {
    border-color: var(--success-70) !important;
  }
  .bc-success-80 {
    border-color: var(--success-80) !important;
  }
  .bc-success-90 {
    border-color: var(--success-90) !important;
  }
  .bc-success {
    border-color: var(--success) !important;
  }
  .bc-success-dark-10 {
    border-color: var(--success-dark-10) !important;
  }
  .bc-success-dark-20 {
    border-color: var(--success-dark-20) !important;
  }
  .bc-success-dark-30 {
    border-color: var(--success-dark-30) !important;
  }
  .bc-success-dark-40 {
    border-color: var(--success-dark-40) !important;
  }
  .bc-success-dark-50 {
    border-color: var(--success-dark-50) !important;
  }
  .bc-warning-3 {
    border-color: var(--warning-3) !important;
  }
  .bc-warning-5 {
    border-color: var(--warning-5) !important;
  }
  .bc-warning-10 {
    border-color: var(--warning-10) !important;
  }
  .bc-warning-20 {
    border-color: var(--warning-20) !important;
  }
  .bc-warning-30 {
    border-color: var(--warning-30) !important;
  }
  .bc-warning-40 {
    border-color: var(--warning-40) !important;
  }
  .bc-warning-50 {
    border-color: var(--warning-50) !important;
  }
  .bc-warning-60 {
    border-color: var(--warning-60) !important;
  }
  .bc-warning-70 {
    border-color: var(--warning-70) !important;
  }
  .bc-warning-80 {
    border-color: var(--warning-80) !important;
  }
  .bc-warning-90 {
    border-color: var(--warning-90) !important;
  }
  .bc-warning {
    border-color: var(--warning) !important;
  }
  .bc-warning-dark-10 {
    border-color: var(--warning-dark-10) !important;
  }
  .bc-warning-dark-20 {
    border-color: var(--warning-dark-20) !important;
  }
  .bc-warning-dark-30 {
    border-color: var(--warning-dark-30) !important;
  }
  .bc-warning-dark-40 {
    border-color: var(--warning-dark-40) !important;
  }
  .bc-warning-dark-50 {
    border-color: var(--warning-dark-50) !important;
  }
  .bc-danger-3 {
    border-color: var(--danger-3) !important;
  }
  .bc-danger-5 {
    border-color: var(--danger-5) !important;
  }
  .bc-danger-10 {
    border-color: var(--danger-10) !important;
  }
  .bc-danger-20 {
    border-color: var(--danger-20) !important;
  }
  .bc-danger-30 {
    border-color: var(--danger-30) !important;
  }
  .bc-danger-40 {
    border-color: var(--danger-40) !important;
  }
  .bc-danger-50 {
    border-color: var(--danger-50) !important;
  }
  .bc-danger-60 {
    border-color: var(--danger-60) !important;
  }
  .bc-danger-70 {
    border-color: var(--danger-70) !important;
  }
  .bc-danger-80 {
    border-color: var(--danger-80) !important;
  }
  .bc-danger-90 {
    border-color: var(--danger-90) !important;
  }
  .bc-danger {
    border-color: var(--danger) !important;
  }
  .bc-danger-dark-10 {
    border-color: var(--danger-dark-10) !important;
  }
  .bc-danger-dark-20 {
    border-color: var(--danger-dark-20) !important;
  }
  .bc-danger-dark-30 {
    border-color: var(--danger-dark-30) !important;
  }
  .bc-danger-dark-40 {
    border-color: var(--danger-dark-40) !important;
  }
  .bc-danger-dark-50 {
    border-color: var(--danger-dark-50) !important;
  }
  .bc-default-3 {
    border-color: var(--default-3) !important;
  }
  .bc-default-5 {
    border-color: var(--default-5) !important;
  }
  .bc-default-10 {
    border-color: var(--default-10) !important;
  }
  .bc-default-20 {
    border-color: var(--default-20) !important;
  }
  .bc-default-30 {
    border-color: var(--default-30) !important;
  }
  .bc-default-40 {
    border-color: var(--default-40) !important;
  }
  .bc-default-50 {
    border-color: var(--default-50) !important;
  }
  .bc-default-60 {
    border-color: var(--default-60) !important;
  }
  .bc-default-70 {
    border-color: var(--default-70) !important;
  }
  .bc-default-80 {
    border-color: var(--default-80) !important;
  }
  .bc-default-90 {
    border-color: var(--default-90) !important;
  }
  .bc-default {
    border-color: var(--default) !important;
  }
  .bc-default-dark-10 {
    border-color: var(--default-dark-10) !important;
  }
  .bc-default-dark-20 {
    border-color: var(--default-dark-20) !important;
  }
  .bc-default-dark-30 {
    border-color: var(--default-dark-30) !important;
  }
  .bc-default-dark-40 {
    border-color: var(--default-dark-40) !important;
  }
  .bc-default-dark-50 {
    border-color: var(--default-dark-50) !important;
  }
  .bc-dark-3 {
    border-color: var(--dark-3) !important;
  }
  .bc-dark-5 {
    border-color: var(--dark-5) !important;
  }
  .bc-dark-10 {
    border-color: var(--dark-10) !important;
  }
  .bc-dark-20 {
    border-color: var(--dark-20) !important;
  }
  .bc-dark-30 {
    border-color: var(--dark-30) !important;
  }
  .bc-dark-40 {
    border-color: var(--dark-40) !important;
  }
  .bc-dark-50 {
    border-color: var(--dark-50) !important;
  }
  .bc-dark-60 {
    border-color: var(--dark-60) !important;
  }
  .bc-dark-70 {
    border-color: var(--dark-70) !important;
  }
  .bc-dark-80 {
    border-color: var(--dark-80) !important;
  }
  .bc-dark-90 {
    border-color: var(--dark-90) !important;
  }
  .bc-dark {
    border-color: var(--dark) !important;
  }
  .bc-light-3 {
    border-color: var(--light-3) !important;
  }
  .bc-light-5 {
    border-color: var(--light-5) !important;
  }
  .bc-light-10 {
    border-color: var(--light-10) !important;
  }
  .bc-light-20 {
    border-color: var(--light-20) !important;
  }
  .bc-light-30 {
    border-color: var(--light-30) !important;
  }
  .bc-light-40 {
    border-color: var(--light-40) !important;
  }
  .bc-light-50 {
    border-color: var(--light-50) !important;
  }
  .bc-light-60 {
    border-color: var(--light-60) !important;
  }
  .bc-light-70 {
    border-color: var(--light-70) !important;
  }
  .bc-light-80 {
    border-color: var(--light-80) !important;
  }
  .bc-light-90 {
    border-color: var(--light-90) !important;
  }
  .bc-light {
    border-color: var(--light) !important;
  }
  .bc-neutral-0 {
    border-color: var(--neutral-0) !important;
  }
  .bc-neutral-3 {
    border-color: var(--neutral-3) !important;
  }
  .bc-neutral-5 {
    border-color: var(--neutral-5) !important;
  }
  .bc-neutral-10 {
    border-color: var(--neutral-10) !important;
  }
  .bc-neutral-20 {
    border-color: var(--neutral-20) !important;
  }
  .bc-neutral-30 {
    border-color: var(--neutral-30) !important;
  }
  .bc-neutral-40 {
    border-color: var(--neutral-40) !important;
  }
  .bc-neutral-50 {
    border-color: var(--neutral-50) !important;
  }
  .bc-neutral-60 {
    border-color: var(--neutral-60) !important;
  }
  .bc-neutral-70 {
    border-color: var(--neutral-70) !important;
  }
  .bc-neutral-80 {
    border-color: var(--neutral-80) !important;
  }
  .bc-neutral-90 {
    border-color: var(--neutral-90) !important;
  }
  .bc-neutral {
    border-color: var(--neutral) !important;
  }
  .bc-neutral-dark-10 {
    border-color: var(--neutral-dark-10) !important;
  }
  .bc-neutral-dark-20 {
    border-color: var(--neutral-dark-20) !important;
  }
  .bc-neutral-dark-30 {
    border-color: var(--neutral-dark-30) !important;
  }
  .bc-neutral-dark-40 {
    border-color: var(--neutral-dark-40) !important;
  }
  .bc-neutral-dark-50 {
    border-color: var(--neutral-dark-50) !important;
  }
  /* CUSTOM | COLOR ---------------------------------------------------------------------------------------------------- */
  .font-color, .text-font-color {
    color: var(--font-color) !important;
  }
  .font-color-light, .text-font-color-light {
    color: var(--font-color-light) !important;
  }
  .font-color-dark, .text-font-color-dark {
    color: var(--font-color-dark) !important;
  }
  .font-color, .text-font-color {
    color: var(--font-color) !important;
  }
  .pink-3, .text-pink-3 {
    color: var(--pink-3) !important;
  }
  .pink-5, .text-pink-5 {
    color: var(--pink-5) !important;
  }
  .pink-10, .text-pink-10 {
    color: var(--pink-10) !important;
  }
  .pink-20, .text-pink-20 {
    color: var(--pink-20) !important;
  }
  .pink-30, .text-pink-30 {
    color: var(--pink-30) !important;
  }
  .pink-40, .text-pink-40 {
    color: var(--pink-40) !important;
  }
  .pink-50, .text-pink-50 {
    color: var(--pink-50) !important;
  }
  .pink-60, .text-pink-60 {
    color: var(--pink-60) !important;
  }
  .pink-70, .text-pink-70 {
    color: var(--pink-70) !important;
  }
  .pink-80, .text-pink-80 {
    color: var(--pink-80) !important;
  }
  .pink-90, .text-pink-90 {
    color: var(--pink-90) !important;
  }
  .pink, .text-pink {
    color: var(--pink) !important;
  }
  .pink-dark-10, .text-pink-dark-10 {
    color: var(--pink-dark-10) !important;
  }
  .pink-dark-20, .text-pink-dark-20 {
    color: var(--pink-dark-20) !important;
  }
  .pink-dark-30, .text-pink-dark-30 {
    color: var(--pink-dark-30) !important;
  }
  .pink-dark-40, .text-pink-dark-40 {
    color: var(--pink-dark-40) !important;
  }
  .pink-dark-50, .text-pink-dark-50 {
    color: var(--pink-dark-50) !important;
  }
  .red-3, .text-red-3 {
    color: var(--red-3) !important;
  }
  .red-5, .text-red-5 {
    color: var(--red-5) !important;
  }
  .red-10, .text-red-10 {
    color: var(--red-10) !important;
  }
  .red-20, .text-red-20 {
    color: var(--red-20) !important;
  }
  .red-30, .text-red-30 {
    color: var(--red-30) !important;
  }
  .red-40, .text-red-40 {
    color: var(--red-40) !important;
  }
  .red-50, .text-red-50 {
    color: var(--red-50) !important;
  }
  .red-60, .text-red-60 {
    color: var(--red-60) !important;
  }
  .red-70, .text-red-70 {
    color: var(--red-70) !important;
  }
  .red-80, .text-red-80 {
    color: var(--red-80) !important;
  }
  .red-90, .text-red-90 {
    color: var(--red-90) !important;
  }
  .red, .text-red {
    color: var(--red) !important;
  }
  .red-dark-10, .text-red-dark-10 {
    color: var(--red-dark-10) !important;
  }
  .red-dark-20, .text-red-dark-20 {
    color: var(--red-dark-20) !important;
  }
  .red-dark-30, .text-red-dark-30 {
    color: var(--red-dark-30) !important;
  }
  .red-dark-40, .text-red-dark-40 {
    color: var(--red-dark-40) !important;
  }
  .red-dark-50, .text-red-dark-50 {
    color: var(--red-dark-50) !important;
  }
  .orange-3, .text-orange-3 {
    color: var(--orange-3) !important;
  }
  .orange-5, .text-orange-5 {
    color: var(--orange-5) !important;
  }
  .orange-10, .text-orange-10 {
    color: var(--orange-10) !important;
  }
  .orange-20, .text-orange-20 {
    color: var(--orange-20) !important;
  }
  .orange-30, .text-orange-30 {
    color: var(--orange-30) !important;
  }
  .orange-40, .text-orange-40 {
    color: var(--orange-40) !important;
  }
  .orange-50, .text-orange-50 {
    color: var(--orange-50) !important;
  }
  .orange-60, .text-orange-60 {
    color: var(--orange-60) !important;
  }
  .orange-70, .text-orange-70 {
    color: var(--orange-70) !important;
  }
  .orange-80, .text-orange-80 {
    color: var(--orange-80) !important;
  }
  .orange-90, .text-orange-90 {
    color: var(--orange-90) !important;
  }
  .orange, .text-orange {
    color: var(--orange) !important;
  }
  .orange-dark-10, .text-orange-dark-10 {
    color: var(--orange-dark-10) !important;
  }
  .orange-dark-20, .text-orange-dark-20 {
    color: var(--orange-dark-20) !important;
  }
  .orange-dark-30, .text-orange-dark-30 {
    color: var(--orange-dark-30) !important;
  }
  .orange-dark-40, .text-orange-dark-40 {
    color: var(--orange-dark-40) !important;
  }
  .orange-dark-50, .text-orange-dark-50 {
    color: var(--orange-dark-50) !important;
  }
  .yellow-3, .text-yellow-3 {
    color: var(--yellow-3) !important;
  }
  .yellow-5, .text-yellow-5 {
    color: var(--yellow-5) !important;
  }
  .yellow-10, .text-yellow-10 {
    color: var(--yellow-10) !important;
  }
  .yellow-20, .text-yellow-20 {
    color: var(--yellow-20) !important;
  }
  .yellow-30, .text-yellow-30 {
    color: var(--yellow-30) !important;
  }
  .yellow-40, .text-yellow-40 {
    color: var(--yellow-40) !important;
  }
  .yellow-50, .text-yellow-50 {
    color: var(--yellow-50) !important;
  }
  .yellow-60, .text-yellow-60 {
    color: var(--yellow-60) !important;
  }
  .yellow-70, .text-yellow-70 {
    color: var(--yellow-70) !important;
  }
  .yellow-80, .text-yellow-80 {
    color: var(--yellow-80) !important;
  }
  .yellow-90, .text-yellow-90 {
    color: var(--yellow-90) !important;
  }
  .yellow, .text-yellow {
    color: var(--yellow) !important;
  }
  .yellow-dark-10, .text-yellow-dark-10 {
    color: var(--yellow-dark-10) !important;
  }
  .yellow-dark-20, .text-yellow-dark-20 {
    color: var(--yellow-dark-20) !important;
  }
  .yellow-dark-30, .text-yellow-dark-30 {
    color: var(--yellow-dark-30) !important;
  }
  .yellow-dark-40, .text-yellow-dark-40 {
    color: var(--yellow-dark-40) !important;
  }
  .yellow-dark-50, .text-yellow-dark-50 {
    color: var(--yellow-dark-50) !important;
  }
  .lime-3, .text-lime-3 {
    color: var(--lime-3) !important;
  }
  .lime-5, .text-lime-5 {
    color: var(--lime-5) !important;
  }
  .lime-10, .text-lime-10 {
    color: var(--lime-10) !important;
  }
  .lime-20, .text-lime-20 {
    color: var(--lime-20) !important;
  }
  .lime-30, .text-lime-30 {
    color: var(--lime-30) !important;
  }
  .lime-40, .text-lime-40 {
    color: var(--lime-40) !important;
  }
  .lime-50, .text-lime-50 {
    color: var(--lime-50) !important;
  }
  .lime-60, .text-lime-60 {
    color: var(--lime-60) !important;
  }
  .lime-70, .text-lime-70 {
    color: var(--lime-70) !important;
  }
  .lime-80, .text-lime-80 {
    color: var(--lime-80) !important;
  }
  .lime-90, .text-lime-90 {
    color: var(--lime-90) !important;
  }
  .lime, .text-lime {
    color: var(--lime) !important;
  }
  .lime-dark-10, .text-lime-dark-10 {
    color: var(--lime-dark-10) !important;
  }
  .lime-dark-20, .text-lime-dark-20 {
    color: var(--lime-dark-20) !important;
  }
  .lime-dark-30, .text-lime-dark-30 {
    color: var(--lime-dark-30) !important;
  }
  .lime-dark-40, .text-lime-dark-40 {
    color: var(--lime-dark-40) !important;
  }
  .lime-dark-50, .text-lime-dark-50 {
    color: var(--lime-dark-50) !important;
  }
  .mint-3, .text-mint-3 {
    color: var(--mint-3) !important;
  }
  .mint-5, .text-mint-5 {
    color: var(--mint-5) !important;
  }
  .mint-10, .text-mint-10 {
    color: var(--mint-10) !important;
  }
  .mint-20, .text-mint-20 {
    color: var(--mint-20) !important;
  }
  .mint-30, .text-mint-30 {
    color: var(--mint-30) !important;
  }
  .mint-40, .text-mint-40 {
    color: var(--mint-40) !important;
  }
  .mint-50, .text-mint-50 {
    color: var(--mint-50) !important;
  }
  .mint-60, .text-mint-60 {
    color: var(--mint-60) !important;
  }
  .mint-70, .text-mint-70 {
    color: var(--mint-70) !important;
  }
  .mint-80, .text-mint-80 {
    color: var(--mint-80) !important;
  }
  .mint-90, .text-mint-90 {
    color: var(--mint-90) !important;
  }
  .mint, .text-mint {
    color: var(--mint) !important;
  }
  .mint-dark-10, .text-mint-dark-10 {
    color: var(--mint-dark-10) !important;
  }
  .mint-dark-20, .text-mint-dark-20 {
    color: var(--mint-dark-20) !important;
  }
  .mint-dark-30, .text-mint-dark-30 {
    color: var(--mint-dark-30) !important;
  }
  .mint-dark-40, .text-mint-dark-40 {
    color: var(--mint-dark-40) !important;
  }
  .mint-dark-50, .text-mint-dark-50 {
    color: var(--mint-dark-50) !important;
  }
  .green-3, .text-green-3 {
    color: var(--green-3) !important;
  }
  .green-5, .text-green-5 {
    color: var(--green-5) !important;
  }
  .green-10, .text-green-10 {
    color: var(--green-10) !important;
  }
  .green-20, .text-green-20 {
    color: var(--green-20) !important;
  }
  .green-30, .text-green-30 {
    color: var(--green-30) !important;
  }
  .green-40, .text-green-40 {
    color: var(--green-40) !important;
  }
  .green-50, .text-green-50 {
    color: var(--green-50) !important;
  }
  .green-60, .text-green-60 {
    color: var(--green-60) !important;
  }
  .green-70, .text-green-70 {
    color: var(--green-70) !important;
  }
  .green-80, .text-green-80 {
    color: var(--green-80) !important;
  }
  .green-90, .text-green-90 {
    color: var(--green-90) !important;
  }
  .green, .text-green {
    color: var(--green) !important;
  }
  .green-dark-10, .text-green-dark-10 {
    color: var(--green-dark-10) !important;
  }
  .green-dark-20, .text-green-dark-20 {
    color: var(--green-dark-20) !important;
  }
  .green-dark-30, .text-green-dark-30 {
    color: var(--green-dark-30) !important;
  }
  .green-dark-40, .text-green-dark-40 {
    color: var(--green-dark-40) !important;
  }
  .green-dark-50, .text-green-dark-50 {
    color: var(--green-dark-50) !important;
  }
  .sage-3, .text-sage-3 {
    color: var(--sage-3) !important;
  }
  .sage-5, .text-sage-5 {
    color: var(--sage-5) !important;
  }
  .sage-10, .text-sage-10 {
    color: var(--sage-10) !important;
  }
  .sage-20, .text-sage-20 {
    color: var(--sage-20) !important;
  }
  .sage-30, .text-sage-30 {
    color: var(--sage-30) !important;
  }
  .sage-40, .text-sage-40 {
    color: var(--sage-40) !important;
  }
  .sage-50, .text-sage-50 {
    color: var(--sage-50) !important;
  }
  .sage-60, .text-sage-60 {
    color: var(--sage-60) !important;
  }
  .sage-70, .text-sage-70 {
    color: var(--sage-70) !important;
  }
  .sage-80, .text-sage-80 {
    color: var(--sage-80) !important;
  }
  .sage-90, .text-sage-90 {
    color: var(--sage-90) !important;
  }
  .sage, .text-sage {
    color: var(--sage) !important;
  }
  .sage-dark-10, .text-sage-dark-10 {
    color: var(--sage-dark-10) !important;
  }
  .sage-dark-20, .text-sage-dark-20 {
    color: var(--sage-dark-20) !important;
  }
  .sage-dark-30, .text-sage-dark-30 {
    color: var(--sage-dark-30) !important;
  }
  .sage-dark-40, .text-sage-dark-40 {
    color: var(--sage-dark-40) !important;
  }
  .sage-dark-50, .text-sage-dark-50 {
    color: var(--sage-dark-50) !important;
  }
  .teal-3, .text-teal-3 {
    color: var(--teal-3) !important;
  }
  .teal-5, .text-teal-5 {
    color: var(--teal-5) !important;
  }
  .teal-10, .text-teal-10 {
    color: var(--teal-10) !important;
  }
  .teal-20, .text-teal-20 {
    color: var(--teal-20) !important;
  }
  .teal-30, .text-teal-30 {
    color: var(--teal-30) !important;
  }
  .teal-40, .text-teal-40 {
    color: var(--teal-40) !important;
  }
  .teal-50, .text-teal-50 {
    color: var(--teal-50) !important;
  }
  .teal-60, .text-teal-60 {
    color: var(--teal-60) !important;
  }
  .teal-70, .text-teal-70 {
    color: var(--teal-70) !important;
  }
  .teal-80, .text-teal-80 {
    color: var(--teal-80) !important;
  }
  .teal-90, .text-teal-90 {
    color: var(--teal-90) !important;
  }
  .teal, .text-teal {
    color: var(--teal) !important;
  }
  .teal-dark-10, .text-teal-dark-10 {
    color: var(--teal-dark-10) !important;
  }
  .teal-dark-20, .text-teal-dark-20 {
    color: var(--teal-dark-20) !important;
  }
  .teal-dark-30, .text-teal-dark-30 {
    color: var(--teal-dark-30) !important;
  }
  .teal-dark-40, .text-teal-dark-40 {
    color: var(--teal-dark-40) !important;
  }
  .teal-dark-50, .text-teal-dark-50 {
    color: var(--teal-dark-50) !important;
  }
  .cyan-3, .text-cyan-3 {
    color: var(--cyan-3) !important;
  }
  .cyan-5, .text-cyan-5 {
    color: var(--cyan-5) !important;
  }
  .cyan-10, .text-cyan-10 {
    color: var(--cyan-10) !important;
  }
  .cyan-20, .text-cyan-20 {
    color: var(--cyan-20) !important;
  }
  .cyan-30, .text-cyan-30 {
    color: var(--cyan-30) !important;
  }
  .cyan-40, .text-cyan-40 {
    color: var(--cyan-40) !important;
  }
  .cyan-50, .text-cyan-50 {
    color: var(--cyan-50) !important;
  }
  .cyan-60, .text-cyan-60 {
    color: var(--cyan-60) !important;
  }
  .cyan-70, .text-cyan-70 {
    color: var(--cyan-70) !important;
  }
  .cyan-80, .text-cyan-80 {
    color: var(--cyan-80) !important;
  }
  .cyan-90, .text-cyan-90 {
    color: var(--cyan-90) !important;
  }
  .cyan, .text-cyan {
    color: var(--cyan) !important;
  }
  .cyan-dark-10, .text-cyan-dark-10 {
    color: var(--cyan-dark-10) !important;
  }
  .cyan-dark-20, .text-cyan-dark-20 {
    color: var(--cyan-dark-20) !important;
  }
  .cyan-dark-30, .text-cyan-dark-30 {
    color: var(--cyan-dark-30) !important;
  }
  .cyan-dark-40, .text-cyan-dark-40 {
    color: var(--cyan-dark-40) !important;
  }
  .cyan-dark-50, .text-cyan-dark-50 {
    color: var(--cyan-dark-50) !important;
  }
  .blue-3, .text-blue-3 {
    color: var(--blue-3) !important;
  }
  .blue-5, .text-blue-5 {
    color: var(--blue-5) !important;
  }
  .blue-10, .text-blue-10 {
    color: var(--blue-10) !important;
  }
  .blue-20, .text-blue-20 {
    color: var(--blue-20) !important;
  }
  .blue-30, .text-blue-30 {
    color: var(--blue-30) !important;
  }
  .blue-40, .text-blue-40 {
    color: var(--blue-40) !important;
  }
  .blue-50, .text-blue-50 {
    color: var(--blue-50) !important;
  }
  .blue-60, .text-blue-60 {
    color: var(--blue-60) !important;
  }
  .blue-70, .text-blue-70 {
    color: var(--blue-70) !important;
  }
  .blue-80, .text-blue-80 {
    color: var(--blue-80) !important;
  }
  .blue-90, .text-blue-90 {
    color: var(--blue-90) !important;
  }
  .blue, .text-blue {
    color: var(--blue) !important;
  }
  .blue-dark-10, .text-blue-dark-10 {
    color: var(--blue-dark-10) !important;
  }
  .blue-dark-20, .text-blue-dark-20 {
    color: var(--blue-dark-20) !important;
  }
  .blue-dark-30, .text-blue-dark-30 {
    color: var(--blue-dark-30) !important;
  }
  .blue-dark-40, .text-blue-dark-40 {
    color: var(--blue-dark-40) !important;
  }
  .blue-dark-50, .text-blue-dark-50 {
    color: var(--blue-dark-50) !important;
  }
  .navy-3, .text-navy-3 {
    color: var(--navy-3) !important;
  }
  .navy-5, .text-navy-5 {
    color: var(--navy-5) !important;
  }
  .navy-10, .text-navy-10 {
    color: var(--navy-10) !important;
  }
  .navy-20, .text-navy-20 {
    color: var(--navy-20) !important;
  }
  .navy-30, .text-navy-30 {
    color: var(--navy-30) !important;
  }
  .navy-40, .text-navy-40 {
    color: var(--navy-40) !important;
  }
  .navy-50, .text-navy-50 {
    color: var(--navy-50) !important;
  }
  .navy-60, .text-navy-60 {
    color: var(--navy-60) !important;
  }
  .navy-70, .text-navy-70 {
    color: var(--navy-70) !important;
  }
  .navy-80, .text-navy-80 {
    color: var(--navy-80) !important;
  }
  .navy-90, .text-navy-90 {
    color: var(--navy-90) !important;
  }
  .navy, .text-navy {
    color: var(--navy) !important;
  }
  .navy-dark-10, .text-navy-dark-10 {
    color: var(--navy-dark-10) !important;
  }
  .navy-dark-20, .text-navy-dark-20 {
    color: var(--navy-dark-20) !important;
  }
  .navy-dark-30, .text-navy-dark-30 {
    color: var(--navy-dark-30) !important;
  }
  .navy-dark-40, .text-navy-dark-40 {
    color: var(--navy-dark-40) !important;
  }
  .navy-dark-50, .text-navy-dark-50 {
    color: var(--navy-dark-50) !important;
  }
  .slate-3, .text-slate-3 {
    color: var(--slate-3) !important;
  }
  .slate-5, .text-slate-5 {
    color: var(--slate-5) !important;
  }
  .slate-10, .text-slate-10 {
    color: var(--slate-10) !important;
  }
  .slate-20, .text-slate-20 {
    color: var(--slate-20) !important;
  }
  .slate-30, .text-slate-30 {
    color: var(--slate-30) !important;
  }
  .slate-40, .text-slate-40 {
    color: var(--slate-40) !important;
  }
  .slate-50, .text-slate-50 {
    color: var(--slate-50) !important;
  }
  .slate-60, .text-slate-60 {
    color: var(--slate-60) !important;
  }
  .slate-70, .text-slate-70 {
    color: var(--slate-70) !important;
  }
  .slate-80, .text-slate-80 {
    color: var(--slate-80) !important;
  }
  .slate-90, .text-slate-90 {
    color: var(--slate-90) !important;
  }
  .slate, .text-slate {
    color: var(--slate) !important;
  }
  .slate-dark-10, .text-slate-dark-10 {
    color: var(--slate-dark-10) !important;
  }
  .slate-dark-20, .text-slate-dark-20 {
    color: var(--slate-dark-20) !important;
  }
  .slate-dark-30, .text-slate-dark-30 {
    color: var(--slate-dark-30) !important;
  }
  .slate-dark-40, .text-slate-dark-40 {
    color: var(--slate-dark-40) !important;
  }
  .slate-dark-50, .text-slate-dark-50 {
    color: var(--slate-dark-50) !important;
  }
  .indigo-3, .text-indigo-3 {
    color: var(--indigo-3) !important;
  }
  .indigo-5, .text-indigo-5 {
    color: var(--indigo-5) !important;
  }
  .indigo-10, .text-indigo-10 {
    color: var(--indigo-10) !important;
  }
  .indigo-20, .text-indigo-20 {
    color: var(--indigo-20) !important;
  }
  .indigo-30, .text-indigo-30 {
    color: var(--indigo-30) !important;
  }
  .indigo-40, .text-indigo-40 {
    color: var(--indigo-40) !important;
  }
  .indigo-50, .text-indigo-50 {
    color: var(--indigo-50) !important;
  }
  .indigo-60, .text-indigo-60 {
    color: var(--indigo-60) !important;
  }
  .indigo-70, .text-indigo-70 {
    color: var(--indigo-70) !important;
  }
  .indigo-80, .text-indigo-80 {
    color: var(--indigo-80) !important;
  }
  .indigo-90, .text-indigo-90 {
    color: var(--indigo-90) !important;
  }
  .indigo, .text-indigo {
    color: var(--indigo) !important;
  }
  .indigo-dark-10, .text-indigo-dark-10 {
    color: var(--indigo-dark-10) !important;
  }
  .indigo-dark-20, .text-indigo-dark-20 {
    color: var(--indigo-dark-20) !important;
  }
  .indigo-dark-30, .text-indigo-dark-30 {
    color: var(--indigo-dark-30) !important;
  }
  .indigo-dark-40, .text-indigo-dark-40 {
    color: var(--indigo-dark-40) !important;
  }
  .indigo-dark-50, .text-indigo-dark-50 {
    color: var(--indigo-dark-50) !important;
  }
  .purple-3, .text-purple-3 {
    color: var(--purple-3) !important;
  }
  .purple-5, .text-purple-5 {
    color: var(--purple-5) !important;
  }
  .purple-10, .text-purple-10 {
    color: var(--purple-10) !important;
  }
  .purple-20, .text-purple-20 {
    color: var(--purple-20) !important;
  }
  .purple-30, .text-purple-30 {
    color: var(--purple-30) !important;
  }
  .purple-40, .text-purple-40 {
    color: var(--purple-40) !important;
  }
  .purple-50, .text-purple-50 {
    color: var(--purple-50) !important;
  }
  .purple-60, .text-purple-60 {
    color: var(--purple-60) !important;
  }
  .purple-70, .text-purple-70 {
    color: var(--purple-70) !important;
  }
  .purple-80, .text-purple-80 {
    color: var(--purple-80) !important;
  }
  .purple-90, .text-purple-90 {
    color: var(--purple-90) !important;
  }
  .purple, .text-purple {
    color: var(--purple) !important;
  }
  .purple-dark-10, .text-purple-dark-10 {
    color: var(--purple-dark-10) !important;
  }
  .purple-dark-20, .text-purple-dark-20 {
    color: var(--purple-dark-20) !important;
  }
  .purple-dark-30, .text-purple-dark-30 {
    color: var(--purple-dark-30) !important;
  }
  .purple-dark-40, .text-purple-dark-40 {
    color: var(--purple-dark-40) !important;
  }
  .purple-dark-50, .text-purple-dark-50 {
    color: var(--purple-dark-50) !important;
  }
  .magenta-3, .text-magenta-3 {
    color: var(--magenta-3) !important;
  }
  .magenta-5, .text-magenta-5 {
    color: var(--magenta-5) !important;
  }
  .magenta-10, .text-magenta-10 {
    color: var(--magenta-10) !important;
  }
  .magenta-20, .text-magenta-20 {
    color: var(--magenta-20) !important;
  }
  .magenta-30, .text-magenta-30 {
    color: var(--magenta-30) !important;
  }
  .magenta-40, .text-magenta-40 {
    color: var(--magenta-40) !important;
  }
  .magenta-50, .text-magenta-50 {
    color: var(--magenta-50) !important;
  }
  .magenta-60, .text-magenta-60 {
    color: var(--magenta-60) !important;
  }
  .magenta-70, .text-magenta-70 {
    color: var(--magenta-70) !important;
  }
  .magenta-80, .text-magenta-80 {
    color: var(--magenta-80) !important;
  }
  .magenta-90, .text-magenta-90 {
    color: var(--magenta-90) !important;
  }
  .magenta, .text-magenta {
    color: var(--magenta) !important;
  }
  .magenta-dark-10, .text-magenta-dark-10 {
    color: var(--magenta-dark-10) !important;
  }
  .magenta-dark-20, .text-magenta-dark-20 {
    color: var(--magenta-dark-20) !important;
  }
  .magenta-dark-30, .text-magenta-dark-30 {
    color: var(--magenta-dark-30) !important;
  }
  .magenta-dark-40, .text-magenta-dark-40 {
    color: var(--magenta-dark-40) !important;
  }
  .magenta-dark-50, .text-magenta-dark-50 {
    color: var(--magenta-dark-50) !important;
  }
  .brown-3, .text-brown-3 {
    color: var(--brown-3) !important;
  }
  .brown-5, .text-brown-5 {
    color: var(--brown-5) !important;
  }
  .brown-10, .text-brown-10 {
    color: var(--brown-10) !important;
  }
  .brown-20, .text-brown-20 {
    color: var(--brown-20) !important;
  }
  .brown-30, .text-brown-30 {
    color: var(--brown-30) !important;
  }
  .brown-40, .text-brown-40 {
    color: var(--brown-40) !important;
  }
  .brown-50, .text-brown-50 {
    color: var(--brown-50) !important;
  }
  .brown-60, .text-brown-60 {
    color: var(--brown-60) !important;
  }
  .brown-70, .text-brown-70 {
    color: var(--brown-70) !important;
  }
  .brown-80, .text-brown-80 {
    color: var(--brown-80) !important;
  }
  .brown-90, .text-brown-90 {
    color: var(--brown-90) !important;
  }
  .brown, .text-brown {
    color: var(--brown) !important;
  }
  .brown-dark-10, .text-brown-dark-10 {
    color: var(--brown-dark-10) !important;
  }
  .brown-dark-20, .text-brown-dark-20 {
    color: var(--brown-dark-20) !important;
  }
  .brown-dark-30, .text-brown-dark-30 {
    color: var(--brown-dark-30) !important;
  }
  .brown-dark-40, .text-brown-dark-40 {
    color: var(--brown-dark-40) !important;
  }
  .brown-dark-50, .text-brown-dark-50 {
    color: var(--brown-dark-50) !important;
  }
  .gray-3, .text-gray-3, .grey-3, .text-grey-3 {
    color: var(--gray-3) !important;
  }
  .gray-5, .text-gray-5, .grey-5, .text-grey-5 {
    color: var(--gray-5) !important;
  }
  .gray-10, .text-gray-10, .grey-10, .text-grey-10 {
    color: var(--gray-10) !important;
  }
  .gray-20, .text-gray-20, .grey-20, .text-grey-20 {
    color: var(--gray-20) !important;
  }
  .gray-30, .text-gray-30, .grey-30, .text-grey-30 {
    color: var(--gray-30) !important;
  }
  .gray-40, .text-gray-40, .grey-40, .text-grey-40 {
    color: var(--gray-40) !important;
  }
  .gray-50, .text-gray-50, .grey-50, .text-grey-50 {
    color: var(--gray-50) !important;
  }
  .gray-60, .text-gray-60, .grey-60, .text-grey-60 {
    color: var(--gray-60) !important;
  }
  .gray-70, .text-gray-70, .grey-70, .text-grey-70 {
    color: var(--gray-70) !important;
  }
  .gray-80, .text-gray-80, .grey-80, .text-grey-80 {
    color: var(--gray-80) !important;
  }
  .gray-90, .text-gray-90, .grey-90, .text-grey-90 {
    color: var(--gray-90) !important;
  }
  .gray, .text-gray, .grey, .text-grey {
    color: var(--gray) !important;
  }
  .gray-dark-10, .text-gray-dark-10, .grey-dark-10, .text-grey-dark-10 {
    color: var(--gray-dark-10) !important;
  }
  .gray-dark-20, .text-gray-dark-20, .grey-dark-20, .text-grey-dark-20 {
    color: var(--gray-dark-20) !important;
  }
  .gray-dark-30, .text-gray-dark-30, .grey-dark-30, .text-grey-dark-30 {
    color: var(--gray-dark-30) !important;
  }
  .gray-dark-40, .text-gray-dark-40, .grey-dark-40, .text-grey-dark-40 {
    color: var(--gray-dark-40) !important;
  }
  .gray-dark-50, .text-gray-dark-50, .grey-dark-50, .text-grey-dark-50 {
    color: var(--gray-dark-50) !important;
  }
  .gray-5-solid, .text-gray-5-solid, .grey-5-solid, .text-grey-5-solid {
    color: var(--gray-5-solid) !important;
  }
  .gray-10-solid, .text-gray-10-solid, .grey-10-solid, .text-grey-10-solid {
    color: var(--gray-10-solid) !important;
  }
  .gray-20-solid, .text-gray-20-solid, .grey-20-solid, .text-grey-20-solid {
    color: var(--gray-20-solid) !important;
  }
  .gray-30-solid, .text-gray-30-solid, .grey-30-solid, .text-grey-30-solid {
    color: var(--gray-30-solid) !important;
  }
  .gray-40-solid, .text-gray-40-solid, .grey-40-solid, .text-grey-40-solid {
    color: var(--gray-40-solid) !important;
  }
  .gray-50-solid, .text-gray-50-solid, .grey-50-solid, .text-grey-50-solid {
    color: var(--gray-50-solid) !important;
  }
  .white-3, .text-white-3 {
    color: var(--white-3) !important;
  }
  .white-5, .text-white-5 {
    color: var(--white-5) !important;
  }
  .white-10, .text-white-10 {
    color: var(--white-10) !important;
  }
  .white-20, .text-white-20 {
    color: var(--white-20) !important;
  }
  .white-30, .text-white-30 {
    color: var(--white-30) !important;
  }
  .white-40, .text-white-40 {
    color: var(--white-40) !important;
  }
  .white-50, .text-white-50 {
    color: var(--white-50) !important;
  }
  .white-60, .text-white-60 {
    color: var(--white-60) !important;
  }
  .white-70, .text-white-70 {
    color: var(--white-70) !important;
  }
  .white-80, .text-white-80 {
    color: var(--white-80) !important;
  }
  .white-90, .text-white-90 {
    color: var(--white-90) !important;
  }
  .white, .text-white {
    color: var(--white) !important;
  }
  .black-3, .text-black-3 {
    color: var(--black-3) !important;
  }
  .black-5, .text-black-5 {
    color: var(--black-5) !important;
  }
  .black-10, .text-black-10 {
    color: var(--black-10) !important;
  }
  .black-20, .text-black-20 {
    color: var(--black-20) !important;
  }
  .black-30, .text-black-30 {
    color: var(--black-30) !important;
  }
  .black-40, .text-black-40 {
    color: var(--black-40) !important;
  }
  .black-50, .text-black-50 {
    color: var(--black-50) !important;
  }
  .black-60, .text-black-60 {
    color: var(--black-60) !important;
  }
  .black-70, .text-black-70 {
    color: var(--black-70) !important;
  }
  .black-80, .text-black-80 {
    color: var(--black-80) !important;
  }
  .black-90, .text-black-90 {
    color: var(--black-90) !important;
  }
  .black, .text-black {
    color: var(--black) !important;
  }
  .primary-3, .text-primary-3 {
    color: var(--primary-3) !important;
  }
  .primary-5, .text-primary-5 {
    color: var(--primary-5) !important;
  }
  .primary-10, .text-primary-10 {
    color: var(--primary-10) !important;
  }
  .primary-20, .text-primary-20 {
    color: var(--primary-20) !important;
  }
  .primary-30, .text-primary-30 {
    color: var(--primary-30) !important;
  }
  .primary-40, .text-primary-40 {
    color: var(--primary-40) !important;
  }
  .primary-50, .text-primary-50 {
    color: var(--primary-50) !important;
  }
  .primary-60, .text-primary-60 {
    color: var(--primary-60) !important;
  }
  .primary-70, .text-primary-70 {
    color: var(--primary-70) !important;
  }
  .primary-80, .text-primary-80 {
    color: var(--primary-80) !important;
  }
  .primary-90, .text-primary-90 {
    color: var(--primary-90) !important;
  }
  .primary, .text-primary {
    color: var(--primary) !important;
  }
  .primary-dark-10, .text-primary-dark-10 {
    color: var(--primary-dark-10) !important;
  }
  .primary-dark-20, .text-primary-dark-20 {
    color: var(--primary-dark-20) !important;
  }
  .primary-dark-30, .text-primary-dark-30 {
    color: var(--primary-dark-30) !important;
  }
  .primary-dark-40, .text-primary-dark-40 {
    color: var(--primary-dark-40) !important;
  }
  .primary-dark-50, .text-primary-dark-50 {
    color: var(--primary-dark-50) !important;
  }
  .secondary-3, .text-secondary-3 {
    color: var(--secondary-3) !important;
  }
  .secondary-5, .text-secondary-5 {
    color: var(--secondary-5) !important;
  }
  .secondary-10, .text-secondary-10 {
    color: var(--secondary-10) !important;
  }
  .secondary-20, .text-secondary-20 {
    color: var(--secondary-20) !important;
  }
  .secondary-30, .text-secondary-30 {
    color: var(--secondary-30) !important;
  }
  .secondary-40, .text-secondary-40 {
    color: var(--secondary-40) !important;
  }
  .secondary-50, .text-secondary-50 {
    color: var(--secondary-50) !important;
  }
  .secondary-60, .text-secondary-60 {
    color: var(--secondary-60) !important;
  }
  .secondary-70, .text-secondary-70 {
    color: var(--secondary-70) !important;
  }
  .secondary-80, .text-secondary-80 {
    color: var(--secondary-80) !important;
  }
  .secondary-90, .text-secondary-90 {
    color: var(--secondary-90) !important;
  }
  .secondary, .text-secondary {
    color: var(--secondary) !important;
  }
  .secondary-dark-10, .text-secondary-dark-10 {
    color: var(--secondary-dark-10) !important;
  }
  .secondary-dark-20, .text-secondary-dark-20 {
    color: var(--secondary-dark-20) !important;
  }
  .secondary-dark-30, .text-secondary-dark-30 {
    color: var(--secondary-dark-30) !important;
  }
  .secondary-dark-40, .text-secondary-dark-40 {
    color: var(--secondary-dark-40) !important;
  }
  .secondary-dark-50, .text-secondary-dark-50 {
    color: var(--secondary-dark-50) !important;
  }
  .tertiary-3, .text-tertiary-3 {
    color: var(--tertiary-3) !important;
  }
  .tertiary-5, .text-tertiary-5 {
    color: var(--tertiary-5) !important;
  }
  .tertiary-10, .text-tertiary-10 {
    color: var(--tertiary-10) !important;
  }
  .tertiary-20, .text-tertiary-20 {
    color: var(--tertiary-20) !important;
  }
  .tertiary-30, .text-tertiary-30 {
    color: var(--tertiary-30) !important;
  }
  .tertiary-40, .text-tertiary-40 {
    color: var(--tertiary-40) !important;
  }
  .tertiary-50, .text-tertiary-50 {
    color: var(--tertiary-50) !important;
  }
  .tertiary-60, .text-tertiary-60 {
    color: var(--tertiary-60) !important;
  }
  .tertiary-70, .text-tertiary-70 {
    color: var(--tertiary-70) !important;
  }
  .tertiary-80, .text-tertiary-80 {
    color: var(--tertiary-80) !important;
  }
  .tertiary-90, .text-tertiary-90 {
    color: var(--tertiary-90) !important;
  }
  .tertiary, .text-tertiary {
    color: var(--tertiary) !important;
  }
  .tertiary-dark-10, .text-tertiary-dark-10 {
    color: var(--tertiary-dark-10) !important;
  }
  .tertiary-dark-20, .text-tertiary-dark-20 {
    color: var(--tertiary-dark-20) !important;
  }
  .tertiary-dark-30, .text-tertiary-dark-30 {
    color: var(--tertiary-dark-30) !important;
  }
  .tertiary-dark-40, .text-tertiary-dark-40 {
    color: var(--tertiary-dark-40) !important;
  }
  .tertiary-dark-50, .text-tertiary-dark-50 {
    color: var(--tertiary-dark-50) !important;
  }
  .info-3, .text-info-3 {
    color: var(--info-3) !important;
  }
  .info-5, .text-info-5 {
    color: var(--info-5) !important;
  }
  .info-10, .text-info-10 {
    color: var(--info-10) !important;
  }
  .info-20, .text-info-20 {
    color: var(--info-20) !important;
  }
  .info-30, .text-info-30 {
    color: var(--info-30) !important;
  }
  .info-40, .text-info-40 {
    color: var(--info-40) !important;
  }
  .info-50, .text-info-50 {
    color: var(--info-50) !important;
  }
  .info-60, .text-info-60 {
    color: var(--info-60) !important;
  }
  .info-70, .text-info-70 {
    color: var(--info-70) !important;
  }
  .info-80, .text-info-80 {
    color: var(--info-80) !important;
  }
  .info-90, .text-info-90 {
    color: var(--info-90) !important;
  }
  .info, .text-info {
    color: var(--info) !important;
  }
  .info-dark-10, .text-info-dark-10 {
    color: var(--info-dark-10) !important;
  }
  .info-dark-20, .text-info-dark-20 {
    color: var(--info-dark-20) !important;
  }
  .info-dark-30, .text-info-dark-30 {
    color: var(--info-dark-30) !important;
  }
  .info-dark-40, .text-info-dark-40 {
    color: var(--info-dark-40) !important;
  }
  .info-dark-50, .text-info-dark-50 {
    color: var(--info-dark-50) !important;
  }
  .success-3, .text-success-3 {
    color: var(--success-3) !important;
  }
  .success-5, .text-success-5 {
    color: var(--success-5) !important;
  }
  .success-10, .text-success-10 {
    color: var(--success-10) !important;
  }
  .success-20, .text-success-20 {
    color: var(--success-20) !important;
  }
  .success-30, .text-success-30 {
    color: var(--success-30) !important;
  }
  .success-40, .text-success-40 {
    color: var(--success-40) !important;
  }
  .success-50, .text-success-50 {
    color: var(--success-50) !important;
  }
  .success-60, .text-success-60 {
    color: var(--success-60) !important;
  }
  .success-70, .text-success-70 {
    color: var(--success-70) !important;
  }
  .success-80, .text-success-80 {
    color: var(--success-80) !important;
  }
  .success-90, .text-success-90 {
    color: var(--success-90) !important;
  }
  .success, .text-success {
    color: var(--success) !important;
  }
  .success-dark-10, .text-success-dark-10 {
    color: var(--success-dark-10) !important;
  }
  .success-dark-20, .text-success-dark-20 {
    color: var(--success-dark-20) !important;
  }
  .success-dark-30, .text-success-dark-30 {
    color: var(--success-dark-30) !important;
  }
  .success-dark-40, .text-success-dark-40 {
    color: var(--success-dark-40) !important;
  }
  .success-dark-50, .text-success-dark-50 {
    color: var(--success-dark-50) !important;
  }
  .warning-3, .text-warning-3 {
    color: var(--warning-3) !important;
  }
  .warning-5, .text-warning-5 {
    color: var(--warning-5) !important;
  }
  .warning-10, .text-warning-10 {
    color: var(--warning-10) !important;
  }
  .warning-20, .text-warning-20 {
    color: var(--warning-20) !important;
  }
  .warning-30, .text-warning-30 {
    color: var(--warning-30) !important;
  }
  .warning-40, .text-warning-40 {
    color: var(--warning-40) !important;
  }
  .warning-50, .text-warning-50 {
    color: var(--warning-50) !important;
  }
  .warning-60, .text-warning-60 {
    color: var(--warning-60) !important;
  }
  .warning-70, .text-warning-70 {
    color: var(--warning-70) !important;
  }
  .warning-80, .text-warning-80 {
    color: var(--warning-80) !important;
  }
  .warning-90, .text-warning-90 {
    color: var(--warning-90) !important;
  }
  .warning, .text-warning {
    color: var(--warning) !important;
  }
  .warning-dark-10, .text-warning-dark-10 {
    color: var(--warning-dark-10) !important;
  }
  .warning-dark-20, .text-warning-dark-20 {
    color: var(--warning-dark-20) !important;
  }
  .warning-dark-30, .text-warning-dark-30 {
    color: var(--warning-dark-30) !important;
  }
  .warning-dark-40, .text-warning-dark-40 {
    color: var(--warning-dark-40) !important;
  }
  .warning-dark-50, .text-warning-dark-50 {
    color: var(--warning-dark-50) !important;
  }
  .danger-3, .text-danger-3 {
    color: var(--danger-3) !important;
  }
  .danger-5, .text-danger-5 {
    color: var(--danger-5) !important;
  }
  .danger-10, .text-danger-10 {
    color: var(--danger-10) !important;
  }
  .danger-20, .text-danger-20 {
    color: var(--danger-20) !important;
  }
  .danger-30, .text-danger-30 {
    color: var(--danger-30) !important;
  }
  .danger-40, .text-danger-40 {
    color: var(--danger-40) !important;
  }
  .danger-50, .text-danger-50 {
    color: var(--danger-50) !important;
  }
  .danger-60, .text-danger-60 {
    color: var(--danger-60) !important;
  }
  .danger-70, .text-danger-70 {
    color: var(--danger-70) !important;
  }
  .danger-80, .text-danger-80 {
    color: var(--danger-80) !important;
  }
  .danger-90, .text-danger-90 {
    color: var(--danger-90) !important;
  }
  .danger, .text-danger {
    color: var(--danger) !important;
  }
  .danger-dark-10, .text-danger-dark-10 {
    color: var(--danger-dark-10) !important;
  }
  .danger-dark-20, .text-danger-dark-20 {
    color: var(--danger-dark-20) !important;
  }
  .danger-dark-30, .text-danger-dark-30 {
    color: var(--danger-dark-30) !important;
  }
  .danger-dark-40, .text-danger-dark-40 {
    color: var(--danger-dark-40) !important;
  }
  .danger-dark-50, .text-danger-dark-50 {
    color: var(--danger-dark-50) !important;
  }
  .default-3, .text-default-3 {
    color: var(--default-3) !important;
  }
  .default-5, .text-default-5 {
    color: var(--default-5) !important;
  }
  .default-10, .text-default-10 {
    color: var(--default-10) !important;
  }
  .default-20, .text-default-20 {
    color: var(--default-20) !important;
  }
  .default-30, .text-default-30 {
    color: var(--default-30) !important;
  }
  .default-40, .text-default-40 {
    color: var(--default-40) !important;
  }
  .default-50, .text-default-50 {
    color: var(--default-50) !important;
  }
  .default-60, .text-default-60 {
    color: var(--default-60) !important;
  }
  .default-70, .text-default-70 {
    color: var(--default-70) !important;
  }
  .default-80, .text-default-80 {
    color: var(--default-80) !important;
  }
  .default-90, .text-default-90 {
    color: var(--default-90) !important;
  }
  .default, .text-default {
    color: var(--default) !important;
  }
  .default-dark-10, .text-default-dark-10 {
    color: var(--default-dark-10) !important;
  }
  .default-dark-20, .text-default-dark-20 {
    color: var(--default-dark-20) !important;
  }
  .default-dark-30, .text-default-dark-30 {
    color: var(--default-dark-30) !important;
  }
  .default-dark-40, .text-default-dark-40 {
    color: var(--default-dark-40) !important;
  }
  .default-dark-50, .text-default-dark-50 {
    color: var(--default-dark-50) !important;
  }
  .dark-3, .text-dark-3 {
    color: var(--dark-3) !important;
  }
  .dark-5, .text-dark-5 {
    color: var(--dark-5) !important;
  }
  .dark-10, .text-dark-10 {
    color: var(--dark-10) !important;
  }
  .dark-20, .text-dark-20 {
    color: var(--dark-20) !important;
  }
  .dark-30, .text-dark-30 {
    color: var(--dark-30) !important;
  }
  .dark-40, .text-dark-40 {
    color: var(--dark-40) !important;
  }
  .dark-50, .text-dark-50 {
    color: var(--dark-50) !important;
  }
  .dark-60, .text-dark-60 {
    color: var(--dark-60) !important;
  }
  .dark-70, .text-dark-70 {
    color: var(--dark-70) !important;
  }
  .dark-80, .text-dark-80 {
    color: var(--dark-80) !important;
  }
  .dark-90, .text-dark-90 {
    color: var(--dark-90) !important;
  }
  .dark, .text-dark {
    color: var(--dark) !important;
  }
  .light-3, .text-light-3 {
    color: var(--light-3) !important;
  }
  .light-5, .text-light-5 {
    color: var(--light-5) !important;
  }
  .light-10, .text-light-10 {
    color: var(--light-10) !important;
  }
  .light-20, .text-light-20 {
    color: var(--light-20) !important;
  }
  .light-30, .text-light-30 {
    color: var(--light-30) !important;
  }
  .light-40, .text-light-40 {
    color: var(--light-40) !important;
  }
  .light-50, .text-light-50 {
    color: var(--light-50) !important;
  }
  .light-60, .text-light-60 {
    color: var(--light-60) !important;
  }
  .light-70, .text-light-70 {
    color: var(--light-70) !important;
  }
  .light-80, .text-light-80 {
    color: var(--light-80) !important;
  }
  .light-90, .text-light-90 {
    color: var(--light-90) !important;
  }
  .light, .text-light {
    color: var(--light) !important;
  }
  .neutral-0, .text-neutral-0 {
    color: var(--neutral-0) !important;
  }
  .neutral-3, .text-neutral-3 {
    color: var(--neutral-3) !important;
  }
  .neutral-5, .text-neutral-5 {
    color: var(--neutral-5) !important;
  }
  .neutral-10, .text-neutral-10 {
    color: var(--neutral-10) !important;
  }
  .neutral-20, .text-neutral-20 {
    color: var(--neutral-20) !important;
  }
  .neutral-30, .text-neutral-30 {
    color: var(--neutral-30) !important;
  }
  .neutral-40, .text-neutral-40 {
    color: var(--neutral-40) !important;
  }
  .neutral-50, .text-neutral-50 {
    color: var(--neutral-50) !important;
  }
  .neutral-60, .text-neutral-60 {
    color: var(--neutral-60) !important;
  }
  .neutral-70, .text-neutral-70 {
    color: var(--neutral-70) !important;
  }
  .neutral-80, .text-neutral-80 {
    color: var(--neutral-80) !important;
  }
  .neutral-90, .text-neutral-90 {
    color: var(--neutral-90) !important;
  }
  .neutral, .text-neutral {
    color: var(--neutral) !important;
  }
  .neutral-dark-10, .text-neutral-dark-10 {
    color: var(--neutral-dark-10) !important;
  }
  .neutral-dark-20, .text-neutral-dark-20 {
    color: var(--neutral-dark-20) !important;
  }
  .neutral-dark-30, .text-neutral-dark-30 {
    color: var(--neutral-dark-30) !important;
  }
  .neutral-dark-40, .text-neutral-dark-40 {
    color: var(--neutral-dark-40) !important;
  }
  .neutral-dark-50, .text-neutral-dark-50 {
    color: var(--neutral-dark-50) !important;
  }
  /* CUSTOM | FILL COLORS ---------------------------------------------------------------------------------------------------- */
  .fill-none {
    fill: none !important;
  }
  .fill-transparent {
    fill: transparent !important;
  }
  .fill-body {
    fill: var(--bg-body) !important;
  }
  .fill-body-light {
    fill: var(--bg-body-light) !important;
  }
  .fill-body-dark {
    fill: var(--bg-body-dark) !important;
  }
  .fill-pink-3 {
    fill: var(--pink-3) !important;
  }
  .fill-pink-5 {
    fill: var(--pink-5) !important;
  }
  .fill-pink-10 {
    fill: var(--pink-10) !important;
  }
  .fill-pink-20 {
    fill: var(--pink-20) !important;
  }
  .fill-pink-30 {
    fill: var(--pink-30) !important;
  }
  .fill-pink-40 {
    fill: var(--pink-40) !important;
  }
  .fill-pink-50 {
    fill: var(--pink-50) !important;
  }
  .fill-pink-60 {
    fill: var(--pink-60) !important;
  }
  .fill-pink-70 {
    fill: var(--pink-70) !important;
  }
  .fill-pink-80 {
    fill: var(--pink-80) !important;
  }
  .fill-pink-90 {
    fill: var(--pink-90) !important;
  }
  .fill-pink {
    fill: var(--pink) !important;
  }
  .fill-pink-dark-10 {
    fill: var(--pink-dark-10) !important;
  }
  .fill-pink-dark-20 {
    fill: var(--pink-dark-20) !important;
  }
  .fill-pink-dark-30 {
    fill: var(--pink-dark-30) !important;
  }
  .fill-pink-dark-40 {
    fill: var(--pink-dark-40) !important;
  }
  .fill-pink-dark-50 {
    fill: var(--pink-dark-50) !important;
  }
  .fill-red-3 {
    fill: var(--red-3) !important;
  }
  .fill-red-5 {
    fill: var(--red-5) !important;
  }
  .fill-red-10 {
    fill: var(--red-10) !important;
  }
  .fill-red-20 {
    fill: var(--red-20) !important;
  }
  .fill-red-30 {
    fill: var(--red-30) !important;
  }
  .fill-red-40 {
    fill: var(--red-40) !important;
  }
  .fill-red-50 {
    fill: var(--red-50) !important;
  }
  .fill-red-60 {
    fill: var(--red-60) !important;
  }
  .fill-red-70 {
    fill: var(--red-70) !important;
  }
  .fill-red-80 {
    fill: var(--red-80) !important;
  }
  .fill-red-90 {
    fill: var(--red-90) !important;
  }
  .fill-red {
    fill: var(--red) !important;
  }
  .fill-red-dark-10 {
    fill: var(--red-dark-10) !important;
  }
  .fill-red-dark-20 {
    fill: var(--red-dark-20) !important;
  }
  .fill-red-dark-30 {
    fill: var(--red-dark-30) !important;
  }
  .fill-red-dark-40 {
    fill: var(--red-dark-40) !important;
  }
  .fill-red-dark-50 {
    fill: var(--red-dark-50) !important;
  }
  .fill-orange-3 {
    fill: var(--orange-3) !important;
  }
  .fill-orange-5 {
    fill: var(--orange-5) !important;
  }
  .fill-orange-10 {
    fill: var(--orange-10) !important;
  }
  .fill-orange-20 {
    fill: var(--orange-20) !important;
  }
  .fill-orange-30 {
    fill: var(--orange-30) !important;
  }
  .fill-orange-40 {
    fill: var(--orange-40) !important;
  }
  .fill-orange-50 {
    fill: var(--orange-50) !important;
  }
  .fill-orange-60 {
    fill: var(--orange-60) !important;
  }
  .fill-orange-70 {
    fill: var(--orange-70) !important;
  }
  .fill-orange-80 {
    fill: var(--orange-80) !important;
  }
  .fill-orange-90 {
    fill: var(--orange-90) !important;
  }
  .fill-orange {
    fill: var(--orange) !important;
  }
  .fill-orange-dark-10 {
    fill: var(--orange-dark-10) !important;
  }
  .fill-orange-dark-20 {
    fill: var(--orange-dark-20) !important;
  }
  .fill-orange-dark-30 {
    fill: var(--orange-dark-30) !important;
  }
  .fill-orange-dark-40 {
    fill: var(--orange-dark-40) !important;
  }
  .fill-orange-dark-50 {
    fill: var(--orange-dark-50) !important;
  }
  .fill-yellow-3 {
    fill: var(--yellow-3) !important;
  }
  .fill-yellow-5 {
    fill: var(--yellow-5) !important;
  }
  .fill-yellow-10 {
    fill: var(--yellow-10) !important;
  }
  .fill-yellow-20 {
    fill: var(--yellow-20) !important;
  }
  .fill-yellow-30 {
    fill: var(--yellow-30) !important;
  }
  .fill-yellow-40 {
    fill: var(--yellow-40) !important;
  }
  .fill-yellow-50 {
    fill: var(--yellow-50) !important;
  }
  .fill-yellow-60 {
    fill: var(--yellow-60) !important;
  }
  .fill-yellow-70 {
    fill: var(--yellow-70) !important;
  }
  .fill-yellow-80 {
    fill: var(--yellow-80) !important;
  }
  .fill-yellow-90 {
    fill: var(--yellow-90) !important;
  }
  .fill-yellow {
    fill: var(--yellow) !important;
  }
  .fill-yellow-dark-10 {
    fill: var(--yellow-dark-10) !important;
  }
  .fill-yellow-dark-20 {
    fill: var(--yellow-dark-20) !important;
  }
  .fill-yellow-dark-30 {
    fill: var(--yellow-dark-30) !important;
  }
  .fill-yellow-dark-40 {
    fill: var(--yellow-dark-40) !important;
  }
  .fill-yellow-dark-50 {
    fill: var(--yellow-dark-50) !important;
  }
  .fill-lime-3 {
    fill: var(--lime-3) !important;
  }
  .fill-lime-5 {
    fill: var(--lime-5) !important;
  }
  .fill-lime-10 {
    fill: var(--lime-10) !important;
  }
  .fill-lime-20 {
    fill: var(--lime-20) !important;
  }
  .fill-lime-30 {
    fill: var(--lime-30) !important;
  }
  .fill-lime-40 {
    fill: var(--lime-40) !important;
  }
  .fill-lime-50 {
    fill: var(--lime-50) !important;
  }
  .fill-lime-60 {
    fill: var(--lime-60) !important;
  }
  .fill-lime-70 {
    fill: var(--lime-70) !important;
  }
  .fill-lime-80 {
    fill: var(--lime-80) !important;
  }
  .fill-lime-90 {
    fill: var(--lime-90) !important;
  }
  .fill-lime {
    fill: var(--lime) !important;
  }
  .fill-lime-dark-10 {
    fill: var(--lime-dark-10) !important;
  }
  .fill-lime-dark-20 {
    fill: var(--lime-dark-20) !important;
  }
  .fill-lime-dark-30 {
    fill: var(--lime-dark-30) !important;
  }
  .fill-lime-dark-40 {
    fill: var(--lime-dark-40) !important;
  }
  .fill-lime-dark-50 {
    fill: var(--lime-dark-50) !important;
  }
  .fill-mint-3 {
    fill: var(--mint-3) !important;
  }
  .fill-mint-5 {
    fill: var(--mint-5) !important;
  }
  .fill-mint-10 {
    fill: var(--mint-10) !important;
  }
  .fill-mint-20 {
    fill: var(--mint-20) !important;
  }
  .fill-mint-30 {
    fill: var(--mint-30) !important;
  }
  .fill-mint-40 {
    fill: var(--mint-40) !important;
  }
  .fill-mint-50 {
    fill: var(--mint-50) !important;
  }
  .fill-mint-60 {
    fill: var(--mint-60) !important;
  }
  .fill-mint-70 {
    fill: var(--mint-70) !important;
  }
  .fill-mint-80 {
    fill: var(--mint-80) !important;
  }
  .fill-mint-90 {
    fill: var(--mint-90) !important;
  }
  .fill-mint {
    fill: var(--mint) !important;
  }
  .fill-mint-dark-10 {
    fill: var(--mint-dark-10) !important;
  }
  .fill-mint-dark-20 {
    fill: var(--mint-dark-20) !important;
  }
  .fill-mint-dark-30 {
    fill: var(--mint-dark-30) !important;
  }
  .fill-mint-dark-40 {
    fill: var(--mint-dark-40) !important;
  }
  .fill-mint-dark-50 {
    fill: var(--mint-dark-50) !important;
  }
  .fill-green-3 {
    fill: var(--green-3) !important;
  }
  .fill-green-5 {
    fill: var(--green-5) !important;
  }
  .fill-green-10 {
    fill: var(--green-10) !important;
  }
  .fill-green-20 {
    fill: var(--green-20) !important;
  }
  .fill-green-30 {
    fill: var(--green-30) !important;
  }
  .fill-green-40 {
    fill: var(--green-40) !important;
  }
  .fill-green-50 {
    fill: var(--green-50) !important;
  }
  .fill-green-60 {
    fill: var(--green-60) !important;
  }
  .fill-green-70 {
    fill: var(--green-70) !important;
  }
  .fill-green-80 {
    fill: var(--green-80) !important;
  }
  .fill-green-90 {
    fill: var(--green-90) !important;
  }
  .fill-green {
    fill: var(--green) !important;
  }
  .fill-green-dark-10 {
    fill: var(--green-dark-10) !important;
  }
  .fill-green-dark-20 {
    fill: var(--green-dark-20) !important;
  }
  .fill-green-dark-30 {
    fill: var(--green-dark-30) !important;
  }
  .fill-green-dark-40 {
    fill: var(--green-dark-40) !important;
  }
  .fill-green-dark-50 {
    fill: var(--green-dark-50) !important;
  }
  .fill-sage-3 {
    fill: var(--sage-3) !important;
  }
  .fill-sage-5 {
    fill: var(--sage-5) !important;
  }
  .fill-sage-10 {
    fill: var(--sage-10) !important;
  }
  .fill-sage-20 {
    fill: var(--sage-20) !important;
  }
  .fill-sage-30 {
    fill: var(--sage-30) !important;
  }
  .fill-sage-40 {
    fill: var(--sage-40) !important;
  }
  .fill-sage-50 {
    fill: var(--sage-50) !important;
  }
  .fill-sage-60 {
    fill: var(--sage-60) !important;
  }
  .fill-sage-70 {
    fill: var(--sage-70) !important;
  }
  .fill-sage-80 {
    fill: var(--sage-80) !important;
  }
  .fill-sage-90 {
    fill: var(--sage-90) !important;
  }
  .fill-sage {
    fill: var(--sage) !important;
  }
  .fill-sage-dark-10 {
    fill: var(--sage-dark-10) !important;
  }
  .fill-sage-dark-20 {
    fill: var(--sage-dark-20) !important;
  }
  .fill-sage-dark-30 {
    fill: var(--sage-dark-30) !important;
  }
  .fill-sage-dark-40 {
    fill: var(--sage-dark-40) !important;
  }
  .fill-sage-dark-50 {
    fill: var(--sage-dark-50) !important;
  }
  .fill-teal-3 {
    fill: var(--teal-3) !important;
  }
  .fill-teal-5 {
    fill: var(--teal-5) !important;
  }
  .fill-teal-10 {
    fill: var(--teal-10) !important;
  }
  .fill-teal-20 {
    fill: var(--teal-20) !important;
  }
  .fill-teal-30 {
    fill: var(--teal-30) !important;
  }
  .fill-teal-40 {
    fill: var(--teal-40) !important;
  }
  .fill-teal-50 {
    fill: var(--teal-50) !important;
  }
  .fill-teal-60 {
    fill: var(--teal-60) !important;
  }
  .fill-teal-70 {
    fill: var(--teal-70) !important;
  }
  .fill-teal-80 {
    fill: var(--teal-80) !important;
  }
  .fill-teal-90 {
    fill: var(--teal-90) !important;
  }
  .fill-teal {
    fill: var(--teal) !important;
  }
  .fill-teal-dark-10 {
    fill: var(--teal-dark-10) !important;
  }
  .fill-teal-dark-20 {
    fill: var(--teal-dark-20) !important;
  }
  .fill-teal-dark-30 {
    fill: var(--teal-dark-30) !important;
  }
  .fill-teal-dark-40 {
    fill: var(--teal-dark-40) !important;
  }
  .fill-teal-dark-50 {
    fill: var(--teal-dark-50) !important;
  }
  .fill-cyan-3 {
    fill: var(--cyan-3) !important;
  }
  .fill-cyan-5 {
    fill: var(--cyan-5) !important;
  }
  .fill-cyan-10 {
    fill: var(--cyan-10) !important;
  }
  .fill-cyan-20 {
    fill: var(--cyan-20) !important;
  }
  .fill-cyan-30 {
    fill: var(--cyan-30) !important;
  }
  .fill-cyan-40 {
    fill: var(--cyan-40) !important;
  }
  .fill-cyan-50 {
    fill: var(--cyan-50) !important;
  }
  .fill-cyan-60 {
    fill: var(--cyan-60) !important;
  }
  .fill-cyan-70 {
    fill: var(--cyan-70) !important;
  }
  .fill-cyan-80 {
    fill: var(--cyan-80) !important;
  }
  .fill-cyan-90 {
    fill: var(--cyan-90) !important;
  }
  .fill-cyan {
    fill: var(--cyan) !important;
  }
  .fill-cyan-dark-10 {
    fill: var(--cyan-dark-10) !important;
  }
  .fill-cyan-dark-20 {
    fill: var(--cyan-dark-20) !important;
  }
  .fill-cyan-dark-30 {
    fill: var(--cyan-dark-30) !important;
  }
  .fill-cyan-dark-40 {
    fill: var(--cyan-dark-40) !important;
  }
  .fill-cyan-dark-50 {
    fill: var(--cyan-dark-50) !important;
  }
  .fill-blue-3 {
    fill: var(--blue-3) !important;
  }
  .fill-blue-5 {
    fill: var(--blue-5) !important;
  }
  .fill-blue-10 {
    fill: var(--blue-10) !important;
  }
  .fill-blue-20 {
    fill: var(--blue-20) !important;
  }
  .fill-blue-30 {
    fill: var(--blue-30) !important;
  }
  .fill-blue-40 {
    fill: var(--blue-40) !important;
  }
  .fill-blue-50 {
    fill: var(--blue-50) !important;
  }
  .fill-blue-60 {
    fill: var(--blue-60) !important;
  }
  .fill-blue-70 {
    fill: var(--blue-70) !important;
  }
  .fill-blue-80 {
    fill: var(--blue-80) !important;
  }
  .fill-blue-90 {
    fill: var(--blue-90) !important;
  }
  .fill-blue {
    fill: var(--blue) !important;
  }
  .fill-blue-dark-10 {
    fill: var(--blue-dark-10) !important;
  }
  .fill-blue-dark-20 {
    fill: var(--blue-dark-20) !important;
  }
  .fill-blue-dark-30 {
    fill: var(--blue-dark-30) !important;
  }
  .fill-blue-dark-40 {
    fill: var(--blue-dark-40) !important;
  }
  .fill-blue-dark-50 {
    fill: var(--blue-dark-50) !important;
  }
  .fill-navy-3 {
    fill: var(--navy-3) !important;
  }
  .fill-navy-5 {
    fill: var(--navy-5) !important;
  }
  .fill-navy-10 {
    fill: var(--navy-10) !important;
  }
  .fill-navy-20 {
    fill: var(--navy-20) !important;
  }
  .fill-navy-30 {
    fill: var(--navy-30) !important;
  }
  .fill-navy-40 {
    fill: var(--navy-40) !important;
  }
  .fill-navy-50 {
    fill: var(--navy-50) !important;
  }
  .fill-navy-60 {
    fill: var(--navy-60) !important;
  }
  .fill-navy-70 {
    fill: var(--navy-70) !important;
  }
  .fill-navy-80 {
    fill: var(--navy-80) !important;
  }
  .fill-navy-90 {
    fill: var(--navy-90) !important;
  }
  .fill-navy {
    fill: var(--navy) !important;
  }
  .fill-navy-dark-10 {
    fill: var(--navy-dark-10) !important;
  }
  .fill-navy-dark-20 {
    fill: var(--navy-dark-20) !important;
  }
  .fill-navy-dark-30 {
    fill: var(--navy-dark-30) !important;
  }
  .fill-navy-dark-40 {
    fill: var(--navy-dark-40) !important;
  }
  .fill-navy-dark-50 {
    fill: var(--navy-dark-50) !important;
  }
  .fill-slate-3 {
    fill: var(--slate-3) !important;
  }
  .fill-slate-5 {
    fill: var(--slate-5) !important;
  }
  .fill-slate-10 {
    fill: var(--slate-10) !important;
  }
  .fill-slate-20 {
    fill: var(--slate-20) !important;
  }
  .fill-slate-30 {
    fill: var(--slate-30) !important;
  }
  .fill-slate-40 {
    fill: var(--slate-40) !important;
  }
  .fill-slate-50 {
    fill: var(--slate-50) !important;
  }
  .fill-slate-60 {
    fill: var(--slate-60) !important;
  }
  .fill-slate-70 {
    fill: var(--slate-70) !important;
  }
  .fill-slate-80 {
    fill: var(--slate-80) !important;
  }
  .fill-slate-90 {
    fill: var(--slate-90) !important;
  }
  .fill-slate {
    fill: var(--slate) !important;
  }
  .fill-slate-dark-10 {
    fill: var(--slate-dark-10) !important;
  }
  .fill-slate-dark-20 {
    fill: var(--slate-dark-20) !important;
  }
  .fill-slate-dark-30 {
    fill: var(--slate-dark-30) !important;
  }
  .fill-slate-dark-40 {
    fill: var(--slate-dark-40) !important;
  }
  .fill-slate-dark-50 {
    fill: var(--slate-dark-50) !important;
  }
  .fill-indigo-3 {
    fill: var(--indigo-3) !important;
  }
  .fill-indigo-5 {
    fill: var(--indigo-5) !important;
  }
  .fill-indigo-10 {
    fill: var(--indigo-10) !important;
  }
  .fill-indigo-20 {
    fill: var(--indigo-20) !important;
  }
  .fill-indigo-30 {
    fill: var(--indigo-30) !important;
  }
  .fill-indigo-40 {
    fill: var(--indigo-40) !important;
  }
  .fill-indigo-50 {
    fill: var(--indigo-50) !important;
  }
  .fill-indigo-60 {
    fill: var(--indigo-60) !important;
  }
  .fill-indigo-70 {
    fill: var(--indigo-70) !important;
  }
  .fill-indigo-80 {
    fill: var(--indigo-80) !important;
  }
  .fill-indigo-90 {
    fill: var(--indigo-90) !important;
  }
  .fill-indigo {
    fill: var(--indigo) !important;
  }
  .fill-indigo-dark-10 {
    fill: var(--indigo-dark-10) !important;
  }
  .fill-indigo-dark-20 {
    fill: var(--indigo-dark-20) !important;
  }
  .fill-indigo-dark-30 {
    fill: var(--indigo-dark-30) !important;
  }
  .fill-indigo-dark-40 {
    fill: var(--indigo-dark-40) !important;
  }
  .fill-indigo-dark-50 {
    fill: var(--indigo-dark-50) !important;
  }
  .fill-purple-3 {
    fill: var(--purple-3) !important;
  }
  .fill-purple-5 {
    fill: var(--purple-5) !important;
  }
  .fill-purple-10 {
    fill: var(--purple-10) !important;
  }
  .fill-purple-20 {
    fill: var(--purple-20) !important;
  }
  .fill-purple-30 {
    fill: var(--purple-30) !important;
  }
  .fill-purple-40 {
    fill: var(--purple-40) !important;
  }
  .fill-purple-50 {
    fill: var(--purple-50) !important;
  }
  .fill-purple-60 {
    fill: var(--purple-60) !important;
  }
  .fill-purple-70 {
    fill: var(--purple-70) !important;
  }
  .fill-purple-80 {
    fill: var(--purple-80) !important;
  }
  .fill-purple-90 {
    fill: var(--purple-90) !important;
  }
  .fill-purple {
    fill: var(--purple) !important;
  }
  .fill-purple-dark-10 {
    fill: var(--purple-dark-10) !important;
  }
  .fill-purple-dark-20 {
    fill: var(--purple-dark-20) !important;
  }
  .fill-purple-dark-30 {
    fill: var(--purple-dark-30) !important;
  }
  .fill-purple-dark-40 {
    fill: var(--purple-dark-40) !important;
  }
  .fill-purple-dark-50 {
    fill: var(--purple-dark-50) !important;
  }
  .fill-magenta-3 {
    fill: var(--magenta-3) !important;
  }
  .fill-magenta-5 {
    fill: var(--magenta-5) !important;
  }
  .fill-magenta-10 {
    fill: var(--magenta-10) !important;
  }
  .fill-magenta-20 {
    fill: var(--magenta-20) !important;
  }
  .fill-magenta-30 {
    fill: var(--magenta-30) !important;
  }
  .fill-magenta-40 {
    fill: var(--magenta-40) !important;
  }
  .fill-magenta-50 {
    fill: var(--magenta-50) !important;
  }
  .fill-magenta-60 {
    fill: var(--magenta-60) !important;
  }
  .fill-magenta-70 {
    fill: var(--magenta-70) !important;
  }
  .fill-magenta-80 {
    fill: var(--magenta-80) !important;
  }
  .fill-magenta-90 {
    fill: var(--magenta-90) !important;
  }
  .fill-magenta {
    fill: var(--magenta) !important;
  }
  .fill-magenta-dark-10 {
    fill: var(--magenta-dark-10) !important;
  }
  .fill-magenta-dark-20 {
    fill: var(--magenta-dark-20) !important;
  }
  .fill-magenta-dark-30 {
    fill: var(--magenta-dark-30) !important;
  }
  .fill-magenta-dark-40 {
    fill: var(--magenta-dark-40) !important;
  }
  .fill-magenta-dark-50 {
    fill: var(--magenta-dark-50) !important;
  }
  .fill-brown-3 {
    fill: var(--brown-3) !important;
  }
  .fill-brown-5 {
    fill: var(--brown-5) !important;
  }
  .fill-brown-10 {
    fill: var(--brown-10) !important;
  }
  .fill-brown-20 {
    fill: var(--brown-20) !important;
  }
  .fill-brown-30 {
    fill: var(--brown-30) !important;
  }
  .fill-brown-40 {
    fill: var(--brown-40) !important;
  }
  .fill-brown-50 {
    fill: var(--brown-50) !important;
  }
  .fill-brown-60 {
    fill: var(--brown-60) !important;
  }
  .fill-brown-70 {
    fill: var(--brown-70) !important;
  }
  .fill-brown-80 {
    fill: var(--brown-80) !important;
  }
  .fill-brown-90 {
    fill: var(--brown-90) !important;
  }
  .fill-brown {
    fill: var(--brown) !important;
  }
  .fill-brown-dark-10 {
    fill: var(--brown-dark-10) !important;
  }
  .fill-brown-dark-20 {
    fill: var(--brown-dark-20) !important;
  }
  .fill-brown-dark-30 {
    fill: var(--brown-dark-30) !important;
  }
  .fill-brown-dark-40 {
    fill: var(--brown-dark-40) !important;
  }
  .fill-brown-dark-50 {
    fill: var(--brown-dark-50) !important;
  }
  .fill-gray-3, .fill-grey-3 {
    fill: var(--gray-3) !important;
  }
  .fill-gray-5, .fill-grey-5 {
    fill: var(--gray-5) !important;
  }
  .fill-gray-10, .fill-grey-10 {
    fill: var(--gray-10) !important;
  }
  .fill-gray-20, .fill-grey-20 {
    fill: var(--gray-20) !important;
  }
  .fill-gray-30, .fill-grey-30 {
    fill: var(--gray-30) !important;
  }
  .fill-gray-40, .fill-grey-40 {
    fill: var(--gray-40) !important;
  }
  .fill-gray-50, .fill-grey-50 {
    fill: var(--gray-50) !important;
  }
  .fill-gray-60, .fill-grey-60 {
    fill: var(--gray-60) !important;
  }
  .fill-gray-70, .fill-grey-70 {
    fill: var(--gray-70) !important;
  }
  .fill-gray-80, .fill-grey-80 {
    fill: var(--gray-80) !important;
  }
  .fill-gray-90, .fill-grey-90 {
    fill: var(--gray-90) !important;
  }
  .fill-gray, .fill-grey {
    fill: var(--gray) !important;
  }
  .fill-gray-dark-10, .fill-grey-dark-10 {
    fill: var(--gray-dark-10) !important;
  }
  .fill-gray-dark-20, .fill-grey-dark-20 {
    fill: var(--gray-dark-20) !important;
  }
  .fill-gray-dark-30, .fill-grey-dark-30 {
    fill: var(--gray-dark-30) !important;
  }
  .fill-gray-dark-40, .fill-grey-dark-40 {
    fill: var(--gray-dark-40) !important;
  }
  .fill-gray-dark-50, .fill-grey-dark-50 {
    fill: var(--gray-dark-50) !important;
  }
  .fill-gray-3-solid, .fill-grey-3-solid {
    fill: var(--gray-3-solid) !important;
  }
  .fill-gray-5-solid, .fill-grey-5-solid {
    fill: var(--gray-5-solid) !important;
  }
  .fill-gray-10-solid, .fill-grey-10-solid {
    fill: var(--gray-10-solid) !important;
  }
  .fill-gray-20-solid, .fill-grey-20-solid {
    fill: var(--gray-20-solid) !important;
  }
  .fill-gray-30-solid, .fill-grey-30-solid {
    fill: var(--gray-30-solid) !important;
  }
  .fill-gray-40-solid, .fill-grey-40-solid {
    fill: var(--gray-40-solid) !important;
  }
  .fill-gray-50-solid, .fill-grey-50-solid {
    fill: var(--gray-50-solid) !important;
  }
  .fill-white-3 {
    fill: var(--white-3) !important;
  }
  .fill-white-5 {
    fill: var(--white-5) !important;
  }
  .fill-white-10 {
    fill: var(--white-10) !important;
  }
  .fill-white-20 {
    fill: var(--white-20) !important;
  }
  .fill-white-30 {
    fill: var(--white-30) !important;
  }
  .fill-white-40 {
    fill: var(--white-40) !important;
  }
  .fill-white-50 {
    fill: var(--white-50) !important;
  }
  .fill-white-60 {
    fill: var(--white-60) !important;
  }
  .fill-white-70 {
    fill: var(--white-70) !important;
  }
  .fill-white-80 {
    fill: var(--white-80) !important;
  }
  .fill-white-90 {
    fill: var(--white-90) !important;
  }
  .fill-white {
    fill: var(--white) !important;
  }
  .fill-black-3 {
    fill: var(--black-3) !important;
  }
  .fill-black-5 {
    fill: var(--black-5) !important;
  }
  .fill-black-10 {
    fill: var(--black-10) !important;
  }
  .fill-black-20 {
    fill: var(--black-20) !important;
  }
  .fill-black-30 {
    fill: var(--black-30) !important;
  }
  .fill-black-40 {
    fill: var(--black-40) !important;
  }
  .fill-black-50 {
    fill: var(--black-50) !important;
  }
  .fill-black-60 {
    fill: var(--black-60) !important;
  }
  .fill-black-70 {
    fill: var(--black-70) !important;
  }
  .fill-black-80 {
    fill: var(--black-80) !important;
  }
  .fill-black-90 {
    fill: var(--black-90) !important;
  }
  .fill-black {
    fill: var(--black) !important;
  }
  .fill-primary-3 {
    fill: var(--primary-3) !important;
  }
  .fill-primary-5 {
    fill: var(--primary-5) !important;
  }
  .fill-primary-10 {
    fill: var(--primary-10) !important;
  }
  .fill-primary-20 {
    fill: var(--primary-20) !important;
  }
  .fill-primary-30 {
    fill: var(--primary-30) !important;
  }
  .fill-primary-40 {
    fill: var(--primary-40) !important;
  }
  .fill-primary-50 {
    fill: var(--primary-50) !important;
  }
  .fill-primary-60 {
    fill: var(--primary-60) !important;
  }
  .fill-primary-70 {
    fill: var(--primary-70) !important;
  }
  .fill-primary-80 {
    fill: var(--primary-80) !important;
  }
  .fill-primary-90 {
    fill: var(--primary-90) !important;
  }
  .fill-primary {
    fill: var(--primary) !important;
  }
  .fill-primary-dark-10 {
    fill: var(--primary-dark-10) !important;
  }
  .fill-primary-dark-20 {
    fill: var(--primary-dark-20) !important;
  }
  .fill-primary-dark-30 {
    fill: var(--primary-dark-30) !important;
  }
  .fill-primary-dark-40 {
    fill: var(--primary-dark-40) !important;
  }
  .fill-primary-dark-50 {
    fill: var(--primary-dark-50) !important;
  }
  .fill-secondary-3 {
    fill: var(--secondary-3) !important;
  }
  .fill-secondary-5 {
    fill: var(--secondary-5) !important;
  }
  .fill-secondary-10 {
    fill: var(--secondary-10) !important;
  }
  .fill-secondary-20 {
    fill: var(--secondary-20) !important;
  }
  .fill-secondary-30 {
    fill: var(--secondary-30) !important;
  }
  .fill-secondary-40 {
    fill: var(--secondary-40) !important;
  }
  .fill-secondary-50 {
    fill: var(--secondary-50) !important;
  }
  .fill-secondary-60 {
    fill: var(--secondary-60) !important;
  }
  .fill-secondary-70 {
    fill: var(--secondary-70) !important;
  }
  .fill-secondary-80 {
    fill: var(--secondary-80) !important;
  }
  .fill-secondary-90 {
    fill: var(--secondary-90) !important;
  }
  .fill-secondary {
    fill: var(--secondary) !important;
  }
  .fill-secondary-dark-10 {
    fill: var(--secondary-dark-10) !important;
  }
  .fill-secondary-dark-20 {
    fill: var(--secondary-dark-20) !important;
  }
  .fill-secondary-dark-30 {
    fill: var(--secondary-dark-30) !important;
  }
  .fill-secondary-dark-40 {
    fill: var(--secondary-dark-40) !important;
  }
  .fill-secondary-dark-50 {
    fill: var(--secondary-dark-50) !important;
  }
  .fill-tertiary-3 {
    fill: var(--tertiary-3) !important;
  }
  .fill-tertiary-5 {
    fill: var(--tertiary-5) !important;
  }
  .fill-tertiary-10 {
    fill: var(--tertiary-10) !important;
  }
  .fill-tertiary-20 {
    fill: var(--tertiary-20) !important;
  }
  .fill-tertiary-30 {
    fill: var(--tertiary-30) !important;
  }
  .fill-tertiary-40 {
    fill: var(--tertiary-40) !important;
  }
  .fill-tertiary-50 {
    fill: var(--tertiary-50) !important;
  }
  .fill-tertiary-60 {
    fill: var(--tertiary-60) !important;
  }
  .fill-tertiary-70 {
    fill: var(--tertiary-70) !important;
  }
  .fill-tertiary-80 {
    fill: var(--tertiary-80) !important;
  }
  .fill-tertiary-90 {
    fill: var(--tertiary-90) !important;
  }
  .fill-tertiary {
    fill: var(--tertiary) !important;
  }
  .fill-tertiary-dark-10 {
    fill: var(--tertiary-dark-10) !important;
  }
  .fill-tertiary-dark-20 {
    fill: var(--tertiary-dark-20) !important;
  }
  .fill-tertiary-dark-30 {
    fill: var(--tertiary-dark-30) !important;
  }
  .fill-tertiary-dark-40 {
    fill: var(--tertiary-dark-40) !important;
  }
  .fill-tertiary-dark-50 {
    fill: var(--tertiary-dark-50) !important;
  }
  .fill-info-3 {
    fill: var(--info-3) !important;
  }
  .fill-info-5 {
    fill: var(--info-5) !important;
  }
  .fill-info-10 {
    fill: var(--info-10) !important;
  }
  .fill-info-20 {
    fill: var(--info-20) !important;
  }
  .fill-info-30 {
    fill: var(--info-30) !important;
  }
  .fill-info-40 {
    fill: var(--info-40) !important;
  }
  .fill-info-50 {
    fill: var(--info-50) !important;
  }
  .fill-info-60 {
    fill: var(--info-60) !important;
  }
  .fill-info-70 {
    fill: var(--info-70) !important;
  }
  .fill-info-80 {
    fill: var(--info-80) !important;
  }
  .fill-info-90 {
    fill: var(--info-90) !important;
  }
  .fill-info {
    fill: var(--info) !important;
  }
  .fill-info-dark-10 {
    fill: var(--info-dark-10) !important;
  }
  .fill-info-dark-20 {
    fill: var(--info-dark-20) !important;
  }
  .fill-info-dark-30 {
    fill: var(--info-dark-30) !important;
  }
  .fill-info-dark-40 {
    fill: var(--info-dark-40) !important;
  }
  .fill-info-dark-50 {
    fill: var(--info-dark-50) !important;
  }
  .fill-success-3 {
    fill: var(--success-3) !important;
  }
  .fill-success-5 {
    fill: var(--success-5) !important;
  }
  .fill-success-10 {
    fill: var(--success-10) !important;
  }
  .fill-success-20 {
    fill: var(--success-20) !important;
  }
  .fill-success-30 {
    fill: var(--success-30) !important;
  }
  .fill-success-40 {
    fill: var(--success-40) !important;
  }
  .fill-success-50 {
    fill: var(--success-50) !important;
  }
  .fill-success-60 {
    fill: var(--success-60) !important;
  }
  .fill-success-70 {
    fill: var(--success-70) !important;
  }
  .fill-success-80 {
    fill: var(--success-80) !important;
  }
  .fill-success-90 {
    fill: var(--success-90) !important;
  }
  .fill-success {
    fill: var(--success) !important;
  }
  .fill-success-dark-10 {
    fill: var(--success-dark-10) !important;
  }
  .fill-success-dark-20 {
    fill: var(--success-dark-20) !important;
  }
  .fill-success-dark-30 {
    fill: var(--success-dark-30) !important;
  }
  .fill-success-dark-40 {
    fill: var(--success-dark-40) !important;
  }
  .fill-success-dark-50 {
    fill: var(--success-dark-50) !important;
  }
  .fill-warning-3 {
    fill: var(--warning-3) !important;
  }
  .fill-warning-5 {
    fill: var(--warning-5) !important;
  }
  .fill-warning-10 {
    fill: var(--warning-10) !important;
  }
  .fill-warning-20 {
    fill: var(--warning-20) !important;
  }
  .fill-warning-30 {
    fill: var(--warning-30) !important;
  }
  .fill-warning-40 {
    fill: var(--warning-40) !important;
  }
  .fill-warning-50 {
    fill: var(--warning-50) !important;
  }
  .fill-warning-60 {
    fill: var(--warning-60) !important;
  }
  .fill-warning-70 {
    fill: var(--warning-70) !important;
  }
  .fill-warning-80 {
    fill: var(--warning-80) !important;
  }
  .fill-warning-90 {
    fill: var(--warning-90) !important;
  }
  .fill-warning {
    fill: var(--warning) !important;
  }
  .fill-warning-dark-10 {
    fill: var(--warning-dark-10) !important;
  }
  .fill-warning-dark-20 {
    fill: var(--warning-dark-20) !important;
  }
  .fill-warning-dark-30 {
    fill: var(--warning-dark-30) !important;
  }
  .fill-warning-dark-40 {
    fill: var(--warning-dark-40) !important;
  }
  .fill-warning-dark-50 {
    fill: var(--warning-dark-50) !important;
  }
  .fill-danger-3 {
    fill: var(--danger-3) !important;
  }
  .fill-danger-5 {
    fill: var(--danger-5) !important;
  }
  .fill-danger-10 {
    fill: var(--danger-10) !important;
  }
  .fill-danger-20 {
    fill: var(--danger-20) !important;
  }
  .fill-danger-30 {
    fill: var(--danger-30) !important;
  }
  .fill-danger-40 {
    fill: var(--danger-40) !important;
  }
  .fill-danger-50 {
    fill: var(--danger-50) !important;
  }
  .fill-danger-60 {
    fill: var(--danger-60) !important;
  }
  .fill-danger-70 {
    fill: var(--danger-70) !important;
  }
  .fill-danger-80 {
    fill: var(--danger-80) !important;
  }
  .fill-danger-90 {
    fill: var(--danger-90) !important;
  }
  .fill-danger {
    fill: var(--danger) !important;
  }
  .fill-danger-dark-10 {
    fill: var(--danger-dark-10) !important;
  }
  .fill-danger-dark-20 {
    fill: var(--danger-dark-20) !important;
  }
  .fill-danger-dark-30 {
    fill: var(--danger-dark-30) !important;
  }
  .fill-danger-dark-40 {
    fill: var(--danger-dark-40) !important;
  }
  .fill-danger-dark-50 {
    fill: var(--danger-dark-50) !important;
  }
  .fill-default-3 {
    fill: var(--default-3) !important;
  }
  .fill-default-5 {
    fill: var(--default-5) !important;
  }
  .fill-default-10 {
    fill: var(--default-10) !important;
  }
  .fill-default-20 {
    fill: var(--default-20) !important;
  }
  .fill-default-30 {
    fill: var(--default-30) !important;
  }
  .fill-default-40 {
    fill: var(--default-40) !important;
  }
  .fill-default-50 {
    fill: var(--default-50) !important;
  }
  .fill-default-60 {
    fill: var(--default-60) !important;
  }
  .fill-default-70 {
    fill: var(--default-70) !important;
  }
  .fill-default-80 {
    fill: var(--default-80) !important;
  }
  .fill-default-90 {
    fill: var(--default-90) !important;
  }
  .fill-default {
    fill: var(--default) !important;
  }
  .fill-default-dark-10 {
    fill: var(--default-dark-10) !important;
  }
  .fill-default-dark-20 {
    fill: var(--default-dark-20) !important;
  }
  .fill-default-dark-30 {
    fill: var(--default-dark-30) !important;
  }
  .fill-default-dark-40 {
    fill: var(--default-dark-40) !important;
  }
  .fill-default-dark-50 {
    fill: var(--default-dark-50) !important;
  }
  .fill-dark-3 {
    fill: var(--dark-3) !important;
  }
  .fill-dark-5 {
    fill: var(--dark-5) !important;
  }
  .fill-dark-10 {
    fill: var(--dark-10) !important;
  }
  .fill-dark-20 {
    fill: var(--dark-20) !important;
  }
  .fill-dark-30 {
    fill: var(--dark-30) !important;
  }
  .fill-dark-40 {
    fill: var(--dark-40) !important;
  }
  .fill-dark-50 {
    fill: var(--dark-50) !important;
  }
  .fill-dark-60 {
    fill: var(--dark-60) !important;
  }
  .fill-dark-70 {
    fill: var(--dark-70) !important;
  }
  .fill-dark-80 {
    fill: var(--dark-80) !important;
  }
  .fill-dark-90 {
    fill: var(--dark-90) !important;
  }
  .fill-dark {
    fill: var(--dark) !important;
  }
  .fill-light-3 {
    fill: var(--light-3) !important;
  }
  .fill-light-5 {
    fill: var(--light-5) !important;
  }
  .fill-light-10 {
    fill: var(--light-10) !important;
  }
  .fill-light-20 {
    fill: var(--light-20) !important;
  }
  .fill-light-30 {
    fill: var(--light-30) !important;
  }
  .fill-light-40 {
    fill: var(--light-40) !important;
  }
  .fill-light-50 {
    fill: var(--light-50) !important;
  }
  .fill-light-60 {
    fill: var(--light-60) !important;
  }
  .fill-light-70 {
    fill: var(--light-70) !important;
  }
  .fill-light-80 {
    fill: var(--light-80) !important;
  }
  .fill-light-90 {
    fill: var(--light-90) !important;
  }
  .fill-light {
    fill: var(--light) !important;
  }
  .fill-neutral-0 {
    fill: var(--neutral-0) !important;
  }
  .fill-neutral-3 {
    fill: var(--neutral-3) !important;
  }
  .fill-neutral-5 {
    fill: var(--neutral-5) !important;
  }
  .fill-neutral-10 {
    fill: var(--neutral-10) !important;
  }
  .fill-neutral-20 {
    fill: var(--neutral-20) !important;
  }
  .fill-neutral-30 {
    fill: var(--neutral-30) !important;
  }
  .fill-neutral-40 {
    fill: var(--neutral-40) !important;
  }
  .fill-neutral-50 {
    fill: var(--neutral-50) !important;
  }
  .fill-neutral-60 {
    fill: var(--neutral-60) !important;
  }
  .fill-neutral-70 {
    fill: var(--neutral-70) !important;
  }
  .fill-neutral-80 {
    fill: var(--neutral-80) !important;
  }
  .fill-neutral-90 {
    fill: var(--neutral-90) !important;
  }
  .fill-neutral {
    fill: var(--neutral) !important;
  }
  .fill-neutral-dark-10 {
    fill: var(--neutral-dark-10) !important;
  }
  .fill-neutral-dark-20 {
    fill: var(--neutral-dark-20) !important;
  }
  .fill-neutral-dark-30 {
    fill: var(--neutral-dark-30) !important;
  }
  .fill-neutral-dark-40 {
    fill: var(--neutral-dark-40) !important;
  }
  .fill-neutral-dark-50 {
    fill: var(--neutral-dark-50) !important;
  }
}
/* SCSS Document */
@layer base {
  /* CUSTOM | CURSORS ---------------------------------------------------------------------------------------------------- */
  .cursor-alias {
    cursor: alias;
  }
  .cursor-all-scroll {
    cursor: all-scroll;
  }
  .cursor-auto {
    cursor: auto;
  }
  .cursor-cell {
    cursor: cell;
  }
  .cursor-col-resize {
    cursor: col-resize;
  }
  .cursor-context-menu {
    cursor: context-menu;
  }
  .cursor-copy {
    cursor: copy;
  }
  .cursor-crosshair {
    cursor: crosshair;
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-e-resize {
    cursor: e-resize;
  }
  .cursor-ew-resize {
    cursor: ew-resize;
  }
  .cursor-grab {
    cursor: grab;
  }
  .cursor-grabbing {
    cursor: grabbing;
  }
  .cursor-help {
    cursor: help;
  }
  .cursor-move {
    cursor: move;
  }
  .cursor-n-resize {
    cursor: n-resize;
  }
  .cursor-ne-resize {
    cursor: ne-resize;
  }
  .cursor-nesw-resize {
    cursor: nesw-resize;
  }
  .cursor-ns-resize {
    cursor: ns-resize;
  }
  .cursor-nw-resize {
    cursor: nw-resize;
  }
  .cursor-nwse-resize {
    cursor: nwse-resize;
  }
  .cursor-no-drop {
    cursor: no-drop;
  }
  .cursor-none {
    cursor: none;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-progress {
    cursor: progress;
  }
  .cursor-row-resize {
    cursor: row-resize;
  }
  .cursor-s-resize {
    cursor: s-resize;
  }
  .cursor-se-resize {
    cursor: se-resize;
  }
  .cursor-sw-resize {
    cursor: sw-resize;
  }
  .cursor-text {
    cursor: text;
  }
  .cursor-w-resize {
    cursor: w-resize;
  }
  .cursor-wait {
    cursor: wait;
  }
  .cursor-zoom-in {
    cursor: zoom-in;
  }
  .cursor-zoom-out {
    cursor: zoom-out;
  }
  .no-click {
    pointer-events: none;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer base {
  /* CUSTOM | BACKGROUND IMAGE COVER ---------------------------------------------------------------------------------------------------- */
  .background-img-cover {
    background-size: cover;
    background-position: center center;
  }
  /* CUSTOM | IMAGE CENTER ---------------------------------------------------------------------------------------------------- */
  .img-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  /* CUSTOM | IMAGE LOGO ---------------------------------------------------------------------------------------------------- */
  .img-logo {
    width: 100%;
    max-width: 150px;
    height: auto;
  }
  /* CUSTOM | IMAGE HOVER ---------------------------------------------------------------------------------------------------- */
  a.img-hover > img, a:link.img-hover > img, a:visited.img-hover > img, a:hover.img-hover > img, a:active.img-hover > img, a:focus.img-hover > img {
    padding: 6px;
    border: 4px solid var(--white);
  }
  a:hover.img-hover > img {
    border: 4px solid var(--primary);
    cursor: pointer;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer base {
  /* LANGUAGE OVERRIDE | KO (KOREAN) ---------------------------------------------------------------------------------------------------- */
  [lang=ko] body, [lang=ko] h1, [lang=ko] h2, [lang=ko] h3, [lang=ko] h4, [lang=ko] h5, [lang=ko] h6, [lang=ko] p, [lang=ko] li, [lang=ko] sup, [lang=ko] th, [lang=ko] td, [lang=ko] label, [lang=ko] input, [lang=ko] select, [lang=ko] textarea {
    word-break: keep-all !important;
  }
}
/* SCSS Document */
@layer base {
  /* CUSTOM | ANCHOR LINK ---------------------------------------------------------------------------------------------------- */
  a.link-generic, a:link.link-generic, a:visited.link-generic, a:hover.link-generic, a:active.link-generic, a:focus.link-generic {
    text-decoration: dotted;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
  }
  a.linkexternal, a.link-external, a.link-arrow, a.link-arrow-up, a.link-arrow-right, a.link-arrow-down, a.link-chevron, a.link-chevron-up, a.link-chevron-right, a.link-chevron-down, a.link-chevron-circle, a.link-chevron-circle-right, a.link-play, a:link.linkexternal, a:link.link-external, a:link.link-arrow, a:link.link-arrow-up, a:link.link-arrow-right, a:link.link-arrow-down, a:link.link-chevron, a:link.link-chevron-up, a:link.link-chevron-right, a:link.link-chevron-down, a:link.link-chevron-circle, a:link.link-chevron-circle-right, a:link.link-play, a:visited.linkexternal, a:visited.link-external, a:visited.link-arrow, a:visited.link-arrow-up, a:visited.link-arrow-right, a:visited.link-arrow-down, a:visited.link-chevron, a:visited.link-chevron-up, a:visited.link-chevron-right, a:visited.link-chevron-down, a:visited.link-chevron-circle, a:visited.link-chevron-circle-right, a:visited.link-play, a:hover.linkexternal, a:hover.link-external, a:hover.link-arrow, a:hover.link-arrow-up, a:hover.link-arrow-right, a:hover.link-arrow-down, a:hover.link-chevron, a:hover.link-chevron-up, a:hover.link-chevron-right, a:hover.link-chevron-down, a:hover.link-chevron-circle, a:hover.link-chevron-circle-right, a:hover.link-play, a:active.linkexternal, a:active.link-external, a:active.link-arrow, a:active.link-arrow-up, a:active.link-arrow-right, a:active.link-arrow-down, a:active.link-chevron, a:active.link-chevron-up, a:active.link-chevron-right, a:active.link-chevron-down, a:active.link-chevron-circle, a:active.link-chevron-circle-right, a:active.link-play, a:focus.linkexternal, a:focus.link-external, a:focus.link-arrow, a:focus.link-arrow-up, a:focus.link-arrow-right, a:focus.link-arrow-down, a:focus.link-chevron, a:focus.link-chevron-up, a:focus.link-chevron-right, a:focus.link-chevron-down, a:focus.link-chevron-circle, a:focus.link-chevron-circle-right, a:focus.link-play {
    padding-right: 12px;
  }
  a.linkexternal::after, a.link-external::after, a.link-arrow::after, a.link-arrow-up::after, a.link-arrow-right::after, a.link-arrow-down::after, a.link-chevron::after, a.link-chevron-up::after, a.link-chevron-right::after, a.link-chevron-down::after, a.link-chevron-circle::after, a.link-chevron-circle-right::after, a.link-play::after, a:link.linkexternal::after, a:link.link-external::after, a:link.link-arrow::after, a:link.link-arrow-up::after, a:link.link-arrow-right::after, a:link.link-arrow-down::after, a:link.link-chevron::after, a:link.link-chevron-up::after, a:link.link-chevron-right::after, a:link.link-chevron-down::after, a:link.link-chevron-circle::after, a:link.link-chevron-circle-right::after, a:link.link-play::after, a:visited.linkexternal::after, a:visited.link-external::after, a:visited.link-arrow::after, a:visited.link-arrow-up::after, a:visited.link-arrow-right::after, a:visited.link-arrow-down::after, a:visited.link-chevron::after, a:visited.link-chevron-up::after, a:visited.link-chevron-right::after, a:visited.link-chevron-down::after, a:visited.link-chevron-circle::after, a:visited.link-chevron-circle-right::after, a:visited.link-play::after, a:hover.linkexternal::after, a:hover.link-external::after, a:hover.link-arrow::after, a:hover.link-arrow-up::after, a:hover.link-arrow-right::after, a:hover.link-arrow-down::after, a:hover.link-chevron::after, a:hover.link-chevron-up::after, a:hover.link-chevron-right::after, a:hover.link-chevron-down::after, a:hover.link-chevron-circle::after, a:hover.link-chevron-circle-right::after, a:hover.link-play::after, a:active.linkexternal::after, a:active.link-external::after, a:active.link-arrow::after, a:active.link-arrow-up::after, a:active.link-arrow-right::after, a:active.link-arrow-down::after, a:active.link-chevron::after, a:active.link-chevron-up::after, a:active.link-chevron-right::after, a:active.link-chevron-down::after, a:active.link-chevron-circle::after, a:active.link-chevron-circle-right::after, a:active.link-play::after, a:focus.linkexternal::after, a:focus.link-external::after, a:focus.link-arrow::after, a:focus.link-arrow-up::after, a:focus.link-arrow-right::after, a:focus.link-arrow-down::after, a:focus.link-chevron::after, a:focus.link-chevron-up::after, a:focus.link-chevron-right::after, a:focus.link-chevron-down::after, a:focus.link-chevron-circle::after, a:focus.link-chevron-circle-right::after, a:focus.link-play::after {
    position: relative;
    right: -8px;
    font-size: 90%;
    white-space: nowrap;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid); /* variable store in /fontaweomse-6.2.0/all.min.css sheet */
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  a.link-arrow-left, a.link-chevron-left, a.link-chevron-circle-left, a.link-email, a:link.link-arrow-left, a:link.link-chevron-left, a:link.link-chevron-circle-left, a:link.link-email, a:visited.link-arrow-left, a:visited.link-chevron-left, a:visited.link-chevron-circle-left, a:visited.link-email, a:hover.link-arrow-left, a:hover.link-chevron-left, a:hover.link-chevron-circle-left, a:hover.link-email, a:active.link-arrow-left, a:active.link-chevron-left, a:active.link-chevron-circle-left, a:active.link-email, a:focus.link-arrow-left, a:focus.link-chevron-left, a:focus.link-chevron-circle-left, a:focus.link-email {
    padding-left: 12px;
  }
  a.link-arrow-left::before, a.link-chevron-left::before, a.link-chevron-circle-left::before, a.link-email::before, a:link.link-arrow-left::before, a:link.link-chevron-left::before, a:link.link-chevron-circle-left::before, a:link.link-email::before, a:visited.link-arrow-left::before, a:visited.link-chevron-left::before, a:visited.link-chevron-circle-left::before, a:visited.link-email::before, a:hover.link-arrow-left::before, a:hover.link-chevron-left::before, a:hover.link-chevron-circle-left::before, a:hover.link-email::before, a:active.link-arrow-left::before, a:active.link-chevron-left::before, a:active.link-chevron-circle-left::before, a:active.link-email::before, a:focus.link-arrow-left::before, a:focus.link-chevron-left::before, a:focus.link-chevron-circle-left::before, a:focus.link-email::before {
    position: relative;
    left: -8px;
    font-size: 90%;
    white-space: nowrap;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid); /* variable store in /fontaweomse-6.2.0/all.min.css sheet */
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  a.link-arrow-up::after, a.link-chevron-up::after, a:link.link-arrow-up::after, a:link.link-chevron-up::after, a:visited.link-arrow-up::after, a:visited.link-chevron-up::after, a:hover.link-arrow-up::after, a:hover.link-chevron-up::after, a:active.link-arrow-up::after, a:active.link-chevron-up::after, a:focus.link-arrow-up::after, a:focus.link-chevron-up::after {
    top: -2px;
  }
  a.link-arrow-down::after, a.link-chevron-down::after, a:link.link-arrow-down::after, a:link.link-chevron-down::after, a:visited.link-arrow-down::after, a:visited.link-chevron-down::after, a:hover.link-arrow-down::after, a:hover.link-chevron-down::after, a:active.link-arrow-down::after, a:active.link-chevron-down::after, a:focus.link-arrow-down::after, a:focus.link-chevron-down::after {
    top: 2px;
  }
  a.link-arrow::after, a:link.link-arrow::after, a:visited.link-arrow::after, a:hover.link-arrow::after, a:active.link-arrow::after, a:focus.link-arrow::after {
    content: var(--fa-arrow-start);
  }
  a.link-arrow-up::after, a:link.link-arrow-up::after, a:visited.link-arrow-up::after, a:hover.link-arrow-up::after, a:active.link-arrow-up::after, a:focus.link-arrow-up::after {
    content: "\f062";
  }
  a.link-arrow-right::after, a:link.link-arrow-right::after, a:visited.link-arrow-right::after, a:hover.link-arrow-right::after, a:active.link-arrow-right::after, a:focus.link-arrow-right::after {
    content: var(--fa-arrow-start);
  }
  a.link-arrow-down::after, a:link.link-arrow-down::after, a:visited.link-arrow-down::after, a:hover.link-arrow-down::after, a:active.link-arrow-down::after, a:focus.link-arrow-down::after {
    content: "\f063";
  }
  a.link-arrow-left::before, a:link.link-arrow-left::before, a:visited.link-arrow-left::before, a:hover.link-arrow-left::before, a:active.link-arrow-left::before, a:focus.link-arrow-left::before {
    content: var(--fa-arrow-end);
  }
  a.link-chevron::after, a:link.link-chevron::after, a:visited.link-chevron::after, a:hover.link-chevron::after, a:active.link-chevron::after, a:focus.link-chevron::after {
    content: var(--fa-chevron-start);
  }
  a.link-chevron-up::after, a:link.link-chevron-up::after, a:visited.link-chevron-up::after, a:hover.link-chevron-up::after, a:active.link-chevron-up::after, a:focus.link-chevron-up::after {
    content: "\f077";
  }
  a.link-chevron-right::after, a:link.link-chevron-right::after, a:visited.link-chevron-right::after, a:hover.link-chevron-right::after, a:active.link-chevron-right::after, a:focus.link-chevron-right::after {
    content: var(--fa-chevron-start);
  }
  a.link-chevron-down::after, a:link.link-chevron-down::after, a:visited.link-chevron-down::after, a:hover.link-chevron-down::after, a:active.link-chevron-down::after, a:focus.link-chevron-down::after {
    content: "\f078";
  }
  a.link-chevron-left::before, a:link.link-chevron-left::before, a:visited.link-chevron-left::before, a:hover.link-chevron-left::before, a:active.link-chevron-left::before, a:focus.link-chevron-left::before {
    content: var(--fa-chevron-end);
  }
  a.link-chevron-circle::after, a:link.link-chevron-circle::after, a:visited.link-chevron-circle::after, a:hover.link-chevron-circle::after, a:active.link-chevron-circle::after, a:focus.link-chevron-circle::after {
    content: var(--fa-chevron-circle-start);
  }
  a.link-chevron-circle-right::after, a:link.link-chevron-circle-right::after, a:visited.link-chevron-circle-right::after, a:hover.link-chevron-circle-right::after, a:active.link-chevron-circle-right::after, a:focus.link-chevron-circle-right::after {
    content: var(--fa-chevron-circle-start);
  }
  a.link-chevron-circle-left::before, a:link.link-chevron-circle-left::before, a:visited.link-chevron-circle-left::before, a:hover.link-chevron-circle-left::before, a:active.link-chevron-circle-left::before, a:focus.link-chevron-circle-left::before {
    content: var(--fa-chevron-circle-end);
  }
  a.link-email::before, a:link.link-email::before, a:visited.link-email::before, a:hover.link-email::before, a:active.link-email::before, a:focus.link-email::before {
    content: "\f0e0";
  }
  a.link-play::after, a:link.link-play::after, a:visited.link-play::after, a:hover.link-play::after, a:active.link-play::after, a:focus.link-play::after {
    content: "\f144";
  }
  a.link-external::after, a.linkexternal::after, a:link.link-external::after, a:link.linkexternal::after, a:visited.link-external::after, a:visited.linkexternal::after, a:hover.link-external::after, a:hover.linkexternal::after, a:active.link-external::after, a:active.linkexternal::after, a:focus.link-external::after, a:focus.linkexternal::after {
    content: "\f35d";
  }
  a:hover.link-arrow::after, a:hover.link-arrow-right::after, a:hover.link-chevron::after, a:hover.link-chevron-up::after, a:hover.link-chevron-right::after, a:hover.link-chevron-down::after, a:hover.link-chevron-circle::after, a:hover.link-chevron-circle-right::after {
    right: -16px;
  }
  a:hover.link-arrow-left::before, a:hover.link-chevron-left::before, a:hover.link-chevron-circle-left::before {
    left: -16px;
  }
  a:hover.link-arrow-up::after, a:hover.link-chevron-up::after {
    top: -8px;
    right: -8px;
  }
  a:hover.link-arrow-down::after, a:hover.link-chevron-down::after {
    top: 8px;
    right: -8px;
  }
  a:focus.link-generic, a:focus.linkexternal, a:focus.link-external, a:focus.link-arrow, a:focus.link-arrow-up, a:focus.link-arrow-right, a:focus.link-arrow-down, a:focus.link-chevron, a:focus.link-chevron-up, a:focus.link-chevron-right, a:focus.link-chevron-down, a:focus.link-chevron-circle, a:focus.link-chevron-circle-right, a:focus.link-play, a:focus.link-arrow-left, a:focus.link-chevron-left, a:focus.link-chevron-circle-left, a:focus.link-email {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer base {
  /* CUSTOM | LISTS ---------------------------------------------------------------------------------------------------- */
  ul.circle {
    list-style-type: circle;
  }
  ul.disc {
    list-style-type: disc;
  }
  ul.square {
    list-style-type: square;
  }
  ul.none, ul.no-list-style {
    list-style-type: none;
  }
  ol.armenian {
    list-style-type: armenian;
  }
  ol.cjk-ideographic {
    list-style-type: cjk-ideographic;
  }
  ol.decimal {
    list-style-type: decimal;
  }
  ol.decimal-leading-zero {
    list-style-type: decimal-leading-zero;
  }
  ol.georgian {
    list-style-type: georgian;
  }
  ol.hebrew {
    list-style-type: hebrew;
  }
  ol.hiragana {
    list-style-type: hiragana;
  }
  ol.hiragana-iroha {
    list-style-type: hiragana-iroha;
  }
  ol.katakana {
    list-style-type: katakana;
  }
  ol.katakana-iroha {
    list-style-type: katakana-iroha;
  }
  ol.lower-alpha {
    list-style-type: lower-alpha;
  }
  ol.lower-greek {
    list-style-type: lower-greek;
  }
  ol.lower-latin {
    list-style-type: lower-latin;
  }
  ol.lower-roman {
    list-style-type: lower-roman;
  }
  ol.upper-alpha {
    list-style-type: upper-alpha;
  }
  ol.upper-greek {
    list-style-type: upper-greek;
  }
  ol.upper-latin {
    list-style-type: upper-latin;
  }
  ol.upper-roman {
    list-style-type: upper-roman;
  }
  ol.none, ol.no-list-style {
    list-style-type: none;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer base {
  /* SIZING ---------------------------------------------------------------------------------------------------- */
  .width-auto, .w-auto {
    width: auto;
  }
  .width-100, .w-100, .w-100p {
    width: 100%;
  }
  .height-auto, .h-auto {
    height: auto;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer base {
  /* SPACE ---------------------------------------------------------------------------------------------------- */
  .space-10, .space_10, .s-10 {
    padding: 5px 0px;
  }
  .space-20, .space_20, .s-20 {
    padding: 10px 0px;
  }
  .space-30, .space_30, .s-30 {
    padding: 15px 0px;
  }
  .space-40, .space_40, .s-40 {
    padding: 20px 0px;
  }
  .space-50, .space_50, .s-50 {
    padding: 25px 0px;
  }
  .space-60, .space_60, .s-60 {
    padding: 30px 0px;
  }
  .space-70, .space_70, .s-70 {
    padding: 35px 0px;
  }
  .space-80, .space_80, .s-80 {
    padding: 40px 0px;
  }
  .space-90, .space_90, .s-90 {
    padding: 45px 0px;
  }
  .space-100, .space_100, .s-100 {
    padding: 50px 0px;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* CUSTOM | TYPOGRAPHY ---------------------------------------------------------------------------------------------------- */
  .ff-proxima-nova {
    font-style: normal;
    font-weight: var(--fw-400);
    font-family: "Proxima Nova", sans-serif !important;
  }
  .ff-proxima-nova-light {
    font-style: normal;
    font-weight: var(--fw-300);
    font-family: "Proxima Nova", sans-serif !important;
  }
  .ff-proxima-nova-regular {
    font-style: normal;
    font-weight: var(--fw-400);
    font-family: "Proxima Nova", sans-serif !important;
  }
  .ff-proxima-nova-bold {
    font-style: normal;
    font-weight: var(--fw-600);
    font-family: "Proxima Nova", sans-serif !important;
  }
  .ff-proxima-nova-extra-bold {
    font-style: normal;
    font-weight: var(--fw-800);
    font-family: "Proxima Nova", sans-serif !important;
  }
  .ff-proxima-soft-regular {
    font-style: normal;
    font-weight: var(--fw-300);
    font-family: "Proxima Soft", sans-serif !important;
  }
  .ff-proxima-soft-medium {
    font-style: normal;
    font-weight: var(--fw-400);
    font-family: "Proxima Soft", sans-serif !important;
  }
  .ff-proxima-soft-semibold {
    font-style: normal;
    font-weight: var(--fw-600);
    font-family: "Proxima Soft", sans-serif !important;
  }
  .ff-proxima-soft-bold {
    font-style: normal;
    font-weight: var(--fw-700);
    font-family: "Proxima Soft", sans-serif !important;
  }
  .fs-1, .table > tbody tr.fs-1 th, .table > tbody tr.fs-1 td {
    font-size: var(--fs-1) !important;
    line-height: var(--lh-1) !important;
  }
  .fs-2, .table > tbody tr.fs-2 th, .table > tbody tr.fs-2 td {
    font-size: var(--fs-2) !important;
    line-height: var(--lh-2) !important;
  }
  .fs-3, .table > tbody tr.fs-3 th, .table > tbody tr.fs-3 td {
    font-size: var(--fs-3) !important;
    line-height: var(--lh-3) !important;
  }
  .fs-4, .table > tbody tr.fs-4 th, .table > tbody tr.fs-4 td {
    font-size: var(--fs-4) !important;
    line-height: var(--lh-4) !important;
  }
  .fs-5, .table > tbody tr.fs-5 th, .table > tbody tr.fs-5 td {
    font-size: var(--fs-5) !important;
    line-height: var(--lh-5) !important;
  }
  .fs-6, .table > tbody tr.fs-6 th, .table > tbody tr.fs-6 td {
    font-size: var(--fs-6) !important;
    line-height: var(--lh-6) !important;
  }
  .fs-7, .table > tbody tr.fs-7 th, .table > tbody tr.fs-7 td {
    font-size: var(--fs-7) !important;
    line-height: var(--lh-7) !important;
  }
  .fs-8, .table > tbody tr.fs-8 th, .table > tbody tr.fs-8 td {
    font-size: var(--fs-8) !important;
    line-height: var(--lh-8) !important;
  }
  .fs-9, .table > tbody tr.fs-9 th, .table > tbody tr.fs-9 td {
    font-size: var(--fs-9) !important;
    line-height: var(--lh-9) !important;
  }
  .fw-100, .table > tbody tr.fw-100 th, .table > tbody tr.fw-100 td {
    font-weight: var(--fw-100) !important;
  }
  .fw-200, .table > tbody tr.fw-200 th, .table > tbody tr.fw-200 td {
    font-weight: var(--fw-200) !important;
  }
  .fw-300, .table > tbody tr.fw-300 th, .table > tbody tr.fw-300 td {
    font-weight: var(--fw-300) !important;
  }
  .fw-400, .table > tbody tr.fw-400 th, .table > tbody tr.fw-400 td {
    font-weight: var(--fw-400) !important;
  }
  .fw-500, .table > tbody tr.fw-500 th, .table > tbody tr.fw-500 td {
    font-weight: var(--fw-500) !important;
  }
  .fw-600, .table > tbody tr.fw-600 th, .table > tbody tr.fw-600 td {
    font-weight: var(--fw-600) !important;
  }
  .fw-700, .table > tbody tr.fw-700 th, .table > tbody tr.fw-700 td {
    font-weight: var(--fw-700) !important;
  }
  .fw-800, .table > tbody tr.fw-800 th, .table > tbody tr.fw-800 td {
    font-weight: var(--fw-800) !important;
  }
  .fw-900, .table > tbody tr.fw-900 th, .table > tbody tr.fw-900 td {
    font-weight: var(--fw-900) !important;
  }
  .lh-1, .table > tbody tr.lh-1 th, .table > tbody tr.lh-1 td {
    line-height: var(--lh-1) !important;
  }
  .lh-2, .table > tbody tr.lh-2 th, .table > tbody tr.lh-2 td {
    line-height: var(--lh-2) !important;
  }
  .lh-3, .table > tbody tr.lh-3 th, .table > tbody tr.lh-3 td {
    line-height: var(--lh-3) !important;
  }
  .lh-4, .table > tbody tr.lh-4 th, .table > tbody tr.lh-4 td {
    line-height: var(--lh-4) !important;
  }
  .lh-5, .table > tbody tr.lh-5 th, .table > tbody tr.lh-5 td {
    line-height: var(--lh-5) !important;
  }
  .lh-6, .table > tbody tr.lh-6 th, .table > tbody tr.lh-6 td {
    line-height: var(--lh-6) !important;
  }
  .lh-7, .table > tbody tr.lh-7 th, .table > tbody tr.lh-7 td {
    line-height: var(--lh-7) !important;
  }
  .lh-8, .table > tbody tr.lh-8 th, .table > tbody tr.lh-8 td {
    line-height: var(--lh-8) !important;
  }
  .lh-9, .table > tbody tr.lh-9 th, .table > tbody tr.lh-9 td {
    line-height: var(--lh-9) !important;
  }
  .fs-italic, .text-italic, .table > tbody tr.fs-italic th, .table > tbody tr.fs-italic td, .table > tbody tr.text-italic th, .table > tbody tr.text-italic td {
    font-style: italic !important;
  }
  .fs-normal, .text-normal, .table > tbody tr.fs-normal th, .table > tbody tr.fs-normal td, .table > tbody tr.text-normal th, .table > tbody tr.text-normal td {
    font-style: normal !important;
  }
  .fs-oblique, .text-oblique, .table > tbody tr.fs-oblique th, .table > tbody tr.fs-oblique td, .table > tbody tr.text-oblique th, .table > tbody tr.text-oblique td {
    font-style: oblique !important;
  }
  .fw-bold, .text-bold, .table > tbody tr.fw-bold th, .table > tbody tr.fw-bold td, .table > tbody tr.text-bold th, .table > tbody tr.text-bold td {
    font-weight: var(--fw-600) !important;
  }
  .fw-light, .table > tbody tr.fw-light th, .table > tbody tr.fw-light td {
    font-weight: var(--fw-300) !important;
  }
  .fw-normal, .text-normal, .table > tbody tr.fw-normal th, .table > tbody tr.fw-normal td, .table > tbody tr.text-normal th, .table > tbody tr.text-normal td {
    font-weight: var(--fw-400) !important;
  }
  .num, .text-price {
    direction: ltr !important;
    font-weight: var(--fw-600) !important;
    font-feature-settings: "tnum" 1 !important;
    font-variant-numeric: tabular-nums !important;
    letter-spacing: 0.001rem !important;
  }
  .text-price {
    font-size: 1.125rem;
  }
  .pipe, .slash, .dot, .dash, .en-dash, .em-dash {
    margin-left: 10px;
    margin-right: 10px;
    color: var(--gray-70);
  }
  .priority-high {
    color: var(--red);
  }
  .priority-med {
    color: var(--orange);
  }
  .priority-low {
    color: var(--yellow-dark-10);
  }
  .required::after {
    position: absolute;
    margin: -4px 0px 0px 0px;
    margin-left: 5px;
    color: var(--danger);
    content: "*";
  }
  .subheading-bt {
    display: inline-block;
    margin: 0px;
    padding: 4px 0px;
    border-top: 2px solid var(--dark);
  }
  .subheading-bb {
    display: inline-block;
    margin: 0px;
    padding: 4px 0px;
    border-bottom: 2px solid var(--dark);
  }
  .subtitle {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    margin: 10px 0px;
    padding: 0px 0px 5px 0px;
    color: var(--dark-70);
    border-bottom: 1px solid var(--dark-30);
  }
  .subtitle span.text-link {
    margin: 0px;
    margin-left: auto;
    padding: 0px;
  }
  .subtitle span.text-link a {
    font-size: 1rem;
  }
  .subtitle .icheckbox_square-blue {
    margin-right: 10px;
  }
  .subtitle + .form-bordered, .subtitle + .form-dashed {
    margin: -10px 0px 0px 0px;
    border-top: none;
  }
  .subtitle + .table-responsive {
    margin-top: -10px;
  }
  .sup {
    position: relative;
    top: 0px;
    margin-left: 0px;
    font-weight: var(--fw-400);
    font-size: 0.625rem;
    line-height: 0rem;
    color: inherit;
    vertical-align: super;
  }
  .text-disabled {
    color: var(--gray-90);
    text-decoration: line-through;
  }
  .text-selected {
    color: var(--primary);
  }
  .text-center, .ta-center {
    text-align: center;
  }
  .text-justify, .ta-justify {
    text-align: justify;
  }
  .text-left, .text-start, .ta-start {
    text-align: var(--dir-start);
  }
  .text-right, .text-end, .ta-end {
    text-align: var(--dir-end);
  }
  .text-uc, .tt-uppercase {
    text-transform: uppercase;
  }
  .text-uc::-webkit-input-placeholder, .tt-uppercase::-webkit-input-placeholder {
    text-transform: none;
  }
  .text-uc:-moz-placeholder, .tt-uppercase:-moz-placeholder {
    text-transform: none;
  }
  .text-uc::-moz-placeholder, .tt-uppercase::-moz-placeholder {
    text-transform: none;
  }
  .text-uc:-ms-input-placeholder, .tt-uppercase:-ms-input-placeholder {
    text-transform: none;
  }
  .text-uc::placeholder, .tt-uppercase::placeholder {
    text-transform: none;
  }
  .text-lc, .tt-lowercase {
    text-transform: lowercase;
  }
  .text-lc::-webkit-input-placeholder, .tt-lowercase::-webkit-input-placeholder {
    text-transform: none;
  }
  .text-lc:-moz-placeholder, .tt-lowercase:-moz-placeholder {
    text-transform: none;
  }
  .text-lc::-moz-placeholder, .tt-lowercase::-moz-placeholder {
    text-transform: none;
  }
  .text-lc:-ms-input-placeholder, .tt-lowercase:-ms-input-placeholder {
    text-transform: none;
  }
  .text-lc::placeholder, .tt-lowercase::placeholder {
    text-transform: none;
  }
  .text-truncate-50 {
    display: block;
    max-width: 50px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .text-truncate-100 {
    display: block;
    max-width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .text-truncate-150 {
    display: block;
    max-width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .text-truncate-200 {
    display: block;
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .text-truncate-250 {
    display: block;
    max-width: 250px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .tw-balance {
    text-wrap: balance;
  }
  .tw-inherit {
    text-wrap: inherit;
  }
  .tw-initial {
    text-wrap: initial;
  }
  .tw-nowrap {
    text-wrap: nowrap;
  }
  .tw-pretty {
    text-wrap: pretty;
  }
  .tw-revert {
    text-wrap: revert;
  }
  .tw-revert-layer {
    text-wrap: revert-layer;
  }
  .tw-stable {
    text-wrap: stable;
  }
  .tw-unset {
    text-wrap: unset;
  }
  .tw-wrap {
    text-wrap: wrap;
  }
  .white-space-inherit, .ws-inherit {
    white-space: inherit;
  }
  .white-space-normal, .ws-normal {
    white-space: normal;
  }
  .white-space-nowrap, .ws-nowrap {
    white-space: nowrap;
  }
  .white-space-pre, .ws-pre {
    white-space: pre;
  }
  .white-space-pre-line, .ws-pre-line {
    white-space: pre-line;
  }
  .white-space-pre-wrap, .ws-pre-wrap {
    white-space: pre-wrap;
  }
  .word-break-all, .word-break-break-all, .wb-break-all {
    word-break: break-all;
  }
  .word-break-keep-all, .wb-keep-all {
    word-break: keep-all;
  }
  .word-break-normal, .wb-normal {
    word-break: normal;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
@media (max-width: 575.98px) {
  @layer utilities {
    /* CUSTOM | TYPOGRAPHY ---------------------------------------------------------------------------------------------------- */
    .text-center-xs {
      text-align: center;
    }
    .text-left-xs, .text-start-xs {
      text-align: var(--dir-start);
    }
    .text-right-xs, .text-end-xs {
      text-align: var(--dir-end);
    }
  }
}
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
@media (min-width: 576px) and (max-width: 767.98px) {
  @layer utilities {
    /* CUSTOM | TYPOGRAPHY ---------------------------------------------------------------------------------------------------- */
    .text-center-sm {
      text-align: center;
    }
    .text-left-sm, .text-start-sm {
      text-align: var(--dir-start);
    }
    .text-right-sm, .text-end-sm {
      text-align: var(--dir-end);
    }
  }
}
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991.98px) {
  @layer utilities {
    /* CUSTOM | TYPOGRAPHY ---------------------------------------------------------------------------------------------------- */
    .text-center-md {
      text-align: center;
    }
    .text-left-md, .text-start-md {
      text-align: var(--dir-start);
    }
    .text-right-md, .text-end-md {
      text-align: var(--dir-end);
    }
  }
}
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199.98px) {
  @layer utilities {
    /* CUSTOM | TYPOGRAPHY ---------------------------------------------------------------------------------------------------- */
    .text-center-lg {
      text-align: center;
    }
    .text-left-lg, .text-start-lg {
      text-align: var(--dir-start);
    }
    .text-right-lg, .text-end-lg {
      text-align: var(--dir-end);
    }
  }
}
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
@media (min-width: 1200px) {
  @layer utilities {
    /* CUSTOM | TYPOGRAPHY ---------------------------------------------------------------------------------------------------- */
    .text-center-xl {
      text-align: center;
    }
    .text-left-xl, .text-start-xl {
      text-align: var(--dir-start);
    }
    .text-right-xl, .text-end-xl {
      text-align: var(--dir-end);
    }
  }
}
/* SCSS Document */
@layer base {
  /* CUSTOM | WEBKIT-TOUCH-CALLOUT ---------------------------------------------------------------------------------------------------- */
  .wk-tc-default {
    -webkit-touch-callout: default !important;
  }
  .wk-tc-none {
    -webkit-touch-callout: none !important;
  }
  /* CUSTOM | WEBKIT-USER-DRAG ---------------------------------------------------------------------------------------------------- */
  .wk-user-drag-none {
    -webkit-user-drag: none !important;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
/* DATA-THEME | LIGHT ---------------------------------------------------------------------------------------------------- */
[data-theme=light] {
  /* CUSTOM | BORDER ---------------------------------------------------------------------------------------------------- */
  /* CUSTOM | SHOW/HIDE ON LIGHT MODE ---------------------------------------------------------------------------------------------------- */
}
[data-theme=light] .b-1-d-dark {
  border: 1px solid transparent;
}
[data-theme=light] .bt-1-d-dark {
  border-top: 1px solid transparent;
}
[data-theme=light] .be-1-d-dark {
  border-right: 1px solid transparent;
}
[data-theme=light] .bb-1-d-dark {
  border-bottom: 1px solid transparent;
}
[data-theme=light] .bs-1-d-dark {
  border-left: 1px solid transparent;
}
[data-theme=light] .d-dark-block, [data-theme=light] .d-dark-flex, [data-theme=light] .d-dark-inline, [data-theme=light] .d-dark-inline-block, [data-theme=light] .d-dark-inline-flex {
  display: none;
}
[data-theme=light] .d-light-none {
  display: none;
}
[data-theme=light] .d-light-block {
  display: block;
}
[data-theme=light] .d-light-flex {
  display: flex;
}
[data-theme=light] .d-light-inline {
  display: inline;
}
[data-theme=light] .d-light-inline-block {
  display: inline-block;
}
[data-theme=light] .d-light-inline-flex {
  display: inline-flex;
}

/* DATA-THEME | DARK ---------------------------------------------------------------------------------------------------- */
[data-theme=dark] {
  /* CUSTOM | BORDER ---------------------------------------------------------------------------------------------------- */
  /* CUSTOM | SHOW/HIDE ON /DARK MODE ---------------------------------------------------------------------------------------------------- */
}
[data-theme=dark] .b-1-d-dark {
  border: 1px solid var(--border-color);
}
[data-theme=dark] .bt-1-d-dark {
  border-top: 1px solid var(--border-color);
}
[data-theme=dark] .be-1-d-dark {
  border-right: 1px solid var(--border-color);
}
[data-theme=dark] .bb-1-d-dark {
  border-bottom: 1px solid var(--border-color);
}
[data-theme=dark] .bs-1-d-dark {
  border-left: 1px solid var(--border-color);
}
[data-theme=dark] .d-light-block, [data-theme=dark] .d-light-flex, [data-theme=dark] .d-light-inline, [data-theme=dark] .d-light-inline-block, [data-theme=dark] .d-light-inline-flex {
  display: none;
}
[data-theme=dark] .d-dark-none {
  display: none;
}
[data-theme=dark] .d-dark-block {
  display: block;
}
[data-theme=dark] .d-dark-flex {
  display: flex;
}
[data-theme=dark] .d-dark-inline {
  display: inline;
}
[data-theme=dark] .d-dark-inline-block {
  display: inline-block;
}
[data-theme=dark] .d-dark-inline-flex {
  display: inline-flex;
}

/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | INPUT-GROUP ---------------------------------------------------------------------------------------------------- */
  .input-group {
    /* INPUT GROUP LG */
    /* INPUT GROUP XL */
    /* INPUT GROUP PREPEND */
    /* INPUT GROUP APPEND */
  }
  .input-group.input-group-lg .form-control {
    margin: 0px;
    padding: var(--input-pt) var(--input-pe) var(--input-pb) var(--input-ps);
    min-height: 40px;
    height: auto;
    font-style: var(--input-font-style);
    font-weight: var(--input-font-weight);
    font-size: var(--input-font-size);
    line-height: var(--input-line-height);
    font-family: var(--input-font-family);
  }
  .input-group.input-group-xl .form-control {
    margin: 0px;
    padding: var(--input-pt) var(--input-pe) var(--input-pb) var(--input-ps);
    min-height: 48px;
    height: auto;
    font-style: var(--input-font-style);
    font-weight: var(--input-font-weight);
    font-size: var(--input-font-size);
    line-height: var(--input-line-height);
    font-family: var(--input-font-family);
  }
  .input-group .input-group-prepend .input-group-text {
    color: var(--input-color);
    background-color: var(--input-bg-color);
    border: 1px solid var(--input-border-color) !important;
  }
  .input-group .input-group-prepend .input-group-text.disabled {
    color: var(--input-color);
    background-color: var(--input-bg-color);
    border-color: var(--input-border-color);
    opacity: 0.6 !important;
  }
  .input-group .input-group-prepend a.btn, .input-group .input-group-prepend button.btn {
    margin: 0px;
  }
  .input-group .input-group-prepend a.btn:last-child, .input-group .input-group-prepend button.btn:last-child {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .input-group .input-group-prepend .dropdown-toggle:focus {
    box-shadow: none;
  }
  .input-group .input-group-prepend .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    content: "";
  }
  .input-group .input-group-prepend .dropdown-menu {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .input-group > .input-group-prepend > .input-group-text {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: var(--border-radius);
  }
  .input-group .input-group-append .input-group-text {
    color: var(--input-color);
    background-color: var(--input-bg-color);
    border: 1px solid var(--input-border-color) !important;
  }
  .input-group .input-group-append .input-group-text.disabled {
    color: var(--gray-50) !important;
    background-color: var(--gray-10) !important;
    border-color: var(--input-border-color) !important;
  }
  .input-group .input-group-append a.btn, .input-group .input-group-append button.btn {
    margin: 0px;
  }
  .input-group .input-group-append a.btn:first-child, .input-group .input-group-append button.btn:first-child {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  .input-group .input-group-append .dropdown-toggle:focus {
    box-shadow: none;
  }
  .input-group .input-group-append .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    content: "";
  }
  .input-group .input-group-append .dropdown-menu {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .input-group > .input-group-append > .input-group-text {
    border-top-left-radius: 0px;
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    border-bottom-left-radius: 0px;
  }
  .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
    margin: 0px;
    margin-right: -2px;
  }
  .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
    margin-right: -2px;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | INPUT ---------------------------------------------------------------------------------------------------- */
  input.form-control {
    margin: 0px;
    padding: var(--input-pt) var(--input-pe) var(--input-pb) var(--input-ps);
    min-height: 34px;
    height: auto;
    font-style: var(--input-font-style);
    font-weight: var(--input-font-weight);
    font-size: var(--input-font-size);
    line-height: var(--input-line-height);
    font-family: var(--input-font-family);
    color: var(--input-color);
    background-color: var(--input-bg-color);
    border: 1px solid var(--input-border-color);
    border-radius: var(--border-radius);
    box-shadow: none;
  }
  input.form-control:hover {
    color: var(--input-color-focus);
    background-color: var(--input-bg-color-focus);
    border-color: var(--input-border-color-focus);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  input.form-control:focus {
    color: var(--input-color-focus);
    background-color: var(--input-bg-color-focus);
    border-color: var(--input-border-color-focus);
    outline: none;
    box-shadow: var(--box-shadow);
  }
  input.form-control:disabled {
    color: var(--input-color);
    background-color: var(--gray-10);
    border-color: var(--input-border-color);
    opacity: 0.5;
  }
  input.form-control.form-control-lg {
    min-height: 40px;
    height: auto;
  }
  input.form-control.form-control-xl {
    min-height: 48px;
    height: auto;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
@media (max-width: 575.98px) {
  @layer bootstrap {
    /* BOOTSTRAP OVERRIDES | INPUT ---------------------------------------------------------------------------------------------------- */
    input.form-control {
      min-height: 44px;
      height: auto;
    }
  }
}
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
@media (min-width: 576px) and (max-width: 767.98px) {
  @layer bootstrap {
    /* BOOTSTRAP OVERRIDES | INPUT ---------------------------------------------------------------------------------------------------- */
    input.form-control {
      min-height: 44px;
      height: auto;
    }
  }
}
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | LABEL ---------------------------------------------------------------------------------------------------- */
  label.control-label {
    position: relative;
    font-weight: var(--fw-600);
  }
  label.control-label span {
    font-weight: var(--fw-400);
    font-size: 0.8125rem;
    line-height: 1rem;
    color: var(--font-color-light) !important;
  }
  label.control-label.required::after {
    position: absolute;
    margin: -4px 0px 0px 0px;
    margin-left: 5px;
    color: var(--danger);
    content: "*";
  }
  span.control-label {
    font-style: var(--label-font-style);
    font-weight: var(--fw-600);
    font-size: var(--label-font-size);
    line-height: var(--label-line-height);
    font-family: var(--label-font-family);
    color: var(--label-color);
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | SELECT ---------------------------------------------------------------------------------------------------- */
  select.form-control {
    margin: 0px;
    padding: var(--input-pt) var(--input-pe) var(--input-pb) var(--input-ps);
    padding-right: 32px;
    min-height: 34px;
    height: auto;
    font-style: var(--input-font-style);
    font-weight: var(--input-font-weight);
    font-size: var(--input-font-size);
    line-height: var(--input-line-height);
    font-family: var(--input-font-family);
    color: var(--input-color);
    background-color: var(--input-bg-color);
    border: 1px solid var(--input-border-color);
    border-radius: var(--border-radius);
    box-shadow: none;
    cursor: pointer;
  }
  select.form-control:hover {
    color: var(--input-color-focus);
    background-color: var(--input-bg-color-focus);
    border-color: var(--input-border-color-focus);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  select.form-control:focus {
    color: var(--input-color-focus);
    background-color: var(--input-bg-color-focus);
    border-color: var(--input-border-color-focus);
    outline: none;
    box-shadow: var(--box-shadow);
  }
  select.form-control:disabled {
    color: var(--input-color);
    background-color: var(--gray-10);
    border-color: var(--input-border-color);
    opacity: 0.5;
  }
  select.form-control.form-control-lg {
    min-height: 40px;
    height: auto;
  }
  select.form-control.form-control-xl {
    min-height: 48px;
    height: auto;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | TEXTAREA ---------------------------------------------------------------------------------------------------- */
  textarea.form-control {
    margin: 0px;
    padding: var(--input-pt) var(--input-pe) var(--input-pb) var(--input-ps);
    min-height: 34px;
    height: auto;
    max-height: 250px;
    font-style: var(--input-font-style);
    font-weight: var(--input-font-weight);
    font-size: var(--input-font-size);
    line-height: var(--input-line-height);
    font-family: var(--input-font-family);
    color: var(--input-color);
    background-color: var(--input-bg-color);
    border: 1px solid var(--input-border-color);
    border-radius: var(--border-radius);
    box-shadow: none;
  }
  textarea.form-control:hover {
    color: var(--input-color-focus);
    background-color: var(--input-bg-color-focus);
    border-color: var(--input-border-color-focus);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  textarea.form-control:focus {
    color: var(--input-color-focus);
    background-color: var(--input-bg-color-focus);
    border-color: var(--input-border-color-focus);
    outline: none;
    box-shadow: var(--box-shadow);
  }
  textarea.form-control:disabled {
    color: var(--input-color);
    background-color: var(--gray-10);
    border-color: var(--input-border-color);
    opacity: 0.5;
  }
  textarea.form-control.form-control-lg {
    min-height: 40px;
    height: auto;
  }
  textarea.form-control.form-control-xl {
    min-height: 48px;
    height: auto;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | ALERT ---------------------------------------------------------------------------------------------------- */
  .alert {
    position: relative;
    padding: var(--alert-pt) var(--alert-pe) var(--alert-pb) var(--alert-ps);
    border-style: solid;
    border-radius: var(--border-radius);
  }
  .alert > ul {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .alert p:last-child {
    margin-bottom: 0px !important;
  }
  .alert a:focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  .alert.alert-icon {
    padding-left: 50px;
  }
  .alert.alert-icon::before {
    position: absolute;
    top: calc(50% - 10px);
    left: 16px;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid); /* variable store in /fontaweomse-6.2.0/all.min.css sheet */
    font-size: 1.25rem;
    color: var(--font-color);
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
@media (max-width: 575.98px) {
  @layer bootstrap {
    /* BOOTSTRAP OVERRIDES | ALERT ---------------------------------------------------------------------------------------------------- */
    .alert.alert-icon::before {
      top: 13px;
    }
  }
}
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
@media (min-width: 576px) and (max-width: 767.98px) {
  @layer bootstrap {
    /* BOOTSTRAP OVERRIDES | ALERT ---------------------------------------------------------------------------------------------------- */
    .alert.alert-icon::before {
      top: 13px;
    }
  }
}
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | ALERT-DANGER ---------------------------------------------------------------------------------------------------- */
  .alert-danger {
    color: var(--alert-danger-color) !important;
    background-color: var(--alert-danger-bg-color) !important;
    border-color: var(--alert-danger-border-color) !important;
    border-top-color: var(--alert-danger-border-top-color) !important;
    border-right-color: var(--alert-danger-border-right-color) !important;
    border-bottom-color: var(--alert-danger-border-bottom-color) !important;
    border-left-color: var(--alert-danger-border-left-color) !important;
    border-width: var(--alert-danger-border-size) !important;
    border-top-width: var(--alert-danger-border-top-size) !important;
    border-right-width: var(--alert-danger-border-right-size) !important;
    border-bottom-width: var(--alert-danger-border-bottom-size) !important;
    border-left-width: var(--alert-danger-border-left-size) !important;
  }
  .alert-danger h1, .alert-danger h2, .alert-danger h3, .alert-danger h4, .alert-danger h5, .alert-danger h6, .alert-danger p, .alert-danger li, .alert-danger sup, .alert-danger th, .alert-danger td, .alert-danger label, .alert-danger input, .alert-danger select, .alert-danger textarea, .alert-danger span, .alert-danger i, .alert-danger svg {
    color: var(--alert-danger-color) !important;
  }
  .alert-danger h1.text-default, .alert-danger h2.text-default, .alert-danger h3.text-default, .alert-danger h4.text-default, .alert-danger h5.text-default, .alert-danger h6.text-default, .alert-danger p.text-default, .alert-danger li.text-default, .alert-danger sup.text-default, .alert-danger th.text-default, .alert-danger td.text-default, .alert-danger label.text-default, .alert-danger input.text-default, .alert-danger select.text-default, .alert-danger textarea.text-default, .alert-danger span.text-default, .alert-danger i.text-default, .alert-danger svg.text-default {
    color: var(--default) !important;
  }
  .alert-danger h1.text-primary, .alert-danger h2.text-primary, .alert-danger h3.text-primary, .alert-danger h4.text-primary, .alert-danger h5.text-primary, .alert-danger h6.text-primary, .alert-danger p.text-primary, .alert-danger li.text-primary, .alert-danger sup.text-primary, .alert-danger th.text-primary, .alert-danger td.text-primary, .alert-danger label.text-primary, .alert-danger input.text-primary, .alert-danger select.text-primary, .alert-danger textarea.text-primary, .alert-danger span.text-primary, .alert-danger i.text-primary, .alert-danger svg.text-primary {
    color: var(--primary) !important;
  }
  .alert-danger h1.text-secondary, .alert-danger h2.text-secondary, .alert-danger h3.text-secondary, .alert-danger h4.text-secondary, .alert-danger h5.text-secondary, .alert-danger h6.text-secondary, .alert-danger p.text-secondary, .alert-danger li.text-secondary, .alert-danger sup.text-secondary, .alert-danger th.text-secondary, .alert-danger td.text-secondary, .alert-danger label.text-secondary, .alert-danger input.text-secondary, .alert-danger select.text-secondary, .alert-danger textarea.text-secondary, .alert-danger span.text-secondary, .alert-danger i.text-secondary, .alert-danger svg.text-secondary {
    color: var(--secondary) !important;
  }
  .alert-danger h1.text-info, .alert-danger h2.text-info, .alert-danger h3.text-info, .alert-danger h4.text-info, .alert-danger h5.text-info, .alert-danger h6.text-info, .alert-danger p.text-info, .alert-danger li.text-info, .alert-danger sup.text-info, .alert-danger th.text-info, .alert-danger td.text-info, .alert-danger label.text-info, .alert-danger input.text-info, .alert-danger select.text-info, .alert-danger textarea.text-info, .alert-danger span.text-info, .alert-danger i.text-info, .alert-danger svg.text-info {
    color: var(--info) !important;
  }
  .alert-danger h1.text-success, .alert-danger h2.text-success, .alert-danger h3.text-success, .alert-danger h4.text-success, .alert-danger h5.text-success, .alert-danger h6.text-success, .alert-danger p.text-success, .alert-danger li.text-success, .alert-danger sup.text-success, .alert-danger th.text-success, .alert-danger td.text-success, .alert-danger label.text-success, .alert-danger input.text-success, .alert-danger select.text-success, .alert-danger textarea.text-success, .alert-danger span.text-success, .alert-danger i.text-success, .alert-danger svg.text-success {
    color: var(--success) !important;
  }
  .alert-danger h1.text-warning, .alert-danger h2.text-warning, .alert-danger h3.text-warning, .alert-danger h4.text-warning, .alert-danger h5.text-warning, .alert-danger h6.text-warning, .alert-danger p.text-warning, .alert-danger li.text-warning, .alert-danger sup.text-warning, .alert-danger th.text-warning, .alert-danger td.text-warning, .alert-danger label.text-warning, .alert-danger input.text-warning, .alert-danger select.text-warning, .alert-danger textarea.text-warning, .alert-danger span.text-warning, .alert-danger i.text-warning, .alert-danger svg.text-warning {
    color: var(--warning) !important;
  }
  .alert-danger h1.text-danger, .alert-danger h2.text-danger, .alert-danger h3.text-danger, .alert-danger h4.text-danger, .alert-danger h5.text-danger, .alert-danger h6.text-danger, .alert-danger p.text-danger, .alert-danger li.text-danger, .alert-danger sup.text-danger, .alert-danger th.text-danger, .alert-danger td.text-danger, .alert-danger label.text-danger, .alert-danger input.text-danger, .alert-danger select.text-danger, .alert-danger textarea.text-danger, .alert-danger span.text-danger, .alert-danger i.text-danger, .alert-danger svg.text-danger {
    color: var(--danger) !important;
  }
  .alert-danger h1.text-gray, .alert-danger h2.text-gray, .alert-danger h3.text-gray, .alert-danger h4.text-gray, .alert-danger h5.text-gray, .alert-danger h6.text-gray, .alert-danger p.text-gray, .alert-danger li.text-gray, .alert-danger sup.text-gray, .alert-danger th.text-gray, .alert-danger td.text-gray, .alert-danger label.text-gray, .alert-danger input.text-gray, .alert-danger select.text-gray, .alert-danger textarea.text-gray, .alert-danger span.text-gray, .alert-danger i.text-gray, .alert-danger svg.text-gray {
    color: var(--gray) !important;
  }
  .alert-danger h1.text-gray-light, .alert-danger h2.text-gray-light, .alert-danger h3.text-gray-light, .alert-danger h4.text-gray-light, .alert-danger h5.text-gray-light, .alert-danger h6.text-gray-light, .alert-danger p.text-gray-light, .alert-danger li.text-gray-light, .alert-danger sup.text-gray-light, .alert-danger th.text-gray-light, .alert-danger td.text-gray-light, .alert-danger label.text-gray-light, .alert-danger input.text-gray-light, .alert-danger select.text-gray-light, .alert-danger textarea.text-gray-light, .alert-danger span.text-gray-light, .alert-danger i.text-gray-light, .alert-danger svg.text-gray-light {
    color: var(--gray-70) !important;
  }
  .alert-danger h1.text-gray-dark, .alert-danger h2.text-gray-dark, .alert-danger h3.text-gray-dark, .alert-danger h4.text-gray-dark, .alert-danger h5.text-gray-dark, .alert-danger h6.text-gray-dark, .alert-danger p.text-gray-dark, .alert-danger li.text-gray-dark, .alert-danger sup.text-gray-dark, .alert-danger th.text-gray-dark, .alert-danger td.text-gray-dark, .alert-danger label.text-gray-dark, .alert-danger input.text-gray-dark, .alert-danger select.text-gray-dark, .alert-danger textarea.text-gray-dark, .alert-danger span.text-gray-dark, .alert-danger i.text-gray-dark, .alert-danger svg.text-gray-dark {
    color: var(--gray-dark-20) !important;
  }
  .alert-danger h1.text-black, .alert-danger h2.text-black, .alert-danger h3.text-black, .alert-danger h4.text-black, .alert-danger h5.text-black, .alert-danger h6.text-black, .alert-danger p.text-black, .alert-danger li.text-black, .alert-danger sup.text-black, .alert-danger th.text-black, .alert-danger td.text-black, .alert-danger label.text-black, .alert-danger input.text-black, .alert-danger select.text-black, .alert-danger textarea.text-black, .alert-danger span.text-black, .alert-danger i.text-black, .alert-danger svg.text-black {
    color: var(--black) !important;
  }
  .alert-danger h1.text-white, .alert-danger h2.text-white, .alert-danger h3.text-white, .alert-danger h4.text-white, .alert-danger h5.text-white, .alert-danger h6.text-white, .alert-danger p.text-white, .alert-danger li.text-white, .alert-danger sup.text-white, .alert-danger th.text-white, .alert-danger td.text-white, .alert-danger label.text-white, .alert-danger input.text-white, .alert-danger select.text-white, .alert-danger textarea.text-white, .alert-danger span.text-white, .alert-danger i.text-white, .alert-danger svg.text-white {
    color: var(--white) !important;
  }
  .alert-danger h1.text-font-color, .alert-danger h2.text-font-color, .alert-danger h3.text-font-color, .alert-danger h4.text-font-color, .alert-danger h5.text-font-color, .alert-danger h6.text-font-color, .alert-danger p.text-font-color, .alert-danger li.text-font-color, .alert-danger sup.text-font-color, .alert-danger th.text-font-color, .alert-danger td.text-font-color, .alert-danger label.text-font-color, .alert-danger input.text-font-color, .alert-danger select.text-font-color, .alert-danger textarea.text-font-color, .alert-danger span.text-font-color, .alert-danger i.text-font-color, .alert-danger svg.text-font-color {
    color: var(--font-color) !important;
  }
  .alert-danger h1.text-font-color-light, .alert-danger h2.text-font-color-light, .alert-danger h3.text-font-color-light, .alert-danger h4.text-font-color-light, .alert-danger h5.text-font-color-light, .alert-danger h6.text-font-color-light, .alert-danger p.text-font-color-light, .alert-danger li.text-font-color-light, .alert-danger sup.text-font-color-light, .alert-danger th.text-font-color-light, .alert-danger td.text-font-color-light, .alert-danger label.text-font-color-light, .alert-danger input.text-font-color-light, .alert-danger select.text-font-color-light, .alert-danger textarea.text-font-color-light, .alert-danger span.text-font-color-light, .alert-danger i.text-font-color-light, .alert-danger svg.text-font-color-light {
    color: var(--font-color-light) !important;
  }
  .alert-danger h1.text-font-color-dark, .alert-danger h2.text-font-color-dark, .alert-danger h3.text-font-color-dark, .alert-danger h4.text-font-color-dark, .alert-danger h5.text-font-color-dark, .alert-danger h6.text-font-color-dark, .alert-danger p.text-font-color-dark, .alert-danger li.text-font-color-dark, .alert-danger sup.text-font-color-dark, .alert-danger th.text-font-color-dark, .alert-danger td.text-font-color-dark, .alert-danger label.text-font-color-dark, .alert-danger input.text-font-color-dark, .alert-danger select.text-font-color-dark, .alert-danger textarea.text-font-color-dark, .alert-danger span.text-font-color-dark, .alert-danger i.text-font-color-dark, .alert-danger svg.text-font-color-dark {
    color: var(--font-color-dark) !important;
  }
  .alert-danger a, .alert-danger a:link, .alert-danger a:visited, .alert-danger a:hover, .alert-danger a:active, .alert-danger a:focus {
    color: var(--alert-danger-color);
    text-decoration: underline !important;
  }
  .alert-danger a.btn, .alert-danger a:link.btn, .alert-danger a:visited.btn, .alert-danger a:hover.btn, .alert-danger a:active.btn, .alert-danger a:focus.btn {
    text-decoration: none !important;
  }
  .alert-danger a:hover.btn {
    text-decoration: none !important;
  }
  .alert-danger.alert-icon::before {
    color: var(--danger);
    content: "\f057";
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | ALERT-DARK ---------------------------------------------------------------------------------------------------- */
  .alert-dark {
    color: var(--light) !important;
    background-color: var(--dark) !important;
    border-color: var(--dark) !important;
    border-top-color: var(--dark) !important;
    border-right-color: var(--dark) !important;
    border-bottom-color: var(--dark) !important;
    border-left-color: var(--dark) !important;
    border-width: 1px !important;
    border-top-width: 1px !important;
    border-right-width: 1px !important;
    border-bottom-width: 1px !important;
    border-left-width: 1px !important;
  }
  .alert-dark h1, .alert-dark h2, .alert-dark h3, .alert-dark h4, .alert-dark h5, .alert-dark h6, .alert-dark p, .alert-dark li, .alert-dark sup, .alert-dark th, .alert-dark td, .alert-dark label, .alert-dark input, .alert-dark select, .alert-dark textarea, .alert-dark span, .alert-dark i, .alert-dark svg {
    color: var(--light) !important;
  }
  .alert-dark h1.text-default, .alert-dark h2.text-default, .alert-dark h3.text-default, .alert-dark h4.text-default, .alert-dark h5.text-default, .alert-dark h6.text-default, .alert-dark p.text-default, .alert-dark li.text-default, .alert-dark sup.text-default, .alert-dark th.text-default, .alert-dark td.text-default, .alert-dark label.text-default, .alert-dark input.text-default, .alert-dark select.text-default, .alert-dark textarea.text-default, .alert-dark span.text-default, .alert-dark i.text-default, .alert-dark svg.text-default {
    color: var(--default) !important;
  }
  .alert-dark h1.text-primary, .alert-dark h2.text-primary, .alert-dark h3.text-primary, .alert-dark h4.text-primary, .alert-dark h5.text-primary, .alert-dark h6.text-primary, .alert-dark p.text-primary, .alert-dark li.text-primary, .alert-dark sup.text-primary, .alert-dark th.text-primary, .alert-dark td.text-primary, .alert-dark label.text-primary, .alert-dark input.text-primary, .alert-dark select.text-primary, .alert-dark textarea.text-primary, .alert-dark span.text-primary, .alert-dark i.text-primary, .alert-dark svg.text-primary {
    color: var(--primary) !important;
  }
  .alert-dark h1.text-secondary, .alert-dark h2.text-secondary, .alert-dark h3.text-secondary, .alert-dark h4.text-secondary, .alert-dark h5.text-secondary, .alert-dark h6.text-secondary, .alert-dark p.text-secondary, .alert-dark li.text-secondary, .alert-dark sup.text-secondary, .alert-dark th.text-secondary, .alert-dark td.text-secondary, .alert-dark label.text-secondary, .alert-dark input.text-secondary, .alert-dark select.text-secondary, .alert-dark textarea.text-secondary, .alert-dark span.text-secondary, .alert-dark i.text-secondary, .alert-dark svg.text-secondary {
    color: var(--secondary) !important;
  }
  .alert-dark h1.text-info, .alert-dark h2.text-info, .alert-dark h3.text-info, .alert-dark h4.text-info, .alert-dark h5.text-info, .alert-dark h6.text-info, .alert-dark p.text-info, .alert-dark li.text-info, .alert-dark sup.text-info, .alert-dark th.text-info, .alert-dark td.text-info, .alert-dark label.text-info, .alert-dark input.text-info, .alert-dark select.text-info, .alert-dark textarea.text-info, .alert-dark span.text-info, .alert-dark i.text-info, .alert-dark svg.text-info {
    color: var(--info) !important;
  }
  .alert-dark h1.text-success, .alert-dark h2.text-success, .alert-dark h3.text-success, .alert-dark h4.text-success, .alert-dark h5.text-success, .alert-dark h6.text-success, .alert-dark p.text-success, .alert-dark li.text-success, .alert-dark sup.text-success, .alert-dark th.text-success, .alert-dark td.text-success, .alert-dark label.text-success, .alert-dark input.text-success, .alert-dark select.text-success, .alert-dark textarea.text-success, .alert-dark span.text-success, .alert-dark i.text-success, .alert-dark svg.text-success {
    color: var(--success) !important;
  }
  .alert-dark h1.text-warning, .alert-dark h2.text-warning, .alert-dark h3.text-warning, .alert-dark h4.text-warning, .alert-dark h5.text-warning, .alert-dark h6.text-warning, .alert-dark p.text-warning, .alert-dark li.text-warning, .alert-dark sup.text-warning, .alert-dark th.text-warning, .alert-dark td.text-warning, .alert-dark label.text-warning, .alert-dark input.text-warning, .alert-dark select.text-warning, .alert-dark textarea.text-warning, .alert-dark span.text-warning, .alert-dark i.text-warning, .alert-dark svg.text-warning {
    color: var(--warning) !important;
  }
  .alert-dark h1.text-danger, .alert-dark h2.text-danger, .alert-dark h3.text-danger, .alert-dark h4.text-danger, .alert-dark h5.text-danger, .alert-dark h6.text-danger, .alert-dark p.text-danger, .alert-dark li.text-danger, .alert-dark sup.text-danger, .alert-dark th.text-danger, .alert-dark td.text-danger, .alert-dark label.text-danger, .alert-dark input.text-danger, .alert-dark select.text-danger, .alert-dark textarea.text-danger, .alert-dark span.text-danger, .alert-dark i.text-danger, .alert-dark svg.text-danger {
    color: var(--danger) !important;
  }
  .alert-dark h1.text-gray, .alert-dark h2.text-gray, .alert-dark h3.text-gray, .alert-dark h4.text-gray, .alert-dark h5.text-gray, .alert-dark h6.text-gray, .alert-dark p.text-gray, .alert-dark li.text-gray, .alert-dark sup.text-gray, .alert-dark th.text-gray, .alert-dark td.text-gray, .alert-dark label.text-gray, .alert-dark input.text-gray, .alert-dark select.text-gray, .alert-dark textarea.text-gray, .alert-dark span.text-gray, .alert-dark i.text-gray, .alert-dark svg.text-gray {
    color: var(--gray) !important;
  }
  .alert-dark h1.text-gray-light, .alert-dark h2.text-gray-light, .alert-dark h3.text-gray-light, .alert-dark h4.text-gray-light, .alert-dark h5.text-gray-light, .alert-dark h6.text-gray-light, .alert-dark p.text-gray-light, .alert-dark li.text-gray-light, .alert-dark sup.text-gray-light, .alert-dark th.text-gray-light, .alert-dark td.text-gray-light, .alert-dark label.text-gray-light, .alert-dark input.text-gray-light, .alert-dark select.text-gray-light, .alert-dark textarea.text-gray-light, .alert-dark span.text-gray-light, .alert-dark i.text-gray-light, .alert-dark svg.text-gray-light {
    color: var(--gray-70) !important;
  }
  .alert-dark h1.text-gray-dark, .alert-dark h2.text-gray-dark, .alert-dark h3.text-gray-dark, .alert-dark h4.text-gray-dark, .alert-dark h5.text-gray-dark, .alert-dark h6.text-gray-dark, .alert-dark p.text-gray-dark, .alert-dark li.text-gray-dark, .alert-dark sup.text-gray-dark, .alert-dark th.text-gray-dark, .alert-dark td.text-gray-dark, .alert-dark label.text-gray-dark, .alert-dark input.text-gray-dark, .alert-dark select.text-gray-dark, .alert-dark textarea.text-gray-dark, .alert-dark span.text-gray-dark, .alert-dark i.text-gray-dark, .alert-dark svg.text-gray-dark {
    color: var(--gray-dark-20) !important;
  }
  .alert-dark h1.text-black, .alert-dark h2.text-black, .alert-dark h3.text-black, .alert-dark h4.text-black, .alert-dark h5.text-black, .alert-dark h6.text-black, .alert-dark p.text-black, .alert-dark li.text-black, .alert-dark sup.text-black, .alert-dark th.text-black, .alert-dark td.text-black, .alert-dark label.text-black, .alert-dark input.text-black, .alert-dark select.text-black, .alert-dark textarea.text-black, .alert-dark span.text-black, .alert-dark i.text-black, .alert-dark svg.text-black {
    color: var(--black) !important;
  }
  .alert-dark h1.text-white, .alert-dark h2.text-white, .alert-dark h3.text-white, .alert-dark h4.text-white, .alert-dark h5.text-white, .alert-dark h6.text-white, .alert-dark p.text-white, .alert-dark li.text-white, .alert-dark sup.text-white, .alert-dark th.text-white, .alert-dark td.text-white, .alert-dark label.text-white, .alert-dark input.text-white, .alert-dark select.text-white, .alert-dark textarea.text-white, .alert-dark span.text-white, .alert-dark i.text-white, .alert-dark svg.text-white {
    color: var(--white) !important;
  }
  .alert-dark h1.text-font-color, .alert-dark h2.text-font-color, .alert-dark h3.text-font-color, .alert-dark h4.text-font-color, .alert-dark h5.text-font-color, .alert-dark h6.text-font-color, .alert-dark p.text-font-color, .alert-dark li.text-font-color, .alert-dark sup.text-font-color, .alert-dark th.text-font-color, .alert-dark td.text-font-color, .alert-dark label.text-font-color, .alert-dark input.text-font-color, .alert-dark select.text-font-color, .alert-dark textarea.text-font-color, .alert-dark span.text-font-color, .alert-dark i.text-font-color, .alert-dark svg.text-font-color {
    color: var(--font-color) !important;
  }
  .alert-dark h1.text-font-color-light, .alert-dark h2.text-font-color-light, .alert-dark h3.text-font-color-light, .alert-dark h4.text-font-color-light, .alert-dark h5.text-font-color-light, .alert-dark h6.text-font-color-light, .alert-dark p.text-font-color-light, .alert-dark li.text-font-color-light, .alert-dark sup.text-font-color-light, .alert-dark th.text-font-color-light, .alert-dark td.text-font-color-light, .alert-dark label.text-font-color-light, .alert-dark input.text-font-color-light, .alert-dark select.text-font-color-light, .alert-dark textarea.text-font-color-light, .alert-dark span.text-font-color-light, .alert-dark i.text-font-color-light, .alert-dark svg.text-font-color-light {
    color: var(--font-color-light) !important;
  }
  .alert-dark h1.text-font-color-dark, .alert-dark h2.text-font-color-dark, .alert-dark h3.text-font-color-dark, .alert-dark h4.text-font-color-dark, .alert-dark h5.text-font-color-dark, .alert-dark h6.text-font-color-dark, .alert-dark p.text-font-color-dark, .alert-dark li.text-font-color-dark, .alert-dark sup.text-font-color-dark, .alert-dark th.text-font-color-dark, .alert-dark td.text-font-color-dark, .alert-dark label.text-font-color-dark, .alert-dark input.text-font-color-dark, .alert-dark select.text-font-color-dark, .alert-dark textarea.text-font-color-dark, .alert-dark span.text-font-color-dark, .alert-dark i.text-font-color-dark, .alert-dark svg.text-font-color-dark {
    color: var(--font-color-dark) !important;
  }
  .alert-dark a, .alert-dark a:link, .alert-dark a:visited, .alert-dark a:hover, .alert-dark a:active, .alert-dark a:focus {
    color: var(--light);
    text-decoration: underline !important;
  }
  .alert-dark a.btn, .alert-dark a:link.btn, .alert-dark a:visited.btn, .alert-dark a:hover.btn, .alert-dark a:active.btn, .alert-dark a:focus.btn {
    text-decoration: none !important;
  }
  .alert-dark a:hover.btn {
    text-decoration: none !important;
  }
  .alert-dark.alert-icon::before {
    color: var(--light);
    content: "\f06a";
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | ALERT-GRAY ---------------------------------------------------------------------------------------------------- */
  .alert-gray {
    color: var(--alert-gray-color) !important;
    background-color: var(--alert-gray-bg-color) !important;
    border-color: var(--alert-gray-border-color) !important;
    border-top-color: var(--alert-gray-border-top-color) !important;
    border-right-color: var(--alert-gray-border-right-color) !important;
    border-bottom-color: var(--alert-gray-border-bottom-color) !important;
    border-left-color: var(--alert-gray-border-left-color) !important;
    border-width: var(--alert-gray-border-size) !important;
    border-top-width: var(--alert-gray-border-top-size) !important;
    border-right-width: var(--alert-gray-border-right-size) !important;
    border-bottom-width: var(--alert-gray-border-bottom-size) !important;
    border-left-width: var(--alert-gray-border-left-size) !important;
  }
  .alert-gray h1, .alert-gray h2, .alert-gray h3, .alert-gray h4, .alert-gray h5, .alert-gray h6, .alert-gray p, .alert-gray li, .alert-gray sup, .alert-gray th, .alert-gray td, .alert-gray label, .alert-gray input, .alert-gray select, .alert-gray textarea, .alert-gray span, .alert-gray i, .alert-gray svg {
    color: var(--font-color) !important;
  }
  .alert-gray h1.text-default, .alert-gray h2.text-default, .alert-gray h3.text-default, .alert-gray h4.text-default, .alert-gray h5.text-default, .alert-gray h6.text-default, .alert-gray p.text-default, .alert-gray li.text-default, .alert-gray sup.text-default, .alert-gray th.text-default, .alert-gray td.text-default, .alert-gray label.text-default, .alert-gray input.text-default, .alert-gray select.text-default, .alert-gray textarea.text-default, .alert-gray span.text-default, .alert-gray i.text-default, .alert-gray svg.text-default {
    color: var(--default) !important;
  }
  .alert-gray h1.text-primary, .alert-gray h2.text-primary, .alert-gray h3.text-primary, .alert-gray h4.text-primary, .alert-gray h5.text-primary, .alert-gray h6.text-primary, .alert-gray p.text-primary, .alert-gray li.text-primary, .alert-gray sup.text-primary, .alert-gray th.text-primary, .alert-gray td.text-primary, .alert-gray label.text-primary, .alert-gray input.text-primary, .alert-gray select.text-primary, .alert-gray textarea.text-primary, .alert-gray span.text-primary, .alert-gray i.text-primary, .alert-gray svg.text-primary {
    color: var(--primary) !important;
  }
  .alert-gray h1.text-secondary, .alert-gray h2.text-secondary, .alert-gray h3.text-secondary, .alert-gray h4.text-secondary, .alert-gray h5.text-secondary, .alert-gray h6.text-secondary, .alert-gray p.text-secondary, .alert-gray li.text-secondary, .alert-gray sup.text-secondary, .alert-gray th.text-secondary, .alert-gray td.text-secondary, .alert-gray label.text-secondary, .alert-gray input.text-secondary, .alert-gray select.text-secondary, .alert-gray textarea.text-secondary, .alert-gray span.text-secondary, .alert-gray i.text-secondary, .alert-gray svg.text-secondary {
    color: var(--secondary) !important;
  }
  .alert-gray h1.text-info, .alert-gray h2.text-info, .alert-gray h3.text-info, .alert-gray h4.text-info, .alert-gray h5.text-info, .alert-gray h6.text-info, .alert-gray p.text-info, .alert-gray li.text-info, .alert-gray sup.text-info, .alert-gray th.text-info, .alert-gray td.text-info, .alert-gray label.text-info, .alert-gray input.text-info, .alert-gray select.text-info, .alert-gray textarea.text-info, .alert-gray span.text-info, .alert-gray i.text-info, .alert-gray svg.text-info {
    color: var(--info) !important;
  }
  .alert-gray h1.text-success, .alert-gray h2.text-success, .alert-gray h3.text-success, .alert-gray h4.text-success, .alert-gray h5.text-success, .alert-gray h6.text-success, .alert-gray p.text-success, .alert-gray li.text-success, .alert-gray sup.text-success, .alert-gray th.text-success, .alert-gray td.text-success, .alert-gray label.text-success, .alert-gray input.text-success, .alert-gray select.text-success, .alert-gray textarea.text-success, .alert-gray span.text-success, .alert-gray i.text-success, .alert-gray svg.text-success {
    color: var(--success) !important;
  }
  .alert-gray h1.text-warning, .alert-gray h2.text-warning, .alert-gray h3.text-warning, .alert-gray h4.text-warning, .alert-gray h5.text-warning, .alert-gray h6.text-warning, .alert-gray p.text-warning, .alert-gray li.text-warning, .alert-gray sup.text-warning, .alert-gray th.text-warning, .alert-gray td.text-warning, .alert-gray label.text-warning, .alert-gray input.text-warning, .alert-gray select.text-warning, .alert-gray textarea.text-warning, .alert-gray span.text-warning, .alert-gray i.text-warning, .alert-gray svg.text-warning {
    color: var(--warning) !important;
  }
  .alert-gray h1.text-danger, .alert-gray h2.text-danger, .alert-gray h3.text-danger, .alert-gray h4.text-danger, .alert-gray h5.text-danger, .alert-gray h6.text-danger, .alert-gray p.text-danger, .alert-gray li.text-danger, .alert-gray sup.text-danger, .alert-gray th.text-danger, .alert-gray td.text-danger, .alert-gray label.text-danger, .alert-gray input.text-danger, .alert-gray select.text-danger, .alert-gray textarea.text-danger, .alert-gray span.text-danger, .alert-gray i.text-danger, .alert-gray svg.text-danger {
    color: var(--danger) !important;
  }
  .alert-gray h1.text-gray, .alert-gray h2.text-gray, .alert-gray h3.text-gray, .alert-gray h4.text-gray, .alert-gray h5.text-gray, .alert-gray h6.text-gray, .alert-gray p.text-gray, .alert-gray li.text-gray, .alert-gray sup.text-gray, .alert-gray th.text-gray, .alert-gray td.text-gray, .alert-gray label.text-gray, .alert-gray input.text-gray, .alert-gray select.text-gray, .alert-gray textarea.text-gray, .alert-gray span.text-gray, .alert-gray i.text-gray, .alert-gray svg.text-gray {
    color: var(--gray) !important;
  }
  .alert-gray h1.text-gray-light, .alert-gray h2.text-gray-light, .alert-gray h3.text-gray-light, .alert-gray h4.text-gray-light, .alert-gray h5.text-gray-light, .alert-gray h6.text-gray-light, .alert-gray p.text-gray-light, .alert-gray li.text-gray-light, .alert-gray sup.text-gray-light, .alert-gray th.text-gray-light, .alert-gray td.text-gray-light, .alert-gray label.text-gray-light, .alert-gray input.text-gray-light, .alert-gray select.text-gray-light, .alert-gray textarea.text-gray-light, .alert-gray span.text-gray-light, .alert-gray i.text-gray-light, .alert-gray svg.text-gray-light {
    color: var(--gray-70) !important;
  }
  .alert-gray h1.text-gray-dark, .alert-gray h2.text-gray-dark, .alert-gray h3.text-gray-dark, .alert-gray h4.text-gray-dark, .alert-gray h5.text-gray-dark, .alert-gray h6.text-gray-dark, .alert-gray p.text-gray-dark, .alert-gray li.text-gray-dark, .alert-gray sup.text-gray-dark, .alert-gray th.text-gray-dark, .alert-gray td.text-gray-dark, .alert-gray label.text-gray-dark, .alert-gray input.text-gray-dark, .alert-gray select.text-gray-dark, .alert-gray textarea.text-gray-dark, .alert-gray span.text-gray-dark, .alert-gray i.text-gray-dark, .alert-gray svg.text-gray-dark {
    color: var(--gray-dark-20) !important;
  }
  .alert-gray h1.text-black, .alert-gray h2.text-black, .alert-gray h3.text-black, .alert-gray h4.text-black, .alert-gray h5.text-black, .alert-gray h6.text-black, .alert-gray p.text-black, .alert-gray li.text-black, .alert-gray sup.text-black, .alert-gray th.text-black, .alert-gray td.text-black, .alert-gray label.text-black, .alert-gray input.text-black, .alert-gray select.text-black, .alert-gray textarea.text-black, .alert-gray span.text-black, .alert-gray i.text-black, .alert-gray svg.text-black {
    color: var(--black) !important;
  }
  .alert-gray h1.text-white, .alert-gray h2.text-white, .alert-gray h3.text-white, .alert-gray h4.text-white, .alert-gray h5.text-white, .alert-gray h6.text-white, .alert-gray p.text-white, .alert-gray li.text-white, .alert-gray sup.text-white, .alert-gray th.text-white, .alert-gray td.text-white, .alert-gray label.text-white, .alert-gray input.text-white, .alert-gray select.text-white, .alert-gray textarea.text-white, .alert-gray span.text-white, .alert-gray i.text-white, .alert-gray svg.text-white {
    color: var(--white) !important;
  }
  .alert-gray h1.text-font-color, .alert-gray h2.text-font-color, .alert-gray h3.text-font-color, .alert-gray h4.text-font-color, .alert-gray h5.text-font-color, .alert-gray h6.text-font-color, .alert-gray p.text-font-color, .alert-gray li.text-font-color, .alert-gray sup.text-font-color, .alert-gray th.text-font-color, .alert-gray td.text-font-color, .alert-gray label.text-font-color, .alert-gray input.text-font-color, .alert-gray select.text-font-color, .alert-gray textarea.text-font-color, .alert-gray span.text-font-color, .alert-gray i.text-font-color, .alert-gray svg.text-font-color {
    color: var(--font-color) !important;
  }
  .alert-gray h1.text-font-color-light, .alert-gray h2.text-font-color-light, .alert-gray h3.text-font-color-light, .alert-gray h4.text-font-color-light, .alert-gray h5.text-font-color-light, .alert-gray h6.text-font-color-light, .alert-gray p.text-font-color-light, .alert-gray li.text-font-color-light, .alert-gray sup.text-font-color-light, .alert-gray th.text-font-color-light, .alert-gray td.text-font-color-light, .alert-gray label.text-font-color-light, .alert-gray input.text-font-color-light, .alert-gray select.text-font-color-light, .alert-gray textarea.text-font-color-light, .alert-gray span.text-font-color-light, .alert-gray i.text-font-color-light, .alert-gray svg.text-font-color-light {
    color: var(--font-color-light) !important;
  }
  .alert-gray h1.text-font-color-dark, .alert-gray h2.text-font-color-dark, .alert-gray h3.text-font-color-dark, .alert-gray h4.text-font-color-dark, .alert-gray h5.text-font-color-dark, .alert-gray h6.text-font-color-dark, .alert-gray p.text-font-color-dark, .alert-gray li.text-font-color-dark, .alert-gray sup.text-font-color-dark, .alert-gray th.text-font-color-dark, .alert-gray td.text-font-color-dark, .alert-gray label.text-font-color-dark, .alert-gray input.text-font-color-dark, .alert-gray select.text-font-color-dark, .alert-gray textarea.text-font-color-dark, .alert-gray span.text-font-color-dark, .alert-gray i.text-font-color-dark, .alert-gray svg.text-font-color-dark {
    color: var(--font-color-dark) !important;
  }
  .alert-gray a, .alert-gray a:link, .alert-gray a:visited, .alert-gray a:hover, .alert-gray a:active, .alert-gray a:focus {
    color: var(--alert-gray-color);
    text-decoration: underline !important;
  }
  .alert-gray a.btn, .alert-gray a:link.btn, .alert-gray a:visited.btn, .alert-gray a:hover.btn, .alert-gray a:active.btn, .alert-gray a:focus.btn {
    text-decoration: none !important;
  }
  .alert-gray a:hover.btn {
    text-decoration: none !important;
  }
  .alert-gray.alert-icon::before {
    color: var(--font-color);
    content: "\f06a";
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | ALERT-INFO ---------------------------------------------------------------------------------------------------- */
  .alert-info {
    color: var(--alert-info-color) !important;
    background-color: var(--alert-info-bg-color) !important;
    border-color: var(--alert-info-border-color) !important;
    border-top-color: var(--alert-info-border-top-color) !important;
    border-right-color: var(--alert-info-border-right-color) !important;
    border-bottom-color: var(--alert-info-border-bottom-color) !important;
    border-left-color: var(--alert-info-border-left-color) !important;
    border-width: var(--alert-info-border-size) !important;
    border-top-width: var(--alert-info-border-top-size) !important;
    border-right-width: var(--alert-info-border-right-size) !important;
    border-bottom-width: var(--alert-info-border-bottom-size) !important;
    border-left-width: var(--alert-info-border-left-size) !important;
  }
  .alert-info h1, .alert-info h2, .alert-info h3, .alert-info h4, .alert-info h5, .alert-info h6, .alert-info p, .alert-info li, .alert-info sup, .alert-info th, .alert-info td, .alert-info label, .alert-info input, .alert-info select, .alert-info textarea, .alert-info span, .alert-info i, .alert-info svg {
    color: var(--alert-info-color) !important;
  }
  .alert-info h1.text-default, .alert-info h2.text-default, .alert-info h3.text-default, .alert-info h4.text-default, .alert-info h5.text-default, .alert-info h6.text-default, .alert-info p.text-default, .alert-info li.text-default, .alert-info sup.text-default, .alert-info th.text-default, .alert-info td.text-default, .alert-info label.text-default, .alert-info input.text-default, .alert-info select.text-default, .alert-info textarea.text-default, .alert-info span.text-default, .alert-info i.text-default, .alert-info svg.text-default {
    color: var(--default) !important;
  }
  .alert-info h1.text-primary, .alert-info h2.text-primary, .alert-info h3.text-primary, .alert-info h4.text-primary, .alert-info h5.text-primary, .alert-info h6.text-primary, .alert-info p.text-primary, .alert-info li.text-primary, .alert-info sup.text-primary, .alert-info th.text-primary, .alert-info td.text-primary, .alert-info label.text-primary, .alert-info input.text-primary, .alert-info select.text-primary, .alert-info textarea.text-primary, .alert-info span.text-primary, .alert-info i.text-primary, .alert-info svg.text-primary {
    color: var(--primary) !important;
  }
  .alert-info h1.text-secondary, .alert-info h2.text-secondary, .alert-info h3.text-secondary, .alert-info h4.text-secondary, .alert-info h5.text-secondary, .alert-info h6.text-secondary, .alert-info p.text-secondary, .alert-info li.text-secondary, .alert-info sup.text-secondary, .alert-info th.text-secondary, .alert-info td.text-secondary, .alert-info label.text-secondary, .alert-info input.text-secondary, .alert-info select.text-secondary, .alert-info textarea.text-secondary, .alert-info span.text-secondary, .alert-info i.text-secondary, .alert-info svg.text-secondary {
    color: var(--secondary) !important;
  }
  .alert-info h1.text-info, .alert-info h2.text-info, .alert-info h3.text-info, .alert-info h4.text-info, .alert-info h5.text-info, .alert-info h6.text-info, .alert-info p.text-info, .alert-info li.text-info, .alert-info sup.text-info, .alert-info th.text-info, .alert-info td.text-info, .alert-info label.text-info, .alert-info input.text-info, .alert-info select.text-info, .alert-info textarea.text-info, .alert-info span.text-info, .alert-info i.text-info, .alert-info svg.text-info {
    color: var(--info) !important;
  }
  .alert-info h1.text-success, .alert-info h2.text-success, .alert-info h3.text-success, .alert-info h4.text-success, .alert-info h5.text-success, .alert-info h6.text-success, .alert-info p.text-success, .alert-info li.text-success, .alert-info sup.text-success, .alert-info th.text-success, .alert-info td.text-success, .alert-info label.text-success, .alert-info input.text-success, .alert-info select.text-success, .alert-info textarea.text-success, .alert-info span.text-success, .alert-info i.text-success, .alert-info svg.text-success {
    color: var(--success) !important;
  }
  .alert-info h1.text-warning, .alert-info h2.text-warning, .alert-info h3.text-warning, .alert-info h4.text-warning, .alert-info h5.text-warning, .alert-info h6.text-warning, .alert-info p.text-warning, .alert-info li.text-warning, .alert-info sup.text-warning, .alert-info th.text-warning, .alert-info td.text-warning, .alert-info label.text-warning, .alert-info input.text-warning, .alert-info select.text-warning, .alert-info textarea.text-warning, .alert-info span.text-warning, .alert-info i.text-warning, .alert-info svg.text-warning {
    color: var(--warning) !important;
  }
  .alert-info h1.text-danger, .alert-info h2.text-danger, .alert-info h3.text-danger, .alert-info h4.text-danger, .alert-info h5.text-danger, .alert-info h6.text-danger, .alert-info p.text-danger, .alert-info li.text-danger, .alert-info sup.text-danger, .alert-info th.text-danger, .alert-info td.text-danger, .alert-info label.text-danger, .alert-info input.text-danger, .alert-info select.text-danger, .alert-info textarea.text-danger, .alert-info span.text-danger, .alert-info i.text-danger, .alert-info svg.text-danger {
    color: var(--danger) !important;
  }
  .alert-info h1.text-gray, .alert-info h2.text-gray, .alert-info h3.text-gray, .alert-info h4.text-gray, .alert-info h5.text-gray, .alert-info h6.text-gray, .alert-info p.text-gray, .alert-info li.text-gray, .alert-info sup.text-gray, .alert-info th.text-gray, .alert-info td.text-gray, .alert-info label.text-gray, .alert-info input.text-gray, .alert-info select.text-gray, .alert-info textarea.text-gray, .alert-info span.text-gray, .alert-info i.text-gray, .alert-info svg.text-gray {
    color: var(--gray) !important;
  }
  .alert-info h1.text-gray-light, .alert-info h2.text-gray-light, .alert-info h3.text-gray-light, .alert-info h4.text-gray-light, .alert-info h5.text-gray-light, .alert-info h6.text-gray-light, .alert-info p.text-gray-light, .alert-info li.text-gray-light, .alert-info sup.text-gray-light, .alert-info th.text-gray-light, .alert-info td.text-gray-light, .alert-info label.text-gray-light, .alert-info input.text-gray-light, .alert-info select.text-gray-light, .alert-info textarea.text-gray-light, .alert-info span.text-gray-light, .alert-info i.text-gray-light, .alert-info svg.text-gray-light {
    color: var(--gray-70) !important;
  }
  .alert-info h1.text-gray-dark, .alert-info h2.text-gray-dark, .alert-info h3.text-gray-dark, .alert-info h4.text-gray-dark, .alert-info h5.text-gray-dark, .alert-info h6.text-gray-dark, .alert-info p.text-gray-dark, .alert-info li.text-gray-dark, .alert-info sup.text-gray-dark, .alert-info th.text-gray-dark, .alert-info td.text-gray-dark, .alert-info label.text-gray-dark, .alert-info input.text-gray-dark, .alert-info select.text-gray-dark, .alert-info textarea.text-gray-dark, .alert-info span.text-gray-dark, .alert-info i.text-gray-dark, .alert-info svg.text-gray-dark {
    color: var(--gray-dark-20) !important;
  }
  .alert-info h1.text-black, .alert-info h2.text-black, .alert-info h3.text-black, .alert-info h4.text-black, .alert-info h5.text-black, .alert-info h6.text-black, .alert-info p.text-black, .alert-info li.text-black, .alert-info sup.text-black, .alert-info th.text-black, .alert-info td.text-black, .alert-info label.text-black, .alert-info input.text-black, .alert-info select.text-black, .alert-info textarea.text-black, .alert-info span.text-black, .alert-info i.text-black, .alert-info svg.text-black {
    color: var(--black) !important;
  }
  .alert-info h1.text-white, .alert-info h2.text-white, .alert-info h3.text-white, .alert-info h4.text-white, .alert-info h5.text-white, .alert-info h6.text-white, .alert-info p.text-white, .alert-info li.text-white, .alert-info sup.text-white, .alert-info th.text-white, .alert-info td.text-white, .alert-info label.text-white, .alert-info input.text-white, .alert-info select.text-white, .alert-info textarea.text-white, .alert-info span.text-white, .alert-info i.text-white, .alert-info svg.text-white {
    color: var(--white) !important;
  }
  .alert-info h1.text-font-color, .alert-info h2.text-font-color, .alert-info h3.text-font-color, .alert-info h4.text-font-color, .alert-info h5.text-font-color, .alert-info h6.text-font-color, .alert-info p.text-font-color, .alert-info li.text-font-color, .alert-info sup.text-font-color, .alert-info th.text-font-color, .alert-info td.text-font-color, .alert-info label.text-font-color, .alert-info input.text-font-color, .alert-info select.text-font-color, .alert-info textarea.text-font-color, .alert-info span.text-font-color, .alert-info i.text-font-color, .alert-info svg.text-font-color {
    color: var(--font-color) !important;
  }
  .alert-info h1.text-font-color-light, .alert-info h2.text-font-color-light, .alert-info h3.text-font-color-light, .alert-info h4.text-font-color-light, .alert-info h5.text-font-color-light, .alert-info h6.text-font-color-light, .alert-info p.text-font-color-light, .alert-info li.text-font-color-light, .alert-info sup.text-font-color-light, .alert-info th.text-font-color-light, .alert-info td.text-font-color-light, .alert-info label.text-font-color-light, .alert-info input.text-font-color-light, .alert-info select.text-font-color-light, .alert-info textarea.text-font-color-light, .alert-info span.text-font-color-light, .alert-info i.text-font-color-light, .alert-info svg.text-font-color-light {
    color: var(--font-color-light) !important;
  }
  .alert-info h1.text-font-color-dark, .alert-info h2.text-font-color-dark, .alert-info h3.text-font-color-dark, .alert-info h4.text-font-color-dark, .alert-info h5.text-font-color-dark, .alert-info h6.text-font-color-dark, .alert-info p.text-font-color-dark, .alert-info li.text-font-color-dark, .alert-info sup.text-font-color-dark, .alert-info th.text-font-color-dark, .alert-info td.text-font-color-dark, .alert-info label.text-font-color-dark, .alert-info input.text-font-color-dark, .alert-info select.text-font-color-dark, .alert-info textarea.text-font-color-dark, .alert-info span.text-font-color-dark, .alert-info i.text-font-color-dark, .alert-info svg.text-font-color-dark {
    color: var(--font-color-dark) !important;
  }
  .alert-info a, .alert-info a:link, .alert-info a:visited, .alert-info a:hover, .alert-info a:active, .alert-info a:focus {
    color: var(--alert-info-color);
    text-decoration: underline !important;
  }
  .alert-info a.btn, .alert-info a:link.btn, .alert-info a:visited.btn, .alert-info a:hover.btn, .alert-info a:active.btn, .alert-info a:focus.btn {
    text-decoration: none !important;
  }
  .alert-info a:hover.btn {
    text-decoration: none !important;
  }
  .alert-info.alert-icon::before {
    color: var(--info);
    content: "\f05a";
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | ALERT-LIGHT ---------------------------------------------------------------------------------------------------- */
  .alert-light {
    color: var(--font-color) !important;
    background-color: var(--light) !important;
    border-color: var(--gray-20) !important;
    border-top-color: var(--gray-20) !important;
    border-right-color: var(--gray-20) !important;
    border-bottom-color: var(--gray-20) !important;
    border-left-color: var(--gray-20) !important;
    border-width: 1px !important;
    border-top-width: 1px !important;
    border-right-width: 1px !important;
    border-bottom-width: 1px !important;
    border-left-width: 1px !important;
  }
  .alert-light h1, .alert-light h2, .alert-light h3, .alert-light h4, .alert-light h5, .alert-light h6, .alert-light p, .alert-light li, .alert-light sup, .alert-light th, .alert-light td, .alert-light label, .alert-light input, .alert-light select, .alert-light textarea, .alert-light span, .alert-light i, .alert-light svg {
    color: var(--font-color) !important;
  }
  .alert-light h1.text-default, .alert-light h2.text-default, .alert-light h3.text-default, .alert-light h4.text-default, .alert-light h5.text-default, .alert-light h6.text-default, .alert-light p.text-default, .alert-light li.text-default, .alert-light sup.text-default, .alert-light th.text-default, .alert-light td.text-default, .alert-light label.text-default, .alert-light input.text-default, .alert-light select.text-default, .alert-light textarea.text-default, .alert-light span.text-default, .alert-light i.text-default, .alert-light svg.text-default {
    color: var(--default) !important;
  }
  .alert-light h1.text-primary, .alert-light h2.text-primary, .alert-light h3.text-primary, .alert-light h4.text-primary, .alert-light h5.text-primary, .alert-light h6.text-primary, .alert-light p.text-primary, .alert-light li.text-primary, .alert-light sup.text-primary, .alert-light th.text-primary, .alert-light td.text-primary, .alert-light label.text-primary, .alert-light input.text-primary, .alert-light select.text-primary, .alert-light textarea.text-primary, .alert-light span.text-primary, .alert-light i.text-primary, .alert-light svg.text-primary {
    color: var(--primary) !important;
  }
  .alert-light h1.text-secondary, .alert-light h2.text-secondary, .alert-light h3.text-secondary, .alert-light h4.text-secondary, .alert-light h5.text-secondary, .alert-light h6.text-secondary, .alert-light p.text-secondary, .alert-light li.text-secondary, .alert-light sup.text-secondary, .alert-light th.text-secondary, .alert-light td.text-secondary, .alert-light label.text-secondary, .alert-light input.text-secondary, .alert-light select.text-secondary, .alert-light textarea.text-secondary, .alert-light span.text-secondary, .alert-light i.text-secondary, .alert-light svg.text-secondary {
    color: var(--secondary) !important;
  }
  .alert-light h1.text-info, .alert-light h2.text-info, .alert-light h3.text-info, .alert-light h4.text-info, .alert-light h5.text-info, .alert-light h6.text-info, .alert-light p.text-info, .alert-light li.text-info, .alert-light sup.text-info, .alert-light th.text-info, .alert-light td.text-info, .alert-light label.text-info, .alert-light input.text-info, .alert-light select.text-info, .alert-light textarea.text-info, .alert-light span.text-info, .alert-light i.text-info, .alert-light svg.text-info {
    color: var(--info) !important;
  }
  .alert-light h1.text-success, .alert-light h2.text-success, .alert-light h3.text-success, .alert-light h4.text-success, .alert-light h5.text-success, .alert-light h6.text-success, .alert-light p.text-success, .alert-light li.text-success, .alert-light sup.text-success, .alert-light th.text-success, .alert-light td.text-success, .alert-light label.text-success, .alert-light input.text-success, .alert-light select.text-success, .alert-light textarea.text-success, .alert-light span.text-success, .alert-light i.text-success, .alert-light svg.text-success {
    color: var(--success) !important;
  }
  .alert-light h1.text-warning, .alert-light h2.text-warning, .alert-light h3.text-warning, .alert-light h4.text-warning, .alert-light h5.text-warning, .alert-light h6.text-warning, .alert-light p.text-warning, .alert-light li.text-warning, .alert-light sup.text-warning, .alert-light th.text-warning, .alert-light td.text-warning, .alert-light label.text-warning, .alert-light input.text-warning, .alert-light select.text-warning, .alert-light textarea.text-warning, .alert-light span.text-warning, .alert-light i.text-warning, .alert-light svg.text-warning {
    color: var(--warning) !important;
  }
  .alert-light h1.text-danger, .alert-light h2.text-danger, .alert-light h3.text-danger, .alert-light h4.text-danger, .alert-light h5.text-danger, .alert-light h6.text-danger, .alert-light p.text-danger, .alert-light li.text-danger, .alert-light sup.text-danger, .alert-light th.text-danger, .alert-light td.text-danger, .alert-light label.text-danger, .alert-light input.text-danger, .alert-light select.text-danger, .alert-light textarea.text-danger, .alert-light span.text-danger, .alert-light i.text-danger, .alert-light svg.text-danger {
    color: var(--danger) !important;
  }
  .alert-light h1.text-gray, .alert-light h2.text-gray, .alert-light h3.text-gray, .alert-light h4.text-gray, .alert-light h5.text-gray, .alert-light h6.text-gray, .alert-light p.text-gray, .alert-light li.text-gray, .alert-light sup.text-gray, .alert-light th.text-gray, .alert-light td.text-gray, .alert-light label.text-gray, .alert-light input.text-gray, .alert-light select.text-gray, .alert-light textarea.text-gray, .alert-light span.text-gray, .alert-light i.text-gray, .alert-light svg.text-gray {
    color: var(--gray) !important;
  }
  .alert-light h1.text-gray-light, .alert-light h2.text-gray-light, .alert-light h3.text-gray-light, .alert-light h4.text-gray-light, .alert-light h5.text-gray-light, .alert-light h6.text-gray-light, .alert-light p.text-gray-light, .alert-light li.text-gray-light, .alert-light sup.text-gray-light, .alert-light th.text-gray-light, .alert-light td.text-gray-light, .alert-light label.text-gray-light, .alert-light input.text-gray-light, .alert-light select.text-gray-light, .alert-light textarea.text-gray-light, .alert-light span.text-gray-light, .alert-light i.text-gray-light, .alert-light svg.text-gray-light {
    color: var(--gray-70) !important;
  }
  .alert-light h1.text-gray-dark, .alert-light h2.text-gray-dark, .alert-light h3.text-gray-dark, .alert-light h4.text-gray-dark, .alert-light h5.text-gray-dark, .alert-light h6.text-gray-dark, .alert-light p.text-gray-dark, .alert-light li.text-gray-dark, .alert-light sup.text-gray-dark, .alert-light th.text-gray-dark, .alert-light td.text-gray-dark, .alert-light label.text-gray-dark, .alert-light input.text-gray-dark, .alert-light select.text-gray-dark, .alert-light textarea.text-gray-dark, .alert-light span.text-gray-dark, .alert-light i.text-gray-dark, .alert-light svg.text-gray-dark {
    color: var(--gray-dark-20) !important;
  }
  .alert-light h1.text-black, .alert-light h2.text-black, .alert-light h3.text-black, .alert-light h4.text-black, .alert-light h5.text-black, .alert-light h6.text-black, .alert-light p.text-black, .alert-light li.text-black, .alert-light sup.text-black, .alert-light th.text-black, .alert-light td.text-black, .alert-light label.text-black, .alert-light input.text-black, .alert-light select.text-black, .alert-light textarea.text-black, .alert-light span.text-black, .alert-light i.text-black, .alert-light svg.text-black {
    color: var(--black) !important;
  }
  .alert-light h1.text-white, .alert-light h2.text-white, .alert-light h3.text-white, .alert-light h4.text-white, .alert-light h5.text-white, .alert-light h6.text-white, .alert-light p.text-white, .alert-light li.text-white, .alert-light sup.text-white, .alert-light th.text-white, .alert-light td.text-white, .alert-light label.text-white, .alert-light input.text-white, .alert-light select.text-white, .alert-light textarea.text-white, .alert-light span.text-white, .alert-light i.text-white, .alert-light svg.text-white {
    color: var(--white) !important;
  }
  .alert-light h1.text-font-color, .alert-light h2.text-font-color, .alert-light h3.text-font-color, .alert-light h4.text-font-color, .alert-light h5.text-font-color, .alert-light h6.text-font-color, .alert-light p.text-font-color, .alert-light li.text-font-color, .alert-light sup.text-font-color, .alert-light th.text-font-color, .alert-light td.text-font-color, .alert-light label.text-font-color, .alert-light input.text-font-color, .alert-light select.text-font-color, .alert-light textarea.text-font-color, .alert-light span.text-font-color, .alert-light i.text-font-color, .alert-light svg.text-font-color {
    color: var(--font-color) !important;
  }
  .alert-light h1.text-font-color-light, .alert-light h2.text-font-color-light, .alert-light h3.text-font-color-light, .alert-light h4.text-font-color-light, .alert-light h5.text-font-color-light, .alert-light h6.text-font-color-light, .alert-light p.text-font-color-light, .alert-light li.text-font-color-light, .alert-light sup.text-font-color-light, .alert-light th.text-font-color-light, .alert-light td.text-font-color-light, .alert-light label.text-font-color-light, .alert-light input.text-font-color-light, .alert-light select.text-font-color-light, .alert-light textarea.text-font-color-light, .alert-light span.text-font-color-light, .alert-light i.text-font-color-light, .alert-light svg.text-font-color-light {
    color: var(--font-color-light) !important;
  }
  .alert-light h1.text-font-color-dark, .alert-light h2.text-font-color-dark, .alert-light h3.text-font-color-dark, .alert-light h4.text-font-color-dark, .alert-light h5.text-font-color-dark, .alert-light h6.text-font-color-dark, .alert-light p.text-font-color-dark, .alert-light li.text-font-color-dark, .alert-light sup.text-font-color-dark, .alert-light th.text-font-color-dark, .alert-light td.text-font-color-dark, .alert-light label.text-font-color-dark, .alert-light input.text-font-color-dark, .alert-light select.text-font-color-dark, .alert-light textarea.text-font-color-dark, .alert-light span.text-font-color-dark, .alert-light i.text-font-color-dark, .alert-light svg.text-font-color-dark {
    color: var(--font-color-dark) !important;
  }
  .alert-light a, .alert-light a:link, .alert-light a:visited, .alert-light a:hover, .alert-light a:active, .alert-light a:focus {
    color: var(--font-color);
    text-decoration: underline !important;
  }
  .alert-light a.btn, .alert-light a:link.btn, .alert-light a:visited.btn, .alert-light a:hover.btn, .alert-light a:active.btn, .alert-light a:focus.btn {
    text-decoration: none !important;
  }
  .alert-light a:hover.btn {
    text-decoration: none !important;
  }
  .alert-light.alert-icon::before {
    color: var(--font-color);
    content: "\f06a";
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | ALERT-NO-RESULTS ---------------------------------------------------------------------------------------------------- */
  .alert-no-results, .alert-no-results-sm, .alert-no-results-lg {
    padding: 30px 15px;
    text-align: center;
    color: var(--font-color) !important;
    background-color: var(--gray-5) !important;
    border: 1px solid var(--gray-3) !important;
  }
  .alert-no-results h1, .alert-no-results h2, .alert-no-results h3, .alert-no-results h4, .alert-no-results h5, .alert-no-results h6, .alert-no-results p, .alert-no-results li, .alert-no-results sup, .alert-no-results th, .alert-no-results td, .alert-no-results label, .alert-no-results input, .alert-no-results select, .alert-no-results textarea, .alert-no-results span, .alert-no-results i, .alert-no-results svg, .alert-no-results-sm h1, .alert-no-results-sm h2, .alert-no-results-sm h3, .alert-no-results-sm h4, .alert-no-results-sm h5, .alert-no-results-sm h6, .alert-no-results-sm p, .alert-no-results-sm li, .alert-no-results-sm sup, .alert-no-results-sm th, .alert-no-results-sm td, .alert-no-results-sm label, .alert-no-results-sm input, .alert-no-results-sm select, .alert-no-results-sm textarea, .alert-no-results-sm span, .alert-no-results-sm i, .alert-no-results-sm svg, .alert-no-results-lg h1, .alert-no-results-lg h2, .alert-no-results-lg h3, .alert-no-results-lg h4, .alert-no-results-lg h5, .alert-no-results-lg h6, .alert-no-results-lg p, .alert-no-results-lg li, .alert-no-results-lg sup, .alert-no-results-lg th, .alert-no-results-lg td, .alert-no-results-lg label, .alert-no-results-lg input, .alert-no-results-lg select, .alert-no-results-lg textarea, .alert-no-results-lg span, .alert-no-results-lg i, .alert-no-results-lg svg {
    color: var(--font-color) !important;
  }
  .alert-no-results h1.text-default, .alert-no-results h2.text-default, .alert-no-results h3.text-default, .alert-no-results h4.text-default, .alert-no-results h5.text-default, .alert-no-results h6.text-default, .alert-no-results p.text-default, .alert-no-results li.text-default, .alert-no-results sup.text-default, .alert-no-results th.text-default, .alert-no-results td.text-default, .alert-no-results label.text-default, .alert-no-results input.text-default, .alert-no-results select.text-default, .alert-no-results textarea.text-default, .alert-no-results span.text-default, .alert-no-results i.text-default, .alert-no-results svg.text-default, .alert-no-results-sm h1.text-default, .alert-no-results-sm h2.text-default, .alert-no-results-sm h3.text-default, .alert-no-results-sm h4.text-default, .alert-no-results-sm h5.text-default, .alert-no-results-sm h6.text-default, .alert-no-results-sm p.text-default, .alert-no-results-sm li.text-default, .alert-no-results-sm sup.text-default, .alert-no-results-sm th.text-default, .alert-no-results-sm td.text-default, .alert-no-results-sm label.text-default, .alert-no-results-sm input.text-default, .alert-no-results-sm select.text-default, .alert-no-results-sm textarea.text-default, .alert-no-results-sm span.text-default, .alert-no-results-sm i.text-default, .alert-no-results-sm svg.text-default, .alert-no-results-lg h1.text-default, .alert-no-results-lg h2.text-default, .alert-no-results-lg h3.text-default, .alert-no-results-lg h4.text-default, .alert-no-results-lg h5.text-default, .alert-no-results-lg h6.text-default, .alert-no-results-lg p.text-default, .alert-no-results-lg li.text-default, .alert-no-results-lg sup.text-default, .alert-no-results-lg th.text-default, .alert-no-results-lg td.text-default, .alert-no-results-lg label.text-default, .alert-no-results-lg input.text-default, .alert-no-results-lg select.text-default, .alert-no-results-lg textarea.text-default, .alert-no-results-lg span.text-default, .alert-no-results-lg i.text-default, .alert-no-results-lg svg.text-default {
    color: var(--default) !important;
  }
  .alert-no-results h1.text-primary, .alert-no-results h2.text-primary, .alert-no-results h3.text-primary, .alert-no-results h4.text-primary, .alert-no-results h5.text-primary, .alert-no-results h6.text-primary, .alert-no-results p.text-primary, .alert-no-results li.text-primary, .alert-no-results sup.text-primary, .alert-no-results th.text-primary, .alert-no-results td.text-primary, .alert-no-results label.text-primary, .alert-no-results input.text-primary, .alert-no-results select.text-primary, .alert-no-results textarea.text-primary, .alert-no-results span.text-primary, .alert-no-results i.text-primary, .alert-no-results svg.text-primary, .alert-no-results-sm h1.text-primary, .alert-no-results-sm h2.text-primary, .alert-no-results-sm h3.text-primary, .alert-no-results-sm h4.text-primary, .alert-no-results-sm h5.text-primary, .alert-no-results-sm h6.text-primary, .alert-no-results-sm p.text-primary, .alert-no-results-sm li.text-primary, .alert-no-results-sm sup.text-primary, .alert-no-results-sm th.text-primary, .alert-no-results-sm td.text-primary, .alert-no-results-sm label.text-primary, .alert-no-results-sm input.text-primary, .alert-no-results-sm select.text-primary, .alert-no-results-sm textarea.text-primary, .alert-no-results-sm span.text-primary, .alert-no-results-sm i.text-primary, .alert-no-results-sm svg.text-primary, .alert-no-results-lg h1.text-primary, .alert-no-results-lg h2.text-primary, .alert-no-results-lg h3.text-primary, .alert-no-results-lg h4.text-primary, .alert-no-results-lg h5.text-primary, .alert-no-results-lg h6.text-primary, .alert-no-results-lg p.text-primary, .alert-no-results-lg li.text-primary, .alert-no-results-lg sup.text-primary, .alert-no-results-lg th.text-primary, .alert-no-results-lg td.text-primary, .alert-no-results-lg label.text-primary, .alert-no-results-lg input.text-primary, .alert-no-results-lg select.text-primary, .alert-no-results-lg textarea.text-primary, .alert-no-results-lg span.text-primary, .alert-no-results-lg i.text-primary, .alert-no-results-lg svg.text-primary {
    color: var(--primary) !important;
  }
  .alert-no-results h1.text-secondary, .alert-no-results h2.text-secondary, .alert-no-results h3.text-secondary, .alert-no-results h4.text-secondary, .alert-no-results h5.text-secondary, .alert-no-results h6.text-secondary, .alert-no-results p.text-secondary, .alert-no-results li.text-secondary, .alert-no-results sup.text-secondary, .alert-no-results th.text-secondary, .alert-no-results td.text-secondary, .alert-no-results label.text-secondary, .alert-no-results input.text-secondary, .alert-no-results select.text-secondary, .alert-no-results textarea.text-secondary, .alert-no-results span.text-secondary, .alert-no-results i.text-secondary, .alert-no-results svg.text-secondary, .alert-no-results-sm h1.text-secondary, .alert-no-results-sm h2.text-secondary, .alert-no-results-sm h3.text-secondary, .alert-no-results-sm h4.text-secondary, .alert-no-results-sm h5.text-secondary, .alert-no-results-sm h6.text-secondary, .alert-no-results-sm p.text-secondary, .alert-no-results-sm li.text-secondary, .alert-no-results-sm sup.text-secondary, .alert-no-results-sm th.text-secondary, .alert-no-results-sm td.text-secondary, .alert-no-results-sm label.text-secondary, .alert-no-results-sm input.text-secondary, .alert-no-results-sm select.text-secondary, .alert-no-results-sm textarea.text-secondary, .alert-no-results-sm span.text-secondary, .alert-no-results-sm i.text-secondary, .alert-no-results-sm svg.text-secondary, .alert-no-results-lg h1.text-secondary, .alert-no-results-lg h2.text-secondary, .alert-no-results-lg h3.text-secondary, .alert-no-results-lg h4.text-secondary, .alert-no-results-lg h5.text-secondary, .alert-no-results-lg h6.text-secondary, .alert-no-results-lg p.text-secondary, .alert-no-results-lg li.text-secondary, .alert-no-results-lg sup.text-secondary, .alert-no-results-lg th.text-secondary, .alert-no-results-lg td.text-secondary, .alert-no-results-lg label.text-secondary, .alert-no-results-lg input.text-secondary, .alert-no-results-lg select.text-secondary, .alert-no-results-lg textarea.text-secondary, .alert-no-results-lg span.text-secondary, .alert-no-results-lg i.text-secondary, .alert-no-results-lg svg.text-secondary {
    color: var(--secondary) !important;
  }
  .alert-no-results h1.text-info, .alert-no-results h2.text-info, .alert-no-results h3.text-info, .alert-no-results h4.text-info, .alert-no-results h5.text-info, .alert-no-results h6.text-info, .alert-no-results p.text-info, .alert-no-results li.text-info, .alert-no-results sup.text-info, .alert-no-results th.text-info, .alert-no-results td.text-info, .alert-no-results label.text-info, .alert-no-results input.text-info, .alert-no-results select.text-info, .alert-no-results textarea.text-info, .alert-no-results span.text-info, .alert-no-results i.text-info, .alert-no-results svg.text-info, .alert-no-results-sm h1.text-info, .alert-no-results-sm h2.text-info, .alert-no-results-sm h3.text-info, .alert-no-results-sm h4.text-info, .alert-no-results-sm h5.text-info, .alert-no-results-sm h6.text-info, .alert-no-results-sm p.text-info, .alert-no-results-sm li.text-info, .alert-no-results-sm sup.text-info, .alert-no-results-sm th.text-info, .alert-no-results-sm td.text-info, .alert-no-results-sm label.text-info, .alert-no-results-sm input.text-info, .alert-no-results-sm select.text-info, .alert-no-results-sm textarea.text-info, .alert-no-results-sm span.text-info, .alert-no-results-sm i.text-info, .alert-no-results-sm svg.text-info, .alert-no-results-lg h1.text-info, .alert-no-results-lg h2.text-info, .alert-no-results-lg h3.text-info, .alert-no-results-lg h4.text-info, .alert-no-results-lg h5.text-info, .alert-no-results-lg h6.text-info, .alert-no-results-lg p.text-info, .alert-no-results-lg li.text-info, .alert-no-results-lg sup.text-info, .alert-no-results-lg th.text-info, .alert-no-results-lg td.text-info, .alert-no-results-lg label.text-info, .alert-no-results-lg input.text-info, .alert-no-results-lg select.text-info, .alert-no-results-lg textarea.text-info, .alert-no-results-lg span.text-info, .alert-no-results-lg i.text-info, .alert-no-results-lg svg.text-info {
    color: var(--info) !important;
  }
  .alert-no-results h1.text-success, .alert-no-results h2.text-success, .alert-no-results h3.text-success, .alert-no-results h4.text-success, .alert-no-results h5.text-success, .alert-no-results h6.text-success, .alert-no-results p.text-success, .alert-no-results li.text-success, .alert-no-results sup.text-success, .alert-no-results th.text-success, .alert-no-results td.text-success, .alert-no-results label.text-success, .alert-no-results input.text-success, .alert-no-results select.text-success, .alert-no-results textarea.text-success, .alert-no-results span.text-success, .alert-no-results i.text-success, .alert-no-results svg.text-success, .alert-no-results-sm h1.text-success, .alert-no-results-sm h2.text-success, .alert-no-results-sm h3.text-success, .alert-no-results-sm h4.text-success, .alert-no-results-sm h5.text-success, .alert-no-results-sm h6.text-success, .alert-no-results-sm p.text-success, .alert-no-results-sm li.text-success, .alert-no-results-sm sup.text-success, .alert-no-results-sm th.text-success, .alert-no-results-sm td.text-success, .alert-no-results-sm label.text-success, .alert-no-results-sm input.text-success, .alert-no-results-sm select.text-success, .alert-no-results-sm textarea.text-success, .alert-no-results-sm span.text-success, .alert-no-results-sm i.text-success, .alert-no-results-sm svg.text-success, .alert-no-results-lg h1.text-success, .alert-no-results-lg h2.text-success, .alert-no-results-lg h3.text-success, .alert-no-results-lg h4.text-success, .alert-no-results-lg h5.text-success, .alert-no-results-lg h6.text-success, .alert-no-results-lg p.text-success, .alert-no-results-lg li.text-success, .alert-no-results-lg sup.text-success, .alert-no-results-lg th.text-success, .alert-no-results-lg td.text-success, .alert-no-results-lg label.text-success, .alert-no-results-lg input.text-success, .alert-no-results-lg select.text-success, .alert-no-results-lg textarea.text-success, .alert-no-results-lg span.text-success, .alert-no-results-lg i.text-success, .alert-no-results-lg svg.text-success {
    color: var(--success) !important;
  }
  .alert-no-results h1.text-warning, .alert-no-results h2.text-warning, .alert-no-results h3.text-warning, .alert-no-results h4.text-warning, .alert-no-results h5.text-warning, .alert-no-results h6.text-warning, .alert-no-results p.text-warning, .alert-no-results li.text-warning, .alert-no-results sup.text-warning, .alert-no-results th.text-warning, .alert-no-results td.text-warning, .alert-no-results label.text-warning, .alert-no-results input.text-warning, .alert-no-results select.text-warning, .alert-no-results textarea.text-warning, .alert-no-results span.text-warning, .alert-no-results i.text-warning, .alert-no-results svg.text-warning, .alert-no-results-sm h1.text-warning, .alert-no-results-sm h2.text-warning, .alert-no-results-sm h3.text-warning, .alert-no-results-sm h4.text-warning, .alert-no-results-sm h5.text-warning, .alert-no-results-sm h6.text-warning, .alert-no-results-sm p.text-warning, .alert-no-results-sm li.text-warning, .alert-no-results-sm sup.text-warning, .alert-no-results-sm th.text-warning, .alert-no-results-sm td.text-warning, .alert-no-results-sm label.text-warning, .alert-no-results-sm input.text-warning, .alert-no-results-sm select.text-warning, .alert-no-results-sm textarea.text-warning, .alert-no-results-sm span.text-warning, .alert-no-results-sm i.text-warning, .alert-no-results-sm svg.text-warning, .alert-no-results-lg h1.text-warning, .alert-no-results-lg h2.text-warning, .alert-no-results-lg h3.text-warning, .alert-no-results-lg h4.text-warning, .alert-no-results-lg h5.text-warning, .alert-no-results-lg h6.text-warning, .alert-no-results-lg p.text-warning, .alert-no-results-lg li.text-warning, .alert-no-results-lg sup.text-warning, .alert-no-results-lg th.text-warning, .alert-no-results-lg td.text-warning, .alert-no-results-lg label.text-warning, .alert-no-results-lg input.text-warning, .alert-no-results-lg select.text-warning, .alert-no-results-lg textarea.text-warning, .alert-no-results-lg span.text-warning, .alert-no-results-lg i.text-warning, .alert-no-results-lg svg.text-warning {
    color: var(--warning) !important;
  }
  .alert-no-results h1.text-danger, .alert-no-results h2.text-danger, .alert-no-results h3.text-danger, .alert-no-results h4.text-danger, .alert-no-results h5.text-danger, .alert-no-results h6.text-danger, .alert-no-results p.text-danger, .alert-no-results li.text-danger, .alert-no-results sup.text-danger, .alert-no-results th.text-danger, .alert-no-results td.text-danger, .alert-no-results label.text-danger, .alert-no-results input.text-danger, .alert-no-results select.text-danger, .alert-no-results textarea.text-danger, .alert-no-results span.text-danger, .alert-no-results i.text-danger, .alert-no-results svg.text-danger, .alert-no-results-sm h1.text-danger, .alert-no-results-sm h2.text-danger, .alert-no-results-sm h3.text-danger, .alert-no-results-sm h4.text-danger, .alert-no-results-sm h5.text-danger, .alert-no-results-sm h6.text-danger, .alert-no-results-sm p.text-danger, .alert-no-results-sm li.text-danger, .alert-no-results-sm sup.text-danger, .alert-no-results-sm th.text-danger, .alert-no-results-sm td.text-danger, .alert-no-results-sm label.text-danger, .alert-no-results-sm input.text-danger, .alert-no-results-sm select.text-danger, .alert-no-results-sm textarea.text-danger, .alert-no-results-sm span.text-danger, .alert-no-results-sm i.text-danger, .alert-no-results-sm svg.text-danger, .alert-no-results-lg h1.text-danger, .alert-no-results-lg h2.text-danger, .alert-no-results-lg h3.text-danger, .alert-no-results-lg h4.text-danger, .alert-no-results-lg h5.text-danger, .alert-no-results-lg h6.text-danger, .alert-no-results-lg p.text-danger, .alert-no-results-lg li.text-danger, .alert-no-results-lg sup.text-danger, .alert-no-results-lg th.text-danger, .alert-no-results-lg td.text-danger, .alert-no-results-lg label.text-danger, .alert-no-results-lg input.text-danger, .alert-no-results-lg select.text-danger, .alert-no-results-lg textarea.text-danger, .alert-no-results-lg span.text-danger, .alert-no-results-lg i.text-danger, .alert-no-results-lg svg.text-danger {
    color: var(--danger) !important;
  }
  .alert-no-results h1.text-gray, .alert-no-results h2.text-gray, .alert-no-results h3.text-gray, .alert-no-results h4.text-gray, .alert-no-results h5.text-gray, .alert-no-results h6.text-gray, .alert-no-results p.text-gray, .alert-no-results li.text-gray, .alert-no-results sup.text-gray, .alert-no-results th.text-gray, .alert-no-results td.text-gray, .alert-no-results label.text-gray, .alert-no-results input.text-gray, .alert-no-results select.text-gray, .alert-no-results textarea.text-gray, .alert-no-results span.text-gray, .alert-no-results i.text-gray, .alert-no-results svg.text-gray, .alert-no-results-sm h1.text-gray, .alert-no-results-sm h2.text-gray, .alert-no-results-sm h3.text-gray, .alert-no-results-sm h4.text-gray, .alert-no-results-sm h5.text-gray, .alert-no-results-sm h6.text-gray, .alert-no-results-sm p.text-gray, .alert-no-results-sm li.text-gray, .alert-no-results-sm sup.text-gray, .alert-no-results-sm th.text-gray, .alert-no-results-sm td.text-gray, .alert-no-results-sm label.text-gray, .alert-no-results-sm input.text-gray, .alert-no-results-sm select.text-gray, .alert-no-results-sm textarea.text-gray, .alert-no-results-sm span.text-gray, .alert-no-results-sm i.text-gray, .alert-no-results-sm svg.text-gray, .alert-no-results-lg h1.text-gray, .alert-no-results-lg h2.text-gray, .alert-no-results-lg h3.text-gray, .alert-no-results-lg h4.text-gray, .alert-no-results-lg h5.text-gray, .alert-no-results-lg h6.text-gray, .alert-no-results-lg p.text-gray, .alert-no-results-lg li.text-gray, .alert-no-results-lg sup.text-gray, .alert-no-results-lg th.text-gray, .alert-no-results-lg td.text-gray, .alert-no-results-lg label.text-gray, .alert-no-results-lg input.text-gray, .alert-no-results-lg select.text-gray, .alert-no-results-lg textarea.text-gray, .alert-no-results-lg span.text-gray, .alert-no-results-lg i.text-gray, .alert-no-results-lg svg.text-gray {
    color: var(--gray) !important;
  }
  .alert-no-results h1.text-gray-light, .alert-no-results h2.text-gray-light, .alert-no-results h3.text-gray-light, .alert-no-results h4.text-gray-light, .alert-no-results h5.text-gray-light, .alert-no-results h6.text-gray-light, .alert-no-results p.text-gray-light, .alert-no-results li.text-gray-light, .alert-no-results sup.text-gray-light, .alert-no-results th.text-gray-light, .alert-no-results td.text-gray-light, .alert-no-results label.text-gray-light, .alert-no-results input.text-gray-light, .alert-no-results select.text-gray-light, .alert-no-results textarea.text-gray-light, .alert-no-results span.text-gray-light, .alert-no-results i.text-gray-light, .alert-no-results svg.text-gray-light, .alert-no-results-sm h1.text-gray-light, .alert-no-results-sm h2.text-gray-light, .alert-no-results-sm h3.text-gray-light, .alert-no-results-sm h4.text-gray-light, .alert-no-results-sm h5.text-gray-light, .alert-no-results-sm h6.text-gray-light, .alert-no-results-sm p.text-gray-light, .alert-no-results-sm li.text-gray-light, .alert-no-results-sm sup.text-gray-light, .alert-no-results-sm th.text-gray-light, .alert-no-results-sm td.text-gray-light, .alert-no-results-sm label.text-gray-light, .alert-no-results-sm input.text-gray-light, .alert-no-results-sm select.text-gray-light, .alert-no-results-sm textarea.text-gray-light, .alert-no-results-sm span.text-gray-light, .alert-no-results-sm i.text-gray-light, .alert-no-results-sm svg.text-gray-light, .alert-no-results-lg h1.text-gray-light, .alert-no-results-lg h2.text-gray-light, .alert-no-results-lg h3.text-gray-light, .alert-no-results-lg h4.text-gray-light, .alert-no-results-lg h5.text-gray-light, .alert-no-results-lg h6.text-gray-light, .alert-no-results-lg p.text-gray-light, .alert-no-results-lg li.text-gray-light, .alert-no-results-lg sup.text-gray-light, .alert-no-results-lg th.text-gray-light, .alert-no-results-lg td.text-gray-light, .alert-no-results-lg label.text-gray-light, .alert-no-results-lg input.text-gray-light, .alert-no-results-lg select.text-gray-light, .alert-no-results-lg textarea.text-gray-light, .alert-no-results-lg span.text-gray-light, .alert-no-results-lg i.text-gray-light, .alert-no-results-lg svg.text-gray-light {
    color: var(--gray-70) !important;
  }
  .alert-no-results h1.text-gray-dark, .alert-no-results h2.text-gray-dark, .alert-no-results h3.text-gray-dark, .alert-no-results h4.text-gray-dark, .alert-no-results h5.text-gray-dark, .alert-no-results h6.text-gray-dark, .alert-no-results p.text-gray-dark, .alert-no-results li.text-gray-dark, .alert-no-results sup.text-gray-dark, .alert-no-results th.text-gray-dark, .alert-no-results td.text-gray-dark, .alert-no-results label.text-gray-dark, .alert-no-results input.text-gray-dark, .alert-no-results select.text-gray-dark, .alert-no-results textarea.text-gray-dark, .alert-no-results span.text-gray-dark, .alert-no-results i.text-gray-dark, .alert-no-results svg.text-gray-dark, .alert-no-results-sm h1.text-gray-dark, .alert-no-results-sm h2.text-gray-dark, .alert-no-results-sm h3.text-gray-dark, .alert-no-results-sm h4.text-gray-dark, .alert-no-results-sm h5.text-gray-dark, .alert-no-results-sm h6.text-gray-dark, .alert-no-results-sm p.text-gray-dark, .alert-no-results-sm li.text-gray-dark, .alert-no-results-sm sup.text-gray-dark, .alert-no-results-sm th.text-gray-dark, .alert-no-results-sm td.text-gray-dark, .alert-no-results-sm label.text-gray-dark, .alert-no-results-sm input.text-gray-dark, .alert-no-results-sm select.text-gray-dark, .alert-no-results-sm textarea.text-gray-dark, .alert-no-results-sm span.text-gray-dark, .alert-no-results-sm i.text-gray-dark, .alert-no-results-sm svg.text-gray-dark, .alert-no-results-lg h1.text-gray-dark, .alert-no-results-lg h2.text-gray-dark, .alert-no-results-lg h3.text-gray-dark, .alert-no-results-lg h4.text-gray-dark, .alert-no-results-lg h5.text-gray-dark, .alert-no-results-lg h6.text-gray-dark, .alert-no-results-lg p.text-gray-dark, .alert-no-results-lg li.text-gray-dark, .alert-no-results-lg sup.text-gray-dark, .alert-no-results-lg th.text-gray-dark, .alert-no-results-lg td.text-gray-dark, .alert-no-results-lg label.text-gray-dark, .alert-no-results-lg input.text-gray-dark, .alert-no-results-lg select.text-gray-dark, .alert-no-results-lg textarea.text-gray-dark, .alert-no-results-lg span.text-gray-dark, .alert-no-results-lg i.text-gray-dark, .alert-no-results-lg svg.text-gray-dark {
    color: var(--gray-dark-20) !important;
  }
  .alert-no-results h1.text-black, .alert-no-results h2.text-black, .alert-no-results h3.text-black, .alert-no-results h4.text-black, .alert-no-results h5.text-black, .alert-no-results h6.text-black, .alert-no-results p.text-black, .alert-no-results li.text-black, .alert-no-results sup.text-black, .alert-no-results th.text-black, .alert-no-results td.text-black, .alert-no-results label.text-black, .alert-no-results input.text-black, .alert-no-results select.text-black, .alert-no-results textarea.text-black, .alert-no-results span.text-black, .alert-no-results i.text-black, .alert-no-results svg.text-black, .alert-no-results-sm h1.text-black, .alert-no-results-sm h2.text-black, .alert-no-results-sm h3.text-black, .alert-no-results-sm h4.text-black, .alert-no-results-sm h5.text-black, .alert-no-results-sm h6.text-black, .alert-no-results-sm p.text-black, .alert-no-results-sm li.text-black, .alert-no-results-sm sup.text-black, .alert-no-results-sm th.text-black, .alert-no-results-sm td.text-black, .alert-no-results-sm label.text-black, .alert-no-results-sm input.text-black, .alert-no-results-sm select.text-black, .alert-no-results-sm textarea.text-black, .alert-no-results-sm span.text-black, .alert-no-results-sm i.text-black, .alert-no-results-sm svg.text-black, .alert-no-results-lg h1.text-black, .alert-no-results-lg h2.text-black, .alert-no-results-lg h3.text-black, .alert-no-results-lg h4.text-black, .alert-no-results-lg h5.text-black, .alert-no-results-lg h6.text-black, .alert-no-results-lg p.text-black, .alert-no-results-lg li.text-black, .alert-no-results-lg sup.text-black, .alert-no-results-lg th.text-black, .alert-no-results-lg td.text-black, .alert-no-results-lg label.text-black, .alert-no-results-lg input.text-black, .alert-no-results-lg select.text-black, .alert-no-results-lg textarea.text-black, .alert-no-results-lg span.text-black, .alert-no-results-lg i.text-black, .alert-no-results-lg svg.text-black {
    color: var(--black) !important;
  }
  .alert-no-results h1.text-white, .alert-no-results h2.text-white, .alert-no-results h3.text-white, .alert-no-results h4.text-white, .alert-no-results h5.text-white, .alert-no-results h6.text-white, .alert-no-results p.text-white, .alert-no-results li.text-white, .alert-no-results sup.text-white, .alert-no-results th.text-white, .alert-no-results td.text-white, .alert-no-results label.text-white, .alert-no-results input.text-white, .alert-no-results select.text-white, .alert-no-results textarea.text-white, .alert-no-results span.text-white, .alert-no-results i.text-white, .alert-no-results svg.text-white, .alert-no-results-sm h1.text-white, .alert-no-results-sm h2.text-white, .alert-no-results-sm h3.text-white, .alert-no-results-sm h4.text-white, .alert-no-results-sm h5.text-white, .alert-no-results-sm h6.text-white, .alert-no-results-sm p.text-white, .alert-no-results-sm li.text-white, .alert-no-results-sm sup.text-white, .alert-no-results-sm th.text-white, .alert-no-results-sm td.text-white, .alert-no-results-sm label.text-white, .alert-no-results-sm input.text-white, .alert-no-results-sm select.text-white, .alert-no-results-sm textarea.text-white, .alert-no-results-sm span.text-white, .alert-no-results-sm i.text-white, .alert-no-results-sm svg.text-white, .alert-no-results-lg h1.text-white, .alert-no-results-lg h2.text-white, .alert-no-results-lg h3.text-white, .alert-no-results-lg h4.text-white, .alert-no-results-lg h5.text-white, .alert-no-results-lg h6.text-white, .alert-no-results-lg p.text-white, .alert-no-results-lg li.text-white, .alert-no-results-lg sup.text-white, .alert-no-results-lg th.text-white, .alert-no-results-lg td.text-white, .alert-no-results-lg label.text-white, .alert-no-results-lg input.text-white, .alert-no-results-lg select.text-white, .alert-no-results-lg textarea.text-white, .alert-no-results-lg span.text-white, .alert-no-results-lg i.text-white, .alert-no-results-lg svg.text-white {
    color: var(--white) !important;
  }
  .alert-no-results h1.text-font-color, .alert-no-results h2.text-font-color, .alert-no-results h3.text-font-color, .alert-no-results h4.text-font-color, .alert-no-results h5.text-font-color, .alert-no-results h6.text-font-color, .alert-no-results p.text-font-color, .alert-no-results li.text-font-color, .alert-no-results sup.text-font-color, .alert-no-results th.text-font-color, .alert-no-results td.text-font-color, .alert-no-results label.text-font-color, .alert-no-results input.text-font-color, .alert-no-results select.text-font-color, .alert-no-results textarea.text-font-color, .alert-no-results span.text-font-color, .alert-no-results i.text-font-color, .alert-no-results svg.text-font-color, .alert-no-results-sm h1.text-font-color, .alert-no-results-sm h2.text-font-color, .alert-no-results-sm h3.text-font-color, .alert-no-results-sm h4.text-font-color, .alert-no-results-sm h5.text-font-color, .alert-no-results-sm h6.text-font-color, .alert-no-results-sm p.text-font-color, .alert-no-results-sm li.text-font-color, .alert-no-results-sm sup.text-font-color, .alert-no-results-sm th.text-font-color, .alert-no-results-sm td.text-font-color, .alert-no-results-sm label.text-font-color, .alert-no-results-sm input.text-font-color, .alert-no-results-sm select.text-font-color, .alert-no-results-sm textarea.text-font-color, .alert-no-results-sm span.text-font-color, .alert-no-results-sm i.text-font-color, .alert-no-results-sm svg.text-font-color, .alert-no-results-lg h1.text-font-color, .alert-no-results-lg h2.text-font-color, .alert-no-results-lg h3.text-font-color, .alert-no-results-lg h4.text-font-color, .alert-no-results-lg h5.text-font-color, .alert-no-results-lg h6.text-font-color, .alert-no-results-lg p.text-font-color, .alert-no-results-lg li.text-font-color, .alert-no-results-lg sup.text-font-color, .alert-no-results-lg th.text-font-color, .alert-no-results-lg td.text-font-color, .alert-no-results-lg label.text-font-color, .alert-no-results-lg input.text-font-color, .alert-no-results-lg select.text-font-color, .alert-no-results-lg textarea.text-font-color, .alert-no-results-lg span.text-font-color, .alert-no-results-lg i.text-font-color, .alert-no-results-lg svg.text-font-color {
    color: var(--font-color) !important;
  }
  .alert-no-results h1.text-font-color-light, .alert-no-results h2.text-font-color-light, .alert-no-results h3.text-font-color-light, .alert-no-results h4.text-font-color-light, .alert-no-results h5.text-font-color-light, .alert-no-results h6.text-font-color-light, .alert-no-results p.text-font-color-light, .alert-no-results li.text-font-color-light, .alert-no-results sup.text-font-color-light, .alert-no-results th.text-font-color-light, .alert-no-results td.text-font-color-light, .alert-no-results label.text-font-color-light, .alert-no-results input.text-font-color-light, .alert-no-results select.text-font-color-light, .alert-no-results textarea.text-font-color-light, .alert-no-results span.text-font-color-light, .alert-no-results i.text-font-color-light, .alert-no-results svg.text-font-color-light, .alert-no-results-sm h1.text-font-color-light, .alert-no-results-sm h2.text-font-color-light, .alert-no-results-sm h3.text-font-color-light, .alert-no-results-sm h4.text-font-color-light, .alert-no-results-sm h5.text-font-color-light, .alert-no-results-sm h6.text-font-color-light, .alert-no-results-sm p.text-font-color-light, .alert-no-results-sm li.text-font-color-light, .alert-no-results-sm sup.text-font-color-light, .alert-no-results-sm th.text-font-color-light, .alert-no-results-sm td.text-font-color-light, .alert-no-results-sm label.text-font-color-light, .alert-no-results-sm input.text-font-color-light, .alert-no-results-sm select.text-font-color-light, .alert-no-results-sm textarea.text-font-color-light, .alert-no-results-sm span.text-font-color-light, .alert-no-results-sm i.text-font-color-light, .alert-no-results-sm svg.text-font-color-light, .alert-no-results-lg h1.text-font-color-light, .alert-no-results-lg h2.text-font-color-light, .alert-no-results-lg h3.text-font-color-light, .alert-no-results-lg h4.text-font-color-light, .alert-no-results-lg h5.text-font-color-light, .alert-no-results-lg h6.text-font-color-light, .alert-no-results-lg p.text-font-color-light, .alert-no-results-lg li.text-font-color-light, .alert-no-results-lg sup.text-font-color-light, .alert-no-results-lg th.text-font-color-light, .alert-no-results-lg td.text-font-color-light, .alert-no-results-lg label.text-font-color-light, .alert-no-results-lg input.text-font-color-light, .alert-no-results-lg select.text-font-color-light, .alert-no-results-lg textarea.text-font-color-light, .alert-no-results-lg span.text-font-color-light, .alert-no-results-lg i.text-font-color-light, .alert-no-results-lg svg.text-font-color-light {
    color: var(--font-color-light) !important;
  }
  .alert-no-results h1.text-font-color-dark, .alert-no-results h2.text-font-color-dark, .alert-no-results h3.text-font-color-dark, .alert-no-results h4.text-font-color-dark, .alert-no-results h5.text-font-color-dark, .alert-no-results h6.text-font-color-dark, .alert-no-results p.text-font-color-dark, .alert-no-results li.text-font-color-dark, .alert-no-results sup.text-font-color-dark, .alert-no-results th.text-font-color-dark, .alert-no-results td.text-font-color-dark, .alert-no-results label.text-font-color-dark, .alert-no-results input.text-font-color-dark, .alert-no-results select.text-font-color-dark, .alert-no-results textarea.text-font-color-dark, .alert-no-results span.text-font-color-dark, .alert-no-results i.text-font-color-dark, .alert-no-results svg.text-font-color-dark, .alert-no-results-sm h1.text-font-color-dark, .alert-no-results-sm h2.text-font-color-dark, .alert-no-results-sm h3.text-font-color-dark, .alert-no-results-sm h4.text-font-color-dark, .alert-no-results-sm h5.text-font-color-dark, .alert-no-results-sm h6.text-font-color-dark, .alert-no-results-sm p.text-font-color-dark, .alert-no-results-sm li.text-font-color-dark, .alert-no-results-sm sup.text-font-color-dark, .alert-no-results-sm th.text-font-color-dark, .alert-no-results-sm td.text-font-color-dark, .alert-no-results-sm label.text-font-color-dark, .alert-no-results-sm input.text-font-color-dark, .alert-no-results-sm select.text-font-color-dark, .alert-no-results-sm textarea.text-font-color-dark, .alert-no-results-sm span.text-font-color-dark, .alert-no-results-sm i.text-font-color-dark, .alert-no-results-sm svg.text-font-color-dark, .alert-no-results-lg h1.text-font-color-dark, .alert-no-results-lg h2.text-font-color-dark, .alert-no-results-lg h3.text-font-color-dark, .alert-no-results-lg h4.text-font-color-dark, .alert-no-results-lg h5.text-font-color-dark, .alert-no-results-lg h6.text-font-color-dark, .alert-no-results-lg p.text-font-color-dark, .alert-no-results-lg li.text-font-color-dark, .alert-no-results-lg sup.text-font-color-dark, .alert-no-results-lg th.text-font-color-dark, .alert-no-results-lg td.text-font-color-dark, .alert-no-results-lg label.text-font-color-dark, .alert-no-results-lg input.text-font-color-dark, .alert-no-results-lg select.text-font-color-dark, .alert-no-results-lg textarea.text-font-color-dark, .alert-no-results-lg span.text-font-color-dark, .alert-no-results-lg i.text-font-color-dark, .alert-no-results-lg svg.text-font-color-dark {
    color: var(--font-color-dark) !important;
  }
  .alert-no-results a, .alert-no-results a:link, .alert-no-results a:visited, .alert-no-results a:hover, .alert-no-results a:active, .alert-no-results a:focus, .alert-no-results-sm a, .alert-no-results-sm a:link, .alert-no-results-sm a:visited, .alert-no-results-sm a:hover, .alert-no-results-sm a:active, .alert-no-results-sm a:focus, .alert-no-results-lg a, .alert-no-results-lg a:link, .alert-no-results-lg a:visited, .alert-no-results-lg a:hover, .alert-no-results-lg a:active, .alert-no-results-lg a:focus {
    color: var(--font-color);
    text-decoration: underline !important;
  }
  .alert-no-results a.btn, .alert-no-results a:link.btn, .alert-no-results a:visited.btn, .alert-no-results a:hover.btn, .alert-no-results a:active.btn, .alert-no-results a:focus.btn, .alert-no-results-sm a.btn, .alert-no-results-sm a:link.btn, .alert-no-results-sm a:visited.btn, .alert-no-results-sm a:hover.btn, .alert-no-results-sm a:active.btn, .alert-no-results-sm a:focus.btn, .alert-no-results-lg a.btn, .alert-no-results-lg a:link.btn, .alert-no-results-lg a:visited.btn, .alert-no-results-lg a:hover.btn, .alert-no-results-lg a:active.btn, .alert-no-results-lg a:focus.btn {
    text-decoration: none !important;
  }
  .alert-no-results a:hover.btn, .alert-no-results-sm a:hover.btn, .alert-no-results-lg a:hover.btn {
    text-decoration: none !important;
  }
  .alert-no-results-sm {
    padding: 10px 15px;
  }
  .alert-no-results-lg {
    padding: 80px 15px;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | ALERT-PRIMARY ---------------------------------------------------------------------------------------------------- */
  .alert-primary {
    color: var(--alert-primary-color) !important;
    background-color: var(--alert-primary-bg-color) !important;
    border-color: var(--alert-primary-border-color) !important;
    border-top-color: var(--alert-primary-border-top-color) !important;
    border-right-color: var(--alert-primary-border-right-color) !important;
    border-bottom-color: var(--alert-primary-border-bottom-color) !important;
    border-left-color: var(--alert-primary-border-left-color) !important;
    border-width: var(--alert-primary-border-size) !important;
    border-top-width: var(--alert-primary-border-top-size) !important;
    border-right-width: var(--alert-primary-border-right-size) !important;
    border-bottom-width: var(--alert-primary-border-bottom-size) !important;
    border-left-width: var(--alert-primary-border-left-size) !important;
  }
  .alert-primary h1, .alert-primary h2, .alert-primary h3, .alert-primary h4, .alert-primary h5, .alert-primary h6, .alert-primary p, .alert-primary li, .alert-primary sup, .alert-primary th, .alert-primary td, .alert-primary label, .alert-primary input, .alert-primary select, .alert-primary textarea, .alert-primary span, .alert-primary i, .alert-primary svg {
    color: var(--alert-primary-color) !important;
  }
  .alert-primary h1.text-default, .alert-primary h2.text-default, .alert-primary h3.text-default, .alert-primary h4.text-default, .alert-primary h5.text-default, .alert-primary h6.text-default, .alert-primary p.text-default, .alert-primary li.text-default, .alert-primary sup.text-default, .alert-primary th.text-default, .alert-primary td.text-default, .alert-primary label.text-default, .alert-primary input.text-default, .alert-primary select.text-default, .alert-primary textarea.text-default, .alert-primary span.text-default, .alert-primary i.text-default, .alert-primary svg.text-default {
    color: var(--default) !important;
  }
  .alert-primary h1.text-primary, .alert-primary h2.text-primary, .alert-primary h3.text-primary, .alert-primary h4.text-primary, .alert-primary h5.text-primary, .alert-primary h6.text-primary, .alert-primary p.text-primary, .alert-primary li.text-primary, .alert-primary sup.text-primary, .alert-primary th.text-primary, .alert-primary td.text-primary, .alert-primary label.text-primary, .alert-primary input.text-primary, .alert-primary select.text-primary, .alert-primary textarea.text-primary, .alert-primary span.text-primary, .alert-primary i.text-primary, .alert-primary svg.text-primary {
    color: var(--primary) !important;
  }
  .alert-primary h1.text-secondary, .alert-primary h2.text-secondary, .alert-primary h3.text-secondary, .alert-primary h4.text-secondary, .alert-primary h5.text-secondary, .alert-primary h6.text-secondary, .alert-primary p.text-secondary, .alert-primary li.text-secondary, .alert-primary sup.text-secondary, .alert-primary th.text-secondary, .alert-primary td.text-secondary, .alert-primary label.text-secondary, .alert-primary input.text-secondary, .alert-primary select.text-secondary, .alert-primary textarea.text-secondary, .alert-primary span.text-secondary, .alert-primary i.text-secondary, .alert-primary svg.text-secondary {
    color: var(--secondary) !important;
  }
  .alert-primary h1.text-info, .alert-primary h2.text-info, .alert-primary h3.text-info, .alert-primary h4.text-info, .alert-primary h5.text-info, .alert-primary h6.text-info, .alert-primary p.text-info, .alert-primary li.text-info, .alert-primary sup.text-info, .alert-primary th.text-info, .alert-primary td.text-info, .alert-primary label.text-info, .alert-primary input.text-info, .alert-primary select.text-info, .alert-primary textarea.text-info, .alert-primary span.text-info, .alert-primary i.text-info, .alert-primary svg.text-info {
    color: var(--info) !important;
  }
  .alert-primary h1.text-success, .alert-primary h2.text-success, .alert-primary h3.text-success, .alert-primary h4.text-success, .alert-primary h5.text-success, .alert-primary h6.text-success, .alert-primary p.text-success, .alert-primary li.text-success, .alert-primary sup.text-success, .alert-primary th.text-success, .alert-primary td.text-success, .alert-primary label.text-success, .alert-primary input.text-success, .alert-primary select.text-success, .alert-primary textarea.text-success, .alert-primary span.text-success, .alert-primary i.text-success, .alert-primary svg.text-success {
    color: var(--success) !important;
  }
  .alert-primary h1.text-warning, .alert-primary h2.text-warning, .alert-primary h3.text-warning, .alert-primary h4.text-warning, .alert-primary h5.text-warning, .alert-primary h6.text-warning, .alert-primary p.text-warning, .alert-primary li.text-warning, .alert-primary sup.text-warning, .alert-primary th.text-warning, .alert-primary td.text-warning, .alert-primary label.text-warning, .alert-primary input.text-warning, .alert-primary select.text-warning, .alert-primary textarea.text-warning, .alert-primary span.text-warning, .alert-primary i.text-warning, .alert-primary svg.text-warning {
    color: var(--warning) !important;
  }
  .alert-primary h1.text-danger, .alert-primary h2.text-danger, .alert-primary h3.text-danger, .alert-primary h4.text-danger, .alert-primary h5.text-danger, .alert-primary h6.text-danger, .alert-primary p.text-danger, .alert-primary li.text-danger, .alert-primary sup.text-danger, .alert-primary th.text-danger, .alert-primary td.text-danger, .alert-primary label.text-danger, .alert-primary input.text-danger, .alert-primary select.text-danger, .alert-primary textarea.text-danger, .alert-primary span.text-danger, .alert-primary i.text-danger, .alert-primary svg.text-danger {
    color: var(--danger) !important;
  }
  .alert-primary h1.text-gray, .alert-primary h2.text-gray, .alert-primary h3.text-gray, .alert-primary h4.text-gray, .alert-primary h5.text-gray, .alert-primary h6.text-gray, .alert-primary p.text-gray, .alert-primary li.text-gray, .alert-primary sup.text-gray, .alert-primary th.text-gray, .alert-primary td.text-gray, .alert-primary label.text-gray, .alert-primary input.text-gray, .alert-primary select.text-gray, .alert-primary textarea.text-gray, .alert-primary span.text-gray, .alert-primary i.text-gray, .alert-primary svg.text-gray {
    color: var(--gray) !important;
  }
  .alert-primary h1.text-gray-light, .alert-primary h2.text-gray-light, .alert-primary h3.text-gray-light, .alert-primary h4.text-gray-light, .alert-primary h5.text-gray-light, .alert-primary h6.text-gray-light, .alert-primary p.text-gray-light, .alert-primary li.text-gray-light, .alert-primary sup.text-gray-light, .alert-primary th.text-gray-light, .alert-primary td.text-gray-light, .alert-primary label.text-gray-light, .alert-primary input.text-gray-light, .alert-primary select.text-gray-light, .alert-primary textarea.text-gray-light, .alert-primary span.text-gray-light, .alert-primary i.text-gray-light, .alert-primary svg.text-gray-light {
    color: var(--gray-70) !important;
  }
  .alert-primary h1.text-gray-dark, .alert-primary h2.text-gray-dark, .alert-primary h3.text-gray-dark, .alert-primary h4.text-gray-dark, .alert-primary h5.text-gray-dark, .alert-primary h6.text-gray-dark, .alert-primary p.text-gray-dark, .alert-primary li.text-gray-dark, .alert-primary sup.text-gray-dark, .alert-primary th.text-gray-dark, .alert-primary td.text-gray-dark, .alert-primary label.text-gray-dark, .alert-primary input.text-gray-dark, .alert-primary select.text-gray-dark, .alert-primary textarea.text-gray-dark, .alert-primary span.text-gray-dark, .alert-primary i.text-gray-dark, .alert-primary svg.text-gray-dark {
    color: var(--gray-dark-20) !important;
  }
  .alert-primary h1.text-black, .alert-primary h2.text-black, .alert-primary h3.text-black, .alert-primary h4.text-black, .alert-primary h5.text-black, .alert-primary h6.text-black, .alert-primary p.text-black, .alert-primary li.text-black, .alert-primary sup.text-black, .alert-primary th.text-black, .alert-primary td.text-black, .alert-primary label.text-black, .alert-primary input.text-black, .alert-primary select.text-black, .alert-primary textarea.text-black, .alert-primary span.text-black, .alert-primary i.text-black, .alert-primary svg.text-black {
    color: var(--black) !important;
  }
  .alert-primary h1.text-white, .alert-primary h2.text-white, .alert-primary h3.text-white, .alert-primary h4.text-white, .alert-primary h5.text-white, .alert-primary h6.text-white, .alert-primary p.text-white, .alert-primary li.text-white, .alert-primary sup.text-white, .alert-primary th.text-white, .alert-primary td.text-white, .alert-primary label.text-white, .alert-primary input.text-white, .alert-primary select.text-white, .alert-primary textarea.text-white, .alert-primary span.text-white, .alert-primary i.text-white, .alert-primary svg.text-white {
    color: var(--white) !important;
  }
  .alert-primary h1.text-font-color, .alert-primary h2.text-font-color, .alert-primary h3.text-font-color, .alert-primary h4.text-font-color, .alert-primary h5.text-font-color, .alert-primary h6.text-font-color, .alert-primary p.text-font-color, .alert-primary li.text-font-color, .alert-primary sup.text-font-color, .alert-primary th.text-font-color, .alert-primary td.text-font-color, .alert-primary label.text-font-color, .alert-primary input.text-font-color, .alert-primary select.text-font-color, .alert-primary textarea.text-font-color, .alert-primary span.text-font-color, .alert-primary i.text-font-color, .alert-primary svg.text-font-color {
    color: var(--font-color) !important;
  }
  .alert-primary h1.text-font-color-light, .alert-primary h2.text-font-color-light, .alert-primary h3.text-font-color-light, .alert-primary h4.text-font-color-light, .alert-primary h5.text-font-color-light, .alert-primary h6.text-font-color-light, .alert-primary p.text-font-color-light, .alert-primary li.text-font-color-light, .alert-primary sup.text-font-color-light, .alert-primary th.text-font-color-light, .alert-primary td.text-font-color-light, .alert-primary label.text-font-color-light, .alert-primary input.text-font-color-light, .alert-primary select.text-font-color-light, .alert-primary textarea.text-font-color-light, .alert-primary span.text-font-color-light, .alert-primary i.text-font-color-light, .alert-primary svg.text-font-color-light {
    color: var(--font-color-light) !important;
  }
  .alert-primary h1.text-font-color-dark, .alert-primary h2.text-font-color-dark, .alert-primary h3.text-font-color-dark, .alert-primary h4.text-font-color-dark, .alert-primary h5.text-font-color-dark, .alert-primary h6.text-font-color-dark, .alert-primary p.text-font-color-dark, .alert-primary li.text-font-color-dark, .alert-primary sup.text-font-color-dark, .alert-primary th.text-font-color-dark, .alert-primary td.text-font-color-dark, .alert-primary label.text-font-color-dark, .alert-primary input.text-font-color-dark, .alert-primary select.text-font-color-dark, .alert-primary textarea.text-font-color-dark, .alert-primary span.text-font-color-dark, .alert-primary i.text-font-color-dark, .alert-primary svg.text-font-color-dark {
    color: var(--font-color-dark) !important;
  }
  .alert-primary a, .alert-primary a:link, .alert-primary a:visited, .alert-primary a:hover, .alert-primary a:active, .alert-primary a:focus {
    color: var(--alert-primary-color);
    text-decoration: underline !important;
  }
  .alert-primary a.btn, .alert-primary a:link.btn, .alert-primary a:visited.btn, .alert-primary a:hover.btn, .alert-primary a:active.btn, .alert-primary a:focus.btn {
    text-decoration: none !important;
  }
  .alert-primary a:hover.btn {
    text-decoration: none !important;
  }
  .alert-primary.alert-icon::before {
    color: var(--primary);
    content: "\f06a";
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | ALERT-SECONDARY ---------------------------------------------------------------------------------------------------- */
  .alert-secondary {
    color: var(--alert-secondary-color) !important;
    background-color: var(--alert-secondary-bg-color) !important;
    border-color: var(--alert-secondary-border-color) !important;
    border-top-color: var(--alert-secondary-border-top-color) !important;
    border-right-color: var(--alert-secondary-border-right-color) !important;
    border-bottom-color: var(--alert-secondary-border-bottom-color) !important;
    border-left-color: var(--alert-secondary-border-left-color) !important;
    border-width: var(--alert-secondary-border-size) !important;
    border-top-width: var(--alert-secondary-border-top-size) !important;
    border-right-width: var(--alert-secondary-border-right-size) !important;
    border-bottom-width: var(--alert-secondary-border-bottom-size) !important;
    border-left-width: var(--alert-secondary-border-left-size) !important;
  }
  .alert-secondary h1, .alert-secondary h2, .alert-secondary h3, .alert-secondary h4, .alert-secondary h5, .alert-secondary h6, .alert-secondary p, .alert-secondary li, .alert-secondary sup, .alert-secondary th, .alert-secondary td, .alert-secondary label, .alert-secondary input, .alert-secondary select, .alert-secondary textarea, .alert-secondary span, .alert-secondary i, .alert-secondary svg {
    color: var(--alert-secondary-color) !important;
  }
  .alert-secondary h1.text-default, .alert-secondary h2.text-default, .alert-secondary h3.text-default, .alert-secondary h4.text-default, .alert-secondary h5.text-default, .alert-secondary h6.text-default, .alert-secondary p.text-default, .alert-secondary li.text-default, .alert-secondary sup.text-default, .alert-secondary th.text-default, .alert-secondary td.text-default, .alert-secondary label.text-default, .alert-secondary input.text-default, .alert-secondary select.text-default, .alert-secondary textarea.text-default, .alert-secondary span.text-default, .alert-secondary i.text-default, .alert-secondary svg.text-default {
    color: var(--default) !important;
  }
  .alert-secondary h1.text-primary, .alert-secondary h2.text-primary, .alert-secondary h3.text-primary, .alert-secondary h4.text-primary, .alert-secondary h5.text-primary, .alert-secondary h6.text-primary, .alert-secondary p.text-primary, .alert-secondary li.text-primary, .alert-secondary sup.text-primary, .alert-secondary th.text-primary, .alert-secondary td.text-primary, .alert-secondary label.text-primary, .alert-secondary input.text-primary, .alert-secondary select.text-primary, .alert-secondary textarea.text-primary, .alert-secondary span.text-primary, .alert-secondary i.text-primary, .alert-secondary svg.text-primary {
    color: var(--primary) !important;
  }
  .alert-secondary h1.text-secondary, .alert-secondary h2.text-secondary, .alert-secondary h3.text-secondary, .alert-secondary h4.text-secondary, .alert-secondary h5.text-secondary, .alert-secondary h6.text-secondary, .alert-secondary p.text-secondary, .alert-secondary li.text-secondary, .alert-secondary sup.text-secondary, .alert-secondary th.text-secondary, .alert-secondary td.text-secondary, .alert-secondary label.text-secondary, .alert-secondary input.text-secondary, .alert-secondary select.text-secondary, .alert-secondary textarea.text-secondary, .alert-secondary span.text-secondary, .alert-secondary i.text-secondary, .alert-secondary svg.text-secondary {
    color: var(--secondary) !important;
  }
  .alert-secondary h1.text-info, .alert-secondary h2.text-info, .alert-secondary h3.text-info, .alert-secondary h4.text-info, .alert-secondary h5.text-info, .alert-secondary h6.text-info, .alert-secondary p.text-info, .alert-secondary li.text-info, .alert-secondary sup.text-info, .alert-secondary th.text-info, .alert-secondary td.text-info, .alert-secondary label.text-info, .alert-secondary input.text-info, .alert-secondary select.text-info, .alert-secondary textarea.text-info, .alert-secondary span.text-info, .alert-secondary i.text-info, .alert-secondary svg.text-info {
    color: var(--info) !important;
  }
  .alert-secondary h1.text-success, .alert-secondary h2.text-success, .alert-secondary h3.text-success, .alert-secondary h4.text-success, .alert-secondary h5.text-success, .alert-secondary h6.text-success, .alert-secondary p.text-success, .alert-secondary li.text-success, .alert-secondary sup.text-success, .alert-secondary th.text-success, .alert-secondary td.text-success, .alert-secondary label.text-success, .alert-secondary input.text-success, .alert-secondary select.text-success, .alert-secondary textarea.text-success, .alert-secondary span.text-success, .alert-secondary i.text-success, .alert-secondary svg.text-success {
    color: var(--success) !important;
  }
  .alert-secondary h1.text-warning, .alert-secondary h2.text-warning, .alert-secondary h3.text-warning, .alert-secondary h4.text-warning, .alert-secondary h5.text-warning, .alert-secondary h6.text-warning, .alert-secondary p.text-warning, .alert-secondary li.text-warning, .alert-secondary sup.text-warning, .alert-secondary th.text-warning, .alert-secondary td.text-warning, .alert-secondary label.text-warning, .alert-secondary input.text-warning, .alert-secondary select.text-warning, .alert-secondary textarea.text-warning, .alert-secondary span.text-warning, .alert-secondary i.text-warning, .alert-secondary svg.text-warning {
    color: var(--warning) !important;
  }
  .alert-secondary h1.text-danger, .alert-secondary h2.text-danger, .alert-secondary h3.text-danger, .alert-secondary h4.text-danger, .alert-secondary h5.text-danger, .alert-secondary h6.text-danger, .alert-secondary p.text-danger, .alert-secondary li.text-danger, .alert-secondary sup.text-danger, .alert-secondary th.text-danger, .alert-secondary td.text-danger, .alert-secondary label.text-danger, .alert-secondary input.text-danger, .alert-secondary select.text-danger, .alert-secondary textarea.text-danger, .alert-secondary span.text-danger, .alert-secondary i.text-danger, .alert-secondary svg.text-danger {
    color: var(--danger) !important;
  }
  .alert-secondary h1.text-gray, .alert-secondary h2.text-gray, .alert-secondary h3.text-gray, .alert-secondary h4.text-gray, .alert-secondary h5.text-gray, .alert-secondary h6.text-gray, .alert-secondary p.text-gray, .alert-secondary li.text-gray, .alert-secondary sup.text-gray, .alert-secondary th.text-gray, .alert-secondary td.text-gray, .alert-secondary label.text-gray, .alert-secondary input.text-gray, .alert-secondary select.text-gray, .alert-secondary textarea.text-gray, .alert-secondary span.text-gray, .alert-secondary i.text-gray, .alert-secondary svg.text-gray {
    color: var(--gray) !important;
  }
  .alert-secondary h1.text-gray-light, .alert-secondary h2.text-gray-light, .alert-secondary h3.text-gray-light, .alert-secondary h4.text-gray-light, .alert-secondary h5.text-gray-light, .alert-secondary h6.text-gray-light, .alert-secondary p.text-gray-light, .alert-secondary li.text-gray-light, .alert-secondary sup.text-gray-light, .alert-secondary th.text-gray-light, .alert-secondary td.text-gray-light, .alert-secondary label.text-gray-light, .alert-secondary input.text-gray-light, .alert-secondary select.text-gray-light, .alert-secondary textarea.text-gray-light, .alert-secondary span.text-gray-light, .alert-secondary i.text-gray-light, .alert-secondary svg.text-gray-light {
    color: var(--gray-70) !important;
  }
  .alert-secondary h1.text-gray-dark, .alert-secondary h2.text-gray-dark, .alert-secondary h3.text-gray-dark, .alert-secondary h4.text-gray-dark, .alert-secondary h5.text-gray-dark, .alert-secondary h6.text-gray-dark, .alert-secondary p.text-gray-dark, .alert-secondary li.text-gray-dark, .alert-secondary sup.text-gray-dark, .alert-secondary th.text-gray-dark, .alert-secondary td.text-gray-dark, .alert-secondary label.text-gray-dark, .alert-secondary input.text-gray-dark, .alert-secondary select.text-gray-dark, .alert-secondary textarea.text-gray-dark, .alert-secondary span.text-gray-dark, .alert-secondary i.text-gray-dark, .alert-secondary svg.text-gray-dark {
    color: var(--gray-dark-20) !important;
  }
  .alert-secondary h1.text-black, .alert-secondary h2.text-black, .alert-secondary h3.text-black, .alert-secondary h4.text-black, .alert-secondary h5.text-black, .alert-secondary h6.text-black, .alert-secondary p.text-black, .alert-secondary li.text-black, .alert-secondary sup.text-black, .alert-secondary th.text-black, .alert-secondary td.text-black, .alert-secondary label.text-black, .alert-secondary input.text-black, .alert-secondary select.text-black, .alert-secondary textarea.text-black, .alert-secondary span.text-black, .alert-secondary i.text-black, .alert-secondary svg.text-black {
    color: var(--black) !important;
  }
  .alert-secondary h1.text-white, .alert-secondary h2.text-white, .alert-secondary h3.text-white, .alert-secondary h4.text-white, .alert-secondary h5.text-white, .alert-secondary h6.text-white, .alert-secondary p.text-white, .alert-secondary li.text-white, .alert-secondary sup.text-white, .alert-secondary th.text-white, .alert-secondary td.text-white, .alert-secondary label.text-white, .alert-secondary input.text-white, .alert-secondary select.text-white, .alert-secondary textarea.text-white, .alert-secondary span.text-white, .alert-secondary i.text-white, .alert-secondary svg.text-white {
    color: var(--white) !important;
  }
  .alert-secondary h1.text-font-color, .alert-secondary h2.text-font-color, .alert-secondary h3.text-font-color, .alert-secondary h4.text-font-color, .alert-secondary h5.text-font-color, .alert-secondary h6.text-font-color, .alert-secondary p.text-font-color, .alert-secondary li.text-font-color, .alert-secondary sup.text-font-color, .alert-secondary th.text-font-color, .alert-secondary td.text-font-color, .alert-secondary label.text-font-color, .alert-secondary input.text-font-color, .alert-secondary select.text-font-color, .alert-secondary textarea.text-font-color, .alert-secondary span.text-font-color, .alert-secondary i.text-font-color, .alert-secondary svg.text-font-color {
    color: var(--font-color) !important;
  }
  .alert-secondary h1.text-font-color-light, .alert-secondary h2.text-font-color-light, .alert-secondary h3.text-font-color-light, .alert-secondary h4.text-font-color-light, .alert-secondary h5.text-font-color-light, .alert-secondary h6.text-font-color-light, .alert-secondary p.text-font-color-light, .alert-secondary li.text-font-color-light, .alert-secondary sup.text-font-color-light, .alert-secondary th.text-font-color-light, .alert-secondary td.text-font-color-light, .alert-secondary label.text-font-color-light, .alert-secondary input.text-font-color-light, .alert-secondary select.text-font-color-light, .alert-secondary textarea.text-font-color-light, .alert-secondary span.text-font-color-light, .alert-secondary i.text-font-color-light, .alert-secondary svg.text-font-color-light {
    color: var(--font-color-light) !important;
  }
  .alert-secondary h1.text-font-color-dark, .alert-secondary h2.text-font-color-dark, .alert-secondary h3.text-font-color-dark, .alert-secondary h4.text-font-color-dark, .alert-secondary h5.text-font-color-dark, .alert-secondary h6.text-font-color-dark, .alert-secondary p.text-font-color-dark, .alert-secondary li.text-font-color-dark, .alert-secondary sup.text-font-color-dark, .alert-secondary th.text-font-color-dark, .alert-secondary td.text-font-color-dark, .alert-secondary label.text-font-color-dark, .alert-secondary input.text-font-color-dark, .alert-secondary select.text-font-color-dark, .alert-secondary textarea.text-font-color-dark, .alert-secondary span.text-font-color-dark, .alert-secondary i.text-font-color-dark, .alert-secondary svg.text-font-color-dark {
    color: var(--font-color-dark) !important;
  }
  .alert-secondary a, .alert-secondary a:link, .alert-secondary a:visited, .alert-secondary a:hover, .alert-secondary a:active, .alert-secondary a:focus {
    color: var(--alert-secondary-color);
    text-decoration: underline !important;
  }
  .alert-secondary a.btn, .alert-secondary a:link.btn, .alert-secondary a:visited.btn, .alert-secondary a:hover.btn, .alert-secondary a:active.btn, .alert-secondary a:focus.btn {
    text-decoration: none !important;
  }
  .alert-secondary a:hover.btn {
    text-decoration: none !important;
  }
  .alert-secondary.alert-icon::before {
    color: var(--secondary);
    content: "\f06a";
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | ALERT-SUCCESS ---------------------------------------------------------------------------------------------------- */
  .alert-success {
    color: var(--alert-success-color) !important;
    background-color: var(--alert-success-bg-color) !important;
    border-color: var(--alert-success-border-color) !important;
    border-top-color: var(--alert-success-border-top-color) !important;
    border-right-color: var(--alert-success-border-right-color) !important;
    border-bottom-color: var(--alert-success-border-bottom-color) !important;
    border-left-color: var(--alert-success-border-left-color) !important;
    border-width: var(--alert-success-border-size) !important;
    border-top-width: var(--alert-success-border-top-size) !important;
    border-right-width: var(--alert-success-border-right-size) !important;
    border-bottom-width: var(--alert-success-border-bottom-size) !important;
    border-left-width: var(--alert-success-border-left-size) !important;
  }
  .alert-success h1, .alert-success h2, .alert-success h3, .alert-success h4, .alert-success h5, .alert-success h6, .alert-success p, .alert-success li, .alert-success sup, .alert-success th, .alert-success td, .alert-success label, .alert-success input, .alert-success select, .alert-success textarea, .alert-success span, .alert-success i, .alert-success svg {
    color: var(--alert-success-color) !important;
  }
  .alert-success h1.text-default, .alert-success h2.text-default, .alert-success h3.text-default, .alert-success h4.text-default, .alert-success h5.text-default, .alert-success h6.text-default, .alert-success p.text-default, .alert-success li.text-default, .alert-success sup.text-default, .alert-success th.text-default, .alert-success td.text-default, .alert-success label.text-default, .alert-success input.text-default, .alert-success select.text-default, .alert-success textarea.text-default, .alert-success span.text-default, .alert-success i.text-default, .alert-success svg.text-default {
    color: var(--default) !important;
  }
  .alert-success h1.text-primary, .alert-success h2.text-primary, .alert-success h3.text-primary, .alert-success h4.text-primary, .alert-success h5.text-primary, .alert-success h6.text-primary, .alert-success p.text-primary, .alert-success li.text-primary, .alert-success sup.text-primary, .alert-success th.text-primary, .alert-success td.text-primary, .alert-success label.text-primary, .alert-success input.text-primary, .alert-success select.text-primary, .alert-success textarea.text-primary, .alert-success span.text-primary, .alert-success i.text-primary, .alert-success svg.text-primary {
    color: var(--primary) !important;
  }
  .alert-success h1.text-secondary, .alert-success h2.text-secondary, .alert-success h3.text-secondary, .alert-success h4.text-secondary, .alert-success h5.text-secondary, .alert-success h6.text-secondary, .alert-success p.text-secondary, .alert-success li.text-secondary, .alert-success sup.text-secondary, .alert-success th.text-secondary, .alert-success td.text-secondary, .alert-success label.text-secondary, .alert-success input.text-secondary, .alert-success select.text-secondary, .alert-success textarea.text-secondary, .alert-success span.text-secondary, .alert-success i.text-secondary, .alert-success svg.text-secondary {
    color: var(--secondary) !important;
  }
  .alert-success h1.text-info, .alert-success h2.text-info, .alert-success h3.text-info, .alert-success h4.text-info, .alert-success h5.text-info, .alert-success h6.text-info, .alert-success p.text-info, .alert-success li.text-info, .alert-success sup.text-info, .alert-success th.text-info, .alert-success td.text-info, .alert-success label.text-info, .alert-success input.text-info, .alert-success select.text-info, .alert-success textarea.text-info, .alert-success span.text-info, .alert-success i.text-info, .alert-success svg.text-info {
    color: var(--info) !important;
  }
  .alert-success h1.text-success, .alert-success h2.text-success, .alert-success h3.text-success, .alert-success h4.text-success, .alert-success h5.text-success, .alert-success h6.text-success, .alert-success p.text-success, .alert-success li.text-success, .alert-success sup.text-success, .alert-success th.text-success, .alert-success td.text-success, .alert-success label.text-success, .alert-success input.text-success, .alert-success select.text-success, .alert-success textarea.text-success, .alert-success span.text-success, .alert-success i.text-success, .alert-success svg.text-success {
    color: var(--success) !important;
  }
  .alert-success h1.text-warning, .alert-success h2.text-warning, .alert-success h3.text-warning, .alert-success h4.text-warning, .alert-success h5.text-warning, .alert-success h6.text-warning, .alert-success p.text-warning, .alert-success li.text-warning, .alert-success sup.text-warning, .alert-success th.text-warning, .alert-success td.text-warning, .alert-success label.text-warning, .alert-success input.text-warning, .alert-success select.text-warning, .alert-success textarea.text-warning, .alert-success span.text-warning, .alert-success i.text-warning, .alert-success svg.text-warning {
    color: var(--warning) !important;
  }
  .alert-success h1.text-danger, .alert-success h2.text-danger, .alert-success h3.text-danger, .alert-success h4.text-danger, .alert-success h5.text-danger, .alert-success h6.text-danger, .alert-success p.text-danger, .alert-success li.text-danger, .alert-success sup.text-danger, .alert-success th.text-danger, .alert-success td.text-danger, .alert-success label.text-danger, .alert-success input.text-danger, .alert-success select.text-danger, .alert-success textarea.text-danger, .alert-success span.text-danger, .alert-success i.text-danger, .alert-success svg.text-danger {
    color: var(--danger) !important;
  }
  .alert-success h1.text-gray, .alert-success h2.text-gray, .alert-success h3.text-gray, .alert-success h4.text-gray, .alert-success h5.text-gray, .alert-success h6.text-gray, .alert-success p.text-gray, .alert-success li.text-gray, .alert-success sup.text-gray, .alert-success th.text-gray, .alert-success td.text-gray, .alert-success label.text-gray, .alert-success input.text-gray, .alert-success select.text-gray, .alert-success textarea.text-gray, .alert-success span.text-gray, .alert-success i.text-gray, .alert-success svg.text-gray {
    color: var(--gray) !important;
  }
  .alert-success h1.text-gray-light, .alert-success h2.text-gray-light, .alert-success h3.text-gray-light, .alert-success h4.text-gray-light, .alert-success h5.text-gray-light, .alert-success h6.text-gray-light, .alert-success p.text-gray-light, .alert-success li.text-gray-light, .alert-success sup.text-gray-light, .alert-success th.text-gray-light, .alert-success td.text-gray-light, .alert-success label.text-gray-light, .alert-success input.text-gray-light, .alert-success select.text-gray-light, .alert-success textarea.text-gray-light, .alert-success span.text-gray-light, .alert-success i.text-gray-light, .alert-success svg.text-gray-light {
    color: var(--gray-70) !important;
  }
  .alert-success h1.text-gray-dark, .alert-success h2.text-gray-dark, .alert-success h3.text-gray-dark, .alert-success h4.text-gray-dark, .alert-success h5.text-gray-dark, .alert-success h6.text-gray-dark, .alert-success p.text-gray-dark, .alert-success li.text-gray-dark, .alert-success sup.text-gray-dark, .alert-success th.text-gray-dark, .alert-success td.text-gray-dark, .alert-success label.text-gray-dark, .alert-success input.text-gray-dark, .alert-success select.text-gray-dark, .alert-success textarea.text-gray-dark, .alert-success span.text-gray-dark, .alert-success i.text-gray-dark, .alert-success svg.text-gray-dark {
    color: var(--gray-dark-20) !important;
  }
  .alert-success h1.text-black, .alert-success h2.text-black, .alert-success h3.text-black, .alert-success h4.text-black, .alert-success h5.text-black, .alert-success h6.text-black, .alert-success p.text-black, .alert-success li.text-black, .alert-success sup.text-black, .alert-success th.text-black, .alert-success td.text-black, .alert-success label.text-black, .alert-success input.text-black, .alert-success select.text-black, .alert-success textarea.text-black, .alert-success span.text-black, .alert-success i.text-black, .alert-success svg.text-black {
    color: var(--black) !important;
  }
  .alert-success h1.text-white, .alert-success h2.text-white, .alert-success h3.text-white, .alert-success h4.text-white, .alert-success h5.text-white, .alert-success h6.text-white, .alert-success p.text-white, .alert-success li.text-white, .alert-success sup.text-white, .alert-success th.text-white, .alert-success td.text-white, .alert-success label.text-white, .alert-success input.text-white, .alert-success select.text-white, .alert-success textarea.text-white, .alert-success span.text-white, .alert-success i.text-white, .alert-success svg.text-white {
    color: var(--white) !important;
  }
  .alert-success h1.text-font-color, .alert-success h2.text-font-color, .alert-success h3.text-font-color, .alert-success h4.text-font-color, .alert-success h5.text-font-color, .alert-success h6.text-font-color, .alert-success p.text-font-color, .alert-success li.text-font-color, .alert-success sup.text-font-color, .alert-success th.text-font-color, .alert-success td.text-font-color, .alert-success label.text-font-color, .alert-success input.text-font-color, .alert-success select.text-font-color, .alert-success textarea.text-font-color, .alert-success span.text-font-color, .alert-success i.text-font-color, .alert-success svg.text-font-color {
    color: var(--font-color) !important;
  }
  .alert-success h1.text-font-color-light, .alert-success h2.text-font-color-light, .alert-success h3.text-font-color-light, .alert-success h4.text-font-color-light, .alert-success h5.text-font-color-light, .alert-success h6.text-font-color-light, .alert-success p.text-font-color-light, .alert-success li.text-font-color-light, .alert-success sup.text-font-color-light, .alert-success th.text-font-color-light, .alert-success td.text-font-color-light, .alert-success label.text-font-color-light, .alert-success input.text-font-color-light, .alert-success select.text-font-color-light, .alert-success textarea.text-font-color-light, .alert-success span.text-font-color-light, .alert-success i.text-font-color-light, .alert-success svg.text-font-color-light {
    color: var(--font-color-light) !important;
  }
  .alert-success h1.text-font-color-dark, .alert-success h2.text-font-color-dark, .alert-success h3.text-font-color-dark, .alert-success h4.text-font-color-dark, .alert-success h5.text-font-color-dark, .alert-success h6.text-font-color-dark, .alert-success p.text-font-color-dark, .alert-success li.text-font-color-dark, .alert-success sup.text-font-color-dark, .alert-success th.text-font-color-dark, .alert-success td.text-font-color-dark, .alert-success label.text-font-color-dark, .alert-success input.text-font-color-dark, .alert-success select.text-font-color-dark, .alert-success textarea.text-font-color-dark, .alert-success span.text-font-color-dark, .alert-success i.text-font-color-dark, .alert-success svg.text-font-color-dark {
    color: var(--font-color-dark) !important;
  }
  .alert-success a, .alert-success a:link, .alert-success a:visited, .alert-success a:hover, .alert-success a:active, .alert-success a:focus {
    color: var(--alert-success-color);
    text-decoration: underline !important;
  }
  .alert-success a.btn, .alert-success a:link.btn, .alert-success a:visited.btn, .alert-success a:hover.btn, .alert-success a:active.btn, .alert-success a:focus.btn {
    text-decoration: none !important;
  }
  .alert-success a:hover.btn {
    text-decoration: none !important;
  }
  .alert-success.alert-icon::before {
    color: var(--success);
    content: "\f058";
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | ALERT-WARNING ---------------------------------------------------------------------------------------------------- */
  .alert-warning {
    color: var(--alert-warning-color) !important;
    background-color: var(--alert-warning-bg-color) !important;
    border-color: var(--alert-warning-border-color) !important;
    border-top-color: var(--alert-warning-border-top-color) !important;
    border-right-color: var(--alert-warning-border-right-color) !important;
    border-bottom-color: var(--alert-warning-border-bottom-color) !important;
    border-left-color: var(--alert-warning-border-left-color) !important;
    border-width: var(--alert-warning-border-size) !important;
    border-top-width: var(--alert-warning-border-top-size) !important;
    border-right-width: var(--alert-warning-border-right-size) !important;
    border-bottom-width: var(--alert-warning-border-bottom-size) !important;
    border-left-width: var(--alert-warning-border-left-size) !important;
  }
  .alert-warning h1, .alert-warning h2, .alert-warning h3, .alert-warning h4, .alert-warning h5, .alert-warning h6, .alert-warning p, .alert-warning li, .alert-warning sup, .alert-warning th, .alert-warning td, .alert-warning label, .alert-warning input, .alert-warning select, .alert-warning textarea, .alert-warning span, .alert-warning i, .alert-warning svg {
    color: var(--alert-warning-color) !important;
  }
  .alert-warning h1.text-default, .alert-warning h2.text-default, .alert-warning h3.text-default, .alert-warning h4.text-default, .alert-warning h5.text-default, .alert-warning h6.text-default, .alert-warning p.text-default, .alert-warning li.text-default, .alert-warning sup.text-default, .alert-warning th.text-default, .alert-warning td.text-default, .alert-warning label.text-default, .alert-warning input.text-default, .alert-warning select.text-default, .alert-warning textarea.text-default, .alert-warning span.text-default, .alert-warning i.text-default, .alert-warning svg.text-default {
    color: var(--default) !important;
  }
  .alert-warning h1.text-primary, .alert-warning h2.text-primary, .alert-warning h3.text-primary, .alert-warning h4.text-primary, .alert-warning h5.text-primary, .alert-warning h6.text-primary, .alert-warning p.text-primary, .alert-warning li.text-primary, .alert-warning sup.text-primary, .alert-warning th.text-primary, .alert-warning td.text-primary, .alert-warning label.text-primary, .alert-warning input.text-primary, .alert-warning select.text-primary, .alert-warning textarea.text-primary, .alert-warning span.text-primary, .alert-warning i.text-primary, .alert-warning svg.text-primary {
    color: var(--primary) !important;
  }
  .alert-warning h1.text-secondary, .alert-warning h2.text-secondary, .alert-warning h3.text-secondary, .alert-warning h4.text-secondary, .alert-warning h5.text-secondary, .alert-warning h6.text-secondary, .alert-warning p.text-secondary, .alert-warning li.text-secondary, .alert-warning sup.text-secondary, .alert-warning th.text-secondary, .alert-warning td.text-secondary, .alert-warning label.text-secondary, .alert-warning input.text-secondary, .alert-warning select.text-secondary, .alert-warning textarea.text-secondary, .alert-warning span.text-secondary, .alert-warning i.text-secondary, .alert-warning svg.text-secondary {
    color: var(--secondary) !important;
  }
  .alert-warning h1.text-info, .alert-warning h2.text-info, .alert-warning h3.text-info, .alert-warning h4.text-info, .alert-warning h5.text-info, .alert-warning h6.text-info, .alert-warning p.text-info, .alert-warning li.text-info, .alert-warning sup.text-info, .alert-warning th.text-info, .alert-warning td.text-info, .alert-warning label.text-info, .alert-warning input.text-info, .alert-warning select.text-info, .alert-warning textarea.text-info, .alert-warning span.text-info, .alert-warning i.text-info, .alert-warning svg.text-info {
    color: var(--info) !important;
  }
  .alert-warning h1.text-success, .alert-warning h2.text-success, .alert-warning h3.text-success, .alert-warning h4.text-success, .alert-warning h5.text-success, .alert-warning h6.text-success, .alert-warning p.text-success, .alert-warning li.text-success, .alert-warning sup.text-success, .alert-warning th.text-success, .alert-warning td.text-success, .alert-warning label.text-success, .alert-warning input.text-success, .alert-warning select.text-success, .alert-warning textarea.text-success, .alert-warning span.text-success, .alert-warning i.text-success, .alert-warning svg.text-success {
    color: var(--success) !important;
  }
  .alert-warning h1.text-warning, .alert-warning h2.text-warning, .alert-warning h3.text-warning, .alert-warning h4.text-warning, .alert-warning h5.text-warning, .alert-warning h6.text-warning, .alert-warning p.text-warning, .alert-warning li.text-warning, .alert-warning sup.text-warning, .alert-warning th.text-warning, .alert-warning td.text-warning, .alert-warning label.text-warning, .alert-warning input.text-warning, .alert-warning select.text-warning, .alert-warning textarea.text-warning, .alert-warning span.text-warning, .alert-warning i.text-warning, .alert-warning svg.text-warning {
    color: var(--warning) !important;
  }
  .alert-warning h1.text-danger, .alert-warning h2.text-danger, .alert-warning h3.text-danger, .alert-warning h4.text-danger, .alert-warning h5.text-danger, .alert-warning h6.text-danger, .alert-warning p.text-danger, .alert-warning li.text-danger, .alert-warning sup.text-danger, .alert-warning th.text-danger, .alert-warning td.text-danger, .alert-warning label.text-danger, .alert-warning input.text-danger, .alert-warning select.text-danger, .alert-warning textarea.text-danger, .alert-warning span.text-danger, .alert-warning i.text-danger, .alert-warning svg.text-danger {
    color: var(--danger) !important;
  }
  .alert-warning h1.text-gray, .alert-warning h2.text-gray, .alert-warning h3.text-gray, .alert-warning h4.text-gray, .alert-warning h5.text-gray, .alert-warning h6.text-gray, .alert-warning p.text-gray, .alert-warning li.text-gray, .alert-warning sup.text-gray, .alert-warning th.text-gray, .alert-warning td.text-gray, .alert-warning label.text-gray, .alert-warning input.text-gray, .alert-warning select.text-gray, .alert-warning textarea.text-gray, .alert-warning span.text-gray, .alert-warning i.text-gray, .alert-warning svg.text-gray {
    color: var(--gray) !important;
  }
  .alert-warning h1.text-gray-light, .alert-warning h2.text-gray-light, .alert-warning h3.text-gray-light, .alert-warning h4.text-gray-light, .alert-warning h5.text-gray-light, .alert-warning h6.text-gray-light, .alert-warning p.text-gray-light, .alert-warning li.text-gray-light, .alert-warning sup.text-gray-light, .alert-warning th.text-gray-light, .alert-warning td.text-gray-light, .alert-warning label.text-gray-light, .alert-warning input.text-gray-light, .alert-warning select.text-gray-light, .alert-warning textarea.text-gray-light, .alert-warning span.text-gray-light, .alert-warning i.text-gray-light, .alert-warning svg.text-gray-light {
    color: var(--gray-70) !important;
  }
  .alert-warning h1.text-gray-dark, .alert-warning h2.text-gray-dark, .alert-warning h3.text-gray-dark, .alert-warning h4.text-gray-dark, .alert-warning h5.text-gray-dark, .alert-warning h6.text-gray-dark, .alert-warning p.text-gray-dark, .alert-warning li.text-gray-dark, .alert-warning sup.text-gray-dark, .alert-warning th.text-gray-dark, .alert-warning td.text-gray-dark, .alert-warning label.text-gray-dark, .alert-warning input.text-gray-dark, .alert-warning select.text-gray-dark, .alert-warning textarea.text-gray-dark, .alert-warning span.text-gray-dark, .alert-warning i.text-gray-dark, .alert-warning svg.text-gray-dark {
    color: var(--gray-dark-20) !important;
  }
  .alert-warning h1.text-black, .alert-warning h2.text-black, .alert-warning h3.text-black, .alert-warning h4.text-black, .alert-warning h5.text-black, .alert-warning h6.text-black, .alert-warning p.text-black, .alert-warning li.text-black, .alert-warning sup.text-black, .alert-warning th.text-black, .alert-warning td.text-black, .alert-warning label.text-black, .alert-warning input.text-black, .alert-warning select.text-black, .alert-warning textarea.text-black, .alert-warning span.text-black, .alert-warning i.text-black, .alert-warning svg.text-black {
    color: var(--black) !important;
  }
  .alert-warning h1.text-white, .alert-warning h2.text-white, .alert-warning h3.text-white, .alert-warning h4.text-white, .alert-warning h5.text-white, .alert-warning h6.text-white, .alert-warning p.text-white, .alert-warning li.text-white, .alert-warning sup.text-white, .alert-warning th.text-white, .alert-warning td.text-white, .alert-warning label.text-white, .alert-warning input.text-white, .alert-warning select.text-white, .alert-warning textarea.text-white, .alert-warning span.text-white, .alert-warning i.text-white, .alert-warning svg.text-white {
    color: var(--white) !important;
  }
  .alert-warning h1.text-font-color, .alert-warning h2.text-font-color, .alert-warning h3.text-font-color, .alert-warning h4.text-font-color, .alert-warning h5.text-font-color, .alert-warning h6.text-font-color, .alert-warning p.text-font-color, .alert-warning li.text-font-color, .alert-warning sup.text-font-color, .alert-warning th.text-font-color, .alert-warning td.text-font-color, .alert-warning label.text-font-color, .alert-warning input.text-font-color, .alert-warning select.text-font-color, .alert-warning textarea.text-font-color, .alert-warning span.text-font-color, .alert-warning i.text-font-color, .alert-warning svg.text-font-color {
    color: var(--font-color) !important;
  }
  .alert-warning h1.text-font-color-light, .alert-warning h2.text-font-color-light, .alert-warning h3.text-font-color-light, .alert-warning h4.text-font-color-light, .alert-warning h5.text-font-color-light, .alert-warning h6.text-font-color-light, .alert-warning p.text-font-color-light, .alert-warning li.text-font-color-light, .alert-warning sup.text-font-color-light, .alert-warning th.text-font-color-light, .alert-warning td.text-font-color-light, .alert-warning label.text-font-color-light, .alert-warning input.text-font-color-light, .alert-warning select.text-font-color-light, .alert-warning textarea.text-font-color-light, .alert-warning span.text-font-color-light, .alert-warning i.text-font-color-light, .alert-warning svg.text-font-color-light {
    color: var(--font-color-light) !important;
  }
  .alert-warning h1.text-font-color-dark, .alert-warning h2.text-font-color-dark, .alert-warning h3.text-font-color-dark, .alert-warning h4.text-font-color-dark, .alert-warning h5.text-font-color-dark, .alert-warning h6.text-font-color-dark, .alert-warning p.text-font-color-dark, .alert-warning li.text-font-color-dark, .alert-warning sup.text-font-color-dark, .alert-warning th.text-font-color-dark, .alert-warning td.text-font-color-dark, .alert-warning label.text-font-color-dark, .alert-warning input.text-font-color-dark, .alert-warning select.text-font-color-dark, .alert-warning textarea.text-font-color-dark, .alert-warning span.text-font-color-dark, .alert-warning i.text-font-color-dark, .alert-warning svg.text-font-color-dark {
    color: var(--font-color-dark) !important;
  }
  .alert-warning a, .alert-warning a:link, .alert-warning a:visited, .alert-warning a:hover, .alert-warning a:active, .alert-warning a:focus {
    color: var(--alert-warning-color);
    text-decoration: underline !important;
  }
  .alert-warning a.btn, .alert-warning a:link.btn, .alert-warning a:visited.btn, .alert-warning a:hover.btn, .alert-warning a:active.btn, .alert-warning a:focus.btn {
    text-decoration: none !important;
  }
  .alert-warning a:hover.btn {
    text-decoration: none !important;
  }
  .alert-warning.alert-icon::before {
    color: var(--warning);
    content: "\f071";
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | BADGE ---------------------------------------------------------------------------------------------------- */
  .badge {
    margin: 2px;
    padding: 5px 8px;
    font-weight: var(--fw-600);
    color: var(--white);
    border: 1px solid transparent;
    border-radius: 5px;
  }
  .badge.badge-light, .badge.bg-light {
    color: var(--font-color);
  }
  .badge.badge-dark, .badge.bg-dark {
    color: var(--light);
  }
  .badge.badge-secondary {
    color: var(--font-color-dark);
    background-color: var(--secondary-5);
    border-color: var(--secondary-20);
  }
  .badge.badge-pill {
    border-radius: 20px;
  }
  .badge.badge-new {
    position: relative;
    margin: 0px;
    margin-left: 10px;
    padding: 5px 5px 4px 5px;
    color: var(--black);
    background-color: var(--yellow);
    border-radius: 0px;
  }
  .badge.badge-new::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 6px;
    width: 0px;
    height: 0px;
    border-top: 5px solid transparent;
    border-right: 7px solid var(--yellow);
    border-bottom: 5px solid transparent;
  }
  .badge.bg-warning {
    color: var(--font-color-dark);
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | BUTTON ---------------------------------------------------------------------------------------------------- */
  a.btn, button.btn {
    display: inline-flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: 2px 0px;
    padding: var(--btn-pt) var(--btn-pe) var(--btn-pb) var(--btn-ps);
    font-style: var(--btn-font-style);
    font-weight: var(--btn-font-weight);
    font-size: var(--btn-font-size);
    line-height: var(--btn-line-height);
    font-family: var(--btn-font-family);
    text-decoration: none !important;
    white-space: normal;
    word-break: normal;
    border-style: solid;
    border-radius: var(--border-radius);
    user-select: auto;
  }
  a.btn:hover, button.btn:hover {
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  a.btn i, a.btn svg, button.btn i, button.btn svg {
    margin: 0px 6px;
  }
  a.btn.btn-xs, button.btn.btn-xs {
    padding: var(--btn-xs-pt) var(--btn-xs-pe) var(--btn-xs-pb) var(--btn-xs-ps);
    font-style: var(--btn-xs-font-style);
    font-weight: var(--btn-xs-font-weight);
    font-size: var(--btn-xs-font-size);
    line-height: var(--btn-xs-line-height);
    font-family: var(--btn-xs-font-family);
    border-radius: var(--border-radius);
  }
  a.btn.btn-sm, button.btn.btn-sm {
    padding: var(--btn-sm-pt) var(--btn-sm-pe) var(--btn-sm-pb) var(--btn-sm-ps);
    font-style: var(--btn-sm-font-style);
    font-weight: var(--btn-sm-font-weight);
    font-size: var(--btn-sm-font-size);
    line-height: var(--btn-sm-line-height);
    font-family: var(--btn-sm-font-family);
    border-radius: var(--border-radius);
  }
  a.btn.btn-lg, button.btn.btn-lg {
    padding: var(--btn-lg-pt) var(--btn-lg-pe) var(--btn-lg-pb) var(--btn-lg-ps);
    font-style: var(--btn-lg-font-style);
    font-weight: var(--btn-lg-font-weight);
    font-size: var(--btn-lg-font-size);
    line-height: var(--btn-lg-line-height);
    font-family: var(--btn-lg-font-family);
    border-radius: var(--border-radius);
  }
  a.btn.btn-xl, button.btn.btn-xl {
    padding: var(--btn-xl-pt) var(--btn-xl-pe) var(--btn-xl-pb) var(--btn-xl-ps);
    font-style: var(--btn-xl-font-style);
    font-weight: var(--btn-xl-font-weight);
    font-size: var(--btn-xl-font-size);
    line-height: var(--btn-xl-line-height);
    font-family: var(--btn-xl-font-family);
    border-radius: var(--border-radius);
  }
  a.btn.btn-round, button.btn.btn-round {
    border-radius: 40px;
  }
  a.btn.w-auto, button.btn.w-auto {
    width: auto !important;
  }
  a.btn.w-25, button.btn.w-25 {
    width: 25%;
  }
  a.btn.w-50, button.btn.w-50 {
    width: 50%;
  }
  a.btn.w-75, button.btn.w-75 {
    width: 75%;
  }
  a.btn.w-100, button.btn.w-100 {
    width: 100% !important;
  }
  a.btn:focus, button.btn:focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  a.btn:disabled, a.btn.disabled, button.btn:disabled, button.btn.disabled {
    opacity: 0.7 !important;
    cursor: not-allowed !important;
  }
  a.btn + a.btn, button.btn + button.btn, am-button + am-button {
    margin: 0px;
    margin-left: 10px;
  }
  .btn-default, .btn-primary, .btn-secondary, .btn-tertiary, .btn-info, .btn-success, .btn-warning, .btn-danger, .btn-black {
    text-decoration: none !important;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
@media (max-width: 575.98px) {
  @layer bootstrap {
    /* BOOTSTRAP OVERRIDES | BUTTON ---------------------------------------------------------------------------------------------------- */
    a.btn + a.btn, button.btn + button.btn, am-button + am-button {
      margin: 5px 0px 0px 0px;
    }
    a.btn.w-auto + a.btn.w-auto, button.btn.w-auto + button.btn.w-auto {
      margin: 0px;
      margin-left: 5px;
    }
    .btn {
      width: 100%;
      box-sizing: border-box;
    }
    .btn.no-resize {
      width: auto;
    }
    .btn + span + .btn {
      margin: 10px 0px 0px 0px;
    }
    .btn-lg, .btn-group-lg > .btn {
      padding: 10px 16px;
      font-size: 1rem;
      line-height: 1.2;
      overflow: hidden;
    }
    .btn-sm, .btn-group-sm > .btn, .btn-xs, .btn-group-xs > .btn {
      padding: 10px 16px;
      font-size: 0.75rem;
      overflow: hidden;
    }
  }
}
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | BUTTON CLOSE ---------------------------------------------------------------------------------------------------- */
  a.btn-close, a:link.btn-close, a:visited.btn-close, a:hover.btn-close, a:active.btn-close, a:focus.btn-close, button.btn-close, p.btn-close {
    padding: initial;
    width: initial;
    height: initial;
    background: none;
    border: none;
    border-radius: var(--border-radius);
    opacity: initial;
    box-sizing: content-box;
  }
  a:focus.btn-close {
    box-shadow: none;
    outline: 0;
    opacity: 1;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | BUTTON-BLACK ---------------------------------------------------------------------------------------------------- */
  /* SOLID */
  .btn-black, .btn-black:not([href]):not([tabindex]) {
    color: var(--white) !important;
    background-color: var(--black) !important;
    border-color: var(--black) !important;
  }
  .btn-black:hover, .btn-black:not([href]):not([tabindex]):hover {
    color: var(--white) !important;
    background-color: var(--black) !important;
    border-color: var(--black) !important;
  }
  .btn-black:not(:disabled):not(.disabled).active, .btn-black:not(:disabled):not(.disabled):active, .btn-black .show > .btn-black.dropdown-toggle, .btn-black:not([href]):not([tabindex]):not(:disabled):not(.disabled).active, .btn-black:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, .btn-black:not([href]):not([tabindex]) .show > .btn-black.dropdown-toggle {
    color: var(--white) !important;
    background-color: var(--gray-90) !important;
    border-color: var(--gray-90) !important;
  }
  .btn-black.disabled, .btn-black:not([href]):not([tabindex]).disabled {
    color: var(--white) !important;
    background-color: var(--black) !important;
    border-color: var(--black) !important;
  }
  .btn-black.active.disabled, .btn-black:not([href]):not([tabindex]).active.disabled {
    color: var(--white) !important;
    background-color: var(--gray-90) !important;
    border-color: var(--gray-90) !important;
  }
  .btn-black:not(:disabled):not(.disabled):focus, .btn-black:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  .btn-black:not(:disabled):not(.disabled):focus-visible, .btn-black:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus-visible {
    outline: 1px solid var(--primary) !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius);
  }
  .btn-black i, .btn-black svg, .btn-black:not([href]):not([tabindex]) i, .btn-black:not([href]):not([tabindex]) svg {
    color: var(--white) !important;
  }
  /* OUTLINE */
  .btn-outline.btn-black, .btn-outline.btn-black:not([href]):not([tabindex]) {
    color: var(--black) !important;
    background-color: transparent !important;
    border-color: var(--black) !important;
  }
  .btn-outline.btn-black:hover, .btn-outline.btn-black:not([href]):not([tabindex]):hover {
    color: var(--black) !important;
    background-color: transparent !important;
    border-color: var(--black) !important;
  }
  .btn-outline.btn-black:not(:disabled):not(.disabled).active, .btn-outline.btn-black:not(:disabled):not(.disabled):active, .btn-outline.btn-black .show > .btn-black.dropdown-toggle, .btn-outline.btn-black:not([href]):not([tabindex]):not(:disabled):not(.disabled).active, .btn-outline.btn-black:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, .btn-outline.btn-black:not([href]):not([tabindex]) .show > .btn-black.dropdown-toggle {
    color: var(--gray-90) !important;
    background-color: transparent !important;
    border-color: var(--gray-90) !important;
  }
  .btn-outline.btn-black.disabled, .btn-outline.btn-black:not([href]):not([tabindex]).disabled {
    color: var(--black) !important;
    background-color: transparent !important;
    border-color: var(--black) !important;
  }
  .btn-outline.btn-black.active.disabled, .btn-outline.btn-black:not([href]):not([tabindex]).active.disabled {
    color: var(--gray-90) !important;
    background-color: transparent !important;
    border-color: var(--gray-90) !important;
  }
  .btn-outline.btn-black:not(:disabled):not(.disabled):focus, .btn-outline.btn-black:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  .btn-outline.btn-black:not(:disabled):not(.disabled):focus-visible, .btn-outline.btn-black:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus-visible {
    outline: 1px solid var(--primary) !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius);
  }
  .btn-outline.btn-black i, .btn-outline.btn-black svg, .btn-outline.btn-black:not([href]):not([tabindex]) i, .btn-outline.btn-black:not([href]):not([tabindex]) svg {
    color: var(--black) !important;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | BUTTON-DANGER ---------------------------------------------------------------------------------------------------- */
  /* SOLID */
  .btn-danger, .btn-danger:not([href]):not([tabindex]) {
    color: var(--white) !important;
    background-color: var(--danger) !important;
    border-color: var(--danger) !important;
  }
  .btn-danger:hover, .btn-danger:not([href]):not([tabindex]):hover {
    color: var(--white) !important;
    background-color: var(--danger-dark-20) !important;
    border-color: var(--danger-dark-20) !important;
  }
  .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .btn-danger .show > .btn-danger.dropdown-toggle, .btn-danger:not([href]):not([tabindex]):not(:disabled):not(.disabled).active, .btn-danger:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, .btn-danger:not([href]):not([tabindex]) .show > .btn-danger.dropdown-toggle {
    color: var(--white) !important;
    background-color: var(--danger-dark-20) !important;
    border-color: var(--danger-dark-20) !important;
  }
  .btn-danger.disabled, .btn-danger:not([href]):not([tabindex]).disabled {
    color: var(--white) !important;
    background-color: var(--danger) !important;
    border-color: var(--danger) !important;
  }
  .btn-danger.active.disabled, .btn-danger:not([href]):not([tabindex]).active.disabled {
    color: var(--white) !important;
    background-color: var(--danger-dark-20) !important;
    border-color: var(--danger-dark-20) !important;
  }
  .btn-danger:not(:disabled):not(.disabled):focus, .btn-danger:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  .btn-danger:not(:disabled):not(.disabled):focus-visible, .btn-danger:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus-visible {
    outline: 1px solid var(--primary) !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius);
  }
  .btn-danger i, .btn-danger svg, .btn-danger:not([href]):not([tabindex]) i, .btn-danger:not([href]):not([tabindex]) svg {
    color: var(--white) !important;
  }
  /* OUTLINE */
  .btn-outline.btn-danger, .btn-outline.btn-danger:not([href]):not([tabindex]) {
    color: var(--danger) !important;
    background-color: transparent !important;
    border-color: var(--danger) !important;
  }
  .btn-outline.btn-danger:hover, .btn-outline.btn-danger:not([href]):not([tabindex]):hover {
    color: var(--danger-dark-20) !important;
    background-color: transparent !important;
    border-color: var(--danger-dark-20) !important;
  }
  .btn-outline.btn-danger:not(:disabled):not(.disabled).active, .btn-outline.btn-danger:not(:disabled):not(.disabled):active, .btn-outline.btn-danger .show > .btn-danger.dropdown-toggle, .btn-outline.btn-danger:not([href]):not([tabindex]):not(:disabled):not(.disabled).active, .btn-outline.btn-danger:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, .btn-outline.btn-danger:not([href]):not([tabindex]) .show > .btn-danger.dropdown-toggle {
    color: var(--danger-dark-20) !important;
    background-color: transparent !important;
    border-color: var(--danger-dark-20) !important;
  }
  .btn-outline.btn-danger.disabled, .btn-outline.btn-danger:not([href]):not([tabindex]).disabled {
    color: var(--danger) !important;
    background-color: transparent !important;
    border-color: var(--danger) !important;
  }
  .btn-outline.btn-danger.active.disabled, .btn-outline.btn-danger:not([href]):not([tabindex]).active.disabled {
    color: var(--danger-dark-20) !important;
    background-color: transparent !important;
    border-color: var(--danger-dark-20) !important;
  }
  .btn-outline.btn-danger:not(:disabled):not(.disabled):focus, .btn-outline.btn-danger:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  .btn-outline.btn-danger:not(:disabled):not(.disabled):focus-visible, .btn-outline.btn-danger:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus-visible {
    outline: 1px solid var(--primary) !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius);
  }
  .btn-outline.btn-danger i, .btn-outline.btn-danger svg, .btn-outline.btn-danger:not([href]):not([tabindex]) i, .btn-outline.btn-danger:not([href]):not([tabindex]) svg {
    color: var(--danger) !important;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer legacy {
  /* BOOTSTRAP OVERRIDES | BUTTON-DEFAULT ---------------------------------------------------------------------------------------------------- */
  /* SOLID */
  .btn-default, .btn-default:not([href]):not([tabindex]) {
    color: var(--btn-default-color) !important;
    background-color: var(--btn-default-bg-color) !important;
    border-color: var(--btn-default-border-color) !important;
    border-width: var(--btn-default-border-size) !important;
  }
  .btn-default:hover, .btn-default:not([href]):not([tabindex]):hover {
    color: var(--btn-default-color-hover) !important;
    background-color: var(--btn-default-bg-color-hover) !important;
    border-color: var(--btn-default-border-color-hover) !important;
  }
  .btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active, .btn-default .show > .btn-default.dropdown-toggle, .btn-default:not([href]):not([tabindex]):not(:disabled):not(.disabled).active, .btn-default:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, .btn-default:not([href]):not([tabindex]) .show > .btn-default.dropdown-toggle {
    color: var(--btn-default-color-active) !important;
    background-color: var(--btn-default-bg-color-active) !important;
    border-color: var(--btn-default-border-color-active) !important;
  }
  .btn-default.disabled, .btn-default:not([href]):not([tabindex]).disabled {
    color: var(--btn-default-color) !important;
    background-color: var(--btn-default-bg-color) !important;
    border-color: var(--btn-default-border-color) !important;
  }
  .btn-default.active.disabled, .btn-default:not([href]):not([tabindex]).active.disabled {
    color: var(--btn-default-color-active) !important;
    background-color: var(--btn-default-bg-color-active) !important;
    border-color: var(--btn-default-border-color-active) !important;
  }
  .btn-default:not(:disabled):not(.disabled):focus, .btn-default:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  .btn-default:not(:disabled):not(.disabled):focus-visible, .btn-default:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus-visible {
    outline: 1px solid var(--primary) !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius);
  }
  .btn-default i, .btn-default svg, .btn-default:not([href]):not([tabindex]) i, .btn-default:not([href]):not([tabindex]) svg {
    color: var(--btn-default-color) !important;
  }
  /* OUTLINE */
  .btn-outline.btn-default, .btn-outline.btn-default:not([href]):not([tabindex]) {
    color: var(--btn-default-color) !important;
    background-color: transparent !important;
    border-color: var(--btn-default-border-color) !important;
  }
  .btn-outline.btn-default:hover, .btn-outline.btn-default:not([href]):not([tabindex]):hover {
    color: var(--btn-default-color-hover) !important;
    background-color: transparent !important;
    border-color: var(--btn-default-border-color-hover) !important;
  }
  .btn-outline.btn-default:not(:disabled):not(.disabled).active, .btn-outline.btn-default:not(:disabled):not(.disabled):active, .btn-outline.btn-default .show > .btn-default.dropdown-toggle, .btn-outline.btn-default:not([href]):not([tabindex]):not(:disabled):not(.disabled).active, .btn-outline.btn-default:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, .btn-outline.btn-default:not([href]):not([tabindex]) .show > .btn-default.dropdown-toggle {
    color: var(--btn-default-color-active) !important;
    background-color: transparent !important;
    border-color: var(--btn-default-border-color-active) !important;
  }
  .btn-outline.btn-default.disabled, .btn-outline.btn-default:not([href]):not([tabindex]).disabled {
    color: var(--btn-default-color) !important;
    background-color: transparent !important;
    border-color: var(--btn-default-border-color) !important;
  }
  .btn-outline.btn-default.active.disabled, .btn-outline.btn-default:not([href]):not([tabindex]).active.disabled {
    color: var(--btn-default-color-active) !important;
    background-color: transparent !important;
    border-color: var(--btn-default-border-color-active) !important;
  }
  .btn-outline.btn-default:not(:disabled):not(.disabled):focus, .btn-outline.btn-default:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  .btn-outline.btn-default:not(:disabled):not(.disabled):focus-visible, .btn-outline.btn-default:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus-visible {
    outline: 1px solid var(--primary) !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius);
  }
  .btn-outline.btn-default i, .btn-outline.btn-default svg, .btn-outline.btn-default:not([href]):not([tabindex]) i, .btn-outline.btn-default:not([href]):not([tabindex]) svg {
    color: var(--btn-default-color) !important;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer legacy {
  /* BOOTSTRAP OVERRIDES | BUTTON-INFO ---------------------------------------------------------------------------------------------------- */
  /* SOLID */
  .btn-info, .btn-info:not([href]):not([tabindex]) {
    color: var(--white) !important;
    background-color: var(--info) !important;
    border-color: var(--info) !important;
  }
  .btn-info:hover, .btn-info:not([href]):not([tabindex]):hover {
    color: var(--white) !important;
    background-color: var(--info-dark-20) !important;
    border-color: var(--info-dark-20) !important;
  }
  .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .btn-info .show > .btn-info.dropdown-toggle, .btn-info:not([href]):not([tabindex]):not(:disabled):not(.disabled).active, .btn-info:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, .btn-info:not([href]):not([tabindex]) .show > .btn-info.dropdown-toggle {
    color: var(--white) !important;
    background-color: var(--info-dark-20) !important;
    border-color: var(--info-dark-20) !important;
  }
  .btn-info.disabled, .btn-info:not([href]):not([tabindex]).disabled {
    color: var(--white) !important;
    background-color: var(--info) !important;
    border-color: var(--info) !important;
  }
  .btn-info.active.disabled, .btn-info:not([href]):not([tabindex]).active.disabled {
    color: var(--white) !important;
    background-color: var(--info-dark-20) !important;
    border-color: var(--info-dark-20) !important;
  }
  .btn-info:not(:disabled):not(.disabled):focus, .btn-info:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  .btn-info:not(:disabled):not(.disabled):focus-visible, .btn-info:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus-visible {
    outline: 1px solid var(--primary) !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius);
  }
  .btn-info i, .btn-info svg, .btn-info:not([href]):not([tabindex]) i, .btn-info:not([href]):not([tabindex]) svg {
    color: var(--white) !important;
  }
  /* OUTLINE */
  .btn-outline.btn-info, .btn-outline.btn-info:not([href]):not([tabindex]) {
    color: var(--info) !important;
    background-color: transparent !important;
    border-color: var(--info) !important;
  }
  .btn-outline.btn-info:hover, .btn-outline.btn-info:not([href]):not([tabindex]):hover {
    color: var(--info-dark-20) !important;
    background-color: transparent !important;
    border-color: var(--info-dark-20) !important;
  }
  .btn-outline.btn-info:not(:disabled):not(.disabled).active, .btn-outline.btn-info:not(:disabled):not(.disabled):active, .btn-outline.btn-info .show > .btn-info.dropdown-toggle, .btn-outline.btn-info:not([href]):not([tabindex]):not(:disabled):not(.disabled).active, .btn-outline.btn-info:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, .btn-outline.btn-info:not([href]):not([tabindex]) .show > .btn-info.dropdown-toggle {
    color: var(--info-dark-20) !important;
    background-color: transparent !important;
    border-color: var(--info-dark-20) !important;
  }
  .btn-outline.btn-info.disabled, .btn-outline.btn-info:not([href]):not([tabindex]).disabled {
    color: var(--info) !important;
    background-color: transparent !important;
    border-color: var(--info) !important;
  }
  .btn-outline.btn-info.active.disabled, .btn-outline.btn-info:not([href]):not([tabindex]).active.disabled {
    color: var(--info-dark-20) !important;
    background-color: transparent !important;
    border-color: var(--info-dark-20) !important;
  }
  .btn-outline.btn-info:not(:disabled):not(.disabled):focus, .btn-outline.btn-info:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  .btn-outline.btn-info:not(:disabled):not(.disabled):focus-visible, .btn-outline.btn-info:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus-visible {
    outline: 1px solid var(--primary) !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius);
  }
  .btn-outline.btn-info i, .btn-outline.btn-info svg, .btn-outline.btn-info:not([href]):not([tabindex]) i, .btn-outline.btn-info:not([href]):not([tabindex]) svg {
    color: var(--info) !important;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | BUTTON-PRIMARY ---------------------------------------------------------------------------------------------------- */
  /* SOLID */
  .btn-primary, .btn-primary:not([href]):not([tabindex]) {
    color: var(--btn-primary-color) !important;
    background-color: var(--btn-primary-bg-color) !important;
    border-color: var(--btn-primary-border-color) !important;
    border-width: var(--btn-primary-border-size) !important;
  }
  .btn-primary:hover, .btn-primary:not([href]):not([tabindex]):hover {
    color: var(--btn-primary-color-hover) !important;
    background-color: var(--btn-primary-bg-color-hover) !important;
    border-color: var(--btn-primary-border-color-hover) !important;
  }
  .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary .show > .btn-primary.dropdown-toggle, .btn-primary:not([href]):not([tabindex]):not(:disabled):not(.disabled).active, .btn-primary:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, .btn-primary:not([href]):not([tabindex]) .show > .btn-primary.dropdown-toggle {
    color: var(--btn-primary-color-active) !important;
    background-color: var(--btn-primary-bg-color-active) !important;
    border-color: var(--btn-primary-border-color-active) !important;
  }
  .btn-primary.disabled, .btn-primary:not([href]):not([tabindex]).disabled {
    color: var(--btn-primary-color) !important;
    background-color: var(--btn-primary-bg-color) !important;
    border-color: var(--btn-primary-border-color) !important;
  }
  .btn-primary.active.disabled, .btn-primary:not([href]):not([tabindex]).active.disabled {
    color: var(--btn-primary-color-active) !important;
    background-color: var(--btn-primary-bg-color-active) !important;
    border-color: var(--btn-primary-border-color-active) !important;
  }
  .btn-primary:not(:disabled):not(.disabled):focus, .btn-primary:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  .btn-primary:not(:disabled):not(.disabled):focus-visible, .btn-primary:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus-visible {
    outline: 1px solid var(--primary) !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius);
  }
  .btn-primary i, .btn-primary svg, .btn-primary:not([href]):not([tabindex]) i, .btn-primary:not([href]):not([tabindex]) svg {
    color: var(--btn-primary-color) !important;
  }
  /* OUTLINE */
  .btn-outline.btn-primary, .btn-outline.btn-primary:not([href]):not([tabindex]) {
    color: var(--btn-primary-border-color) !important;
    background-color: transparent !important;
    border-color: var(--btn-primary-border-color) !important;
  }
  .btn-outline.btn-primary:hover, .btn-outline.btn-primary:not([href]):not([tabindex]):hover {
    color: var(--btn-primary-border-color-hover) !important;
    background-color: transparent !important;
    border-color: var(--btn-primary-border-color-hover) !important;
  }
  .btn-outline.btn-primary:not(:disabled):not(.disabled).active, .btn-outline.btn-primary:not(:disabled):not(.disabled):active, .btn-outline.btn-primary .show > .btn-primary.dropdown-toggle, .btn-outline.btn-primary:not([href]):not([tabindex]):not(:disabled):not(.disabled).active, .btn-outline.btn-primary:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, .btn-outline.btn-primary:not([href]):not([tabindex]) .show > .btn-primary.dropdown-toggle {
    color: var(--btn-primary-border-color-active) !important;
    background-color: transparent !important;
    border-color: var(--btn-primary-border-color-active) !important;
  }
  .btn-outline.btn-primary.disabled, .btn-outline.btn-primary:not([href]):not([tabindex]).disabled {
    color: var(--btn-primary-border-color) !important;
    background-color: transparent !important;
    border-color: var(--btn-primary-border-color) !important;
  }
  .btn-outline.btn-primary.active.disabled, .btn-outline.btn-primary:not([href]):not([tabindex]).active.disabled {
    color: var(--btn-primary-border-color-active) !important;
    background-color: transparent !important;
    border-color: var(--btn-primary-border-color-active) !important;
  }
  .btn-outline.btn-primary:not(:disabled):not(.disabled):focus, .btn-outline.btn-primary:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  .btn-outline.btn-primary:not(:disabled):not(.disabled):focus-visible, .btn-outline.btn-primary:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus-visible {
    outline: 1px solid var(--primary) !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius);
  }
  .btn-outline.btn-primary i, .btn-outline.btn-primary svg, .btn-outline.btn-primary:not([href]):not([tabindex]) i, .btn-outline.btn-primary:not([href]):not([tabindex]) svg {
    color: var(--btn-primary-border-color) !important;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | BUTTON-SECONDARY ---------------------------------------------------------------------------------------------------- */
  /* SOLID */
  .btn-secondary, .btn-secondary:not([href]):not([tabindex]) {
    color: var(--btn-secondary-color) !important;
    background-color: var(--btn-secondary-bg-color) !important;
    border-color: var(--btn-secondary-border-color) !important;
    border-width: var(--btn-secondary-border-size) !important;
  }
  .btn-secondary:hover, .btn-secondary:not([href]):not([tabindex]):hover {
    color: var(--btn-secondary-color-hover) !important;
    background-color: var(--btn-secondary-bg-color-hover) !important;
    border-color: var(--btn-secondary-border-color-hover) !important;
  }
  .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary .show > .btn-secondary.dropdown-toggle, .btn-secondary:not([href]):not([tabindex]):not(:disabled):not(.disabled).active, .btn-secondary:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, .btn-secondary:not([href]):not([tabindex]) .show > .btn-secondary.dropdown-toggle {
    color: var(--btn-secondary-color-active) !important;
    background-color: var(--btn-secondary-bg-color-active) !important;
    border-color: var(--btn-secondary-border-color-active) !important;
  }
  .btn-secondary.disabled, .btn-secondary:not([href]):not([tabindex]).disabled {
    color: var(--btn-secondary-color) !important;
    background-color: var(--btn-secondary-bg-color) !important;
    border-color: var(--btn-secondary-border-color) !important;
  }
  .btn-secondary.active.disabled, .btn-secondary:not([href]):not([tabindex]).active.disabled {
    color: var(--btn-secondary-color-active) !important;
    background-color: var(--btn-secondary-bg-color-active) !important;
    border-color: var(--btn-secondary-border-color-active) !important;
  }
  .btn-secondary:not(:disabled):not(.disabled):focus, .btn-secondary:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  .btn-secondary:not(:disabled):not(.disabled):focus-visible, .btn-secondary:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus-visible {
    outline: 1px solid var(--primary) !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius);
  }
  .btn-secondary i, .btn-secondary svg, .btn-secondary:not([href]):not([tabindex]) i, .btn-secondary:not([href]):not([tabindex]) svg {
    color: var(--btn-secondary-color) !important;
  }
  /* OUTLINE */
  .btn-outline.btn-secondary, .btn-outline.btn-secondary:not([href]):not([tabindex]) {
    color: var(--btn-secondary-border-color) !important;
    background-color: transparent !important;
    border-color: var(--btn-secondary-border-color) !important;
  }
  .btn-outline.btn-secondary:hover, .btn-outline.btn-secondary:not([href]):not([tabindex]):hover {
    color: var(--btn-secondary-border-color-hover) !important;
    background-color: transparent !important;
    border-color: var(--btn-secondary-border-color-hover) !important;
  }
  .btn-outline.btn-secondary:not(:disabled):not(.disabled).active, .btn-outline.btn-secondary:not(:disabled):not(.disabled):active, .btn-outline.btn-secondary .show > .btn-secondary.dropdown-toggle, .btn-outline.btn-secondary:not([href]):not([tabindex]):not(:disabled):not(.disabled).active, .btn-outline.btn-secondary:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, .btn-outline.btn-secondary:not([href]):not([tabindex]) .show > .btn-secondary.dropdown-toggle {
    color: var(--btn-secondary-border-color-active) !important;
    background-color: transparent !important;
    border-color: var(--btn-secondary-border-color-active) !important;
  }
  .btn-outline.btn-secondary.disabled, .btn-outline.btn-secondary:not([href]):not([tabindex]).disabled {
    color: var(--btn-secondary-border-color) !important;
    background-color: transparent !important;
    border-color: var(--btn-secondary-border-color) !important;
  }
  .btn-outline.btn-secondary.active.disabled, .btn-outline.btn-secondary:not([href]):not([tabindex]).active.disabled {
    color: var(--btn-secondary-border-color-active) !important;
    background-color: transparent !important;
    border-color: var(--btn-secondary-border-color-active) !important;
  }
  .btn-outline.btn-secondary:not(:disabled):not(.disabled):focus, .btn-outline.btn-secondary:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  .btn-outline.btn-secondary:not(:disabled):not(.disabled):focus-visible, .btn-outline.btn-secondary:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus-visible {
    outline: 1px solid var(--primary) !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius);
  }
  .btn-outline.btn-secondary i, .btn-outline.btn-secondary svg, .btn-outline.btn-secondary:not([href]):not([tabindex]) i, .btn-outline.btn-secondary:not([href]):not([tabindex]) svg {
    color: var(--btn-secondary-border-color) !important;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | BUTTON-SUCCESS ---------------------------------------------------------------------------------------------------- */
  /* SOLID */
  .btn-success, .btn-success:not([href]):not([tabindex]) {
    color: var(--white) !important;
    background-color: var(--success) !important;
    border-color: var(--success) !important;
  }
  .btn-success:hover, .btn-success:not([href]):not([tabindex]):hover {
    color: var(--white) !important;
    background-color: var(--success-dark-20) !important;
    border-color: var(--success-dark-20) !important;
  }
  .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .btn-success .show > .btn-success.dropdown-toggle, .btn-success:not([href]):not([tabindex]):not(:disabled):not(.disabled).active, .btn-success:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, .btn-success:not([href]):not([tabindex]) .show > .btn-success.dropdown-toggle {
    color: var(--white) !important;
    background-color: var(--success-dark-20) !important;
    border-color: var(--success-dark-20) !important;
  }
  .btn-success.disabled, .btn-success:not([href]):not([tabindex]).disabled {
    color: var(--white) !important;
    background-color: var(--success) !important;
    border-color: var(--success) !important;
  }
  .btn-success.active.disabled, .btn-success:not([href]):not([tabindex]).active.disabled {
    color: var(--white) !important;
    background-color: var(--success-dark-20) !important;
    border-color: var(--success-dark-20) !important;
  }
  .btn-success:not(:disabled):not(.disabled):focus, .btn-success:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  .btn-success:not(:disabled):not(.disabled):focus-visible, .btn-success:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus-visible {
    outline: 1px solid var(--primary) !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius);
  }
  .btn-success i, .btn-success svg, .btn-success:not([href]):not([tabindex]) i, .btn-success:not([href]):not([tabindex]) svg {
    color: var(--white) !important;
  }
  /* OUTLINE */
  .btn-outline.btn-success, .btn-outline.btn-success:not([href]):not([tabindex]) {
    color: var(--success) !important;
    background-color: transparent !important;
    border-color: var(--success) !important;
  }
  .btn-outline.btn-success:hover, .btn-outline.btn-success:not([href]):not([tabindex]):hover {
    color: var(--success-dark-20) !important;
    background-color: transparent !important;
    border-color: var(--success-dark-20) !important;
  }
  .btn-outline.btn-success:not(:disabled):not(.disabled).active, .btn-outline.btn-success:not(:disabled):not(.disabled):active, .btn-outline.btn-success .show > .btn-success.dropdown-toggle, .btn-outline.btn-success:not([href]):not([tabindex]):not(:disabled):not(.disabled).active, .btn-outline.btn-success:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, .btn-outline.btn-success:not([href]):not([tabindex]) .show > .btn-success.dropdown-toggle {
    color: var(--success-dark-20) !important;
    background-color: transparent !important;
    border-color: var(--success-dark-20) !important;
  }
  .btn-outline.btn-success.disabled, .btn-outline.btn-success:not([href]):not([tabindex]).disabled {
    color: var(--success) !important;
    background-color: transparent !important;
    border-color: var(--success) !important;
  }
  .btn-outline.btn-success.active.disabled, .btn-outline.btn-success:not([href]):not([tabindex]).active.disabled {
    color: var(--success-dark-20) !important;
    background-color: transparent !important;
    border-color: var(--success-dark-20) !important;
  }
  .btn-outline.btn-success:not(:disabled):not(.disabled):focus, .btn-outline.btn-success:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  .btn-outline.btn-success:not(:disabled):not(.disabled):focus-visible, .btn-outline.btn-success:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus-visible {
    outline: 1px solid var(--primary) !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius);
  }
  .btn-outline.btn-success i, .btn-outline.btn-success svg, .btn-outline.btn-success:not([href]):not([tabindex]) i, .btn-outline.btn-success:not([href]):not([tabindex]) svg {
    color: var(--success) !important;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | BUTTON-TERTIARY ---------------------------------------------------------------------------------------------------- */
  /* SOLID */
  .btn-tertiary, .btn-tertiary:not([href]):not([tabindex]) {
    color: var(--btn-tertiary-color) !important;
    background-color: var(--btn-tertiary-bg-color) !important;
    border-color: var(--btn-tertiary-border-color) !important;
    border-width: var(--btn-tertiary-border-size) !important;
  }
  .btn-tertiary:hover, .btn-tertiary:not([href]):not([tabindex]):hover {
    color: var(--btn-tertiary-color-hover) !important;
    background-color: var(--btn-tertiary-bg-color-hover) !important;
    border-color: var(--btn-tertiary-border-color-hover) !important;
  }
  .btn-tertiary:not(:disabled):not(.disabled).active, .btn-tertiary:not(:disabled):not(.disabled):active, .btn-tertiary .show > .btn-tertiary.dropdown-toggle, .btn-tertiary:not([href]):not([tabindex]):not(:disabled):not(.disabled).active, .btn-tertiary:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, .btn-tertiary:not([href]):not([tabindex]) .show > .btn-tertiary.dropdown-toggle {
    color: var(--btn-tertiary-color-active) !important;
    background-color: var(--btn-tertiary-bg-color-active) !important;
    border-color: var(--btn-tertiary-border-color-active) !important;
  }
  .btn-tertiary.disabled, .btn-tertiary:not([href]):not([tabindex]).disabled {
    color: var(--btn-tertiary-color) !important;
    background-color: var(--btn-tertiary-bg-color) !important;
    border-color: var(--btn-tertiary-border-color) !important;
  }
  .btn-tertiary.active.disabled, .btn-tertiary:not([href]):not([tabindex]).active.disabled {
    color: var(--btn-tertiary-color-active) !important;
    background-color: var(--btn-tertiary-bg-color-active) !important;
    border-color: var(--btn-tertiary-border-color-active) !important;
  }
  .btn-tertiary:not(:disabled):not(.disabled):focus, .btn-tertiary:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  .btn-tertiary:not(:disabled):not(.disabled):focus-visible, .btn-tertiary:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus-visible {
    outline: 1px solid var(--primary) !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius);
  }
  .btn-tertiary i, .btn-tertiary svg, .btn-tertiary:not([href]):not([tabindex]) i, .btn-tertiary:not([href]):not([tabindex]) svg {
    color: var(--btn-tertiary-color) !important;
  }
  /* OUTLINE */
  .btn-outline.btn-tertiary, .btn-outline.btn-tertiary:not([href]):not([tabindex]) {
    color: var(--btn-tertiary-border-color) !important;
    background-color: transparent !important;
    border-color: var(--btn-tertiary-border-color) !important;
  }
  .btn-outline.btn-tertiary:hover, .btn-outline.btn-tertiary:not([href]):not([tabindex]):hover {
    color: var(--btn-tertiary-border-color-hover) !important;
    background-color: transparent !important;
    border-color: var(--btn-tertiary-border-color-hover) !important;
  }
  .btn-outline.btn-tertiary:not(:disabled):not(.disabled).active, .btn-outline.btn-tertiary:not(:disabled):not(.disabled):active, .btn-outline.btn-tertiary .show > .btn-tertiary.dropdown-toggle, .btn-outline.btn-tertiary:not([href]):not([tabindex]):not(:disabled):not(.disabled).active, .btn-outline.btn-tertiary:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, .btn-outline.btn-tertiary:not([href]):not([tabindex]) .show > .btn-tertiary.dropdown-toggle {
    color: var(--btn-tertiary-border-color-active) !important;
    background-color: transparent !important;
    border-color: var(--btn-tertiary-border-color-active) !important;
  }
  .btn-outline.btn-tertiary.disabled, .btn-outline.btn-tertiary:not([href]):not([tabindex]).disabled {
    color: var(--btn-tertiary-border-color) !important;
    background-color: transparent !important;
    border-color: var(--btn-tertiary-border-color) !important;
  }
  .btn-outline.btn-tertiary.active.disabled, .btn-outline.btn-tertiary:not([href]):not([tabindex]).active.disabled {
    color: var(--btn-tertiary-border-color-active) !important;
    background-color: transparent !important;
    border-color: var(--btn-tertiary-border-color-active) !important;
  }
  .btn-outline.btn-tertiary:not(:disabled):not(.disabled):focus, .btn-outline.btn-tertiary:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  .btn-outline.btn-tertiary:not(:disabled):not(.disabled):focus-visible, .btn-outline.btn-tertiary:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus-visible {
    outline: 1px solid var(--primary) !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius);
  }
  .btn-outline.btn-tertiary i, .btn-outline.btn-tertiary svg, .btn-outline.btn-tertiary:not([href]):not([tabindex]) i, .btn-outline.btn-tertiary:not([href]):not([tabindex]) svg {
    color: var(--btn-tertiary-border-color) !important;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | BUTTON-WARNING ---------------------------------------------------------------------------------------------------- */
  /* SOLID */
  .btn-warning, .btn-warning:not([href]):not([tabindex]) {
    color: var(--font-color-dark) !important;
    background-color: var(--warning) !important;
    border-color: var(--warning) !important;
  }
  .btn-warning:hover, .btn-warning:not([href]):not([tabindex]):hover {
    color: var(--font-color-dark) !important;
    background-color: var(--warning-dark-20) !important;
    border-color: var(--warning-dark-20) !important;
  }
  .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .btn-warning .show > .btn-warning.dropdown-toggle, .btn-warning:not([href]):not([tabindex]):not(:disabled):not(.disabled).active, .btn-warning:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, .btn-warning:not([href]):not([tabindex]) .show > .btn-warning.dropdown-toggle {
    color: var(--font-color-dark) !important;
    background-color: var(--warning-dark-20) !important;
    border-color: var(--warning-dark-20) !important;
  }
  .btn-warning.disabled, .btn-warning:not([href]):not([tabindex]).disabled {
    color: var(--font-color-dark) !important;
    background-color: var(--warning) !important;
    border-color: var(--warning) !important;
  }
  .btn-warning.active.disabled, .btn-warning:not([href]):not([tabindex]).active.disabled {
    color: var(--font-color-dark) !important;
    background-color: var(--warning-dark-20) !important;
    border-color: var(--warning-dark-20) !important;
  }
  .btn-warning:not(:disabled):not(.disabled):focus, .btn-warning:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  .btn-warning:not(:disabled):not(.disabled):focus-visible, .btn-warning:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus-visible {
    outline: 1px solid var(--primary) !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius);
  }
  .btn-warning i, .btn-warning svg, .btn-warning:not([href]):not([tabindex]) i, .btn-warning:not([href]):not([tabindex]) svg {
    color: var(--font-color-dark) !important;
  }
  /* OUTLINE */
  .btn-outline.btn-warning, .btn-outline.btn-warning:not([href]):not([tabindex]) {
    color: var(--warning) !important;
    background-color: transparent !important;
    border-color: var(--warning) !important;
  }
  .btn-outline.btn-warning:hover, .btn-outline.btn-warning:not([href]):not([tabindex]):hover {
    color: var(--warning-dark-20) !important;
    background-color: transparent !important;
    border-color: var(--warning-dark-20) !important;
  }
  .btn-outline.btn-warning:not(:disabled):not(.disabled).active, .btn-outline.btn-warning:not(:disabled):not(.disabled):active, .btn-outline.btn-warning .show > .btn-warning.dropdown-toggle, .btn-outline.btn-warning:not([href]):not([tabindex]):not(:disabled):not(.disabled).active, .btn-outline.btn-warning:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, .btn-outline.btn-warning:not([href]):not([tabindex]) .show > .btn-warning.dropdown-toggle {
    color: var(--warning-dark-20) !important;
    background-color: transparent !important;
    border-color: var(--warning-dark-20) !important;
  }
  .btn-outline.btn-warning.disabled, .btn-outline.btn-warning:not([href]):not([tabindex]).disabled {
    color: var(--warning) !important;
    background-color: transparent !important;
    border-color: var(--warning) !important;
  }
  .btn-outline.btn-warning.active.disabled, .btn-outline.btn-warning:not([href]):not([tabindex]).active.disabled {
    color: var(--warning-dark-20) !important;
    background-color: transparent !important;
    border-color: var(--warning-dark-20) !important;
  }
  .btn-outline.btn-warning:not(:disabled):not(.disabled):focus, .btn-outline.btn-warning:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  .btn-outline.btn-warning:not(:disabled):not(.disabled):focus-visible, .btn-outline.btn-warning:not([href]):not([tabindex]):not(:disabled):not(.disabled):focus-visible {
    outline: 1px solid var(--primary) !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius);
  }
  .btn-outline.btn-warning i, .btn-outline.btn-warning svg, .btn-outline.btn-warning:not([href]):not([tabindex]) i, .btn-outline.btn-warning:not([href]):not([tabindex]) svg {
    color: var(--warning) !important;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | CHECKBOX ---------------------------------------------------------------------------------------------------- */
  .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
    margin-left: 0px;
    position: static;
    margin-right: 10px;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | COLLAPSE-LINK ---------------------------------------------------------------------------------------------------- */
  a.collapse-link.collapsed::before, a.collapse-link::before {
    display: inline-block;
    margin: 0px;
    margin-right: 5px;
    width: 18px;
    height: auto;
    text-align: center;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid); /* variable store in /fontaweomse-6.2.0/all.min.css sheet */
    color: var(--primary-20);
    cursor: pointer;
  }
  a.collapse-link.collapsed::before {
    content: var(--fa-chevron-start);
  }
  a.collapse-link::before {
    content: "\f078";
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | DROPDOWN-MENU ---------------------------------------------------------------------------------------------------- */
  .dropdown-menu {
    background-color: var(--bg-body-light);
    border-color: var(--border-color);
    border-radius: 0px;
  }
  .dropdown-menu li {
    margin: 0px !important;
    padding: 0px !important;
  }
  .dropdown-menu a.dropdown-item, .dropdown-menu a:link.dropdown-item, .dropdown-menu a:visited.dropdown-item, .dropdown-menu a:hover.dropdown-item, .dropdown-menu a:active.dropdown-item, .dropdown-menu a:focus.dropdown-item {
    color: var(--primary);
  }
  .dropdown-menu a:hover.dropdown-item {
    color: var(--primary-dark-20);
    background-color: var(--gray-10);
  }
  .dropdown-menu .dropdown-divider {
    border-color: var(--border-color);
  }
  .dropdown-menu.dropdown-content {
    float: none;
    position: absolute;
    top: 10px;
    left: auto;
    right: 0px;
    margin: 0px;
    padding: 0px 0px 10px 0px;
    width: 300px;
    height: auto;
    background-color: var(--bg-body-light);
    border: 1px solid var(--border-color);
    border-top: 2px solid var(--border-color);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
  }
  .dropdown-menu.dropdown-content::after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--border-color);
    content: "";
  }
  .dropdown-menu.dropdown-content.dropdown-right {
    position: absolute !important;
    top: 10px !important;
    right: 2px;
    left: auto !important;
    transform: initial !important;
    will-change: initial !important;
  }
  .dropdown-menu.dropdown-content.dropdown-right.dropdown-btn::after {
    display: none;
  }
  .dropdown-menu.dropdown-content .panel-group {
    margin: 0px;
  }
  .dropdown-menu.dropdown-content .panel-group > .panel.panel-filter {
    margin: 0px;
    border: none;
    border-bottom: 1px solid var(--border-color);
  }
  .dropdown-menu.dropdown-content p.title {
    margin: 0px !important;
    padding: 5px 0px !important;
    font-weight: var(--fw-600) !important;
    font-size: 0.75rem !important;
    text-align: center !important;
    text-transform: uppercase !important;
    background-color: var(--gray-10) !important;
    border-bottom: 1px solid var(--border-color) !important;
  }
  .dropdown-menu.dropdown-content .btn-selectors {
    margin: 5px 10px 0px 10px;
  }
  .dropdown-menu.dropdown-content .btn-applicators {
    margin: 10px 10px 0px 10px;
    padding-top: 4px;
    border-top: 1px solid var(--border-color);
    text-align: center;
  }
  .dropdown-menu.dropdown-content .btn-applicators p {
    text-align: center;
  }
  .dropdown-menu.dropdown-content .content-body {
    margin: 5px 10px 0px 10px;
  }
  .dropdown-menu.dropdown-content .content-body .form-group .control-label, .dropdown-menu.dropdown-content .content-body .form-group .form-label {
    text-align: var(--dir-start);
  }
  a.btn.dropdown-toggle + .dropdown-menu.dropdown-content, a:link.btn.dropdown-toggle + .dropdown-menu.dropdown-content, a:hover.btn.dropdown-toggle + .dropdown-menu.dropdown-content, a:visited.btn.dropdown-toggle + .dropdown-menu.dropdown-content, a:active.btn.dropdown-toggle + .dropdown-menu.dropdown-content, a:focus.btn.dropdown-toggle + .dropdown-menu.dropdown-content, button.btn.dropdown-toggle + .dropdown-menu.dropdown-content {
    padding: 5px;
  }
  a.btn.dropdown-toggle + .dropdown-menu.dropdown-content p.title, a:link.btn.dropdown-toggle + .dropdown-menu.dropdown-content p.title, a:hover.btn.dropdown-toggle + .dropdown-menu.dropdown-content p.title, a:visited.btn.dropdown-toggle + .dropdown-menu.dropdown-content p.title, a:active.btn.dropdown-toggle + .dropdown-menu.dropdown-content p.title, a:focus.btn.dropdown-toggle + .dropdown-menu.dropdown-content p.title, button.btn.dropdown-toggle + .dropdown-menu.dropdown-content p.title {
    margin: -5px -5px 5px -5px !important;
  }
  a.btn.dropdown-toggle + .dropdown-menu.dropdown-content::after, a:link.btn.dropdown-toggle + .dropdown-menu.dropdown-content::after, a:hover.btn.dropdown-toggle + .dropdown-menu.dropdown-content::after, a:visited.btn.dropdown-toggle + .dropdown-menu.dropdown-content::after, a:active.btn.dropdown-toggle + .dropdown-menu.dropdown-content::after, a:focus.btn.dropdown-toggle + .dropdown-menu.dropdown-content::after, button.btn.dropdown-toggle + .dropdown-menu.dropdown-content::after {
    position: absolute;
    top: -6px;
    right: 14px;
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--border-color);
    content: "";
  }
  a.btn.dropdown-toggle + .dropdown-menu.dropdown-content.dropdown-right, a:link.btn.dropdown-toggle + .dropdown-menu.dropdown-content.dropdown-right, a:hover.btn.dropdown-toggle + .dropdown-menu.dropdown-content.dropdown-right, a:visited.btn.dropdown-toggle + .dropdown-menu.dropdown-content.dropdown-right, a:active.btn.dropdown-toggle + .dropdown-menu.dropdown-content.dropdown-right, a:focus.btn.dropdown-toggle + .dropdown-menu.dropdown-content.dropdown-right, button.btn.dropdown-toggle + .dropdown-menu.dropdown-content.dropdown-right {
    top: 48px !important;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | DROPDOWN ---------------------------------------------------------------------------------------------------- */
  .dropdown {
    position: relative;
  }
  .dropdown a.dropdown-toggle, .dropdown a:link.dropdown-toggle, .dropdown a:visited.dropdown-toggle, .dropdown a:hover.dropdown-toggle, .dropdown a:active.dropdown-toggle, .dropdown a:focus.dropdown-toggle {
    white-space: nowrap;
  }
  .dropdown a:focus.dropdown-toggle {
    outline: none !important;
    box-shadow: none !important;
  }
  .dropdown .dropdown-menu {
    padding: 0px;
    background-color: var(--bg-body-light);
    border-color: var(--border-color);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow) !important;
    overflow: hidden;
  }
  .dropdown .dropdown-menu a.dropdown-item, .dropdown .dropdown-menu a:link.dropdown-item, .dropdown .dropdown-menu a:visited.dropdown-item, .dropdown .dropdown-menu a:hover.dropdown-item, .dropdown .dropdown-menu a:active.dropdown-item, .dropdown .dropdown-menu a:focus.dropdown-item {
    padding: 5px 10px;
    font-weight: var(--fw-400);
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--primary);
  }
  .dropdown .dropdown-menu a:hover.dropdown-item {
    color: var(--primary-dark-20);
    background-color: var(--primary-3);
  }
  .dropdown .dropdown-menu a:focus-visible.dropdown-item {
    outline: 1px solid var(--primary) !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius);
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | EMBED RESPONSIVE IFRAME ---------------------------------------------------------------------------------------------------- */
  .embed-responsive {
    display: block;
    height: 100%;
    width: 100%;
    padding: 0px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .embed-responsive iframe, .embed-responsive .embed-responsive-item {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | FORM ---------------------------------------------------------------------------------------------------- */
  .form-control::-webkit-input-placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }
  .form-control::-moz-placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }
  .form-control:-ms-input-placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }
  .form-control::-ms-input-placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }
  .form-control::placeholder {
    color: var(--input-placeholder-color);
    opacity: 1;
  }
  .form-search {
    width: 100%;
  }
  /* BOOTSTRAP OVERRIDES | FORM-GROUP ---------------------------------------------------------------------------------------------------- */
  .form-group {
    margin: 0px 0px 16px 0px;
    /* FORM CHECK */
    /* FORM ICHECK */
    /* FORM LINK */
    /* HAS ERROR */
  }
  .form-group .row {
    align-items: center;
  }
  .form-group .row.align-items-center .form-label {
    margin: 0px;
  }
  .form-group p.check-group {
    margin: 0px;
    line-height: 1rem;
  }
  .form-group p.check-group span div {
    margin-right: 5px;
  }
  .form-group p.check-group span + span {
    margin-left: 20px;
  }
  .form-group label + select, .form-group label + input, .form-group label + textarea, .form-group label + select + .chosen-container, .form-group label + .chosen-container, .form-group label + .input-group, .form-group label + .btn-switch {
    margin-top: -5px;
  }
  .form-group label + select + .chosen-container, .form-group label + .chosen-container {
    display: block;
  }
  .form-group.form-check {
    padding: 0px;
  }
  .form-group.form-check .form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.05rem;
  }
  .form-group.form-check .form-check-input:hover {
    cursor: pointer;
  }
  .form-group.form-check label, .form-group.form-check label.form-check-label {
    margin: 0px;
    margin-left: 30px;
  }
  .form-group.form-icheck {
    position: relative;
    display: block;
    padding-left: 0px;
    text-align: var(--dir-start);
  }
  .form-group.form-icheck > div {
    position: absolute !important;
    margin-top: 0.2 0.5rem;
    margin-left: 0rem;
    padding: 0px;
    box-sizing: border-box;
  }
  .form-group.form-icheck > div.focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  .form-group.form-icheck label, .form-group.form-icheck label.form-check-label {
    margin: 0px 0px 0px 0px;
    margin-left: 30px;
    font-weight: var(--fw-400);
  }
  .form-group.form-icheck.is-valid > div {
    background-image: url("../../images/icheck-1.0.2/green-2x.png");
    background-size: 240px 24px;
  }
  .form-group.form-icheck.is-valid label, .form-group.form-icheck.is-valid label.form-check-label {
    color: var(--success);
  }
  .form-group.form-icheck.is-invalid > div {
    background-image: url("../../images/icheck-1.0.2/red-2x.png");
    background-size: 240px 24px;
  }
  .form-group.form-icheck.is-invalid label, .form-group.form-icheck.is-invalid label.form-check-label {
    color: var(--danger);
  }
  .form-group.form-icheck input[type=checkbox], .form-group.form-icheck input[type=radio] {
    margin: 5px 0px 0px 0px !important;
    padding: 0px !important;
  }
  .form-group.form-link-add, .form-group.form-link-remove {
    text-align: var(--dir-start);
  }
  .form-group.form-link-add a, .form-group.form-link-add a:link, .form-group.form-link-add a:visited, .form-group.form-link-add a:hover, .form-group.form-link-add a:active, .form-group.form-link-add a:focus, .form-group.form-link-remove a, .form-group.form-link-remove a:link, .form-group.form-link-remove a:visited, .form-group.form-link-remove a:hover, .form-group.form-link-remove a:active, .form-group.form-link-remove a:focus {
    position: relative;
    display: inline-block;
    padding-left: 1.25rem;
    cursor: pointer;
  }
  .form-group.form-link-add a span.form-link-btn, .form-group.form-link-add a:link span.form-link-btn, .form-group.form-link-add a:visited span.form-link-btn, .form-group.form-link-add a:hover span.form-link-btn, .form-group.form-link-add a:active span.form-link-btn, .form-group.form-link-add a:focus span.form-link-btn, .form-group.form-link-remove a span.form-link-btn, .form-group.form-link-remove a:link span.form-link-btn, .form-group.form-link-remove a:visited span.form-link-btn, .form-group.form-link-remove a:hover span.form-link-btn, .form-group.form-link-remove a:active span.form-link-btn, .form-group.form-link-remove a:focus span.form-link-btn {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.15rem;
  }
  .form-group.form-link-add a span.form-link-btn i, .form-group.form-link-add a span.form-link-btn svg, .form-group.form-link-add a:link span.form-link-btn i, .form-group.form-link-add a:link span.form-link-btn svg, .form-group.form-link-add a:visited span.form-link-btn i, .form-group.form-link-add a:visited span.form-link-btn svg, .form-group.form-link-add a:hover span.form-link-btn i, .form-group.form-link-add a:hover span.form-link-btn svg, .form-group.form-link-add a:active span.form-link-btn i, .form-group.form-link-add a:active span.form-link-btn svg, .form-group.form-link-add a:focus span.form-link-btn i, .form-group.form-link-add a:focus span.form-link-btn svg, .form-group.form-link-remove a span.form-link-btn i, .form-group.form-link-remove a span.form-link-btn svg, .form-group.form-link-remove a:link span.form-link-btn i, .form-group.form-link-remove a:link span.form-link-btn svg, .form-group.form-link-remove a:visited span.form-link-btn i, .form-group.form-link-remove a:visited span.form-link-btn svg, .form-group.form-link-remove a:hover span.form-link-btn i, .form-group.form-link-remove a:hover span.form-link-btn svg, .form-group.form-link-remove a:active span.form-link-btn i, .form-group.form-link-remove a:active span.form-link-btn svg, .form-group.form-link-remove a:focus span.form-link-btn i, .form-group.form-link-remove a:focus span.form-link-btn svg {
    width: 18px;
    height: 18px;
  }
  .form-group.form-link-add a label, .form-group.form-link-add a label.form-link-label, .form-group.form-link-add a:link label, .form-group.form-link-add a:link label.form-link-label, .form-group.form-link-add a:visited label, .form-group.form-link-add a:visited label.form-link-label, .form-group.form-link-add a:hover label, .form-group.form-link-add a:hover label.form-link-label, .form-group.form-link-add a:active label, .form-group.form-link-add a:active label.form-link-label, .form-group.form-link-add a:focus label, .form-group.form-link-add a:focus label.form-link-label, .form-group.form-link-remove a label, .form-group.form-link-remove a label.form-link-label, .form-group.form-link-remove a:link label, .form-group.form-link-remove a:link label.form-link-label, .form-group.form-link-remove a:visited label, .form-group.form-link-remove a:visited label.form-link-label, .form-group.form-link-remove a:hover label, .form-group.form-link-remove a:hover label.form-link-label, .form-group.form-link-remove a:active label, .form-group.form-link-remove a:active label.form-link-label, .form-group.form-link-remove a:focus label, .form-group.form-link-remove a:focus label.form-link-label {
    margin: 5px 0px 0px 0px;
    margin-left: 10px;
  }
  .form-group.form-link-add a:hover span.form-link-btn, .form-group.form-link-remove a:hover span.form-link-btn {
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .form-group.form-link-add a:hover label, .form-group.form-link-add a:hover label.form-link-label, .form-group.form-link-remove a:hover label, .form-group.form-link-remove a:hover label.form-link-label {
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .form-group.form-link-add a:focus, .form-group.form-link-remove a:focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  .form-group.form-link-add a, .form-group.form-link-add a:link, .form-group.form-link-add a:visited, .form-group.form-link-add a:hover, .form-group.form-link-add a:active, .form-group.form-link-add a:focus {
    color: var(--success) !important;
  }
  .form-group.form-link-add a label, .form-group.form-link-add a label.form-link-label, .form-group.form-link-add a:link label, .form-group.form-link-add a:link label.form-link-label, .form-group.form-link-add a:visited label, .form-group.form-link-add a:visited label.form-link-label, .form-group.form-link-add a:hover label, .form-group.form-link-add a:hover label.form-link-label, .form-group.form-link-add a:active label, .form-group.form-link-add a:active label.form-link-label, .form-group.form-link-add a:focus label, .form-group.form-link-add a:focus label.form-link-label {
    color: var(--success) !important;
  }
  .form-group.form-link-add a:hover span.form-link-btn {
    color: var(--success-dark-20) !important;
  }
  .form-group.form-link-add a:hover label, .form-group.form-link-add a:hover label.form-link-label {
    color: var(--success-dark-20) !important;
  }
  .form-group.form-link-remove a, .form-group.form-link-remove a:link, .form-group.form-link-remove a:visited, .form-group.form-link-remove a:hover, .form-group.form-link-remove a:active, .form-group.form-link-remove a:focus {
    color: var(--danger) !important;
  }
  .form-group.form-link-remove a label, .form-group.form-link-remove a label.form-link-label, .form-group.form-link-remove a:link label, .form-group.form-link-remove a:link label.form-link-label, .form-group.form-link-remove a:visited label, .form-group.form-link-remove a:visited label.form-link-label, .form-group.form-link-remove a:hover label, .form-group.form-link-remove a:hover label.form-link-label, .form-group.form-link-remove a:active label, .form-group.form-link-remove a:active label.form-link-label, .form-group.form-link-remove a:focus label, .form-group.form-link-remove a:focus label.form-link-label {
    color: var(--danger) !important;
  }
  .form-group.form-link-remove a:hover span.form-link-btn {
    color: var(--danger-dark-20) !important;
  }
  .form-group.form-link-remove a:hover label, .form-group.form-link-remove a:hover label.form-link-label {
    color: var(--danger-dark-20) !important;
  }
  .form-group.has-error .checkbox, .form-group.has-error .checkbox-inline, .form-group.has-error .help-block, .form-group.has-error .radio, .form-group.has-error .radio-inline, .form-group.has-error .input-group-addon, .form-group.has-error.checkbox label, .form-group.has-error.checkbox-inline label, .form-group.has-error.radio label, .form-group.has-error.radio-inline label {
    color: var(--danger);
  }
  .form-group.has-error .form-control {
    color: var(--danger);
    border-color: var(--danger);
  }
  .form-group.has-error .form-control-feedback {
    color: var(--danger);
  }
  .form-group.has-error .alert.alert-danger {
    margin-top: 2px;
    padding: 8px 20px;
    border: none;
  }
  .form-group.has-error .alert.alert-danger p {
    position: relative;
    margin: 0px;
    margin-left: -6px;
    padding: 0px;
    font-weight: var(--fw-600);
    color: var(--danger);
  }
  /* BOOTSTRAP OVERRIDES | FORM-CHECK-INPUT ---------------------------------------------------------------------------------------------------- */
  .form-check-input {
    background-color: var(--body-color) !important;
    border-color: var(--border-color) !important;
  }
  .form-check-input:focus {
    border-color: var(--border-color) !important;
    box-shadow: none !important;
  }
  .form-check-input:checked {
    background-color: var(--primary) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF' /%3e%3c/svg%3e") !important;
    border-color: var(--primary) !important;
  }
  .form-check-input:checked:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF' /%3e%3c/svg%3e") !important;
  }
  .form-check-input[type=radio] {
    border-radius: 50% !important;
  }
  /* BOOTSTRAP OVERRIDES | FORM-GROUP-INLINE ---------------------------------------------------------------------------------------------------- */
  .form-group-inline {
    display: inline;
  }
  .form-group-inline select {
    display: inline;
    width: auto;
  }
  .form-group-inline input.form-control {
    display: inline-block;
  }
  .form-group-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  /* BOOTSTRAP OVERRIDES | FORM-INLINE ---------------------------------------------------------------------------------------------------- */
  .form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
  }
  .form-inline .form-account-title {
    margin: 0px 6px;
    width: 40px;
    text-align: center;
  }
  .form-inline .form-date-closed {
    margin: 0px 6px;
    width: 110px;
    text-align: center;
  }
  .form-inline .form-date-opened {
    margin: 0px 6px;
    width: 110px;
    text-align: center;
  }
  .form-inline .input-group .input-group-btn {
    margin: 0px;
  }
  .form-inline .input-group .input-group-btn:first-child > .btn, .form-inline .input-group .input-group-btn:first-child > .btn-group {
    margin: 0px;
    margin-right: -2px;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: var(--border-radius);
  }
  .form-inline .input-group .input-group-btn:last-child > .btn, .form-inline .input-group .input-group-btn:last-child > .btn-group {
    margin: 0px;
    margin-left: -2px;
    border-top-left-radius: 0px;
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    border-bottom-left-radius: 0px;
  }
  .form-inline .input-group .input-group-btn button {
    margin: 0px;
  }
  .form-inline .input-group .input-group-btn button i, .form-inline .input-group .input-group-btn button svg {
    margin: 0px 2px;
  }
  .form-inline .input-group .input-group-btn ul.dropdown-menu {
    margin: 0px;
    padding: 0px;
  }
  .form-inline .input-group .input-group-btn ul.dropdown-menu li {
    margin: 0px;
    padding: 0px;
  }
  .form-inline .input-group .input-group-btn ul.dropdown-menu li a, .form-inline .input-group .input-group-btn ul.dropdown-menu li a:link, .form-inline .input-group .input-group-btn ul.dropdown-menu li a:hover, .form-inline .input-group .input-group-btn ul.dropdown-menu li a:visited, .form-inline .input-group .input-group-btn ul.dropdown-menu li a:active, .form-inline .input-group .input-group-btn ul.dropdown-menu li a:focus {
    display: block;
    padding: 6px 12px;
    color: var(--font-color);
  }
  .form-inline .input-group .input-group-btn ul.dropdown-menu li a.active, .form-inline .input-group .input-group-btn ul.dropdown-menu li a:link.active, .form-inline .input-group .input-group-btn ul.dropdown-menu li a:hover.active, .form-inline .input-group .input-group-btn ul.dropdown-menu li a:visited.active, .form-inline .input-group .input-group-btn ul.dropdown-menu li a:active.active, .form-inline .input-group .input-group-btn ul.dropdown-menu li a:focus.active {
    color: var(--primary);
    background-color: var(--primary-5);
  }
  .form-inline .input-group .input-group-btn ul.dropdown-menu li a:hover {
    color: var(--primary);
    background-color: var(--primary-5);
  }
  .form-inline .input-group .input-group-btn ul.dropdown-menu li a:hover.active {
    color: var(--primary);
    background-color: var(--primary-5);
  }
  /* BOOTSTRAP OVERRIDES | FORM-SWITCH ---------------------------------------------------------------------------------------------------- */
  .form-switch .form-check-input {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23D7D7D7' /%3e%3c/svg%3e");
  }
  .form-switch .form-check-input:hover {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
  }
  .form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23D7D7D7' /%3e%3c/svg%3e");
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
@media (max-width: 575.98px) {
  @layer bootstrap {
    /* BOOTSTRAP OVERRIDES | FORM-GROUP ---------------------------------------------------------------------------------------------------- */
    .form-group .row.align-items-center .form-label {
      margin-bottom: 8px;
    }
    /* BOOTSTRAP OVERRIDES | FORM-INLINE ---------------------------------------------------------------------------------------------------- */
    .form-inline .input-group .input-group-btn:first-child > .btn, .form-inline .input-group .input-group-btn:first-child > .btn-group {
      margin: 0px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
    }
  }
}
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
@media (min-width: 576px) and (max-width: 767.98px) {
  @layer bootstrap {
    /* BOOTSTRAP OVERRIDES | FORM-GROUP ---------------------------------------------------------------------------------------------------- */
    .form-group .row.align-items-center .form-label {
      margin-bottom: 8px;
    }
  }
}
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991.98px) {
  @layer bootstrap {
    /* BOOTSTRAP OVERRIDES | FORM-GROUP ---------------------------------------------------------------------------------------------------- */
    .form-group .row.align-items-center .form-label {
      margin-bottom: 8px;
    }
  }
}
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | INPUT-GROUP ---------------------------------------------------------------------------------------------------- */
  .input-group {
    /* INPUT GROUP TEXT */
    /* INPUT GROUP BUTTON */
    /* INPUT GROUP LG */
    /* INPUT GROUP XL */
  }
  .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .input-group .input-group-text {
    display: flex;
    align-items: center;
    height: auto;
    padding: var(--input-pt) var(--input-pe) var(--input-pb) var(--input-ps);
    font-weight: var(--fw-400);
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    color: var(--font-color);
    white-space: nowrap;
    background-color: var(--gray-5);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
  }
  .input-group a.btn, .input-group a:link.btn, .input-group a:visited.btn, .input-group a:hover.btn, .input-group a:active.btn, .input-group a:focus.btn, .input-group button.btn {
    margin: 0px;
    padding: var(--input-pt) var(--input-pe) var(--input-pb) var(--input-ps);
    width: auto !important;
    height: auto;
    font-style: var(--input-font-style);
    font-weight: var(--input-font-weight);
    font-size: var(--input-font-size);
    line-height: var(--input-line-height);
    font-family: var(--input-font-family);
  }
  .input-group a.btn + .btn, .input-group a:link.btn + .btn, .input-group a:visited.btn + .btn, .input-group a:hover.btn + .btn, .input-group a:active.btn + .btn, .input-group a:focus.btn + .btn, .input-group button.btn + .btn {
    margin-left: -1px !important;
  }
  .input-group a.btn.btn-outline-secondary, .input-group a:link.btn.btn-outline-secondary, .input-group a:visited.btn.btn-outline-secondary, .input-group a:hover.btn.btn-outline-secondary, .input-group a:active.btn.btn-outline-secondary, .input-group a:focus.btn.btn-outline-secondary, .input-group button.btn.btn-outline-secondary {
    color: var(--font-color-light);
    background-color: var(--default);
    border-color: var(--border-color);
  }
  .input-group a:hover.btn, .input-group button:hover.btn {
    margin: 0px;
  }
  .input-group a:hover.btn.btn-outline-secondary, .input-group button:hover.btn.btn-outline-secondary {
    color: var(--font-color-dark);
    background-color: var(--default);
    border-color: var(--border-color);
  }
  .input-group.input-group-lg {
    /* INPUT GROUP TEXT */
    /* INPUT GROUP BUTTON */
  }
  .input-group.input-group-lg .input-group-text {
    display: flex;
    align-items: center;
    height: auto;
    padding: var(--input-pt) var(--input-pe) var(--input-pb) var(--input-ps);
    font-weight: var(--fw-400);
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    color: var(--font-color);
    white-space: nowrap;
    background-color: var(--gray-5);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
  }
  .input-group.input-group-lg a.btn, .input-group.input-group-lg a:link.btn, .input-group.input-group-lg a:visited.btn, .input-group.input-group-lg a:hover.btn, .input-group.input-group-lg a:active.btn, .input-group.input-group-lg a:focus.btn, .input-group.input-group-lg button.btn {
    height: auto;
  }
  .input-group.input-group-lg .form-select {
    margin: 0px;
    padding: var(--input-pt) var(--input-pe) var(--input-pb) var(--input-ps);
    height: auto;
    font-style: var(--input-font-style);
    font-weight: var(--input-font-weight);
    font-size: var(--input-font-size);
    line-height: var(--input-line-height);
    font-family: var(--input-font-family);
  }
  .input-group.input-group-xl {
    /* INPUT GROUP TEXT */
    /* INPUT GROUP BUTTON */
  }
  .input-group.input-group-xl .input-group-text {
    display: flex;
    align-items: center;
    height: auto;
    padding: var(--input-pt) var(--input-pe) var(--input-pb) var(--input-ps);
    font-weight: var(--fw-400);
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    color: var(--font-color);
    white-space: nowrap;
    background-color: var(--gray-5);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
  }
  .input-group.input-group-xl a.btn, .input-group.input-group-xl a:link.btn, .input-group.input-group-xl a:visited.btn, .input-group.input-group-xl a:hover.btn, .input-group.input-group-xl a:active.btn, .input-group.input-group-xl a:focus.btn, .input-group.input-group-xl button.btn {
    height: auto;
  }
  .input-group.input-group-xl .form-select {
    margin: 0px;
    padding: var(--input-pt) var(--input-pe) var(--input-pb) var(--input-ps);
    height: auto;
    font-style: var(--input-font-style);
    font-weight: var(--input-font-weight);
    font-size: var(--input-font-size);
    line-height: var(--input-line-height);
    font-family: var(--input-font-family);
  }
  .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: 0px;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
@media (max-width: 575.98px) {
  @layer bootstrap {
    /* BOOTSTRAP OVERRIDES | INPUT-GROUP ---------------------------------------------------------------------------------------------------- */
    .input-group {
      /* INPUT GROUP TEXT */
      /* INPUT GROUP BUTTON */
    }
    .input-group .input-group-text {
      height: auto;
    }
    .input-group a.btn, .input-group a:link.btn, .input-group a:visited.btn, .input-group a:hover.btn, .input-group a:active.btn, .input-group a:focus.btn, .input-group button.btn {
      width: auto !important;
      height: auto;
    }
    .input-group a.btn + .btn, .input-group a:link.btn + .btn, .input-group a:visited.btn + .btn, .input-group a:hover.btn + .btn, .input-group a:active.btn + .btn, .input-group a:focus.btn + .btn, .input-group button.btn + .btn {
      margin: 0px !important;
      height: auto;
    }
    .input-group a:hover.btn, .input-group button:hover.btn {
      margin: 0px !important;
    }
    .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
      margin-left: -1px !important;
    }
  }
}
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
@media (min-width: 576px) and (max-width: 767.98px) {
  @layer bootstrap {
    /* BOOTSTRAP OVERRIDES | INPUT-GROUP ---------------------------------------------------------------------------------------------------- */
    .input-group {
      /* INPUT GROUP TEXT */
      /* INPUT GROUP BUTTON */
    }
    .input-group .input-group-text {
      height: auto;
    }
    .input-group a.btn, .input-group a:link.btn, .input-group a:visited.btn, .input-group a:hover.btn, .input-group a:active.btn, .input-group a:focus.btn, .input-group button.btn {
      height: auto;
    }
    .input-group a.btn + .btn, .input-group a:link.btn + .btn, .input-group a:visited.btn + .btn, .input-group a:hover.btn + .btn, .input-group a:active.btn + .btn, .input-group a:focus.btn + .btn, .input-group button.btn + .btn {
      height: auto;
    }
  }
}
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | INPUT ---------------------------------------------------------------------------------------------------- */
  input.form-control {
    margin: 0px;
    padding: var(--input-pt) var(--input-pe) var(--input-pb) var(--input-ps);
    min-height: 34px;
    height: auto;
    font-style: var(--input-font-style);
    font-weight: var(--input-font-weight);
    font-size: var(--input-font-size);
    line-height: var(--input-line-height);
    font-family: var(--input-font-family);
    color: var(--input-color);
    background-color: var(--input-bg-color);
    border: 1px solid var(--input-border-color);
    border-radius: var(--border-radius);
    box-shadow: none;
    text-overflow: ellipsis;
  }
  input.form-control:hover {
    color: var(--input-color-focus);
    background-color: var(--input-bg-color-focus);
    border-color: var(--input-border-color-focus);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  input.form-control:focus {
    color: var(--input-color-focus);
    background-color: var(--input-bg-color-focus);
    border-color: var(--input-border-color-focus);
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  input.form-control:disabled {
    color: var(--input-color);
    background-color: var(--gray-10);
    border-color: var(--input-border-color);
    opacity: 0.75;
  }
  input.form-control.form-select-lg {
    height: 40px;
  }
  input.form-control.form-select-xl {
    height: 48px;
  }
  input[type=date] {
    -webkit-appearance: none;
  }
  input::-webkit-date-and-time-value {
    text-align: var(--dir-start);
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | LABEL ---------------------------------------------------------------------------------------------------- */
  label.form-label {
    position: relative;
    font-weight: var(--fw-600);
  }
  label.form-label span {
    font-weight: var(--fw-400);
    font-size: 0.8125rem;
    line-height: 1rem;
    color: var(--font-color-light) !important;
  }
  label.form-label.required::after {
    position: absolute;
    margin: -4px 0px 0px 0px;
    margin-left: 5px;
    color: var(--danger);
    content: "*";
  }
  span.form-label {
    font-style: var(--label-font-style);
    font-weight: var(--fw-600);
    font-size: var(--label-font-size);
    line-height: var(--label-line-height);
    font-family: var(--label-font-family);
    color: var(--label-color);
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | MODAL ---------------------------------------------------------------------------------------------------- */
  .modal {
    z-index: 1050;
    padding-right: 0px;
    /* MODAL-VIDEO */
  }
  .modal.modal-session {
    z-index: 1060;
  }
  .modal .modal-dialog.modal-lg {
    max-width: 960px;
  }
  .modal .modal-dialog .modal-content {
    background-color: var(--bg-body);
    border: none;
    border-radius: var(--border-radius);
  }
  .modal .modal-dialog .modal-content .modal-header {
    padding: 20px 30px;
    color: var(--font-color-dark);
    background-color: var(--bg-body);
    border-top: 5px solid var(--primary);
    border-bottom: 1px solid var(--border-color);
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  .modal .modal-dialog .modal-content .modal-header .modal-title {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    margin: 0px !important;
    width: 100%;
    font-weight: var(--fw-300) !important;
    font-size: 1.5rem !important;
    line-height: 1.75rem !important;
    color: var(--font-color-dark) !important;
  }
  .modal .modal-dialog .modal-content .modal-header .modal-title span.modal-subtitle {
    font-size: 1.125rem !important;
    line-height: 1.25rem !important;
    color: var(--font-color-light) !important;
  }
  .modal .modal-dialog .modal-content .modal-header .modal-title i, .modal .modal-dialog .modal-content .modal-header .modal-title svg {
    margin: 0px !important;
    margin-right: 10px !important;
    color: var(--primary) !important;
  }
  .modal .modal-dialog .modal-content .modal-header .close, .modal .modal-dialog .modal-content .modal-header .btn-close {
    position: absolute;
    top: 15px;
    right: 10px;
    margin: 0px;
    padding: 0px;
    width: 32px;
    height: 32px;
    font-weight: var(--fw-400);
    font-size: 1.25rem;
    line-height: 1.25rem;
    color: var(--font-color-light);
    background: none;
    background-color: var(--dark-5);
    border: 1px solid transparent;
    border-radius: 24px;
    opacity: 1;
  }
  .modal .modal-dialog .modal-content .modal-header .close::after, .modal .modal-dialog .modal-content .modal-header .btn-close::after {
    font-size: 1.25rem !important;
    line-height: 1.25rem !important;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid); /* variable store in /fontaweomse-6.2.0/all.min.css sheet */
    content: "\f00d";
    color: var(--font-color-light);
  }
  .modal .modal-dialog .modal-content .modal-header .close:hover, .modal .modal-dialog .modal-content .modal-header .btn-close:hover {
    color: var(--font-color-dark);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-color: var(--dark-10);
  }
  .modal .modal-dialog .modal-content .modal-header .close:hover::after, .modal .modal-dialog .modal-content .modal-header .btn-close:hover::after {
    color: var(--font-color-dark);
  }
  .modal .modal-dialog .modal-content .modal-header .close span, .modal .modal-dialog .modal-content .modal-header .btn-close span {
    display: none;
  }
  .modal .modal-dialog .modal-content .modal-body {
    padding: 20px 30px;
  }
  .modal .modal-dialog .modal-content .modal-body .progress {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 10px;
    border-radius: 0px;
  }
  .modal .modal-dialog .modal-content .modal-body .progress .progress-bar {
    background-color: var(--primary-20);
  }
  .modal .modal-dialog .modal-content .modal-footer {
    display: block;
    border-radius: 0px;
    border-top: 1px solid var(--border-color);
  }
  .modal .modal-dialog .modal-content .modal-footer .row div p {
    margin: 0px;
  }
  .modal .modal-dialog .modal-content .modal-footer .row div a {
    margin: 0px;
  }
  .modal .modal-dialog .modal-content .modal-footer .row div a + a {
    margin-left: 5px;
  }
  .modal .modal-dialog .modal-content .modal-footer .row div + div {
    text-align: var(--dir-end);
  }
  .modal .modal-dialog .modal-content .modal-footer .row div .panel-btn-left {
    text-align: var(--dir-start);
  }
  .modal .modal-dialog .modal-content .modal-footer .row div .panel-btn-left p {
    margin: 0px;
    text-align: var(--dir-start);
  }
  .modal .modal-dialog .modal-content .modal-footer .row div .panel-btn-right {
    text-align: var(--dir-end);
  }
  .modal .modal-dialog .modal-content .modal-footer .row div .panel-btn-right p {
    margin: 0px;
    text-align: var(--dir-end);
  }
  .modal .modal-dialog .modal-content.modal-info .modal-header {
    border-top-color: var(--info) !important;
  }
  .modal .modal-dialog .modal-content.modal-info .modal-header .modal-title {
    color: var(--font-color) !important;
  }
  .modal .modal-dialog .modal-content.modal-info .modal-header .modal-title i, .modal .modal-dialog .modal-content.modal-info .modal-header .modal-title svg {
    color: var(--info) !important;
  }
  .modal .modal-dialog .modal-content.modal-success .modal-header {
    border-top-color: var(--success) !important;
  }
  .modal .modal-dialog .modal-content.modal-success .modal-header .modal-title {
    color: var(--font-color) !important;
  }
  .modal .modal-dialog .modal-content.modal-success .modal-header .modal-title i, .modal .modal-dialog .modal-content.modal-success .modal-header .modal-title svg {
    color: var(--success) !important;
  }
  .modal .modal-dialog .modal-content.modal-warning .modal-header {
    border-top-color: var(--warning) !important;
  }
  .modal .modal-dialog .modal-content.modal-warning .modal-header .modal-title {
    color: var(--font-color) !important;
  }
  .modal .modal-dialog .modal-content.modal-warning .modal-header .modal-title i, .modal .modal-dialog .modal-content.modal-warning .modal-header .modal-title svg {
    color: var(--warning) !important;
  }
  .modal .modal-dialog .modal-content.modal-danger .modal-header {
    border-top-color: var(--danger) !important;
  }
  .modal .modal-dialog .modal-content.modal-danger .modal-header .modal-title {
    color: var(--font-color) !important;
  }
  .modal .modal-dialog .modal-content.modal-danger .modal-header .modal-title i, .modal .modal-dialog .modal-content.modal-danger .modal-header .modal-title svg {
    color: var(--danger) !important;
  }
  .modal .modal-dialog .modal-content.modal-filter .modal-header {
    border-top-color: var(--primary) !important;
  }
  .modal .modal-dialog .modal-content.modal-filter .modal-header .modal-title {
    color: var(--font-color) !important;
  }
  .modal .modal-dialog .modal-content.modal-filter .modal-header .modal-title i, .modal .modal-dialog .modal-content.modal-filter .modal-header .modal-title svg {
    color: var(--gray-90) !important;
  }
  .modal .modal-dialog .modal-content.modal-filter .modal-body {
    padding-bottom: 20px;
  }
  .modal .modal-dialog .modal-content.modal-filter .modal-body .nav-tabs {
    /* LINES LARGE */
  }
  .modal .modal-dialog .modal-content.modal-filter .modal-body .nav-tabs.nav-lines-large {
    margin: 0px;
  }
  .modal .modal-dialog .modal-content.modal-configure .modal-header {
    border-top-color: var(--primary) !important;
  }
  .modal .modal-dialog .modal-content.modal-configure .modal-header .modal-title {
    color: var(--font-color) !important;
  }
  .modal .modal-dialog .modal-content.modal-configure .modal-header .modal-title i, .modal .modal-dialog .modal-content.modal-configure .modal-header .modal-title svg {
    color: var(--gray-90) !important;
  }
  .modal .modal-dialog .modal-content.modal-configure .modal-body {
    padding-bottom: 50px;
  }
  .modal.modal-video .modal-dialog {
    max-width: 1140px;
  }
  .modal.modal-video .modal-dialog .modal-content {
    border-radius: 0px;
  }
  .modal.modal-video .modal-dialog .modal-content .modal-header {
    padding: 5px 10px;
    color: var(--white);
    background-color: var(--black);
    border-bottom: 1px solid var(--black);
    border-radius: 0px;
  }
  .modal.modal-video .modal-dialog .modal-content .modal-header .modal-title {
    margin: 0px !important;
    padding: 5px 0px !important;
    font-weight: var(--fw-300) !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: var(--white) !important;
  }
  .modal.modal-video .modal-dialog .modal-content .modal-header .close, .modal.modal-video .modal-dialog .modal-content .modal-header .btn-close {
    top: 11px;
    color: var(--gray);
    background-color: var(--black);
  }
  .modal.modal-video .modal-dialog .modal-content .modal-header .close::after, .modal.modal-video .modal-dialog .modal-content .modal-header .btn-close::after {
    color: var(--gray);
  }
  .modal.modal-video .modal-dialog .modal-content .modal-header .close:hover, .modal.modal-video .modal-dialog .modal-content .modal-header .btn-close:hover {
    color: var(--white);
    background-color: var(--white-10);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .modal.modal-video .modal-dialog .modal-content .modal-header .close:hover::after, .modal.modal-video .modal-dialog .modal-content .modal-header .btn-close:hover::after {
    color: var(--white);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .modal.modal-video .modal-dialog .modal-content .modal-body {
    padding: 0px;
    background-color: var(--black);
  }
  .modal-backdrop {
    z-index: 1040;
    background-color: var(--overlay-color);
  }
  .modal-backdrop.fade {
    opacity: 0;
  }
  .modal-backdrop.show {
    opacity: 0.5;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
@media (max-width: 575.98px) {
  @layer bootstrap {
    /* BOOTSTRAP OVERRIDES | MODAL ---------------------------------------------------------------------------------------------------- */
    .modal {
      padding: 0px;
    }
    .modal .modal-dialog .modal-content .modal-header {
      padding: 20px 15px 10px 15px;
      padding-right: 40px;
    }
    .modal .modal-dialog .modal-content .modal-body {
      padding: 25px 15px;
    }
    .modal .modal-dialog .modal-content .modal-footer {
      display: block;
    }
    .modal .modal-dialog .modal-content .modal-footer .row div p, .modal .modal-dialog .modal-content .modal-footer .row div a {
      margin: 2px 0px;
      text-align: center;
    }
    .modal .modal-dialog .modal-content .modal-footer .row div .panel-btn-left p {
      margin: 0px;
    }
    .modal .modal-dialog .modal-content .modal-footer .row div .panel-btn-left p a.btn, .modal .modal-dialog .modal-content .modal-footer .row div .panel-btn-left p button.btn {
      margin: 2px 0px;
      width: 100%;
    }
    .modal .modal-dialog .modal-content .modal-footer .row div .panel-btn-right p {
      margin: 0px;
    }
    .modal .modal-dialog .modal-content .modal-footer .row div .panel-btn-right p a.btn, .modal .modal-dialog .modal-content .modal-footer .row div .panel-btn-right p button.btn {
      margin: 2px 0px;
      width: 100%;
    }
    .modal .modal-dialog.modal-sm {
      max-width: 100%;
    }
    .modal .modal-dialog.modal-lg {
      max-width: 100%;
    }
    .modal .modal-dialog.modal-xl {
      max-width: 100%;
    }
  }
}
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
@media (min-width: 576px) and (max-width: 767.98px) {
  @layer bootstrap {
    /* BOOTSTRAP OVERRIDES | MODAL ---------------------------------------------------------------------------------------------------- */
    .modal {
      padding: 0px;
    }
    .modal .modal-dialog .modal-content .modal-header {
      padding: 20px 15px 10px 15px;
      padding-right: 40px;
    }
    .modal .modal-dialog .modal-content .modal-header .modal-title {
      line-height: 1.25rem;
    }
    .modal .modal-dialog .modal-content .modal-body {
      padding: 25px 15px;
    }
    .modal .modal-dialog .modal-content .modal-footer {
      display: block;
    }
    .modal .modal-dialog .modal-content .modal-footer .row div p, .modal .modal-dialog .modal-content .modal-footer .row div a {
      margin: 10px 0px;
      text-align: center;
    }
    .modal .modal-dialog.modal-sm {
      max-width: 560px;
    }
    .modal .modal-dialog.modal-lg {
      max-width: 560px;
    }
    .modal .modal-dialog.modal-xl {
      max-width: 560px;
    }
  }
}
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991.98px) {
  @layer bootstrap {
    /* BOOTSTRAP OVERRIDES | MODAL ---------------------------------------------------------------------------------------------------- */
    .modal .modal-dialog.modal-sm {
      max-width: 750px;
    }
    .modal .modal-dialog.modal-lg {
      max-width: 750px;
    }
    .modal .modal-dialog.modal-xl {
      max-width: 750px;
    }
  }
}
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199.98px) {
  @layer bootstrap {
    /* BOOTSTRAP OVERRIDES | MODAL ---------------------------------------------------------------------------------------------------- */
    .modal .modal-dialog.modal-sm {
      max-width: 560px;
    }
    .modal .modal-dialog.modal-lg {
      max-width: 760px;
    }
    .modal .modal-dialog.modal-xl {
      max-width: 960px;
    }
  }
}
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
@media (min-width: 1200px) {
  @layer bootstrap {
    /* BOOTSTRAP OVERRIDES | MODAL ---------------------------------------------------------------------------------------------------- */
    .modal .modal-dialog.modal-sm {
      max-width: 600px;
    }
    .modal .modal-dialog.modal-lg {
      max-width: 960px;
    }
    .modal .modal-dialog.modal-xl {
      max-width: 1140px;
    }
  }
}
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | NAV-TABS ---------------------------------------------------------------------------------------------------- */
  .nav-tabs {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    align-items: stretch;
    justify-content: flex-start;
    margin: 0px !important;
    padding: 0px !important;
    width: 100%;
    height: auto;
    border-bottom: none;
    overflow-x: auto;
    overflow-y: hidden;
    box-sizing: border-box;
    /* <li> and <a> are old BS3, use .nav-item and .nav-link instead */
    /* STANDARD TABS */
  }
  .nav-tabs .nav-item {
    display: flex;
    flex-basis: auto;
    margin: 0px !important;
    margin-right: -1px !important;
    padding: 0px !important;
    width: auto;
    border: none;
  }
  .nav-tabs .nav-item .nav-link {
    position: relative;
    z-index: 2;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0px;
    width: auto;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.125rem;
    text-align: center;
    white-space: normal;
    color: var(--font-color-light) !important;
    background-color: var(--bg-body) !important;
    border: 1px solid var(--border-color) !important;
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    cursor: pointer;
  }
  .nav-tabs .nav-item .nav-link .btn-icon {
    display: inline-flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: 0px 0px -3px 0px;
    margin-left: 4px;
    padding: 0px;
    width: 24px;
    height: 24px;
    font-size: 1.125rem;
    line-height: 1.125rem;
    text-align: center;
    text-decoration: none;
    color: var(--btn-icon-color) !important;
    background-color: transparent !important;
    border: 1px solid transparent !important;
    border-radius: var(--border-radius) !important;
  }
  .nav-tabs .nav-item .nav-link:hover {
    z-index: 3;
    color: var(--font-color-dark) !important;
    background-color: var(--bg-body) !important;
    border-color: var(--border-color) !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .nav-tabs .nav-item .nav-link:hover .btn-icon {
    color: var(--btn-icon-color-hover) !important;
    background-color: transparent !important;
    border-color: transparent !important;
  }
  .nav-tabs .nav-item .nav-link:focus-visible {
    outline-offset: -1px;
    outline: 1px solid var(--primary) !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius);
  }
  .nav-tabs .nav-item .nav-link.active {
    z-index: 3;
    font-weight: var(--fw-600) !important;
    color: var(--primary) !important;
    background-color: transparent !important;
    border-color: var(--border-color) !important;
    border-bottom-color: var(--bg-body-light) !important;
  }
  .nav-tabs .nav-item .nav-link.active:focus {
    outline: none !important;
    box-shadow: none !important;
    border-radius: none !important;
  }
  .nav-tabs .nav-item .nav-link.active:focus-visible {
    outline-offset: -1px;
    outline: 1px solid var(--primary) !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius);
  }
  .nav-tabs + .tab-content {
    position: relative;
    z-index: 1;
    margin: -1px 0px 0px 0px;
    padding: 20px 0px;
    border-top: 1px solid var(--border-color);
  }
  .tab-content .tab-pane > .nav-tabs.nav-lines {
    margin-top: -20px;
  }
  /* BOOTSTRAP OVERRIDES | NAV-TABS NAV-LINES ---------------------------------------------------------------------------------------------------- */
  .nav-tabs.nav-lines {
    margin: 0px !important;
    padding: 0px !important;
    border-bottom: 1px solid var(--border-color);
    overflow-x: auto;
  }
  .nav-tabs.nav-lines .nav-item {
    margin: 2px 0px 0px 0px !important;
    padding: 0px !important;
  }
  .nav-tabs.nav-lines .nav-item .nav-link {
    align-items: flex-end;
    justify-content: center;
    padding: 10px 15px 5px 15px;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.125rem;
    text-align: center;
    white-space: nowrap;
    color: var(--font-color-light) !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom: 3px solid transparent !important;
    cursor: pointer;
  }
  .nav-tabs.nav-lines .nav-item .nav-link span.icon {
    display: block;
    position: relative;
    z-index: 1;
    margin: 0px;
    margin-left: 5px;
    padding: 0px;
    width: 24px;
    height: 24px;
  }
  .nav-tabs.nav-lines .nav-item .nav-link:hover {
    color: var(--font-color-dark) !important;
    border-color: var(--border-color) !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .nav-tabs.nav-lines .nav-item .nav-link:focus-visible {
    outline-offset: -1px;
    outline: 1px solid var(--primary) !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius);
  }
  .nav-tabs.nav-lines .nav-item .nav-link.active {
    font-weight: var(--fw-600) !important;
    color: var(--font-color-dark) !important;
    background-color: transparent !important;
    border-color: var(--primary) !important;
  }
  .nav-tabs.nav-lines .nav-item .nav-link.active:focus {
    outline: none !important;
    box-shadow: none !important;
    border-radius: none !important;
  }
  .nav-tabs.nav-lines .nav-item .nav-link.active:focus-visible {
    outline-offset: -1px;
    outline: 1px solid var(--primary) !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius);
  }
  /* BOOTSTRAP OVERRIDES | NAV-TABS NAV-LINES-LARGE ---------------------------------------------------------------------------------------------------- */
  .nav-tabs.nav-lines-large {
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid var(--border-color);
    overflow-x: auto;
  }
  .nav-tabs.nav-lines-large .nav-item {
    margin: 2px 0px -1px 0px !important;
    padding: 0px !important;
  }
  .nav-tabs.nav-lines-large .nav-item .nav-link {
    align-items: flex-end;
    justify-content: center;
    padding: 10px 15px 5px 15px;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.125rem;
    text-align: center;
    white-space: nowrap;
    color: var(--font-color-light) !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom: 3px solid transparent !important;
    cursor: pointer;
  }
  .nav-tabs.nav-lines-large .nav-item .nav-link span.icon {
    display: block;
    position: relative;
    z-index: 1;
    margin: 0px;
    margin-left: 5px;
    padding: 0px;
    width: 24px;
    height: 24px;
  }
  .nav-tabs.nav-lines-large .nav-item .nav-link:hover {
    color: var(--font-color-dark) !important;
    border-color: var(--border-color) !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .nav-tabs.nav-lines-large .nav-item .nav-link:focus-visible {
    outline-offset: -1px;
    outline: 1px solid var(--primary) !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius);
  }
  .nav-tabs.nav-lines-large .nav-item .nav-link.active {
    font-weight: var(--fw-600) !important;
    color: var(--font-color-dark) !important;
    background-color: transparent !important;
    border-color: var(--primary) !important;
  }
  .nav-tabs.nav-lines-large .nav-item .nav-link.active:focus {
    outline: none !important;
    box-shadow: none !important;
    border-radius: none !important;
  }
  .nav-tabs.nav-lines-large .nav-item .nav-link.active:focus-visible {
    outline-offset: -1px;
    outline: 1px solid var(--primary) !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius);
  }
  /* BOOTSTRAP OVERRIDES | NAV-TABS NAV-JUSTIFIED ---------------------------------------------------------------------------------------------------- */
  .nav-tabs.nav-justified .nav-item {
    margin: 0px !important;
    padding: 0px !important;
    white-space: nowrap !important;
  }
  .nav-tabs.nav-justified .nav-item .nav-link {
    justify-content: center;
    width: 100%;
    cursor: pointer;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
@media (max-width: 575.98px) {
  @layer bootstrap {
    /* BOOTSTRAP OVERRIDES | NAV-TABS NAV-LINES ---------------------------------------------------------------------------------------------------- */
    .nav-tabs {
      /* <li> and <a> are old BS3, use .nav-item and .nav-link instead */
    }
    .nav-tabs.nav-lines {
      overflow-x: auto;
    }
    .nav-tabs.nav-lines::-webkit-scrollbar {
      display: auto;
    }
    .nav-tabs.nav-lines .nav-item {
      margin: 10px 0px !important;
    }
    .nav-tabs.nav-lines .nav-item .nav-link {
      margin: 0px 0px -10px 0px;
      padding: 0px 15px 6px 15px;
    }
    .nav-tabs.nav-lines .nav-item .nav-link.btn-icon {
      padding: 0px 0px 6px 0px;
    }
    /* BOOTSTRAP OVERRIDES | NAV-TABS NAV-LINES-LARGE ---------------------------------------------------------------------------------------------------- */
    .nav-tabs {
      /* <li> and <a> are old BS3, use .nav-item and .nav-link instead */
    }
    .nav-tabs.nav-lines-large {
      overflow-x: auto;
    }
    .nav-tabs.nav-lines-large::-webkit-scrollbar {
      display: auto;
    }
    .nav-tabs.nav-lines-large .nav-item {
      margin: 10px 0px !important;
    }
    .nav-tabs.nav-lines-large .nav-item .nav-link {
      margin: 0px 0px -10px 0px;
      padding: 0px 15px 6px 15px;
    }
    .nav-tabs.nav-lines-large .nav-item .nav-link.btn-icon {
      padding: 0px 0px 6px 0px;
    }
  }
}
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
@media (min-width: 576px) and (max-width: 767.98px) {
  @layer bootstrap {
    /* BOOTSTRAP OVERRIDES | NAV-TABS NAV-LINES ---------------------------------------------------------------------------------------------------- */
    .nav-tabs {
      /* <li> and <a> are old BS3, use .nav-item and .nav-link instead */
    }
    .nav-tabs.nav-lines {
      overflow-x: auto;
    }
    .nav-tabs.nav-lines::-webkit-scrollbar {
      display: auto;
    }
    .nav-tabs.nav-lines .nav-item {
      margin: 10px 0px !important;
    }
    .nav-tabs.nav-lines .nav-item .nav-link {
      margin: 0px 0px -10px 0px;
      padding: 0px 15px 6px 15px;
    }
    .nav-tabs.nav-lines .nav-item .nav-link.btn-icon {
      padding: 0px 0px 6px 0px;
    }
    /* BOOTSTRAP OVERRIDES | NAV-TABS NAV-LINES-LARGE ---------------------------------------------------------------------------------------------------- */
    .nav-tabs {
      /* <li> and <a> are old BS3, use .nav-item and .nav-link instead */
    }
    .nav-tabs.nav-lines-large {
      overflow-x: auto;
    }
    .nav-tabs.nav-lines-large::-webkit-scrollbar {
      display: auto;
    }
    .nav-tabs.nav-lines-large .nav-item {
      margin: 10px 0px !important;
    }
    .nav-tabs.nav-lines-large .nav-item .nav-link {
      margin: 0px 0px -10px 0px;
      padding: 0px 15px 6px 15px;
    }
    .nav-tabs.nav-lines-large .nav-item .nav-link.btn-icon {
      padding: 0px 0px 6px 0px;
    }
  }
}
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | RADIO ---------------------------------------------------------------------------------------------------- */
  .radio input[type=radio], .radio-inline input[type=radio] {
    margin-left: 0px;
    position: static;
    margin-right: 10px;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | SELECT ---------------------------------------------------------------------------------------------------- */
  select.form-select {
    margin: 0px;
    padding: var(--input-pt) var(--input-pe) var(--input-pb) var(--input-ps);
    padding-right: 32px !important;
    min-height: 34px;
    height: auto;
    font-style: var(--input-font-style);
    font-weight: var(--input-font-weight);
    font-size: var(--input-font-size);
    line-height: var(--input-line-height);
    font-family: var(--input-font-family);
    color: var(--input-color);
    background-color: var(--input-bg-color);
    border: 1px solid var(--input-border-color);
    border-radius: var(--border-radius);
    box-shadow: none;
    cursor: pointer;
  }
  select.form-select:hover {
    color: var(--input-color-focus);
    background-color: var(--input-bg-color-focus);
    border-color: var(--input-border-color-focus);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  select.form-select:focus {
    color: var(--input-color-focus);
    background-color: var(--input-bg-color-focus);
    border-color: var(--input-border-color-focus);
    box-shadow: none;
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  select.form-select:disabled {
    color: var(--input-color);
    background-color: var(--gray-10);
    border-color: var(--input-border-color);
    opacity: 0.5;
  }
  select.form-select.form-select-lg {
    height: 40px;
  }
  select.form-select.form-select-xl {
    height: 48px;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
@media (max-width: 575.98px) {
  @layer bootstrap {
    /* BOOTSTRAP OVERRIDES | SELECT ---------------------------------------------------------------------------------------------------- */
    select.form-select {
      height: 44px;
    }
  }
}
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
@media (min-width: 576px) and (max-width: 767.98px) {
  @layer bootstrap {
    /* BOOTSTRAP OVERRIDES | SELECT ---------------------------------------------------------------------------------------------------- */
    select.form-select {
      height: 44px;
    }
  }
}
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | SWITCH ---------------------------------------------------------------------------------------------------- */
  .switch {
    display: inline-block;
    position: relative;
    margin: 0px;
    padding: 0px;
  }
  .switch .btn-toggle {
    display: block !important;
    position: relative !important;
    margin: 0px !important;
    padding: 0px !important;
    height: 20px !important;
    width: 42px !important;
    color: var(--border-color) !important;
    background: var(--bg-body) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 24px !important;
  }
  .switch .btn-toggle > .handle {
    position: absolute;
    top: 2px;
    left: 3px;
    width: 14px;
    height: 14px;
    background: var(--border-color);
    border-radius: 18px;
    transition: left 0.25s;
  }
  .switch .btn-toggle:hover {
    color: var(--border-color) !important;
    background: var(--bg-body) !important;
    border-color: var(--border-color) !important;
    cursor: pointer !important;
  }
  .switch .btn-toggle:focus, .switch .btn-toggle.focus, .switch .btn-toggle:focus.active, .switch .btn-toggle.focus.active {
    outline: none;
  }
  .switch .btn-toggle.active {
    color: var(--border-color) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    transition: background-color 0.25s;
  }
  .switch .btn-toggle.active > .handle {
    left: 24px;
    transition: left 0.25s;
    background: var(--bg-body);
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | TEXTAREA ---------------------------------------------------------------------------------------------------- */
  textarea.form-control {
    margin: 0px;
    padding: var(--input-pt) var(--input-pe) var(--input-pb) var(--input-ps);
    min-height: 34px;
    height: auto;
    max-height: 250px;
    font-style: var(--input-font-style);
    font-weight: var(--input-font-weight);
    font-size: var(--input-font-size);
    line-height: var(--input-line-height);
    font-family: var(--input-font-family);
    color: var(--input-color);
    background-color: var(--input-bg-color);
    border: 1px solid var(--input-border-color);
    border-radius: var(--border-radius);
    box-shadow: none;
  }
  textarea.form-control:hover {
    color: var(--input-color-focus);
    background-color: var(--input-bg-color-focus);
    border-color: var(--input-border-color-focus);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  textarea.form-control:focus {
    color: var(--input-color-focus);
    background-color: var(--input-bg-color-focus);
    border-color: var(--input-border-color-focus);
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  textarea.form-control:disabled {
    color: var(--input-color);
    background-color: var(--gray-10);
    border-color: var(--input-border-color);
    opacity: 0.5;
  }
  textarea.form-control.form-select-lg {
    height: 40px;
  }
  textarea.form-control.form-select-xl {
    height: 48px;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer bootstrap {
  /* BOOTSTRAP OVERRIDES | TOOLTIPS ---------------------------------------------------------------------------------------------------- */
  .tooltip {
    font-size: 0.8125rem;
    line-height: 1rem;
    border-radius: 0px;
  }
  .tooltip .tooltip-inner {
    padding: 16px;
    max-width: 250px;
    text-align: var(--dir-start);
    border: 1px solid var(--border-color);
    border-radius: 0px;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@media (min-width: 992px) {
  @layer vendors {
    /* ANIMATE ---------------------------------------------------------------------------------------------------- */
    .animated {
      opacity: 0;
    }
    .visible {
      opacity: 1;
    }
  }
}
@media (max-width: 991px) {
  @layer vendors {
    /* ANIMATE ---------------------------------------------------------------------------------------------------- */
    .animated {
      -webkit-animation: none;
      animation: none;
    }
  }
}
/* SCSS Document */
@layer vendors {
  /* JQUERY PLUG-IN OVERRIDES | SELECT2 VERSION 4.0.13 ---------------------------------------------------------------------------------------------------- */
  .select2-container {
    margin: 0px !important;
  }
  .select2-container .select2-selection--single,
  .select2-container .select2-selection--multiple {
    min-height: 34px !important;
    height: auto !important;
    background: none !important;
    background-color: var(--input-bg-color) !important;
    border: 1px solid var(--input-border-color) !important;
    border-radius: var(--border-radius) !important;
  }
  .select2-container .select2-selection--single .select2-selection__rendered,
  .select2-container .select2-selection--multiple .select2-selection__rendered {
    padding: 5px 10px !important;
    padding-right: 40px !important;
    font-style: var(--input-font-style) !important;
    font-weight: var(--input-font-weight) !important;
    font-size: var(--input-font-size) !important;
    line-height: var(--input-line-height) !important;
    font-family: var(--input-font-family) !important;
    color: var(--input-color) !important;
    border-radius: var(--border-radius) !important;
  }
  .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__choice,
  .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    position: relative;
    margin: 2px !important;
    padding: 5px 10px !important;
    padding-left: 35px !important;
    color: var(--btn-default-color) !important;
    background-color: var(--btn-default-bg-color) !important;
    border: 1px solid var(--btn-default-border-color) !important;
    border-radius: var(--border-radius) !important;
  }
  .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove,
  .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    position: absolute !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    top: calc(50% - 12px) !important;
    left: 5px !important;
    width: 24px !important;
    height: 24px !important;
    font-weight: var(--fw-600) !important;
    font-size: 1.75rem !important;
    color: var(--btn-icon-color) !important;
  }
  .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover,
  .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
    color: var(--btn-icon-color-hover) !important;
    cursor: pointer !important;
  }
  .select2-container .select2-selection--single .select2-selection__rendered .select2-search--inline,
  .select2-container .select2-selection--multiple .select2-selection__rendered .select2-search--inline {
    margin: 0px !important;
    padding: 0px !important;
    padding-left: 2px !important;
  }
  .select2-container .select2-selection--single .select2-selection__arrow,
  .select2-container .select2-selection--multiple .select2-selection__arrow {
    position: absolute !important;
    top: 0px !important;
    left: auto !important;
    right: 0px !important;
    margin: 0px !important;
    width: 42px !important;
    height: 34px !important;
  }
  .select2-container .select2-selection--single .select2-selection__arrow b,
  .select2-container .select2-selection--multiple .select2-selection__arrow b {
    position: absolute !important;
    top: calc(50% - 11px) !important;
    left: auto !important;
    right: 14px !important;
    margin: 0px !important;
    padding: 0px !important;
    width: auto !important;
    height: auto !important;
    border: none !important;
  }
  .select2-container .select2-selection--single .select2-selection__arrow b::after,
  .select2-container .select2-selection--multiple .select2-selection__arrow b::after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid); /* variable store in /fontaweomse-6.2.0/all.min.css sheet */
    font-size: 0.8125rem !important;
    color: var(--input-color) !important;
    content: "\f078" !important;
  }
  .select2-container .select2-selection--multiple {
    min-height: auto !important;
    height: auto !important;
  }
  .select2-container .select2-selection--multiple .select2-selection__rendered {
    padding: 5px 5px 0px 5px !important;
  }
  .select2-container .select2-selection--multiple .select2-selection__rendered .select2-search--inline input.select2-search__field {
    margin: 2px 0px !important;
    padding: 5px !important;
    font-style: var(--input-font-style) !important;
    font-weight: var(--input-font-weight) !important;
    font-size: var(--input-font-size) !important;
    line-height: var(--input-line-height) !important;
    font-family: var(--input-font-family) !important;
    color: var(--input-color) !important;
    border: none !important;
    outline-style: none !important;
    box-shadow: none !important;
  }
  .select2-container .select2-selection--multiple .select2-selection__rendered .select2-search--inline input.select2-search__field:focus {
    border: 1px solid var(--primary) !important;
    outline-style: none !important;
    box-shadow: none !important;
  }
  .select2-container .select2-dropdown {
    background-color: var(--input-bg-color) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--border-radius) !important;
  }
  .select2-container .select2-dropdown .select2-search--dropdown {
    padding: 6px !important;
  }
  .select2-container .select2-dropdown .select2-search--dropdown .select2-search__field {
    margin: 0px !important;
    padding: var(--input-pt) var(--input-pe) var(--input-pb) var(--input-ps) !important;
    width: 100% !important;
    border: 1px solid var(--input-border-color) !important;
    box-shadow: none !important;
  }
  .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option {
    margin: 0px !important;
    padding: 6px 12px !important;
    font-style: var(--p-font-style) !important;
    font-weight: var(--p-font-weight) !important;
    font-size: var(--p-font-size) !important;
    line-height: var(--p-line-height) !important;
    font-family: var(--p-font-family) !important;
    color: var(--font-color) !important;
  }
  .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-disabled=true],
  .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
  }
  .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected=true] {
    font-weight: var(--fw-600) !important;
    color: var(--font-color-dark) !important;
    background-color: var(--gray-5) !important;
  }
  .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option--highlighted {
    color: var(--font-color-dark) !important;
    background-color: var(--gray-5) !important;
  }
  .select2-container--focus .select2-selection--single {
    border-color: var(--input-border-color-focus) !important;
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  .select2-hidden-accessible {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer vendors {
  /* JQUERY PLUG-IN OVERRIDES | SWITCHERY ---------------------------------------------------------------------------------------------------- */
  .switchery {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 30px;
    background-color: var(--bg-body-light);
    background-clip: content-box;
    border: 1px solid var(--border-color);
    border-radius: 20px;
    box-sizing: content-box;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .switchery > small {
    position: absolute;
    top: 0px;
    width: 30px;
    height: 30px;
    background: var(--bg-body-light);
    border-radius: 100%;
    box-shadow: 0px 1px 2px var(--shadow-color);
  }
  .switchery-small {
    width: 33px;
    height: 20px;
    border-radius: 20px;
  }
  .switchery-small > small {
    width: 20px;
    height: 20px;
  }
  .switchery-large {
    width: 66px;
    height: 40px;
    border-radius: 40px;
  }
  .switchery-large > small {
    width: 40px;
    height: 40px;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer components {
  /* CUSTOM | COOKIES BANNER (GDPR) ---------------------------------------------------------------------------------------------------- */
  .banner-cookies {
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 1039;
    width: 100%;
    padding: 20px 0px;
    background-color: var(--bg-body);
    border: 1px solid var(--border-color);
    box-shadow: 0px -2px 2px var(--shadow-color);
  }
  .banner-cookies p {
    text-align: var(--dir-start);
  }
  .banner-cookies p a.btn {
    width: 100%;
    border-radius: var(--border-radius);
  }
  .banner-cookies p a.btn + a.btn {
    margin: 8px 0px 0px 0px;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer components {
  /* BRAND-LOGO ---------------------------------------------------------------------------------------------------- */
  .brand-logo {
    display: var(--brand-logo-display);
    width: var(--brand-logo-width);
    height: var(--brand-logo-height);
    background: transparent var(--brand-logo-image) var(--brand-logo-repeat) var(--brand-logo-position);
    background-size: var(--brand-logo-size);
  }
  .brand-logo:focus-visible {
    outline: 1px solid var(--primary) !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius);
  }
  .brand-logo-mobile {
    display: var(--brand-logo-display);
    width: var(--brand-logo-mobile-width);
    height: var(--brand-logo-mobile-height);
    background: transparent var(--brand-logo-mobile-image) var(--brand-logo-repeat) var(--brand-logo-position);
    background-size: var(--brand-logo-size);
  }
  .brand-logo-mobile:focus-visible {
    outline: 1px solid var(--primary) !important;
    box-shadow: var(--box-shadow) !important;
    border-radius: var(--border-radius);
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer components {
  /* CUSTOM | BUTTON ICONS ---------------------------------------------------------------------------------------------------- */
  ul.btn-icons {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    margin: 0px !important;
    padding: 0px !important;
  }
  ul.btn-icons li {
    position: relative;
    margin: 1px !important;
    padding: 0px !important;
    list-style-type: none;
  }
  ul.btn-icons li + li {
    margin-left: 2px !important;
  }
  ul.btn-icons li a.btn.dropdown-toggle + .dropdown-menu.dropdown-content::after, ul.btn-icons li a:link.btn.dropdown-toggle + .dropdown-menu.dropdown-content::after, ul.btn-icons li a:hover.btn.dropdown-toggle + .dropdown-menu.dropdown-content::after, ul.btn-icons li a:visited.btn.dropdown-toggle + .dropdown-menu.dropdown-content::after, ul.btn-icons li a:active.btn.dropdown-toggle + .dropdown-menu.dropdown-content::after, ul.btn-icons li a:focus.btn.dropdown-toggle + .dropdown-menu.dropdown-content::after, ul.btn-icons li button.btn.dropdown-toggle + .dropdown-menu.dropdown-content::after {
    position: absolute;
    top: -6px;
    right: 14px;
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--border-color);
    content: "";
  }
  ul.btn-icons li a.btn.dropdown-toggle + .dropdown-menu.dropdown-content.dropdown-right, ul.btn-icons li a:link.btn.dropdown-toggle + .dropdown-menu.dropdown-content.dropdown-right, ul.btn-icons li a:hover.btn.dropdown-toggle + .dropdown-menu.dropdown-content.dropdown-right, ul.btn-icons li a:visited.btn.dropdown-toggle + .dropdown-menu.dropdown-content.dropdown-right, ul.btn-icons li a:active.btn.dropdown-toggle + .dropdown-menu.dropdown-content.dropdown-right, ul.btn-icons li a:focus.btn.dropdown-toggle + .dropdown-menu.dropdown-content.dropdown-right, ul.btn-icons li button.btn.dropdown-toggle + .dropdown-menu.dropdown-content.dropdown-right {
    top: 40px !important;
    right: 0px !important;
  }
  ul.btn-icons li a:focus, ul.btn-icons li a:link:focus, ul.btn-icons li a:hover:focus, ul.btn-icons li a:visited:focus, ul.btn-icons li a:active:focus, ul.btn-icons li a:focus:focus, ul.btn-icons li button:focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  /* CUSTOM | BUTTON ICON ---------------------------------------------------------------------------------------------------- */
  a.btn-icon, a:link.btn-icon, a:hover.btn-icon, a:visited.btn-icon, a:active.btn-icon, a:focus.btn-icon, button.btn-icon {
    display: inline-flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: 0px;
    padding: 0px;
    width: 28px;
    height: 28px;
    font-size: 1.125rem;
    line-height: 1.125rem;
    text-align: center;
    text-decoration: none;
    color: var(--btn-icon-color);
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: var(--border-radius);
  }
  a.btn-icon i, a.btn-icon svg, a:link.btn-icon i, a:link.btn-icon svg, a:hover.btn-icon i, a:hover.btn-icon svg, a:visited.btn-icon i, a:visited.btn-icon svg, a:active.btn-icon i, a:active.btn-icon svg, a:focus.btn-icon i, a:focus.btn-icon svg, button.btn-icon i, button.btn-icon svg {
    margin: 0px auto;
    padding: 0px;
    width: auto;
    height: auto;
  }
  a.btn-icon.disabled, a:link.btn-icon.disabled, a:hover.btn-icon.disabled, a:visited.btn-icon.disabled, a:active.btn-icon.disabled, a:focus.btn-icon.disabled, button.btn-icon.disabled {
    color: var(--gray-90);
    cursor: not-allowed;
  }
  a.btn-icon.active, a:link.btn-icon.active, a:hover.btn-icon.active, a:visited.btn-icon.active, a:active.btn-icon.active, a:focus.btn-icon.active, button.btn-icon.active {
    color: var(--btn-icon-color-active);
    background-color: var(--primary-5);
    border-color: var(--primary-20);
  }
  a.btn-icon.active.disabled, a:link.btn-icon.active.disabled, a:hover.btn-icon.active.disabled, a:visited.btn-icon.active.disabled, a:active.btn-icon.active.disabled, a:focus.btn-icon.active.disabled, button.btn-icon.active.disabled {
    opacity: 0.5;
  }
  a.btn-icon.btn-icon-add, a:link.btn-icon.btn-icon-add, a:hover.btn-icon.btn-icon-add, a:visited.btn-icon.btn-icon-add, a:active.btn-icon.btn-icon-add, a:focus.btn-icon.btn-icon-add, button.btn-icon.btn-icon-add {
    color: var(--success);
  }
  a.btn-icon.btn-icon-delete, a:link.btn-icon.btn-icon-delete, a:hover.btn-icon.btn-icon-delete, a:visited.btn-icon.btn-icon-delete, a:active.btn-icon.btn-icon-delete, a:focus.btn-icon.btn-icon-delete, button.btn-icon.btn-icon-delete {
    color: var(--danger);
  }
  a.btn-icon.btn-icon-go-to i, a.btn-icon.btn-icon-go-to svg, a:link.btn-icon.btn-icon-go-to i, a:link.btn-icon.btn-icon-go-to svg, a:hover.btn-icon.btn-icon-go-to i, a:hover.btn-icon.btn-icon-go-to svg, a:visited.btn-icon.btn-icon-go-to i, a:visited.btn-icon.btn-icon-go-to svg, a:active.btn-icon.btn-icon-go-to i, a:active.btn-icon.btn-icon-go-to svg, a:focus.btn-icon.btn-icon-go-to i, a:focus.btn-icon.btn-icon-go-to svg, button.btn-icon.btn-icon-go-to i, button.btn-icon.btn-icon-go-to svg {
    transform: rotate(45deg);
  }
  a.btn-icon.btn-move, a:link.btn-icon.btn-move, a:hover.btn-icon.btn-move, a:visited.btn-icon.btn-move, a:active.btn-icon.btn-move, a:focus.btn-icon.btn-move, button.btn-icon.btn-move {
    color: var(--gray-70);
    cursor: grab;
  }
  a.btn-icon.btn-remove, a:link.btn-icon.btn-remove, a:hover.btn-icon.btn-remove, a:visited.btn-icon.btn-remove, a:active.btn-icon.btn-remove, a:focus.btn-icon.btn-remove, button.btn-icon.btn-remove {
    color: var(--gray-70);
  }
  a.btn-icon.dropdown-toggle::after, a:link.btn-icon.dropdown-toggle::after, a:hover.btn-icon.dropdown-toggle::after, a:visited.btn-icon.dropdown-toggle::after, a:active.btn-icon.dropdown-toggle::after, a:focus.btn-icon.dropdown-toggle::after, button.btn-icon.dropdown-toggle::after {
    display: none;
  }
  a.btn-icon.dropdown-toggle + .dropdown-menu.dropdown-content::after, a:link.btn-icon.dropdown-toggle + .dropdown-menu.dropdown-content::after, a:hover.btn-icon.dropdown-toggle + .dropdown-menu.dropdown-content::after, a:visited.btn-icon.dropdown-toggle + .dropdown-menu.dropdown-content::after, a:active.btn-icon.dropdown-toggle + .dropdown-menu.dropdown-content::after, a:focus.btn-icon.dropdown-toggle + .dropdown-menu.dropdown-content::after, button.btn-icon.dropdown-toggle + .dropdown-menu.dropdown-content::after {
    position: absolute;
    top: -6px;
    right: 14px;
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--border-color);
    content: "";
  }
  a.btn-icon.dropdown-toggle + .dropdown-menu.dropdown-content.dropdown-right, a:link.btn-icon.dropdown-toggle + .dropdown-menu.dropdown-content.dropdown-right, a:hover.btn-icon.dropdown-toggle + .dropdown-menu.dropdown-content.dropdown-right, a:visited.btn-icon.dropdown-toggle + .dropdown-menu.dropdown-content.dropdown-right, a:active.btn-icon.dropdown-toggle + .dropdown-menu.dropdown-content.dropdown-right, a:focus.btn-icon.dropdown-toggle + .dropdown-menu.dropdown-content.dropdown-right, button.btn-icon.dropdown-toggle + .dropdown-menu.dropdown-content.dropdown-right {
    top: 36px !important;
    right: -1px !important;
  }
  a.btn-icon:focus, a:link.btn-icon:focus, a:hover.btn-icon:focus, a:visited.btn-icon:focus, a:active.btn-icon:focus, a:focus.btn-icon:focus, button.btn-icon:focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  a.btn-icon-sm, a:link.btn-icon-sm, a:hover.btn-icon-sm, a:visited.btn-icon-sm, a:active.btn-icon-sm, a:focus.btn-icon-sm, button.btn-icon-sm {
    display: inline-block;
    text-align: center;
    color: var(--btn-icon-color);
    width: 20px;
    height: 20px;
  }
  a.btn-icon-sm i, a.btn-icon-sm svg, a:link.btn-icon-sm i, a:link.btn-icon-sm svg, a:hover.btn-icon-sm i, a:hover.btn-icon-sm svg, a:visited.btn-icon-sm i, a:visited.btn-icon-sm svg, a:active.btn-icon-sm i, a:active.btn-icon-sm svg, a:focus.btn-icon-sm i, a:focus.btn-icon-sm svg, button.btn-icon-sm i, button.btn-icon-sm svg {
    width: 20px;
    height: 20px;
  }
  a:hover.btn-icon, a:hover.btn-icon-sm, button:hover.btn-icon, button:hover.btn-icon-sm {
    color: var(--btn-icon-color-hover);
    background-color: transparent;
    border-color: transparent;
  }
  a:hover.btn-icon.btn-icon-add, a:hover.btn-icon.btn-icon-delete, a:hover.btn-icon-sm.btn-icon-add, a:hover.btn-icon-sm.btn-icon-delete, button:hover.btn-icon.btn-icon-add, button:hover.btn-icon.btn-icon-delete, button:hover.btn-icon-sm.btn-icon-add, button:hover.btn-icon-sm.btn-icon-delete {
    color: var(--btn-icon-color-hover);
    background-color: transparent;
    border-color: transparent;
  }
  h1 .btn-icon, h2 .btn-icon, h3 .btn-icon, h4 .btn-icon, h5 .btn-icon, h6 .btn-icon, p .btn-icon {
    margin: 0px;
    margin-left: 10px;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer components {
  /* CUSTOM | BUTTON SWITCH ---------------------------------------------------------------------------------------------------- */
  .btn-switch {
    display: inline-flex;
    justify-content: flex-start;
    align-content: center;
    align-items: stretch;
    margin: 5px 0px;
    padding: 0px;
  }
  .btn-switch.disabled {
    opacity: 0.9 !important;
    cursor: not-allowed;
  }
  .btn-switch.disabled:hover {
    cursor: not-allowed;
  }
  .btn-switch a.btn, .btn-switch a:link.btn, .btn-switch a:hover.btn, .btn-switch a:visited.btn, .btn-switch a:active.btn, .btn-switch a:focus.btn, .btn-switch button.btn {
    display: inline-flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    margin: 0px;
    padding: 3px 10px;
    min-width: 75px;
    font-size: 1rem;
    color: var(--font-color);
    background-color: var(--bg-body-light);
    border: 1px solid var(--border-color);
    border-radius: 0px;
    word-break: normal;
    overflow: hidden;
  }
  .btn-switch a.btn:hover, .btn-switch a:link.btn:hover, .btn-switch a:hover.btn:hover, .btn-switch a:visited.btn:hover, .btn-switch a:active.btn:hover, .btn-switch a:focus.btn:hover, .btn-switch button.btn:hover {
    z-index: 2;
    color: var(--font-color-dark);
    background-color: var(--gray-5);
    border-color: var(--gray);
  }
  .btn-switch a.btn + .btn, .btn-switch a:link.btn + .btn, .btn-switch a:hover.btn + .btn, .btn-switch a:visited.btn + .btn, .btn-switch a:active.btn + .btn, .btn-switch a:focus.btn + .btn, .btn-switch button.btn + .btn {
    margin-left: -1px;
  }
  .btn-switch a.btn:nth-child(1), .btn-switch a:link.btn:nth-child(1), .btn-switch a:hover.btn:nth-child(1), .btn-switch a:visited.btn:nth-child(1), .btn-switch a:active.btn:nth-child(1), .btn-switch a:focus.btn:nth-child(1), .btn-switch button.btn:nth-child(1) {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: var(--border-radius);
  }
  .btn-switch a.btn:nth-child(2), .btn-switch a:link.btn:nth-child(2), .btn-switch a:hover.btn:nth-child(2), .btn-switch a:visited.btn:nth-child(2), .btn-switch a:active.btn:nth-child(2), .btn-switch a:focus.btn:nth-child(2), .btn-switch button.btn:nth-child(2) {
    border-top-left-radius: 0px;
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    border-bottom-left-radius: 0px;
  }
  .btn-switch a.btn.active, .btn-switch a.btn.active:hover, .btn-switch a.btn.active.disabled, .btn-switch a.btn.active.disabled:hover, .btn-switch a:link.btn.active, .btn-switch a:link.btn.active:hover, .btn-switch a:link.btn.active.disabled, .btn-switch a:link.btn.active.disabled:hover, .btn-switch a:hover.btn.active, .btn-switch a:hover.btn.active:hover, .btn-switch a:hover.btn.active.disabled, .btn-switch a:hover.btn.active.disabled:hover, .btn-switch a:visited.btn.active, .btn-switch a:visited.btn.active:hover, .btn-switch a:visited.btn.active.disabled, .btn-switch a:visited.btn.active.disabled:hover, .btn-switch a:active.btn.active, .btn-switch a:active.btn.active:hover, .btn-switch a:active.btn.active.disabled, .btn-switch a:active.btn.active.disabled:hover, .btn-switch a:focus.btn.active, .btn-switch a:focus.btn.active:hover, .btn-switch a:focus.btn.active.disabled, .btn-switch a:focus.btn.active.disabled:hover, .btn-switch button.btn.active, .btn-switch button.btn.active:hover, .btn-switch button.btn.active.disabled, .btn-switch button.btn.active.disabled:hover {
    z-index: 2;
    color: var(--white);
    background-color: var(--primary-dark-20);
    border-color: var(--primary-dark-20);
    cursor: default;
  }
  .btn-switch a.btn.disabled, .btn-switch a.btn.disabled:hover, .btn-switch a:link.btn.disabled, .btn-switch a:link.btn.disabled:hover, .btn-switch a:hover.btn.disabled, .btn-switch a:hover.btn.disabled:hover, .btn-switch a:visited.btn.disabled, .btn-switch a:visited.btn.disabled:hover, .btn-switch a:active.btn.disabled, .btn-switch a:active.btn.disabled:hover, .btn-switch a:focus.btn.disabled, .btn-switch a:focus.btn.disabled:hover, .btn-switch button.btn.disabled, .btn-switch button.btn.disabled:hover {
    opacity: 0.8;
    cursor: not-allowed;
  }
  .btn-switch a.has-error .btn, .btn-switch a:link.has-error .btn, .btn-switch a:hover.has-error .btn, .btn-switch a:visited.has-error .btn, .btn-switch a:active.has-error .btn, .btn-switch a:focus.has-error .btn, .btn-switch button.has-error .btn {
    color: var(--danger);
    background-color: var(--bg-body-light);
    border-color: var(--danger);
  }
  .btn-switch a:focus, .btn-switch a:link:focus, .btn-switch a:hover:focus, .btn-switch a:visited:focus, .btn-switch a:active:focus, .btn-switch a:focus:focus, .btn-switch button:focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  .btn-switch a:focus:nth-child(1), .btn-switch a:link:focus:nth-child(1), .btn-switch a:hover:focus:nth-child(1), .btn-switch a:visited:focus:nth-child(1), .btn-switch a:active:focus:nth-child(1), .btn-switch a:focus:focus:nth-child(1), .btn-switch button:focus:nth-child(1) {
    border-top-left-radius: var(--border-radius) !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: var(--border-radius) !important;
  }
  .btn-switch a:focus:nth-child(2), .btn-switch a:link:focus:nth-child(2), .btn-switch a:hover:focus:nth-child(2), .btn-switch a:visited:focus:nth-child(2), .btn-switch a:active:focus:nth-child(2), .btn-switch a:focus:focus:nth-child(2), .btn-switch button:focus:nth-child(2) {
    border-top-left-radius: 0px !important;
    border-top-right-radius: var(--border-radius) !important;
    border-bottom-right-radius: var(--border-radius) !important;
    border-bottom-left-radius: 0px !important;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
@media (max-width: 575.98px) {
  @layer components {
    /* CUSTOM | BUTTON SWITCH ---------------------------------------------------------------------------------------------------- */
    .btn-switch {
      margin: 10px 0px;
      width: 100% !important;
    }
    .btn-switch a.btn, .btn-switch a:link.btn, .btn-switch a:hover.btn, .btn-switch a:visited.btn, .btn-switch a:active.btn, .btn-switch a:focus.btn, .btn-switch button.btn {
      width: 50% !important;
    }
    .btn-switch a.btn + .btn, .btn-switch a:link.btn + .btn, .btn-switch a:hover.btn + .btn, .btn-switch a:visited.btn + .btn, .btn-switch a:active.btn + .btn, .btn-switch a:focus.btn + .btn, .btn-switch button.btn + .btn {
      margin: 0px !important;
      margin-left: -1px !important;
    }
  }
}
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* DATA-THEME | DARK ---------------------------------------------------------------------------------------------------- */
@layer components {
  [data-theme=dark] .btn-switch a.btn.active, [data-theme=dark] .btn-switch a.btn.active:hover, [data-theme=dark] .btn-switch a.btn.active.disabled, [data-theme=dark] .btn-switch a.btn.active.disabled:hover, [data-theme=dark] .btn-switch a:link.btn.active, [data-theme=dark] .btn-switch a:link.btn.active:hover, [data-theme=dark] .btn-switch a:link.btn.active.disabled, [data-theme=dark] .btn-switch a:link.btn.active.disabled:hover, [data-theme=dark] .btn-switch a:hover.btn.active, [data-theme=dark] .btn-switch a:hover.btn.active:hover, [data-theme=dark] .btn-switch a:hover.btn.active.disabled, [data-theme=dark] .btn-switch a:hover.btn.active.disabled:hover, [data-theme=dark] .btn-switch a:visited.btn.active, [data-theme=dark] .btn-switch a:visited.btn.active:hover, [data-theme=dark] .btn-switch a:visited.btn.active.disabled, [data-theme=dark] .btn-switch a:visited.btn.active.disabled:hover, [data-theme=dark] .btn-switch a:active.btn.active, [data-theme=dark] .btn-switch a:active.btn.active:hover, [data-theme=dark] .btn-switch a:active.btn.active.disabled, [data-theme=dark] .btn-switch a:active.btn.active.disabled:hover, [data-theme=dark] .btn-switch a:focus.btn.active, [data-theme=dark] .btn-switch a:focus.btn.active:hover, [data-theme=dark] .btn-switch a:focus.btn.active.disabled, [data-theme=dark] .btn-switch a:focus.btn.active.disabled:hover, [data-theme=dark] .btn-switch button.btn.active, [data-theme=dark] .btn-switch button.btn.active:hover, [data-theme=dark] .btn-switch button.btn.active.disabled, [data-theme=dark] .btn-switch button.btn.active.disabled:hover {
    color: var(--light);
    background-color: var(--primary-dark-20);
    border-color: var(--primary-dark-20);
  }
}

/* SCSS Document */
@layer components {
  /* CUSTOM | CHECKBOXES ---------------------------------------------------------------------------------------------------- */
  .check-container {
    display: inline-block;
    position: relative;
    margin: 1px 0px;
    padding: 0px;
    min-width: 24px;
    min-height: 24px;
    font-style: var(--label-font-style);
    font-weight: var(--label-font-weight);
    font-size: var(--label-font-size);
    line-height: var(--label-line-height);
    font-family: var(--label-font-family);
    color: var(--label-color);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .check-container .form-label {
    display: inline-block;
    margin-left: 32px;
  }
  .check-container .checkmark {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 24px;
    width: 24px;
    background-color: var(--bg-body);
    border: 1px solid var(--border-color);
    border-radius: 0px;
    box-sizing: border-box;
  }
  .check-container .checkmark:hover {
    background-color: var(--bg-body);
    border-color: var(--primary);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
  }
  .check-container .checkmark:focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  .check-container .checkmark::after {
    display: none;
    content: "";
  }
  .check-container input {
    position: absolute;
    margin: 0px;
    padding: 0px;
    width: 0px;
    height: 0px;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .check-container input:focus + .checkmark {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  .check-container input:checked {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .check-container input:checked ~ .checkmark {
    background-color: var(--primary);
    border-color: var(--primary);
  }
  .check-container input:checked ~ .checkmark::after {
    display: block;
    position: absolute;
    top: 3px;
    left: 4px;
    font-size: 1rem !important;
    line-height: 1rem !important;
    color: var(--light);
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid); /* variable store in /fontaweomse-6.2.0/all.min.css sheet */
    content: "\f00c";
  }
  .check-container input:disabled ~ .checkmark {
    background-color: var(--gray-5);
    border-color: var(--border-color);
    cursor: default;
    pointer-events: none;
  }
  .check-container input:checked:disabled ~ .checkmark, .check-container input:disabled:checked ~ .checkmark {
    background-color: var(--primary);
    border-color: var(--primary);
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
  }
  .check-container.is-valid {
    color: var(--success);
    pointer-events: none;
  }
  .check-container.is-valid .form-label {
    color: var(--success);
  }
  .check-container.is-valid .checkmark {
    background-color: var(--bg-body);
    border-color: var(--success);
  }
  .check-container.is-valid .checkmark:hover {
    background-color: var(--bg-body);
    border-color: var(--success);
  }
  .check-container.is-valid input:checked ~ .checkmark {
    background-color: var(--success);
    border-color: var(--success);
  }
  .check-container.is-valid input:checked ~ .checkmark::after {
    color: var(--white);
  }
  .check-container.is-invalid {
    color: var(--danger);
    pointer-events: none;
  }
  .check-container.is-invalid .form-label {
    color: var(--danger);
  }
  .check-container.is-invalid .checkmark {
    background-color: var(--danger-10);
    border-color: var(--danger);
  }
  .check-container.is-invalid .checkmark:hover {
    background-color: var(--bg-body);
    border-color: var(--danger);
  }
  .check-container.is-invalid input:checked ~ .checkmark {
    background-color: var(--danger);
    border-color: var(--danger);
  }
  .check-container.is-invalid input:checked ~ .checkmark::after {
    color: var(--white);
  }
  .check-container:hover {
    cursor: pointer;
  }
  .check-container:hover .checkmark {
    background-color: var(--bg-body);
    border-color: var(--primary);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer components {
  /* LOGO | WHITE BRANDING ---------------------------------------------------------------------------------------------------- */
  .logo-white-branding, .wb-logo {
    display: block;
    padding: 0px;
    width: 260px;
    height: 40px;
    box-sizing: border-box;
    overflow: hidden;
  }
  .logo-white-branding img, .wb-logo img {
    display: block;
    max-width: 100%;
    max-height: 100%;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer components {
  /* CUSTOM | COOKIES MODAL (GDPR) ---------------------------------------------------------------------------------------------------- */
  .modal-cookies .hide-item {
    display: none;
  }
  .modal-cookies .modal-dialog .modal-content .modal-header {
    margin: 0px;
  }
  .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs {
    margin: 25px 0px 0px 0px;
    padding: 0px;
  }
  .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li {
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid var(--border-color);
  }
  .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li:first-child {
    border-top: 1px solid var(--border-color);
  }
  .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a, .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a:link, .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a:visited, .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a:hover, .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a:active, .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a:focus {
    position: relative;
    padding: 5px 15px;
    color: var(--black-60);
    background-color: var(--white);
    cursor: pointer;
  }
  .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a::after, .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a:link::after, .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a:visited::after, .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a:hover::after, .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a:active::after, .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a:focus::after {
    position: absolute;
    top: calc(50% - 5px);
    right: 15px;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid); /* variable store in /fontaweomse-6.2.0/all.min.css sheet */
    font-size: 0.625rem;
    content: var(--fa-chevron-start);
    color: var(--gray-60);
  }
  .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a.active, .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a:link.active, .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a:visited.active, .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a:hover.active, .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a:active.active, .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a:focus.active {
    color: var(--primary);
    background-color: var(--gray-5);
    cursor: default;
  }
  .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a.active::after, .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a:link.active::after, .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a:visited.active::after, .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a:hover.active::after, .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a:active.active::after, .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a:focus.active::after {
    color: var(--primary);
  }
  .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a:hover {
    color: var(--primary);
    background-color: var(--gray-5);
  }
  .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a:hover::after {
    color: var(--primary);
  }
  .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a:hover.active {
    color: var(--primary);
    background-color: var(--gray-5);
    cursor: default;
  }
  .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a:hover.active::after {
    color: var(--primary);
  }
  .modal-cookies .modal-dialog .modal-content .modal-body .tab-content p.text-success {
    font-weight: var(--fw-600);
  }
  .modal-cookies .modal-dialog .modal-content .modal-body .tab-content p.checkbox-label label {
    margin-left: 20px;
    font-weight: var(--fw-600);
    color: var(--white);
  }
  .modal-cookies .modal-dialog .modal-content .modal-body .tab-content .tab-pane.tab-policy {
    height: 350px;
    overflow-y: scroll;
  }
  .modal-cookies .modal-dialog .modal-content .modal-footer p {
    text-align: var(--dir-end);
  }
  .modal-cookies .modal-dialog .modal-content .modal-footer p a.btn {
    border-radius: var(--border-radius);
  }
  .modal-cookies .modal-dialog .modal-content .modal-footer p a.btn + a.btn {
    margin: 0px;
    margin-left: 8px !important;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
@media (max-width: 575.98px) {
  @layer components {
    /* CUSTOM | COOKIES MODAL (GDPR) ---------------------------------------------------------------------------------------------------- */
    .modal-cookies .modal-dialog .modal-content {
      margin: 10px;
      max-height: calc(100vh - 20px);
    }
    .modal-cookies .modal-dialog .modal-content .modal-body {
      max-height: 100vh;
      overflow-y: scroll;
    }
    .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs {
      margin: 10px 0px 15px 0px;
    }
    .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a::after {
      content: "\f078";
    }
    .modal-cookies .modal-dialog .modal-content .modal-footer p a.btn + a.btn {
      margin: 8px 0px 0px 0px !important;
    }
  }
}
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
@media (min-width: 576px) and (max-width: 767.98px) {
  @layer components {
    /* CUSTOM | COOKIES MODAL (GDPR) ---------------------------------------------------------------------------------------------------- */
    .modal-cookies .modal-dialog .modal-content {
      margin: 10px;
      max-height: calc(100vh - 50px);
    }
    .modal-cookies .modal-dialog .modal-content .modal-body {
      max-height: 100vh;
      overflow-y: scroll;
    }
    .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs {
      margin: 10px 0px 15px 0px;
    }
    .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a::after {
      content: "\f078";
    }
    .modal-cookies .modal-dialog .modal-content .modal-footer p a.btn + a.btn {
      margin: 10px !important;
    }
  }
}
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991.98px) {
  @layer components {
    /* CUSTOM | COOKIES MODAL (GDPR) ---------------------------------------------------------------------------------------------------- */
    .modal-cookies .modal-dialog .modal-content {
      margin: 10px;
      max-height: calc(100vh - 50px);
    }
    .modal-cookies .modal-dialog .modal-content .modal-body {
      max-height: 100vh;
      overflow-y: scroll;
    }
    .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs {
      margin: 10px 0px 15px 0px;
    }
    .modal-cookies .modal-dialog .modal-content .modal-body ul#cookieTabs li a::after {
      content: "\f078";
    }
    .modal-cookies .modal-dialog .modal-content .modal-footer p a.btn + a.btn {
      margin: 10px !important;
    }
  }
}
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer components {
  /* CUSTOM | RADIOS ---------------------------------------------------------------------------------------------------- */
  .radio-container {
    display: inline-block;
    position: relative;
    margin: 1px 0px;
    padding: 0px;
    min-width: 24px;
    min-height: 24px;
    font-style: var(--label-font-style);
    font-weight: var(--label-font-weight);
    font-size: var(--label-font-size);
    line-height: var(--label-line-height);
    font-family: var(--label-font-family);
    color: var(--label-color);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .radio-container .form-label {
    display: inline-block;
    margin-left: 32px;
  }
  .radio-container .checkmark {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 24px;
    width: 24px;
    background-color: var(--bg-body);
    border: 1px solid var(--border-color);
    border-radius: 24px;
    box-sizing: border-box;
  }
  .radio-container .checkmark:hover {
    background-color: var(--bg-body);
    border-color: var(--primary);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
  }
  .radio-container .checkmark:focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
    border-radius: 24px !important;
  }
  .radio-container .checkmark::after {
    display: none;
    content: "";
  }
  .radio-container input {
    position: absolute;
    margin: 0px;
    padding: 0px;
    width: 0px;
    height: 0px;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .radio-container input:focus + .checkmark {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
    border-radius: 24px !important;
  }
  .radio-container input:checked {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .radio-container input:checked ~ .checkmark {
    background-color: var(--primary);
    border-color: var(--primary);
  }
  .radio-container input:checked ~ .checkmark::after {
    display: block;
    position: absolute;
    top: 4px;
    left: 4px;
    font-size: 1rem !important;
    line-height: 1rem !important;
    color: var(--light);
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid); /* variable store in /fontaweomse-6.2.0/all.min.css sheet */
    content: "\f00c";
  }
  .radio-container input:disabled ~ .checkmark {
    background-color: var(--gray-5);
    border-color: var(--border-color);
    cursor: default;
    pointer-events: none;
  }
  .radio-container input:checked:disabled ~ .checkmark, .radio-container input:disabled:checked ~ .checkmark {
    background-color: var(--primary);
    border-color: var(--primary);
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
  }
  .radio-container.is-valid {
    color: var(--success);
    pointer-events: none;
  }
  .radio-container.is-valid .form-label {
    color: var(--success);
  }
  .radio-container.is-valid .checkmark {
    background-color: var(--bg-body);
    border-color: var(--success);
  }
  .radio-container.is-valid .checkmark:hover {
    background-color: var(--bg-body);
    border-color: var(--success);
  }
  .radio-container.is-valid input:checked ~ .checkmark {
    background-color: var(--success);
    border-color: var(--success);
  }
  .radio-container.is-valid input:checked ~ .checkmark::after {
    color: var(--white);
  }
  .radio-container.is-invalid {
    color: var(--danger);
    pointer-events: none;
  }
  .radio-container.is-invalid .form-label {
    color: var(--danger);
  }
  .radio-container.is-invalid .checkmark {
    background-color: var(--danger-10);
    border-color: var(--danger);
  }
  .radio-container.is-invalid .checkmark:hover {
    background-color: var(--bg-body);
    border-color: var(--danger);
  }
  .radio-container.is-invalid input:checked ~ .checkmark {
    background-color: var(--danger);
    border-color: var(--danger);
  }
  .radio-container.is-invalid input:checked ~ .checkmark::after {
    color: var(--white);
  }
  .radio-container:hover {
    cursor: pointer;
  }
  .radio-container:hover .checkmark {
    background-color: var(--bg-body);
    border-color: var(--primary);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer components {
  /* CUSTOM | SEARCH BUTTON ICON GROUP ---------------------------------------------------------------------------------------------------- */
  .search-btn-icon-group {
    display: flex;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
  }
  .search-btn-icon-group .input-group, .search-btn-icon-group .btn-group-right, .search-btn-icon-group ul.btn-icons {
    flex: initial;
    width: auto;
  }
  .search-btn-icon-group ul.btn-icons {
    margin: 5px 0px 0px 0px;
    margin-left: 10px;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer base {
  /* DISABLE ANIMATIONS ---------------------------------------------------------------------------------------------------- */
  .ng-animate.no-animate {
    transition: 0s none;
    -webkit-transition: 0s none;
    animation: 0s none;
    -webkit-animation: 0s none;
  }
  /* PICKER SLIDER ANIMATIONS ---------------------------------------------------------------------------------------------------- */
  .sb-slidebar {
    -webkit-transition: -webkit-transform 0.4s ease;
    -moz-transition: -moz-transform 0.4s ease;
    -o-transition: -o-transform 0.4s ease;
    transition: transform 0.4s ease;
    -webkit-transition-property: -webkit-transform, right, left;
    -moz-transition-property: -moz-transform, right, left;
    -o-transition-property: -o-transform, right, left;
    transition-property: transform, right, left;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  /* PICKER SETTINGS ANIMATIONS ---------------------------------------------------------------------------------------------------- */
  .pickerSettingContainer, .pickerSetting {
    -webkit-transition: max-height 0.5s ease;
    -moz-transition: max-height 0.5s ease;
    -o-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
    max-height: 250px;
    overflow: hidden;
  }
  .pickerSettingContainer.ng-hide, .pickerSettingContainer.ng-hide .pickerSetting.ng-hide {
    max-height: 0px;
  }
  .pickerSettingContainer .pickerSetting.ng-hide-add {
    display: none;
  }
  .pickerSettingContainer.ng-hide-add, .pickerSettingContainer.ng-hide-add .pickerSetting.ng-hide-add, .pickerSettingContainer.ng-hide-remove, .pickerSettingContainer.ng-hide-remove .pickerSetting.ng-hide-remove {
    display: block;
  }
  /* GENERAL COLUMN SETTINGS ANIMATION ---------------------------------------------------------------------------------------------------- */
  .columnSettings {
    -webkit-transition: max-height 0.5s ease;
    -moz-transition: max-height 0.5s ease;
    -o-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
    max-height: 250px;
    overflow: hidden;
  }
  .columnSettings.ng-hide {
    max-height: 0px;
  }
  .columnSettings.ng-hide-add {
    display: none;
  }
  .columnSettings.ng-hide-add, .columnSettings.ng-hide-remove {
    display: block;
  }
  /* MENU SLIDING ANIMATIONS ---------------------------------------------------------------------------------------------------- */
  .child-list {
    -webkit-transition: max-height 0.5s ease;
    -moz-transition: max-height 0.5s ease;
    -o-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
    max-height: 350px;
    overflow: hidden;
  }
  .child-list.ng-hide {
    -webkit-transition: max-height 0.3s ease-out;
    -moz-transition: max-height 0.3s ease-out;
    -o-transition: max-height 0.3s ease-out;
    transition: max-height 0.3s ease-out;
    max-height: 0px;
  }
  .child-list.ng-hide-add, .child-list.ng-hide-remove {
    display: block;
  }
  /* MARKETPLACE CONTACT DIV ---------------------------------------------------------------------------------------------------- */
  .marketplaceContact {
    -webkit-transition: max-height 0.5s ease;
    -moz-transition: max-height 0.5s ease;
    -o-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
    max-height: 220px;
    overflow: hidden;
  }
  .marketplaceContact.ng-hide {
    max-height: 0px;
  }
  .marketplaceContact.ng-hide-add {
    display: none;
  }
  .marketplaceContact.ng-hide-add, .marketplaceContact.ng-hide-remove {
    display: block;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer base {
  /* IBKR-COMMON.CSS OVERRIDES ---------------------------------------------------------------------------------------------------- */
  body {
    height: auto;
  }
  section {
    padding: 0px !important;
  }
  .container {
    max-width: 1400px;
    transition: all 0.5s ease;
  }
  .container-fluid {
    max-width: 100%;
    transition: all 0.5s ease;
  }
  [data-size-mode=wide] .container {
    max-width: 100% !important;
    transition: all 0.5s ease !important;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
@media (max-width: 575.98px) {
  @layer base {
    /* IBKR-COMMON.CSS OVERRIDES ---------------------------------------------------------------------------------------------------- */
    body {
      position: relative;
    }
  }
}
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
@media (min-width: 576px) and (max-width: 767.98px) {
  @layer base {
    /* IBKR-COMMON.CSS OVERRIDES ---------------------------------------------------------------------------------------------------- */
    body {
      position: relative;
    }
  }
}
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991.98px) {
  @layer base {
    /* IBKR-COMMON.CSS OVERRIDES ---------------------------------------------------------------------------------------------------- */
    .navbar-toggle {
      display: block;
    }
  }
}
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer components {
  /* LOAD BAR ---------------------------------------------------------------------------------------------------- */
  .load-bar {
    position: relative;
    margin: -1px 0px 0px 0px;
    padding: 0px;
    width: 100%;
    height: 20px;
    overflow: hidden;
    z-index: 1001;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer components {
  /* PANEL BUTTONS ---------------------------------------------------------------------------------------------------- */
  section.panel.panel-btns, .panel-btns {
    margin: 20px auto 0px;
    padding: 10px 0px 50px 0px !important;
    background-color: transparent;
    box-shadow: none;
    border: none;
    border-top: 1px solid var(--border-color);
    border-radius: 0px;
    /* REGISTRATION VERSION */
    /* PORTAL VERSION */
  }
  section.panel.panel-btns .container, section.panel.panel-btns .container-fluid, .panel-btns .container, .panel-btns .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
  }
  section.panel.panel-btns .container .row, section.panel.panel-btns .container-fluid .row, .panel-btns .container .row, .panel-btns .container-fluid .row {
    margin-left: 0px;
    margin-right: 0px;
  }
  section.panel.panel-btns .container .row div, section.panel.panel-btns .container-fluid .row div, .panel-btns .container .row div, .panel-btns .container-fluid .row div {
    padding-left: 2px;
    padding-right: 2px;
  }
  section.panel.panel-btns .container .row div a.btn, section.panel.panel-btns .container .row div button.btn, section.panel.panel-btns .container-fluid .row div a.btn, section.panel.panel-btns .container-fluid .row div button.btn, .panel-btns .container .row div a.btn, .panel-btns .container .row div button.btn, .panel-btns .container-fluid .row div a.btn, .panel-btns .container-fluid .row div button.btn {
    padding: 12px;
    width: 100%;
    border-radius: var(--border-radius-xl);
  }
  section.panel.panel-btns .container .row div a.btn.btn-back::before, section.panel.panel-btns .container .row div button.btn.btn-back::before, section.panel.panel-btns .container-fluid .row div a.btn.btn-back::before, section.panel.panel-btns .container-fluid .row div button.btn.btn-back::before, .panel-btns .container .row div a.btn.btn-back::before, .panel-btns .container .row div button.btn.btn-back::before, .panel-btns .container-fluid .row div a.btn.btn-back::before, .panel-btns .container-fluid .row div button.btn.btn-back::before {
    padding: 0px;
    padding-right: 10px;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid); /* variable store in /fontaweomse-6.2.0/all.min.css sheet */
    content: var(--fa-arrow-end);
  }
  section.panel.panel-btns .container .row div a.btn.btn-continue::after, section.panel.panel-btns .container .row div button.btn.btn-continue::after, section.panel.panel-btns .container-fluid .row div a.btn.btn-continue::after, section.panel.panel-btns .container-fluid .row div button.btn.btn-continue::after, .panel-btns .container .row div a.btn.btn-continue::after, .panel-btns .container .row div button.btn.btn-continue::after, .panel-btns .container-fluid .row div a.btn.btn-continue::after, .panel-btns .container-fluid .row div button.btn.btn-continue::after {
    padding: 0px;
    padding-left: 10px;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid); /* variable store in /fontaweomse-6.2.0/all.min.css sheet */
    content: var(--fa-arrow-start);
  }
  section.panel.panel-btns .panel-body, .panel-btns .panel-body {
    padding: 0px !important;
    background-color: transparent;
  }
  section.panel.panel-btns .panel-body .row div .panel-btn-right, .panel-btns .panel-body .row div .panel-btn-right {
    text-align: var(--dir-end);
  }
  section.panel.panel-btns .row div .panel-btn-right p a.btn + a.btn, section.panel.panel-btns .row div .panel-btn-right p am-button + am-button, .panel-btns .row div .panel-btn-right p a.btn + a.btn, .panel-btns .row div .panel-btn-right p am-button + am-button {
    margin: 0px;
    margin-left: 8px;
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
@media (max-width: 575.98px) {
  @layer components {
    /* PANEL BUTTONS ---------------------------------------------------------------------------------------------------- */
    section.panel.panel-btns, .panel-btns {
      margin: 10px auto 0px auto;
      padding: 10px 5px 20px 5px;
      /* REGISTRATION VERSION */
      /* PORTAL VERSION */
    }
    section.panel.panel-btns .container .row div a.btn, section.panel.panel-btns .container .row div button.btn, section.panel.panel-btns .container-fluid .row div a.btn, section.panel.panel-btns .container-fluid .row div button.btn, .panel-btns .container .row div a.btn, .panel-btns .container .row div button.btn, .panel-btns .container-fluid .row div a.btn, .panel-btns .container-fluid .row div button.btn {
      width: 100%;
    }
    section.panel.panel-btns .panel-body, .panel-btns .panel-body {
      padding: 0px !important;
    }
    section.panel.panel-btns .panel-body .row div .panel-btn-left p, section.panel.panel-btns .panel-body .row div .panel-btn-right p, .panel-btns .panel-body .row div .panel-btn-left p, .panel-btns .panel-body .row div .panel-btn-right p {
      margin: 0px;
    }
    section.panel.panel-btns .panel-body .row div .panel-btn-left p a.btn, section.panel.panel-btns .panel-body .row div .panel-btn-left p am-button, section.panel.panel-btns .panel-body .row div .panel-btn-right p a.btn, section.panel.panel-btns .panel-body .row div .panel-btn-right p am-button, .panel-btns .panel-body .row div .panel-btn-left p a.btn, .panel-btns .panel-body .row div .panel-btn-left p am-button, .panel-btns .panel-body .row div .panel-btn-right p a.btn, .panel-btns .panel-body .row div .panel-btn-right p am-button {
      margin: 2px;
      width: 100%;
    }
    section.panel.panel-btns .panel-body .row div .panel-btn-left p a.btn + a.btn, section.panel.panel-btns .panel-body .row div .panel-btn-left p a.btn + am-button, section.panel.panel-btns .panel-body .row div .panel-btn-left p am-button + a.btn, section.panel.panel-btns .panel-body .row div .panel-btn-left p am-button + am-button, section.panel.panel-btns .panel-body .row div .panel-btn-right p a.btn + a.btn, section.panel.panel-btns .panel-body .row div .panel-btn-right p a.btn + am-button, section.panel.panel-btns .panel-body .row div .panel-btn-right p am-button + a.btn, section.panel.panel-btns .panel-body .row div .panel-btn-right p am-button + am-button, .panel-btns .panel-body .row div .panel-btn-left p a.btn + a.btn, .panel-btns .panel-body .row div .panel-btn-left p a.btn + am-button, .panel-btns .panel-body .row div .panel-btn-left p am-button + a.btn, .panel-btns .panel-body .row div .panel-btn-left p am-button + am-button, .panel-btns .panel-body .row div .panel-btn-right p a.btn + a.btn, .panel-btns .panel-body .row div .panel-btn-right p a.btn + am-button, .panel-btns .panel-body .row div .panel-btn-right p am-button + a.btn, .panel-btns .panel-body .row div .panel-btn-right p am-button + am-button {
      margin: 2px;
    }
    section.panel.panel-btns .panel-body .row div .panel-btn-right, .panel-btns .panel-body .row div .panel-btn-right {
      text-align: var(--dir-start);
    }
    section.panel.panel-btns .panel-body .row div .panel-btn-right p, .panel-btns .panel-body .row div .panel-btn-right p {
      text-align: var(--dir-start);
    }
  }
}
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer components {
  /* REFRESH BLOCK ---------------------------------------------------------------------------------------------------- */
  .refresh-block {
    width: 100%;
    height: 100%;
    background-color: var(--light-80);
    border-radius: 2px;
    -webkit-transition: all 0.05s ease;
    transition: all 0.05s ease;
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 1000;
  }
  .refresh-block .refresh-loader {
    display: inline-block;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    margin-left: -16px;
    margin-top: -16px;
  }
  .refresh-block .refresh-loader i, .refresh-block .refresh-loader svg {
    display: inline-block;
    color: var(--font-color-dark);
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- */
/* SCSS Document */
@layer pages {
  /* ../../sass/common/base/_elements.scss OVERRIDES ---------------------------------------------------------------------------------------------------- */
  body {
    height: 100vh;
    background: var(--am-login-bg-color) !important;
  }
  body section.login-page .container .login-container .brand-logo, body section.login-page .container-fluid .login-container .brand-logo {
    background-image: var(--brand-logo-image);
  }
  /* COOKIE BANNER (GDPR) ---------------------------------------------------------------------------------------------------- */
  .cookie-banner {
    position: fixed;
    width: 100%;
    z-index: 10;
  }
  /* LOGIN CONTAINER ---------------------------------------------------------------------------------------------------- */
  section.login-page {
    display: flex;
    justify-content: center;
    align-content: stretch;
    align-items: center;
    width: 100%;
    min-height: calc(100vh - 117px);
    background-size: cover;
    overflow-x: hidden;
    overflow-y: hidden;
    /* PAPER TRADING COLOR SWITCH */
  }
  section.login-page .container, section.login-page .container-fluid {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: 0px;
    padding: 0px;
    width: 100%;
    min-height: auto;
    box-sizing: border-box;
  }
  section.login-page .container .login-container, section.login-page .container-fluid .login-container {
    margin: 0px;
    padding: 10px;
    width: 500px;
    height: auto;
    background-color: transparent;
    box-sizing: border-box;
  }
  section.login-page .container .login-container .brand-logo, section.login-page .container-fluid .login-container .brand-logo {
    display: block;
    margin: 0px auto 20px auto;
    width: var(--brand-logo-width);
    height: var(--brand-logo-height);
    background: transparent var(--brand-logo-image) var(--brand-logo-repeat) var(--brand-logo-position);
    background-size: var(--brand-logo-size);
  }
  section.login-page .container .login-container .brand-logo:focus, section.login-page .container-fluid .login-container .brand-logo:focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  section.login-page .container .login-container .wb-logo, section.login-page .container-fluid .login-container .wb-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px auto;
    padding: 20px 40px;
    width: 100%;
    height: auto;
    background: transparent;
  }
  section.login-page .container .login-container .wb-logo:focus, section.login-page .container-fluid .login-container .wb-logo:focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  section.login-page .container .login-container .wb-logo img, section.login-page .container-fluid .login-container .wb-logo img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 100%;
  }
  section.login-page .container .login-container .login, section.login-page .container-fluid .login-container .login {
    position: relative;
    margin: 0px;
    padding: 40px 40px 20px 40px;
    background-color: var(--am-panel-bg-color);
    border: 1px solid var(--border-color);
    border-top: 5px solid var(--primary);
    box-shadow: var(--box-shadow);
  }
  section.login-page .container .login-container .login h1, section.login-page .container-fluid .login-container .login h1 {
    margin: 0px 0px 16px 0px;
    padding: 0px;
    font-size: 1.5rem;
    line-height: 1.75rem;
    text-align: var(--dir-start);
  }
  section.login-page .container .login-container .login p, section.login-page .container-fluid .login-container .login p {
    /* OLD DESIGN - TO BE REMOVED */
    /* OLD DESIGN - TO BE REMOVED */
    /* OLD DESIGN - TO BE REMOVED */
  }
  section.login-page .container .login-container .login p span.active, section.login-page .container-fluid .login-container .login p span.active {
    color: var(--primary);
  }
  section.login-page .container .login-container .login p.login-switch, section.login-page .container-fluid .login-container .login p.login-switch {
    text-align: var(--dir-end);
    color: var(--gray);
  }
  section.login-page .container .login-container .login p.link-password, section.login-page .container-fluid .login-container .login p.link-password {
    margin: 5px 0px 0px 0px;
    text-align: var(--dir-end);
  }
  section.login-page .container .login-container .login p.link-password a, section.login-page .container .login-container .login p.link-password a:link, section.login-page .container .login-container .login p.link-password a:visited, section.login-page .container .login-container .login p.link-password a:hover, section.login-page .container .login-container .login p.link-password a:active, section.login-page .container .login-container .login p.link-password a:focus, section.login-page .container-fluid .login-container .login p.link-password a, section.login-page .container-fluid .login-container .login p.link-password a:link, section.login-page .container-fluid .login-container .login p.link-password a:visited, section.login-page .container-fluid .login-container .login p.link-password a:hover, section.login-page .container-fluid .login-container .login p.link-password a:active, section.login-page .container-fluid .login-container .login p.link-password a:focus {
    font-size: 0.75rem;
    color: var(--font-color);
  }
  section.login-page .container .login-container .login p.link-password a:hover, section.login-page .container-fluid .login-container .login p.link-password a:hover {
    color: var(--link-color-hover);
  }
  section.login-page .container .login-container .login p.link-password a:active, section.login-page .container-fluid .login-container .login p.link-password a:active {
    color: var(--link-color-active);
  }
  section.login-page .container .login-container .login p span.switchery, section.login-page .container-fluid .login-container .login p span.switchery {
    margin: 0px 5px;
  }
  section.login-page .container .login-container .login .form-control, section.login-page .container-fluid .login-container .login .form-control {
    padding: 10px 16px 10px 16px;
    min-height: 46px;
    height: auto;
    font-size: 1.125rem;
  }
  section.login-page .container .login-container .login .form-control:hover, section.login-page .container-fluid .login-container .login .form-control:hover {
    border-color: var(--dark);
  }
  section.login-page .container .login-container .login .form-control::placeholder, section.login-page .container-fluid .login-container .login .form-control::placeholder {
    color: var(--input-placeholder-color);
  }
  section.login-page .container .login-container .login .form-group .icon-addon, section.login-page .container-fluid .login-container .login .form-group .icon-addon {
    display: block;
    position: relative;
    color: var(--font-color);
  }
  section.login-page .container .login-container .login .form-group .icon-addon:after, section.login-page .container .login-container .login .form-group .icon-addon:before, section.login-page .container-fluid .login-container .login .form-group .icon-addon:after, section.login-page .container-fluid .login-container .login .form-group .icon-addon:before {
    display: flex;
    content: "";
  }
  section.login-page .container .login-container .login .form-group .icon-addon::after, section.login-page .container-fluid .login-container .login .form-group .icon-addon::after {
    display: block;
    content: "";
    clear: both;
  }
  section.login-page .container .login-container .login .form-group .icon-addon i, section.login-page .container .login-container .login .form-group .icon-addon svg, section.login-page .container-fluid .login-container .login .form-group .icon-addon i, section.login-page .container-fluid .login-container .login .form-group .icon-addon svg {
    position: absolute;
    top: 13px;
    left: 11px;
    z-index: 2;
    margin-left: 0px;
    padding: 0px;
    width: 20px;
    font-size: 1.125rem;
    text-align: center;
    color: var(--font-color-light);
  }
  section.login-page .container .login-container .login .form-group .icon-addon:hover i, section.login-page .container .login-container .login .form-group .icon-addon:hover svg, section.login-page .container-fluid .login-container .login .form-group .icon-addon:hover i, section.login-page .container-fluid .login-container .login .form-group .icon-addon:hover svg {
    color: var(--font-color-dark);
  }
  section.login-page .container .login-container .login .form-group .icon-addon .form-control, section.login-page .container-fluid .login-container .login .form-group .icon-addon .form-control {
    float: var(--dir-start);
    padding: 10px 16px 10px 16px;
    padding-left: 40px;
    min-height: 46px;
    height: auto;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
  section.login-page .container .login-container .login .form-group .icon-addon .form-control:focus + i, section.login-page .container .login-container .login .form-group .icon-addon .form-control svg, section.login-page .container-fluid .login-container .login .form-group .icon-addon .form-control:focus + i, section.login-page .container-fluid .login-container .login .form-group .icon-addon .form-control svg {
    color: var(--font-color-dark);
  }
  section.login-page .container .login-container .login .input-group > .input-group-text, section.login-page .container-fluid .login-container .login .input-group > .input-group-text {
    height: auto;
    background-color: transparent;
    border-right: none;
    filter: grayscale(100%);
  }
  section.login-page .container .login-container .login a, section.login-page .container .login-container .login a:link, section.login-page .container .login-container .login a:visited, section.login-page .container .login-container .login a:hover, section.login-page .container .login-container .login a:active, section.login-page .container .login-container .login a:focus, section.login-page .container .login-container .login button, section.login-page .container-fluid .login-container .login a, section.login-page .container-fluid .login-container .login a:link, section.login-page .container-fluid .login-container .login a:visited, section.login-page .container-fluid .login-container .login a:hover, section.login-page .container-fluid .login-container .login a:active, section.login-page .container-fluid .login-container .login a:focus, section.login-page .container-fluid .login-container .login button {
    text-decoration: none !important;
  }
  section.login-page .container .login-container .login a.btn-primary, section.login-page .container .login-container .login a.btn-secondary, section.login-page .container .login-container .login a:link.btn-primary, section.login-page .container .login-container .login a:link.btn-secondary, section.login-page .container .login-container .login a:visited.btn-primary, section.login-page .container .login-container .login a:visited.btn-secondary, section.login-page .container .login-container .login a:hover.btn-primary, section.login-page .container .login-container .login a:hover.btn-secondary, section.login-page .container .login-container .login a:active.btn-primary, section.login-page .container .login-container .login a:active.btn-secondary, section.login-page .container .login-container .login a:focus.btn-primary, section.login-page .container .login-container .login a:focus.btn-secondary, section.login-page .container .login-container .login button.btn-primary, section.login-page .container .login-container .login button.btn-secondary, section.login-page .container-fluid .login-container .login a.btn-primary, section.login-page .container-fluid .login-container .login a.btn-secondary, section.login-page .container-fluid .login-container .login a:link.btn-primary, section.login-page .container-fluid .login-container .login a:link.btn-secondary, section.login-page .container-fluid .login-container .login a:visited.btn-primary, section.login-page .container-fluid .login-container .login a:visited.btn-secondary, section.login-page .container-fluid .login-container .login a:hover.btn-primary, section.login-page .container-fluid .login-container .login a:hover.btn-secondary, section.login-page .container-fluid .login-container .login a:active.btn-primary, section.login-page .container-fluid .login-container .login a:active.btn-secondary, section.login-page .container-fluid .login-container .login a:focus.btn-primary, section.login-page .container-fluid .login-container .login a:focus.btn-secondary, section.login-page .container-fluid .login-container .login button.btn-primary, section.login-page .container-fluid .login-container .login button.btn-secondary {
    position: relative;
    margin: 0px auto;
    width: 100%;
    text-transform: none;
  }
  section.login-page .container .login-container .login a.btn-primary::after, section.login-page .container .login-container .login a.btn-secondary::after, section.login-page .container .login-container .login a:link.btn-primary::after, section.login-page .container .login-container .login a:link.btn-secondary::after, section.login-page .container .login-container .login a:visited.btn-primary::after, section.login-page .container .login-container .login a:visited.btn-secondary::after, section.login-page .container .login-container .login a:hover.btn-primary::after, section.login-page .container .login-container .login a:hover.btn-secondary::after, section.login-page .container .login-container .login a:active.btn-primary::after, section.login-page .container .login-container .login a:active.btn-secondary::after, section.login-page .container .login-container .login a:focus.btn-primary::after, section.login-page .container .login-container .login a:focus.btn-secondary::after, section.login-page .container .login-container .login button.btn-primary::after, section.login-page .container .login-container .login button.btn-secondary::after, section.login-page .container-fluid .login-container .login a.btn-primary::after, section.login-page .container-fluid .login-container .login a.btn-secondary::after, section.login-page .container-fluid .login-container .login a:link.btn-primary::after, section.login-page .container-fluid .login-container .login a:link.btn-secondary::after, section.login-page .container-fluid .login-container .login a:visited.btn-primary::after, section.login-page .container-fluid .login-container .login a:visited.btn-secondary::after, section.login-page .container-fluid .login-container .login a:hover.btn-primary::after, section.login-page .container-fluid .login-container .login a:hover.btn-secondary::after, section.login-page .container-fluid .login-container .login a:active.btn-primary::after, section.login-page .container-fluid .login-container .login a:active.btn-secondary::after, section.login-page .container-fluid .login-container .login a:focus.btn-primary::after, section.login-page .container-fluid .login-container .login a:focus.btn-secondary::after, section.login-page .container-fluid .login-container .login button.btn-primary::after, section.login-page .container-fluid .login-container .login button.btn-secondary::after {
    position: absolute;
    right: 30px;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid); /* variable store in /fontaweomse-6.2.0/all.min.css sheet */
    content: var(--fa-chevron-start);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  section.login-page .container .login-container .login a:hover.btn-primary::after, section.login-page .container .login-container .login a:hover.btn-secondary::after, section.login-page .container .login-container .login button:hover.btn-primary::after, section.login-page .container .login-container .login button:hover.btn-secondary::after, section.login-page .container-fluid .login-container .login a:hover.btn-primary::after, section.login-page .container-fluid .login-container .login a:hover.btn-secondary::after, section.login-page .container-fluid .login-container .login button:hover.btn-primary::after, section.login-page .container-fluid .login-container .login button:hover.btn-secondary::after {
    opacity: 1;
    transform: translate(5px, 0px);
  }
  section.login-page .container .login-container .login a:focus, section.login-page .container-fluid .login-container .login a:focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  section.login-page .container .login-container .login .alert p, section.login-page .container-fluid .login-container .login .alert p {
    font-size: 0.8125rem;
    line-height: 1.125rem;
  }
  section.login-page .container .login-container .login .gsss #app, section.login-page .container-fluid .login-container .login .gsss #app {
    display: flex;
    margin: 0px auto;
    min-width: 250px;
    max-width: 600px;
    background-color: var(--warning-5);
  }
  section.login-page .container .login-container .login .gsss #app .content, section.login-page .container-fluid .login-container .login .gsss #app .content {
    display: flex;
    flex-grow: 0;
    height: 100%;
  }
  section.login-page .container .login-container .login .gsss #app .content .icon-attention, section.login-page .container-fluid .login-container .login .gsss #app .content .icon-attention {
    display: flex;
    align-items: center;
    padding: 10px;
  }
  section.login-page .container .login-container .login .gsss #app .content .bulletin, section.login-page .container-fluid .login-container .login .gsss #app .content .bulletin {
    display: flex;
    flex-direction: column;
    padding: 10px;
  }
  section.login-page .container .login-container .login .gsss #app .content .bulletin #bulletin, section.login-page .container-fluid .login-container .login .gsss #app .content .bulletin #bulletin {
    flex-grow: 9;
    display: -webkit-inline-box;
    -webkit-box-align: center;
  }
  section.login-page .container .login-container .login .gsss #app .content .bulletin #bulletin p, section.login-page .container-fluid .login-container .login .gsss #app .content .bulletin #bulletin p {
    margin: 10px 0px 10px 0px;
    font-size: 0.75rem;
    line-height: 1rem;
  }
  section.login-page .container .login-container .login .simulated-banner, section.login-page .container-fluid .login-container .login .simulated-banner {
    display: none;
    position: absolute;
    top: 0px;
    left: -1px;
    z-index: 1;
    margin: 0px;
    padding: 2px 0px;
    width: calc(100% + 2px);
    background-color: var(--red);
  }
  section.login-page .container .login-container .login .simulated-banner p, section.login-page .container-fluid .login-container .login .simulated-banner p {
    margin: 0px;
    padding: 0px;
    font-weight: var(--fw-600);
    text-align: center;
    color: var(--light);
    text-transform: uppercase;
  }
  section.login-page.paper-trading .container .login-container .login {
    border-top-color: var(--danger) !important;
  }
  section.login-page.paper-trading .container .login-container .login h1 {
    color: var(--danger) !important;
  }
  section.login-page.paper-trading .container .login-container .login a, section.login-page.paper-trading .container .login-container .login a:link, section.login-page.paper-trading .container .login-container .login a:visited, section.login-page.paper-trading .container .login-container .login a:hover, section.login-page.paper-trading .container .login-container .login a:active, section.login-page.paper-trading .container .login-container .login a:focus, section.login-page.paper-trading .container .login-container .login button {
    color: var(--danger) !important;
  }
  section.login-page.paper-trading .container .login-container .login a.btn-primary, section.login-page.paper-trading .container .login-container .login a:link.btn-primary, section.login-page.paper-trading .container .login-container .login a:visited.btn-primary, section.login-page.paper-trading .container .login-container .login a:hover.btn-primary, section.login-page.paper-trading .container .login-container .login a:active.btn-primary, section.login-page.paper-trading .container .login-container .login a:focus.btn-primary, section.login-page.paper-trading .container .login-container .login button.btn-primary {
    color: var(--light) !important;
    background-color: var(--danger) !important;
    border-color: var(--danger) !important;
  }
  section.login-page.paper-trading .container .login-container .login a.btn-secondary, section.login-page.paper-trading .container .login-container .login a:link.btn-secondary, section.login-page.paper-trading .container .login-container .login a:visited.btn-secondary, section.login-page.paper-trading .container .login-container .login a:hover.btn-secondary, section.login-page.paper-trading .container .login-container .login a:active.btn-secondary, section.login-page.paper-trading .container .login-container .login a:focus.btn-secondary, section.login-page.paper-trading .container .login-container .login button.btn-secondary {
    color: var(--danger) !important;
    background-color: var(--danger-10) !important;
    border-color: var(--danger-10) !important;
  }
  section.login-page.paper-trading .container .login-container .login a.btn-secondary::after, section.login-page.paper-trading .container .login-container .login a:link.btn-secondary::after, section.login-page.paper-trading .container .login-container .login a:visited.btn-secondary::after, section.login-page.paper-trading .container .login-container .login a:hover.btn-secondary::after, section.login-page.paper-trading .container .login-container .login a:active.btn-secondary::after, section.login-page.paper-trading .container .login-container .login a:focus.btn-secondary::after, section.login-page.paper-trading .container .login-container .login button.btn-secondary::after {
    position: absolute;
    right: initial;
    left: 30px;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid); /* variable store in /fontaweomse-6.2.0/all.min.css sheet */
    content: var(--fa-chevron-end);
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  section.login-page.paper-trading .container .login-container .login a.btn-secondary.btn-back, section.login-page.paper-trading .container .login-container .login a:link.btn-secondary.btn-back, section.login-page.paper-trading .container .login-container .login a:visited.btn-secondary.btn-back, section.login-page.paper-trading .container .login-container .login a:hover.btn-secondary.btn-back, section.login-page.paper-trading .container .login-container .login a:active.btn-secondary.btn-back, section.login-page.paper-trading .container .login-container .login a:focus.btn-secondary.btn-back, section.login-page.paper-trading .container .login-container .login button.btn-secondary.btn-back {
    color: var(--danger) !important;
    background-color: var(--danger-10) !important;
    border-color: var(--danger-10) !important;
  }
  section.login-page.paper-trading .container .login-container .login a:hover, section.login-page.paper-trading .container .login-container .login button:hover {
    color: var(--danger-dark-20) !important;
  }
  section.login-page.paper-trading .container .login-container .login a:hover.btn-primary, section.login-page.paper-trading .container .login-container .login button:hover.btn-primary {
    color: var(--light) !important;
    background-color: var(--danger-dark-20) !important;
    border-color: var(--danger-dark-20) !important;
  }
  section.login-page.paper-trading .container .login-container .login a:hover.btn-secondary, section.login-page.paper-trading .container .login-container .login button:hover.btn-secondary {
    color: var(--danger) !important;
    background-color: var(--danger-20) !important;
    border-color: var(--danger-10) !important;
  }
  section.login-page.paper-trading .container .login-container .login a:hover.btn-secondary::after, section.login-page.paper-trading .container .login-container .login button:hover.btn-secondary::after {
    opacity: 1;
    transform: translate(-5px, 0px);
  }
  section.login-page.paper-trading .container .login-container .login a:focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  /* DOWNLOAD TEXT CONTAINER ---------------------------------------------------------------------------------------------------- */
  section.download-text {
    margin: 0px;
    padding: 10px 0px 5px 0px;
    width: 100%;
    height: 43px;
    box-sizing: border-box;
  }
  section.download-text p {
    font-weight: var(--fw-300);
    text-align: center;
  }
  /* FOOTER ---------------------------------------------------------------------------------------------------- */
  footer {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: auto;
    background-color: var(--bg-body);
    border-top: 1px solid var(--border-color);
    box-sizing: border-box;
  }
  footer .container, footer .container-full {
    padding: 32px 64px 24px 64px;
  }
  footer .container .footer-content, footer .container-full .footer-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 32px;
  }
  footer .container .footer-content p, footer .container-full .footer-content p {
    margin: 0px !important;
  }
  footer .container .footer-content p.footer-links, footer .container-full .footer-content p.footer-links {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0px 24px;
    margin: 0px !important;
  }
  footer .container .footer-content p.footer-links span.link-group, footer .container-full .footer-content p.footer-links span.link-group {
    display: inline-flex;
    align-items: center;
    height: 32px;
  }
  footer .container .footer-content p.footer-links span.link-break, footer .container-full .footer-content p.footer-links span.link-break {
    display: none;
  }
  footer .container .footer-content a, footer .container .footer-content a:link, footer .container .footer-content a:visited, footer .container .footer-content a:hover, footer .container .footer-content a:active, footer .container .footer-content a:focus, footer .container-full .footer-content a, footer .container-full .footer-content a:link, footer .container-full .footer-content a:visited, footer .container-full .footer-content a:hover, footer .container-full .footer-content a:active, footer .container-full .footer-content a:focus {
    display: inline-flex;
    align-items: center;
    text-decoration: none !important;
    color: var(--p-color) !important;
  }
  footer .container .footer-content a.app-icon, footer .container .footer-content a:link.app-icon, footer .container .footer-content a:visited.app-icon, footer .container .footer-content a:hover.app-icon, footer .container .footer-content a:active.app-icon, footer .container .footer-content a:focus.app-icon, footer .container-full .footer-content a.app-icon, footer .container-full .footer-content a:link.app-icon, footer .container-full .footer-content a:visited.app-icon, footer .container-full .footer-content a:hover.app-icon, footer .container-full .footer-content a:active.app-icon, footer .container-full .footer-content a:focus.app-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0px;
    margin-left: 8px;
    width: 32px;
    height: 32px;
    font-size: 1.25rem;
    line-height: 1.25rem;
    text-align: center;
    color: var(--p-color);
    border: 1px solid var(--border-color);
    border-radius: 5px;
  }
  footer .container .footer-content a.app-icon + .app-icon, footer .container .footer-content a:link.app-icon + .app-icon, footer .container .footer-content a:visited.app-icon + .app-icon, footer .container .footer-content a:hover.app-icon + .app-icon, footer .container .footer-content a:active.app-icon + .app-icon, footer .container .footer-content a:focus.app-icon + .app-icon, footer .container-full .footer-content a.app-icon + .app-icon, footer .container-full .footer-content a:link.app-icon + .app-icon, footer .container-full .footer-content a:visited.app-icon + .app-icon, footer .container-full .footer-content a:hover.app-icon + .app-icon, footer .container-full .footer-content a:active.app-icon + .app-icon, footer .container-full .footer-content a:focus.app-icon + .app-icon {
    margin-left: 4px;
  }
  footer .container .footer-content a .badge.badge-new, footer .container .footer-content a:link .badge.badge-new, footer .container .footer-content a:visited .badge.badge-new, footer .container .footer-content a:hover .badge.badge-new, footer .container .footer-content a:active .badge.badge-new, footer .container .footer-content a:focus .badge.badge-new, footer .container-full .footer-content a .badge.badge-new, footer .container-full .footer-content a:link .badge.badge-new, footer .container-full .footer-content a:visited .badge.badge-new, footer .container-full .footer-content a:hover .badge.badge-new, footer .container-full .footer-content a:active .badge.badge-new, footer .container-full .footer-content a:focus .badge.badge-new {
    margin-left: 12px;
    padding: 3px 5px 2px 5px;
    color: var(--light);
    background-color: var(--primary);
    border-top-left-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0px;
  }
  footer .container .footer-content a .badge.badge-new::before, footer .container .footer-content a:link .badge.badge-new::before, footer .container .footer-content a:visited .badge.badge-new::before, footer .container .footer-content a:hover .badge.badge-new::before, footer .container .footer-content a:active .badge.badge-new::before, footer .container .footer-content a:focus .badge.badge-new::before, footer .container-full .footer-content a .badge.badge-new::before, footer .container-full .footer-content a:link .badge.badge-new::before, footer .container-full .footer-content a:visited .badge.badge-new::before, footer .container-full .footer-content a:hover .badge.badge-new::before, footer .container-full .footer-content a:active .badge.badge-new::before, footer .container-full .footer-content a:focus .badge.badge-new::before {
    top: 0px;
    right: 98%;
    border-top: 10px solid rgba(0, 0, 0, 0);
    border-right: 7px solid var(--primary);
    border-bottom: 9px solid rgba(0, 0, 0, 0);
  }
  footer .container .footer-content a:hover, footer .container-full .footer-content a:hover {
    color: var(--link-color);
  }
  footer .container .footer-content a:hover.app-icon, footer .container-full .footer-content a:hover.app-icon {
    color: var(--link-color);
    border-color: var(--link-color);
  }
  footer .container .footer-content a:focus, footer .container-full .footer-content a:focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  footer .container p.footer-sublinks, footer .container-full p.footer-sublinks {
    margin: 10px 0px 0px 0px !important;
    font-size: 0.875rem;
    line-height: 1.125rem;
    text-align: var(--dir-end);
  }
  footer .container p.footer-sublinks a, footer .container p.footer-sublinks a:link, footer .container p.footer-sublinks a:visited, footer .container p.footer-sublinks a:hover, footer .container p.footer-sublinks a:active, footer .container p.footer-sublinks a:focus, footer .container-full p.footer-sublinks a, footer .container-full p.footer-sublinks a:link, footer .container-full p.footer-sublinks a:visited, footer .container-full p.footer-sublinks a:hover, footer .container-full p.footer-sublinks a:active, footer .container-full p.footer-sublinks a:focus {
    text-decoration: none !important;
    color: var(--font-color-light) !important;
  }
  footer .container p.footer-sublinks a:hover, footer .container-full p.footer-sublinks a:hover {
    color: var(--font-color-dark);
  }
  footer .container p.footer-sublinks a:focus, footer .container-full p.footer-sublinks a:focus {
    outline: 1px solid var(--primary) !important;
    border-radius: var(--border-radius);
  }
  /* PAPERTRADER TOGGLE COLOR OVERRIDES ---------------------------------------------------------------------------------------------------- */
  body.paper-trading section.login-page {
    background: var(--red-dark-40) !important;
    background: -moz-linear-gradient(top, var(--red-dark-30) 0%, var(--red-dark-40) 100%) !important;
    background: -webkit-linear-gradient(top, var(--red-dark-30) 0%, var(--red-dark-40) 100%) !important;
    background: linear-gradient(to bottom, var(--red-dark-30) 0%, var(--red-dark-40) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="var(--red-dark-30)", endColorstr="var(--red-dark-40)", GradientType=0 ) !important;
  }
  body.paper-trading section.login-page .container .simulated-banner, body.paper-trading section.login-page .container-fluid .simulated-banner {
    display: block !important;
  }
  body.paper-trading section.login-page .container .login-container .login, body.paper-trading section.login-page .container-fluid .login-container .login {
    border-top: none;
  }
  body.paper-trading section.login-page .container .login-container .login h1, body.paper-trading section.login-page .container-fluid .login-container .login h1 {
    color: var(--red);
  }
  body.paper-trading section.login-page .container .login-container .login p span.active, body.paper-trading section.login-page .container-fluid .login-container .login p span.active {
    color: var(--red);
  }
  body.paper-trading section.login-page .container .login-container .login a, body.paper-trading section.login-page .container .login-container .login a:link, body.paper-trading section.login-page .container .login-container .login a:visited, body.paper-trading section.login-page .container .login-container .login a:hover, body.paper-trading section.login-page .container .login-container .login a:active, body.paper-trading section.login-page .container .login-container .login a:focus, body.paper-trading section.login-page .container .login-container .login button, body.paper-trading section.login-page .container-fluid .login-container .login a, body.paper-trading section.login-page .container-fluid .login-container .login a:link, body.paper-trading section.login-page .container-fluid .login-container .login a:visited, body.paper-trading section.login-page .container-fluid .login-container .login a:hover, body.paper-trading section.login-page .container-fluid .login-container .login a:active, body.paper-trading section.login-page .container-fluid .login-container .login a:focus, body.paper-trading section.login-page .container-fluid .login-container .login button {
    text-decoration: none !important;
  }
  body.paper-trading section.login-page .container .login-container .login a.inline, body.paper-trading section.login-page .container .login-container .login a:link.inline, body.paper-trading section.login-page .container .login-container .login a:visited.inline, body.paper-trading section.login-page .container .login-container .login a:hover.inline, body.paper-trading section.login-page .container .login-container .login a:active.inline, body.paper-trading section.login-page .container .login-container .login a:focus.inline, body.paper-trading section.login-page .container .login-container .login button.inline, body.paper-trading section.login-page .container-fluid .login-container .login a.inline, body.paper-trading section.login-page .container-fluid .login-container .login a:link.inline, body.paper-trading section.login-page .container-fluid .login-container .login a:visited.inline, body.paper-trading section.login-page .container-fluid .login-container .login a:hover.inline, body.paper-trading section.login-page .container-fluid .login-container .login a:active.inline, body.paper-trading section.login-page .container-fluid .login-container .login a:focus.inline, body.paper-trading section.login-page .container-fluid .login-container .login button.inline {
    color: var(--red);
  }
  body.paper-trading section.login-page .container .login-container .login a.btn-primary, body.paper-trading section.login-page .container .login-container .login a:link.btn-primary, body.paper-trading section.login-page .container .login-container .login a:visited.btn-primary, body.paper-trading section.login-page .container .login-container .login a:hover.btn-primary, body.paper-trading section.login-page .container .login-container .login a:active.btn-primary, body.paper-trading section.login-page .container .login-container .login a:focus.btn-primary, body.paper-trading section.login-page .container .login-container .login button.btn-primary, body.paper-trading section.login-page .container-fluid .login-container .login a.btn-primary, body.paper-trading section.login-page .container-fluid .login-container .login a:link.btn-primary, body.paper-trading section.login-page .container-fluid .login-container .login a:visited.btn-primary, body.paper-trading section.login-page .container-fluid .login-container .login a:hover.btn-primary, body.paper-trading section.login-page .container-fluid .login-container .login a:active.btn-primary, body.paper-trading section.login-page .container-fluid .login-container .login a:focus.btn-primary, body.paper-trading section.login-page .container-fluid .login-container .login button.btn-primary {
    background-color: var(--red) !important;
    border-color: var(--red) !important;
  }
  body.paper-trading section.login-page .container .login-container .login a:hover.inline, body.paper-trading section.login-page .container .login-container .login button:hover.inline, body.paper-trading section.login-page .container-fluid .login-container .login a:hover.inline, body.paper-trading section.login-page .container-fluid .login-container .login button:hover.inline {
    color: var(--red-dark-20);
  }
  body.paper-trading section.login-page .container .login-container .login a:hover.btn-primary, body.paper-trading section.login-page .container .login-container .login button:hover.btn-primary, body.paper-trading section.login-page .container-fluid .login-container .login a:hover.btn-primary, body.paper-trading section.login-page .container-fluid .login-container .login button:hover.btn-primary {
    background-color: var(--red-dark-20) !important;
    border-color: var(--red-dark-20) !important;
  }
  body.paper-trading section.login-page .container .login-container .brand-logo, body.paper-trading section.login-page .container-fluid .login-container .brand-logo {
    background-image: var(--brand-logo-image-inverse);
  }
  body.paper-trading section.download-text p {
    color: var(--light);
    opacity: 0.75;
  }
  [data-theme=dark] body.paper-trading section.login-page {
    background: var(--red-10) !important;
  }
  [data-theme=dark] body.paper-trading section.login-page .container .login-container .brand-logo, [data-theme=dark] body.paper-trading section.login-page .container-fluid .login-container .brand-logo {
    background-image: var(--brand-logo-image);
  }
}
/* MEDIA QUERY | EXTRA SMALL ---------------------------------------------------------------------------------------------------- */
@media (max-width: 575.98px) {
  @layer pages {
    /* LOGIN CONTAINER ---------------------------------------------------------------------------------------------------- */
    section.login-page {
      min-height: 100vh;
    }
    section.login-page .container, section.login-page .container-fluid {
      vertical-align: top;
      padding: 0px;
    }
    section.login-page .container .login-container, section.login-page .container-fluid .login-container {
      padding: 20px 10px 10px 10px;
      width: 100%;
    }
    section.login-page .container .login-container .login, section.login-page .container-fluid .login-container .login {
      padding: 20px;
    }
    /* FOOTER ---------------------------------------------------------------------------------------------------- */
    footer .container, footer .container-full {
      padding: 32px 20px 24px 20px;
    }
    footer .container .footer-content p.footer-links, footer .container-full .footer-content p.footer-links {
      gap: 8px 24px;
    }
    footer .container .footer-content p.footer-links span.link-group, footer .container-full .footer-content p.footer-links span.link-group {
      display: flex;
      width: 100%;
    }
    footer .container .footer-content p.footer-links span.link-break, footer .container-full .footer-content p.footer-links span.link-break {
      display: none;
    }
  }
}
/* MEDIA QUERY | SMALL ---------------------------------------------------------------------------------------------------- */
@media (min-width: 576px) and (max-width: 767.98px) {
  @layer pages {
    /* LOGIN CONTAINER ---------------------------------------------------------------------------------------------------- */
    section.login-page {
      min-height: 100vh;
    }
    /* FOOTER ---------------------------------------------------------------------------------------------------- */
    footer .container, footer .container-full {
      padding: 32px 20px 24px 20px;
    }
    footer .container .footer-content p.footer-links, footer .container-full .footer-content p.footer-links {
      gap: 8px 24px;
    }
    footer .container .footer-content p.footer-links span.link-group, footer .container-full .footer-content p.footer-links span.link-group {
      display: flex;
      width: 100%;
    }
    footer .container .footer-content p.footer-links span.link-break, footer .container-full .footer-content p.footer-links span.link-break {
      display: none;
    }
  }
}
/* MEDIA QUERY | MEDIUM ---------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991.98px) {
  @layer pages {
    /* LOGIN CONTAINER ---------------------------------------------------------------------------------------------------- */
    section.login-page {
      min-height: calc(100vh - 179px);
    }
    /* FOOTER ---------------------------------------------------------------------------------------------------- */
    footer .container, footer .container-full {
      padding: 32px 20px 24px 20px;
    }
    footer .container .footer-content p.footer-links span.link-break, footer .container-full .footer-content p.footer-links span.link-break {
      display: flex;
      flex-basis: 100%;
      height: 0px;
    }
  }
}
/* MEDIA QUERY | LARGE ---------------------------------------------------------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199.98px) {
  @layer pages {
    /* LOGIN CONTAINER ---------------------------------------------------------------------------------------------------- */
    section.login-page {
      min-height: calc(100vh - 179px);
    }
    /* FOOTER ---------------------------------------------------------------------------------------------------- */
    footer .container, footer .container-full {
      padding: 32px 20px 24px 20px;
    }
    footer .container .footer-content p.footer-links span.link-break, footer .container-full .footer-content p.footer-links span.link-break {
      display: flex;
      flex-basis: 100%;
      height: 0px;
    }
  }
}
/* MEDIA QUERY | EXTRA LARGE ---------------------------------------------------------------------------------------------------- *//*# sourceMappingURL=login.css.map */