@layer bootstrap, legacy, base, vendors, components, utilities, pages, website;

: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: ""
}

@font-face {
    font-family: "Proxima Nova";
    font-style: normal;
    font-weight: 300;
    src: local("proxima-nova-light"), local("proxima nova light"), url("./Proxima-Nova-Light.woff2") format("woff2"), url("./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("./Proxima-Nova-Regular.woff2") format("woff2"), url("./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("./Proxima-Nova-Semibold.woff2") format("woff2"), url("./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("./proximanova-extrabold.woff2") format("woff2"), url("./proximanova-extrabold.woff") format("woff");
    font-display: swap
}

@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
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("./fa-solid-900.woff2") format("woff2"), url("./fa-solid-900.ttf") format("truetype")
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-display: block;
    font-weight: 400;
    src: url("./fa-brands-400.woff2") format("woff2"), url("./fa-brands-400.ttf") format("truetype")
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-display: block;
    font-weight: 900;
    src: url("./fa-solid-900.woff2") format("woff2"), url("./fa-solid-900.ttf") format("truetype")
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-display: block;
    font-weight: 400;
    src: url("./fa-regular-400.woff2") format("woff2"), url("./fa-regular-400.ttf") format("truetype")
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url("./fa-solid-900.woff2") format("woff2"), url("./fa-solid-900.ttf") format("truetype")
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url("./fa-brands-400.woff2") format("woff2"), url("./fa-brands-400.ttf") format("truetype")
}

@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url("./fa-regular-400.woff2") format("woff2"), url("./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("./fa-v4compatibility.woff2") format("woff2"), url("./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
}

: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)
}

[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)
}

: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);
    --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)
}

[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);
    --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)
}

: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)
}

[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)
}

: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
}

[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)
}

:root {
    --border-color: hsla(0, 0%, 90%, 1.0);
    --border-radius: 0px;
    --border-radius-xl: 0px
}

[data-theme=dark] {
    --border-color: hsla(240, 7%, 30%, 1.0)
}

: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("./interactive-brokers.svg");
    --brand-logo-image-inverse: url("./interactive-brokers-inverse.svg");
    --brand-logo-mobile-width: 90px;
    --brand-logo-mobile-height: 34px;
    --brand-logo-mobile-image: url("./ibkr.svg");
    --brand-logo-mobile-image-inverse: url("./ibkr-inverse.svg");
    --brand-logo-zh-hans-width: 220px;
    --brand-logo-zh-hans-height: 40px;
    --brand-logo-zh-hans-image: url("./interactive-brokers-zhhans.svg");
    --brand-logo-zh-hans-image-inverse: url("./interactive-brokers-zhhans-inverse.svg");
    --brand-logo-zh-hant-width: 220px;
    --brand-logo-zh-hant-height: 40px;
    --brand-logo-zh-hant-image: url("./interactive-brokers-zhhant.svg");
    --brand-logo-zh-hant-image-inverse: url("./interactive-brokers-zhhant-inverse.svg")
}

[data-theme=dark] {
    --brand-logo-image: url("./interactive-brokers-inverse.svg");
    --brand-logo-image-inverse: url("./interactive-brokers.svg");
    --brand-logo-mobile-image: url("./ibkr-inverse.svg");
    --brand-logo-mobile-image-inverse: url("./ibkr.svg");
    --brand-logo-zh-hans-image: url("./interactive-brokers-zhhans-inverse.svg");
    --brand-logo-zh-hans-image-inverse: url("./interactive-brokers-zhhans.svg");
    --brand-logo-zh-hant-image: url("./interactive-brokers-zhhant-inverse.svg");
    --brand-logo-zh-hant-image-inverse: url("./interactive-brokers-zhhant.svg")
}

: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-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-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-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-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-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)
}

[data-theme=dark] {
    --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-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-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-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-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)
}

: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)
}

[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)
}

: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)
}

[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)
}

:root {
    --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);
    --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)
}

[data-theme=dark] {
    --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);
    --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)
}

: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)
}

[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)
}

[lang=ar] {
    --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;
    --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;
    --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;
    --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
}

[lang=hu] {
    --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;
    --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;
    --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;
    --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
}

[lang=ja] {
    --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;
    --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;
    --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;
    --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
}

[lang=ko] {
    --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;
    --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;
    --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;
    --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
}

[lang=ru] {
    --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;
    --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;
    --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;
    --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
}

[lang=zh-Hans] {
    --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;
    --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;
    --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;
    --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
}

[lang=zh-Hant] {
    --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;
    --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;
    --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;
    --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
}

@layer base {
    html {
        font-size: 100%;
        transition: color .25s ease-in, background .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% !important
    }

    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% !important
    }

    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% !important
    }

    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% !important
    }

    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: .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 .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    a>svg,
    a:link>svg,
    a:visited>svg,
    a:hover>svg,
    a:active>svg,
    a:focus>svg {
        color: initial !important
    }

    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)
    }

    select:hover {
        color: var(--input-color-focus);
        background-color: var(--input-bg-color-focus);
        border-color: var(--input-border-color-focus);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    select:focus {
        color: var(--input-color-focus) !important;
        background-color: var(--input-bg-color-focus) !important;
        border-color: var(--input-border-color-focus) !important;
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    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:hover {
        color: var(--input-color-focus);
        background-color: var(--input-bg-color-focus);
        border-color: var(--input-border-color-focus);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    input:focus {
        color: var(--input-color-focus) !important;
        background-color: var(--input-bg-color-focus) !important;
        border-color: var(--input-border-color-focus) !important;
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    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
    }

    textarea:hover {
        color: var(--input-color-focus);
        background-color: var(--input-bg-color-focus);
        border-color: var(--input-border-color-focus);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    textarea:focus {
        color: var(--input-color-focus) !important;
        background-color: var(--input-bg-color-focus) !important;
        border-color: var(--input-border-color-focus) !important;
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    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(max-width: 575.98px) {
    @layer base {
        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(min-width: 576px)and (max-width: 767.98px) {
    @layer base {
        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)
        }
    }
}

@layer base {
    .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
    }
}

[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
}

[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)
}

@layer bootstrap {
    .box-shadow {
        box-shadow: var(--box-shadow)
    }

    .clearfix,
    .clear,
    .cf {
        clear: both
    }

    input::-ms-clear {
        display: none
    }

    .disabled {
        opacity: .8 !important;
        cursor: not-allowed !important;
        pointer-events: none !important
    }

    .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-direction-row {
        flex-direction: row !important
    }

    .flex-direction-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-direction-column {
        flex-direction: column !important
    }

    .flex-direction-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-wrap-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-wrap-wrap {
        flex-wrap: wrap !important
    }

    .flex-wrap-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .align-content-center {
        align-content: center !important
    }

    .align-content-flex-end {
        align-content: flex-end !important
    }

    .align-content-flex-start {
        align-content: flex-start !important
    }

    .align-content-space-around {
        align-content: space-around !important
    }

    .align-content-space-between {
        align-content: space-between !important
    }

    .align-content-stretch {
        align-content: stretch !important
    }

    .align-items-baseline {
        align-items: baseline !important
    }

    .align-items-center {
        align-items: center !important
    }

    .align-items-flex-end {
        align-items: flex-end !important
    }

    .align-items-flex-start {
        align-items: flex-start !important
    }

    .align-items-stretch {
        align-items: stretch !important
    }

    .justify-content-center {
        justify-content: center !important
    }

    .justify-content-flex-end {
        justify-content: flex-end !important
    }

    .justify-content-flex-start {
        justify-content: flex-start !important
    }

    .justify-content-space-around {
        justify-content: space-around !important
    }

    .justify-content-space-between {
        justify-content: space-between !important
    }

    .justify-content-space-evenly {
        justify-content: space-evenly !important
    }

    .float-left,
    .float-start {
        float: var(--dir-start)
    }

    .float-right,
    .float-end {
        float: var(--dir-end)
    }

    .no-margin,
    .margin-none,
    .m-0 {
        margin: 0px !important
    }

    .margin-5,
    .m-5 {
        margin: 5px !important
    }

    .margin-10,
    .m-10 {
        margin: 10px !important
    }

    .margin-15,
    .m-15 {
        margin: 15px !important
    }

    .margin-20,
    .m-20 {
        margin: 20px !important
    }

    .margin-30,
    .m-30 {
        margin: 30px !important
    }

    .margin-40,
    .m-40 {
        margin: 40px !important
    }

    .margin-50,
    .m-50 {
        margin: 50px !important
    }

    .margin-60,
    .m-60 {
        margin: 60px !important
    }

    .margin-70,
    .m-70 {
        margin: 70px !important
    }

    .margin-80,
    .m-80 {
        margin: 80px !important
    }

    .margin-90,
    .m-90 {
        margin: 90px !important
    }

    .margin-100,
    .m-100 {
        margin: 100px !important
    }

    .margin-top-0,
    .margin-top-none,
    .no-margin-top,
    .mt-0 {
        margin-top: 0px !important
    }

    .margin-top-5,
    .mt-5 {
        margin-top: 5px !important
    }

    .margin-top-10,
    .mt-10 {
        margin-top: 10px !important
    }

    .margin-top-15,
    .mt-15 {
        margin-top: 15px !important
    }

    .margin-top-20,
    .mt-20 {
        margin-top: 20px !important
    }

    .margin-top-30,
    .mt-30 {
        margin-top: 30px !important
    }

    .margin-top-40,
    .mt-40 {
        margin-top: 40px !important
    }

    .margin-top-50,
    .mt-50 {
        margin-top: 50px !important
    }

    .margin-top-60,
    .mt-60 {
        margin-top: 60px !important
    }

    .margin-top-70,
    .mt-70 {
        margin-top: 70px !important
    }

    .margin-top-80,
    .mt-80 {
        margin-top: 80px !important
    }

    .margin-top-90,
    .mt-90 {
        margin-top: 90px !important
    }

    .margin-top-100,
    .mt-100 {
        margin-top: 100px !important
    }

    .margin-right-0,
    .margin-right-none,
    .no-margin-right,
    .mr-0,
    .me-0 {
        margin-right: 0px !important
    }

    .margin-right-5,
    .mr-5,
    .me-5 {
        margin-right: 5px !important
    }

    .margin-right-10,
    .mr-10,
    .me-10 {
        margin-right: 10px !important
    }

    .margin-right-15,
    .mr-15,
    .me-15 {
        margin-right: 15px !important
    }

    .margin-right-20,
    .mr-20,
    .me-20 {
        margin-right: 20px !important
    }

    .margin-right-30,
    .mr-30,
    .me-30 {
        margin-right: 30px !important
    }

    .margin-right-40,
    .mr-40,
    .me-40 {
        margin-right: 40px !important
    }

    .margin-right-50,
    .mr-50,
    .me-50 {
        margin-right: 50px !important
    }

    .margin-right-60,
    .mr-60,
    .me-60 {
        margin-right: 60px !important
    }

    .margin-right-70,
    .mr-70,
    .me-70 {
        margin-right: 70px !important
    }

    .margin-right-80,
    .mr-80,
    .me-80 {
        margin-right: 80px !important
    }

    .margin-right-90,
    .mr-90,
    .me-90 {
        margin-right: 90px !important
    }

    .margin-right-100,
    .mr-100,
    .me-100 {
        margin-right: 100px !important
    }

    .margin-bottom-0,
    .margin-bottom-none,
    .no-margin-bottom,
    .mb-0 {
        margin-bottom: 0px !important
    }

    .margin-bottom-5,
    .mb-5 {
        margin-bottom: 5px !important
    }

    .margin-bottom-10,
    .mb-10 {
        margin-bottom: 10px !important
    }

    .margin-bottom-15,
    .mb-15 {
        margin-bottom: 15px !important
    }

    .margin-bottom-20,
    .mb-20 {
        margin-bottom: 20px !important
    }

    .margin-bottom-30,
    .mb-30 {
        margin-bottom: 30px !important
    }

    .margin-bottom-40,
    .mb-40 {
        margin-bottom: 40px !important
    }

    .margin-bottom-50,
    .mb-50 {
        margin-bottom: 50px !important
    }

    .margin-bottom-60,
    .mb-60 {
        margin-bottom: 60px !important
    }

    .margin-bottom-70,
    .mb-70 {
        margin-bottom: 70px !important
    }

    .margin-bottom-80,
    .mb-80 {
        margin-bottom: 80px !important
    }

    .margin-bottom-90,
    .mb-90 {
        margin-bottom: 90px !important
    }

    .margin-bottom-100,
    .mb-100 {
        margin-bottom: 100px !important
    }

    .margin-left-0,
    .margin-left-none,
    .no-margin-left,
    .ml-0,
    .ms-0 {
        margin-left: 0px !important
    }

    .margin-left-5,
    .ml-5,
    .ms-5 {
        margin-left: 5px !important
    }

    .margin-left-10,
    .ml-10,
    .ms-10 {
        margin-left: 10px !important
    }

    .margin-left-15,
    .ml-15,
    .ms-15 {
        margin-left: 15px !important
    }

    .margin-left-20,
    .ml-20,
    .ms-20 {
        margin-left: 20px !important
    }

    .margin-left-30,
    .ml-30,
    .ms-30 {
        margin-left: 30px !important
    }

    .margin-left-40,
    .ml-40,
    .ms-40 {
        margin-left: 40px !important
    }

    .margin-left-50,
    .ml-50,
    .ms-50 {
        margin-left: 50px !important
    }

    .margin-left-60,
    .ml-60,
    .ms-60 {
        margin-left: 60px !important
    }

    .margin-left-70,
    .ml-70,
    .ms-70 {
        margin-left: 70px !important
    }

    .margin-left-80,
    .ml-80,
    .ms-80 {
        margin-left: 80px !important
    }

    .margin-left-90,
    .ml-90,
    .ms-90 {
        margin-left: 90px !important
    }

    .margin-left-100,
    .ml-100,
    .ms-100 {
        margin-left: 100px !important
    }

    .margin-auto,
    .m-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .margin-right-auto,
    .mr-auto,
    .me-auto {
        margin-right: auto !important;
        margin-left: initial !important
    }

    .margin-left-auto,
    .ml-auto,
    .ms-auto {
        margin-left: auto !important;
        margin-right: initial !important
    }

    .m-n1 {
        margin: -0.25rem !important
    }

    .m-n2 {
        margin: -0.5rem !important
    }

    .m-n3 {
        margin: -1rem !important
    }

    .m-n4 {
        margin: -1.5rem !important
    }

    .m-n5 {
        margin: -3rem !important
    }

    .mx-n1 {
        margin-right: -0.25rem !important;
        margin-left: -0.25rem !important
    }

    .mx-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.5rem !important
    }

    .mx-n3 {
        margin-right: -1rem !important;
        margin-left: -1rem !important
    }

    .mx-n4 {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important
    }

    .mx-n5 {
        margin-right: -3rem !important;
        margin-left: -3rem !important
    }

    .my-n1 {
        margin-top: -0.25rem !important;
        margin-bottom: -0.25rem !important
    }

    .my-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.5rem !important
    }

    .my-n3 {
        margin-top: -1rem !important;
        margin-bottom: -1rem !important
    }

    .my-n4 {
        margin-top: -1.5rem !important;
        margin-bottom: -1.5rem !important
    }

    .my-n5 {
        margin-top: -3rem !important;
        margin-bottom: -3rem !important
    }

    .mt-n1 {
        margin-top: -0.25rem !important
    }

    .mt-n2 {
        margin-top: -0.5rem !important
    }

    .mt-n3 {
        margin-top: -1rem !important
    }

    .mt-n4 {
        margin-top: -1.5rem !important
    }

    .mt-n5 {
        margin-top: -3rem !important
    }

    .me-n1 {
        margin-right: -0.25rem !important
    }

    .me-n2 {
        margin-right: -0.5rem !important
    }

    .me-n3 {
        margin-right: -1rem !important
    }

    .me-n4 {
        margin-right: -1.5rem !important
    }

    .me-n5 {
        margin-right: -3rem !important
    }

    .mb-n1 {
        margin-bottom: -0.25rem !important
    }

    .mb-n2 {
        margin-bottom: -0.5rem !important
    }

    .mb-n3 {
        margin-bottom: -1rem !important
    }

    .mb-n4 {
        margin-bottom: -1.5rem !important
    }

    .mb-n5 {
        margin-bottom: -3rem !important
    }

    .ms-n1 {
        margin-left: -0.25rem !important
    }

    .ms-n2 {
        margin-left: -0.5rem !important
    }

    .ms-n3 {
        margin-left: -1rem !important
    }

    .ms-n4 {
        margin-left: -1.5rem !important
    }

    .ms-n5 {
        margin-left: -3rem !important
    }

    .overflow-auto {
        overflow: auto !important
    }

    .overflow-hidden {
        overflow: hidden !important
    }

    .overflow-initial {
        overflow: initial !important
    }

    .overflow-scroll {
        overflow: scroll !important
    }

    .overflow-visible {
        overflow: visible !important
    }

    .overflow-x-auto {
        overflow-x: auto !important
    }

    .overflow-x-hidden {
        overflow-x: hidden !important
    }

    .overflow-x-initial {
        overflow-x: initial !important
    }

    .overflow-x-scroll {
        overflow-x: scroll !important
    }

    .overflow-x-visible {
        overflow-x: visible !important
    }

    .overflow-y-auto {
        overflow-y: auto !important
    }

    .overflow-y-hidden {
        overflow-y: hidden !important
    }

    .overflow-y-initial {
        overflow-y: initial !important
    }

    .overflow-y-scroll {
        overflow-y: scroll !important
    }

    .overflow-y-visible {
        overflow-y: visible !important
    }

    .no-padding,
    .padding-none,
    .p-0 {
        padding: 0px !important
    }

    .padding-5,
    .p-5 {
        padding: 5px !important
    }

    .padding-10,
    .p-10 {
        padding: 10px !important
    }

    .padding-15,
    .p-15 {
        padding: 15px !important
    }

    .padding-20,
    .p-20 {
        padding: 20px !important
    }

    .padding-30,
    .p-30 {
        padding: 30px !important
    }

    .padding-40,
    .p-40 {
        padding: 40px !important
    }

    .padding-50,
    .p-50 {
        padding: 50px !important
    }

    .padding-60,
    .p-60 {
        padding: 60px !important
    }

    .padding-70,
    .p-70 {
        padding: 70px !important
    }

    .padding-80,
    .p-80 {
        padding: 80px !important
    }

    .padding-90,
    .p-90 {
        padding: 90px !important
    }

    .padding-100,
    .p-100 {
        padding: 100px !important
    }

    .padding-top-0,
    .padding-top-none,
    .no-padding-top,
    .pt-0 {
        padding-top: 0px !important
    }

    .padding-top-5,
    .pt-5 {
        padding-top: 5px !important
    }

    .padding-top-10,
    .pt-10 {
        padding-top: 10px !important
    }

    .padding-top-15,
    .pt-15 {
        padding-top: 15px !important
    }

    .padding-top-20,
    .pt-20 {
        padding-top: 20px !important
    }

    .padding-top-30,
    .pt-30 {
        padding-top: 30px !important
    }

    .padding-top-40,
    .pt-40 {
        padding-top: 40px !important
    }

    .padding-top-50,
    .pt-50 {
        padding-top: 50px !important
    }

    .padding-top-60,
    .pt-60 {
        padding-top: 60px !important
    }

    .padding-top-70,
    .pt-70 {
        padding-top: 70px !important
    }

    .padding-top-80,
    .pt-80 {
        padding-top: 80px !important
    }

    .padding-top-90,
    .pt-90 {
        padding-top: 90px !important
    }

    .padding-top-100,
    .pt-100 {
        padding-top: 100px !important
    }

    .padding-right-0,
    .padding-right-none,
    .no-padding-right,
    .pr-0,
    .pe-0 {
        padding-right: 0px !important
    }

    .padding-right-5,
    .pr-5,
    .pe-5 {
        padding-right: 5px !important
    }

    .padding-right-10,
    .pr-10,
    .pe-10 {
        padding-right: 10px !important
    }

    .padding-right-15,
    .pr-15,
    .pe-15 {
        padding-right: 15px !important
    }

    .padding-right-20,
    .pr-20,
    .pe-20 {
        padding-right: 20px !important
    }

    .padding-right-30,
    .pr-30,
    .pe-30 {
        padding-right: 30px !important
    }

    .padding-right-40,
    .pr-40,
    .pe-40 {
        padding-right: 40px !important
    }

    .padding-right-50,
    .pr-50,
    .pe-50 {
        padding-right: 50px !important
    }

    .padding-right-60,
    .pr-60,
    .pe-60 {
        padding-right: 60px !important
    }

    .padding-right-70,
    .pr-70,
    .pe-70 {
        padding-right: 70px !important
    }

    .padding-right-80,
    .pr-80,
    .pe-80 {
        padding-right: 80px !important
    }

    .padding-right-90,
    .pr-90,
    .pe-90 {
        padding-right: 90px !important
    }

    .padding-right-100,
    .pr-100,
    .pe-100 {
        padding-right: 100px !important
    }

    .padding-bottom-0,
    .padding-bottom-none,
    .no-padding-bottom,
    .pb-0 {
        padding-bottom: 0px !important
    }

    .padding-bottom-5,
    .pb-5 {
        padding-bottom: 5px !important
    }

    .padding-bottom-10,
    .pb-10 {
        padding-bottom: 10px !important
    }

    .padding-bottom-15,
    .pb-15 {
        padding-bottom: 15px !important
    }

    .padding-bottom-20,
    .pb-20 {
        padding-bottom: 20px !important
    }

    .padding-bottom-30,
    .pb-30 {
        padding-bottom: 30px !important
    }

    .padding-bottom-40,
    .pb-40 {
        padding-bottom: 40px !important
    }

    .padding-bottom-50,
    .pb-50 {
        padding-bottom: 50px !important
    }

    .padding-bottom-60,
    .pb-60 {
        padding-bottom: 60px !important
    }

    .padding-bottom-70,
    .pb-70 {
        padding-bottom: 70px !important
    }

    .padding-bottom-80,
    .pb-80 {
        padding-bottom: 80px !important
    }

    .padding-bottom-90,
    .pb-90 {
        padding-bottom: 90px !important
    }

    .padding-bottom-100,
    .pb-100 {
        padding-bottom: 100px !important
    }

    .padding-left-0,
    .padding-left-none,
    .no-padding-left,
    .pl-0,
    .ps-0 {
        padding-left: 0px !important
    }

    .padding-left-5,
    .pl-5,
    .ps-5 {
        padding-left: 5px !important
    }

    .padding-left-10,
    .pl-10,
    .ps-10 {
        padding-left: 10px !important
    }

    .padding-left-15,
    .pl-15,
    .ps-15 {
        padding-left: 15px !important
    }

    .padding-left-20,
    .pl-20,
    .ps-20 {
        padding-left: 20px !important
    }

    .padding-left-30,
    .pl-30,
    .ps-30 {
        padding-left: 30px !important
    }

    .padding-left-40,
    .pl-40,
    .ps-40 {
        padding-left: 40px !important
    }

    .padding-left-50,
    .pl-50,
    .ps-50 {
        padding-left: 50px !important
    }

    .padding-left-60,
    .pl-60,
    .ps-60 {
        padding-left: 60px !important
    }

    .padding-left-70,
    .pl-70,
    .ps-70 {
        padding-left: 70px !important
    }

    .padding-left-80,
    .pl-80,
    .ps-80 {
        padding-left: 80px !important
    }

    .padding-left-90,
    .pl-90,
    .ps-90 {
        padding-left: 90px !important
    }

    .padding-left-100,
    .pl-100,
    .ps-100 {
        padding-left: 100px !important
    }
}

@media(min-width: 576px) {
    @layer bootstrap {
        .align-content-sm-start {
            align-content: flex-start !important
        }

        .align-content-sm-end {
            align-content: flex-end !important
        }

        .align-content-sm-center {
            align-content: center !important
        }

        .align-content-sm-between {
            align-content: space-between !important
        }

        .align-content-sm-around {
            align-content: space-around !important
        }

        .align-content-sm-stretch {
            align-content: stretch !important
        }

        .align-items-sm-start {
            align-items: flex-start !important
        }

        .align-items-sm-end {
            align-items: flex-end !important
        }

        .align-items-sm-center {
            align-items: center !important
        }

        .align-items-sm-baseline {
            align-items: baseline !important
        }

        .align-items-sm-stretch {
            align-items: stretch !important
        }

        .justify-content-sm-start {
            justify-content: flex-start !important
        }

        .justify-content-sm-end {
            justify-content: flex-end !important
        }

        .justify-content-sm-center {
            justify-content: center !important
        }

        .justify-content-sm-between {
            justify-content: space-between !important
        }

        .justify-content-sm-around {
            justify-content: space-around !important
        }

        .justify-content-sm-evenly {
            justify-content: space-evenly !important
        }

        .m-sm-n1 {
            margin: -0.25rem !important
        }

        .m-sm-n2 {
            margin: -0.5rem !important
        }

        .m-sm-n3 {
            margin: -1rem !important
        }

        .m-sm-n4 {
            margin: -1.5rem !important
        }

        .m-sm-n5 {
            margin: -3rem !important
        }

        .mx-sm-n1 {
            margin-right: -0.25rem !important;
            margin-left: -0.25rem !important
        }

        .mx-sm-n2 {
            margin-right: -0.5rem !important;
            margin-left: -0.5rem !important
        }

        .mx-sm-n3 {
            margin-right: -1rem !important;
            margin-left: -1rem !important
        }

        .mx-sm-n4 {
            margin-right: -1.5rem !important;
            margin-left: -1.5rem !important
        }

        .mx-sm-n5 {
            margin-right: -3rem !important;
            margin-left: -3rem !important
        }

        .my-sm-n1 {
            margin-top: -0.25rem !important;
            margin-bottom: -0.25rem !important
        }

        .my-sm-n2 {
            margin-top: -0.5rem !important;
            margin-bottom: -0.5rem !important
        }

        .my-sm-n3 {
            margin-top: -1rem !important;
            margin-bottom: -1rem !important
        }

        .my-sm-n4 {
            margin-top: -1.5rem !important;
            margin-bottom: -1.5rem !important
        }

        .my-sm-n5 {
            margin-top: -3rem !important;
            margin-bottom: -3rem !important
        }

        .mt-sm-n1 {
            margin-top: -0.25rem !important
        }

        .mt-sm-n2 {
            margin-top: -0.5rem !important
        }

        .mt-sm-n3 {
            margin-top: -1rem !important
        }

        .mt-sm-n4 {
            margin-top: -1.5rem !important
        }

        .mt-sm-n5 {
            margin-top: -3rem !important
        }

        .me-sm-n1 {
            margin-right: -0.25rem !important
        }

        .me-sm-n2 {
            margin-right: -0.5rem !important
        }

        .me-sm-n3 {
            margin-right: -1rem !important
        }

        .me-sm-n4 {
            margin-right: -1.5rem !important
        }

        .me-sm-n5 {
            margin-right: -3rem !important
        }

        .mb-sm-n1 {
            margin-bottom: -0.25rem !important
        }

        .mb-sm-n2 {
            margin-bottom: -0.5rem !important
        }

        .mb-sm-n3 {
            margin-bottom: -1rem !important
        }

        .mb-sm-n4 {
            margin-bottom: -1.5rem !important
        }

        .mb-sm-n5 {
            margin-bottom: -3rem !important
        }

        .ms-sm-n1 {
            margin-left: -0.25rem !important
        }

        .ms-sm-n2 {
            margin-left: -0.5rem !important
        }

        .ms-sm-n3 {
            margin-left: -1rem !important
        }

        .ms-sm-n4 {
            margin-left: -1.5rem !important
        }

        .ms-sm-n5 {
            margin-left: -3rem !important
        }

        .text-sm-center {
            text-align: center !important
        }

        .text-sm-start {
            text-align: var(--dir-start) !important
        }

        .text-sm-end {
            text-align: var(--dir-end) !important
        }
    }
}

@media(min-width: 768px) {
    @layer bootstrap {
        .align-content-md-start {
            align-content: flex-start !important
        }

        .align-content-md-end {
            align-content: flex-end !important
        }

        .align-content-md-center {
            align-content: center !important
        }

        .align-content-md-between {
            align-content: space-between !important
        }

        .align-content-md-around {
            align-content: space-around !important
        }

        .align-content-md-stretch {
            align-content: stretch !important
        }

        .align-items-md-start {
            align-items: flex-start !important
        }

        .align-items-md-end {
            align-items: flex-end !important
        }

        .align-items-md-center {
            align-items: center !important
        }

        .align-items-md-baseline {
            align-items: baseline !important
        }

        .align-items-md-stretch {
            align-items: stretch !important
        }

        .justify-content-md-start {
            justify-content: flex-start !important
        }

        .justify-content-md-end {
            justify-content: flex-end !important
        }

        .justify-content-md-center {
            justify-content: center !important
        }

        .justify-content-md-between {
            justify-content: space-between !important
        }

        .justify-content-md-around {
            justify-content: space-around !important
        }

        .justify-content-md-evenly {
            justify-content: space-evenly !important
        }

        .m-md-n1 {
            margin: -0.25rem !important
        }

        .m-md-n2 {
            margin: -0.5rem !important
        }

        .m-md-n3 {
            margin: -1rem !important
        }

        .m-md-n4 {
            margin: -1.5rem !important
        }

        .m-md-n5 {
            margin: -3rem !important
        }

        .mx-md-n1 {
            margin-right: -0.25rem !important;
            margin-left: -0.25rem !important
        }

        .mx-md-n2 {
            margin-right: -0.5rem !important;
            margin-left: -0.5rem !important
        }

        .mx-md-n3 {
            margin-right: -1rem !important;
            margin-left: -1rem !important
        }

        .mx-md-n4 {
            margin-right: -1.5rem !important;
            margin-left: -1.5rem !important
        }

        .mx-md-n5 {
            margin-right: -3rem !important;
            margin-left: -3rem !important
        }

        .my-md-n1 {
            margin-top: -0.25rem !important;
            margin-bottom: -0.25rem !important
        }

        .my-md-n2 {
            margin-top: -0.5rem !important;
            margin-bottom: -0.5rem !important
        }

        .my-md-n3 {
            margin-top: -1rem !important;
            margin-bottom: -1rem !important
        }

        .my-md-n4 {
            margin-top: -1.5rem !important;
            margin-bottom: -1.5rem !important
        }

        .my-md-n5 {
            margin-top: -3rem !important;
            margin-bottom: -3rem !important
        }

        .mt-md-n1 {
            margin-top: -0.25rem !important
        }

        .mt-md-n2 {
            margin-top: -0.5rem !important
        }

        .mt-md-n3 {
            margin-top: -1rem !important
        }

        .mt-md-n4 {
            margin-top: -1.5rem !important
        }

        .mt-md-n5 {
            margin-top: -3rem !important
        }

        .me-md-n1 {
            margin-right: -0.25rem !important
        }

        .me-md-n2 {
            margin-right: -0.5rem !important
        }

        .me-md-n3 {
            margin-right: -1rem !important
        }

        .me-md-n4 {
            margin-right: -1.5rem !important
        }

        .me-md-n5 {
            margin-right: -3rem !important
        }

        .mb-md-n1 {
            margin-bottom: -0.25rem !important
        }

        .mb-md-n2 {
            margin-bottom: -0.5rem !important
        }

        .mb-md-n3 {
            margin-bottom: -1rem !important
        }

        .mb-md-n4 {
            margin-bottom: -1.5rem !important
        }

        .mb-md-n5 {
            margin-bottom: -3rem !important
        }

        .ms-md-n1 {
            margin-left: -0.25rem !important
        }

        .ms-md-n2 {
            margin-left: -0.5rem !important
        }

        .ms-md-n3 {
            margin-left: -1rem !important
        }

        .ms-md-n4 {
            margin-left: -1.5rem !important
        }

        .ms-md-n5 {
            margin-left: -3rem !important
        }

        .text-md-center {
            text-align: center !important
        }

        .text-md-start {
            text-align: var(--dir-start) !important
        }

        .text-md-end {
            text-align: var(--dir-end) !important
        }
    }
}

@media(min-width: 992px) {
    @layer bootstrap {
        .align-content-lg-start {
            align-content: flex-start !important
        }

        .align-content-lg-end {
            align-content: flex-end !important
        }

        .align-content-lg-center {
            align-content: center !important
        }

        .align-content-lg-between {
            align-content: space-between !important
        }

        .align-content-lg-around {
            align-content: space-around !important
        }

        .align-content-lg-stretch {
            align-content: stretch !important
        }

        .align-items-lg-start {
            align-items: flex-start !important
        }

        .align-items-lg-end {
            align-items: flex-end !important
        }

        .align-items-lg-center {
            align-items: center !important
        }

        .align-items-lg-baseline {
            align-items: baseline !important
        }

        .align-items-lg-stretch {
            align-items: stretch !important
        }

        .justify-content-lg-start {
            justify-content: flex-start !important
        }

        .justify-content-lg-end {
            justify-content: flex-end !important
        }

        .justify-content-lg-center {
            justify-content: center !important
        }

        .justify-content-lg-between {
            justify-content: space-between !important
        }

        .justify-content-lg-around {
            justify-content: space-around !important
        }

        .justify-content-lg-evenly {
            justify-content: space-evenly !important
        }

        .m-lg-n1 {
            margin: -0.25rem !important
        }

        .m-lg-n2 {
            margin: -0.5rem !important
        }

        .m-lg-n3 {
            margin: -1rem !important
        }

        .m-lg-n4 {
            margin: -1.5rem !important
        }

        .m-lg-n5 {
            margin: -3rem !important
        }

        .mx-lg-n1 {
            margin-right: -0.25rem !important;
            margin-left: -0.25rem !important
        }

        .mx-lg-n2 {
            margin-right: -0.5rem !important;
            margin-left: -0.5rem !important
        }

        .mx-lg-n3 {
            margin-right: -1rem !important;
            margin-left: -1rem !important
        }

        .mx-lg-n4 {
            margin-right: -1.5rem !important;
            margin-left: -1.5rem !important
        }

        .mx-lg-n5 {
            margin-right: -3rem !important;
            margin-left: -3rem !important
        }

        .my-lg-n1 {
            margin-top: -0.25rem !important;
            margin-bottom: -0.25rem !important
        }

        .my-lg-n2 {
            margin-top: -0.5rem !important;
            margin-bottom: -0.5rem !important
        }

        .my-lg-n3 {
            margin-top: -1rem !important;
            margin-bottom: -1rem !important
        }

        .my-lg-n4 {
            margin-top: -1.5rem !important;
            margin-bottom: -1.5rem !important
        }

        .my-lg-n5 {
            margin-top: -3rem !important;
            margin-bottom: -3rem !important
        }

        .mt-lg-n1 {
            margin-top: -0.25rem !important
        }

        .mt-lg-n2 {
            margin-top: -0.5rem !important
        }

        .mt-lg-n3 {
            margin-top: -1rem !important
        }

        .mt-lg-n4 {
            margin-top: -1.5rem !important
        }

        .mt-lg-n5 {
            margin-top: -3rem !important
        }

        .me-lg-n1 {
            margin-right: -0.25rem !important
        }

        .me-lg-n2 {
            margin-right: -0.5rem !important
        }

        .me-lg-n3 {
            margin-right: -1rem !important
        }

        .me-lg-n4 {
            margin-right: -1.5rem !important
        }

        .me-lg-n5 {
            margin-right: -3rem !important
        }

        .mb-lg-n1 {
            margin-bottom: -0.25rem !important
        }

        .mb-lg-n2 {
            margin-bottom: -0.5rem !important
        }

        .mb-lg-n3 {
            margin-bottom: -1rem !important
        }

        .mb-lg-n4 {
            margin-bottom: -1.5rem !important
        }

        .mb-lg-n5 {
            margin-bottom: -3rem !important
        }

        .ms-lg-n1 {
            margin-left: -0.25rem !important
        }

        .ms-lg-n2 {
            margin-left: -0.5rem !important
        }

        .ms-lg-n3 {
            margin-left: -1rem !important
        }

        .ms-lg-n4 {
            margin-left: -1.5rem !important
        }

        .ms-lg-n5 {
            margin-left: -3rem !important
        }

        .text-lg-center {
            text-align: center !important
        }

        .text-lg-start {
            text-align: var(--dir-start) !important
        }

        .text-lg-end {
            text-align: var(--dir-end) !important
        }
    }
}

@media(min-width: 1200px) {
    @layer bootstrap {
        .align-content-xl-start {
            align-content: flex-start !important
        }

        .align-content-xl-end {
            align-content: flex-end !important
        }

        .align-content-xl-center {
            align-content: center !important
        }

        .align-content-xl-between {
            align-content: space-between !important
        }

        .align-content-xl-around {
            align-content: space-around !important
        }

        .align-content-xl-stretch {
            align-content: stretch !important
        }

        .align-items-xl-start {
            align-items: flex-start !important
        }

        .align-items-xl-end {
            align-items: flex-end !important
        }

        .align-items-xl-center {
            align-items: center !important
        }

        .align-items-xl-baseline {
            align-items: baseline !important
        }

        .align-items-xl-stretch {
            align-items: stretch !important
        }

        .justify-content-xl-start {
            justify-content: flex-start !important
        }

        .justify-content-xl-end {
            justify-content: flex-end !important
        }

        .justify-content-xl-center {
            justify-content: center !important
        }

        .justify-content-xl-between {
            justify-content: space-between !important
        }

        .justify-content-xl-around {
            justify-content: space-around !important
        }

        .justify-content-xl-evenly {
            justify-content: space-evenly !important
        }

        .m-xl-n1 {
            margin: -0.25rem !important
        }

        .m-xl-n2 {
            margin: -0.5rem !important
        }

        .m-xl-n3 {
            margin: -1rem !important
        }

        .m-xl-n4 {
            margin: -1.5rem !important
        }

        .m-xl-n5 {
            margin: -3rem !important
        }

        .mx-xl-n1 {
            margin-right: -0.25rem !important;
            margin-left: -0.25rem !important
        }

        .mx-xl-n2 {
            margin-right: -0.5rem !important;
            margin-left: -0.5rem !important
        }

        .mx-xl-n3 {
            margin-right: -1rem !important;
            margin-left: -1rem !important
        }

        .mx-xl-n4 {
            margin-right: -1.5rem !important;
            margin-left: -1.5rem !important
        }

        .mx-xl-n5 {
            margin-right: -3rem !important;
            margin-left: -3rem !important
        }

        .my-xl-n1 {
            margin-top: -0.25rem !important;
            margin-bottom: -0.25rem !important
        }

        .my-xl-n2 {
            margin-top: -0.5rem !important;
            margin-bottom: -0.5rem !important
        }

        .my-xl-n3 {
            margin-top: -1rem !important;
            margin-bottom: -1rem !important
        }

        .my-xl-n4 {
            margin-top: -1.5rem !important;
            margin-bottom: -1.5rem !important
        }

        .my-xl-n5 {
            margin-top: -3rem !important;
            margin-bottom: -3rem !important
        }

        .mt-xl-n1 {
            margin-top: -0.25rem !important
        }

        .mt-xl-n2 {
            margin-top: -0.5rem !important
        }

        .mt-xl-n3 {
            margin-top: -1rem !important
        }

        .mt-xl-n4 {
            margin-top: -1.5rem !important
        }

        .mt-xl-n5 {
            margin-top: -3rem !important
        }

        .me-xl-n1 {
            margin-right: -0.25rem !important
        }

        .me-xl-n2 {
            margin-right: -0.5rem !important
        }

        .me-xl-n3 {
            margin-right: -1rem !important
        }

        .me-xl-n4 {
            margin-right: -1.5rem !important
        }

        .me-xl-n5 {
            margin-right: -3rem !important
        }

        .mb-xl-n1 {
            margin-bottom: -0.25rem !important
        }

        .mb-xl-n2 {
            margin-bottom: -0.5rem !important
        }

        .mb-xl-n3 {
            margin-bottom: -1rem !important
        }

        .mb-xl-n4 {
            margin-bottom: -1.5rem !important
        }

        .mb-xl-n5 {
            margin-bottom: -3rem !important
        }

        .ms-xl-n1 {
            margin-left: -0.25rem !important
        }

        .ms-xl-n2 {
            margin-left: -0.5rem !important
        }

        .ms-xl-n3 {
            margin-left: -1rem !important
        }

        .ms-xl-n4 {
            margin-left: -1.5rem !important
        }

        .ms-xl-n5 {
            margin-left: -3rem !important
        }

        .text-xl-center {
            text-align: center !important
        }

        .text-xl-start {
            text-align: var(--dir-start) !important
        }

        .text-xl-end {
            text-align: var(--dir-end) !important
        }
    }
}

@media(min-width: 1400px) {
    @layer bootstrap {
        .align-content-xxl-start {
            align-content: flex-start !important
        }

        .align-content-xxl-end {
            align-content: flex-end !important
        }

        .align-content-xxl-center {
            align-content: center !important
        }

        .align-content-xxl-between {
            align-content: space-between !important
        }

        .align-content-xxl-around {
            align-content: space-around !important
        }

        .align-content-xxl-stretch {
            align-content: stretch !important
        }

        .align-items-xxl-start {
            align-items: flex-start !important
        }

        .align-items-xxl-end {
            align-items: flex-end !important
        }

        .align-items-xxl-center {
            align-items: center !important
        }

        .align-items-xxl-baseline {
            align-items: baseline !important
        }

        .align-items-xxl-stretch {
            align-items: stretch !important
        }

        .justify-content-xxl-start {
            justify-content: flex-start !important
        }

        .justify-content-xxl-end {
            justify-content: flex-end !important
        }

        .justify-content-xxl-center {
            justify-content: center !important
        }

        .justify-content-xxl-between {
            justify-content: space-between !important
        }

        .justify-content-xxl-around {
            justify-content: space-around !important
        }

        .justify-content-xxl-evenly {
            justify-content: space-evenly !important
        }

        .m-xxl-n1 {
            margin: -0.25rem !important
        }

        .m-xxl-n2 {
            margin: -0.5rem !important
        }

        .m-xxl-n3 {
            margin: -1rem !important
        }

        .m-xxl-n4 {
            margin: -1.5rem !important
        }

        .m-xxl-n5 {
            margin: -3rem !important
        }

        .mx-xxl-n1 {
            margin-right: -0.25rem !important;
            margin-left: -0.25rem !important
        }

        .mx-xxl-n2 {
            margin-right: -0.5rem !important;
            margin-left: -0.5rem !important
        }

        .mx-xxl-n3 {
            margin-right: -1rem !important;
            margin-left: -1rem !important
        }

        .mx-xxl-n4 {
            margin-right: -1.5rem !important;
            margin-left: -1.5rem !important
        }

        .mx-xxl-n5 {
            margin-right: -3rem !important;
            margin-left: -3rem !important
        }

        .my-xxl-n1 {
            margin-top: -0.25rem !important;
            margin-bottom: -0.25rem !important
        }

        .my-xxl-n2 {
            margin-top: -0.5rem !important;
            margin-bottom: -0.5rem !important
        }

        .my-xxl-n3 {
            margin-top: -1rem !important;
            margin-bottom: -1rem !important
        }

        .my-xxl-n4 {
            margin-top: -1.5rem !important;
            margin-bottom: -1.5rem !important
        }

        .my-xxl-n5 {
            margin-top: -3rem !important;
            margin-bottom: -3rem !important
        }

        .mt-xxl-n1 {
            margin-top: -0.25rem !important
        }

        .mt-xxl-n2 {
            margin-top: -0.5rem !important
        }

        .mt-xxl-n3 {
            margin-top: -1rem !important
        }

        .mt-xxl-n4 {
            margin-top: -1.5rem !important
        }

        .mt-xxl-n5 {
            margin-top: -3rem !important
        }

        .me-xxl-n1 {
            margin-right: -0.25rem !important
        }

        .me-xxl-n2 {
            margin-right: -0.5rem !important
        }

        .me-xxl-n3 {
            margin-right: -1rem !important
        }

        .me-xxl-n4 {
            margin-right: -1.5rem !important
        }

        .me-xxl-n5 {
            margin-right: -3rem !important
        }

        .mb-xxl-n1 {
            margin-bottom: -0.25rem !important
        }

        .mb-xxl-n2 {
            margin-bottom: -0.5rem !important
        }

        .mb-xxl-n3 {
            margin-bottom: -1rem !important
        }

        .mb-xxl-n4 {
            margin-bottom: -1.5rem !important
        }

        .mb-xxl-n5 {
            margin-bottom: -3rem !important
        }

        .ms-xxl-n1 {
            margin-left: -0.25rem !important
        }

        .ms-xxl-n2 {
            margin-left: -0.5rem !important
        }

        .ms-xxl-n3 {
            margin-left: -1rem !important
        }

        .ms-xxl-n4 {
            margin-left: -1.5rem !important
        }

        .ms-xxl-n5 {
            margin-left: -3rem !important
        }

        .text-xxl-center {
            text-align: center !important
        }

        .text-xxl-start {
            text-align: var(--dir-start) !important
        }

        .text-xxl-end {
            text-align: var(--dir-end) !important
        }
    }
}

@layer base {

    .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)
    }

    .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
    }
}

@layer bootstrap {
    .bg-none {
        background-color: rgba(0, 0, 0, 0) !important;
        background-image: none !important;
        background: none !important
    }

    .bg-transparent {
        background-color: rgba(0, 0, 0, 0) !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
    }

    .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
    }

    .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
    }

    .bc-none {
        border-color: none !important
    }

    .bc-transparent {
        border-color: rgba(0, 0, 0, 0) !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
    }

    .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
    }

    .fill-none {
        fill: none !important
    }

    .fill-transparent {
        fill: rgba(0, 0, 0, 0) !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
    }
}

@layer base {
    .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
    }
}

@layer base {
    .background-img-cover {
        background-size: cover;
        background-position: center center
    }

    .img-center {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .img-logo {
        width: 100%;
        max-width: 150px;
        height: auto
    }

    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
    }
}

@layer base {

    [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
    }
}

@layer base {

    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 .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .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);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .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);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .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: ""
    }

    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: ""
    }

    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: ""
    }

    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: ""
    }

    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: ""
    }

    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: ""
    }

    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: ""
    }

    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;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }
}

@layer base {
    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
    }
}

@layer base {

    .width-auto,
    .w-auto {
        width: auto
    }

    .width-100,
    .w-100,
    .w-100p {
        width: 100%
    }

    .height-auto,
    .h-auto {
        height: auto
    }
}

@layer base {

    .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
    }
}

@layer bootstrap {
    .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: .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: "*"
    }

    .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: .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(max-width: 575.98px) {
    @layer utilities {
        .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(min-width: 576px)and (max-width: 767.98px) {
    @layer utilities {
        .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(min-width: 768px)and (max-width: 991.98px) {
    @layer utilities {
        .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(min-width: 992px)and (max-width: 1199.98px) {
    @layer utilities {
        .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(min-width: 1200px) {
    @layer utilities {
        .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)
        }
    }
}

@layer base {
    .wk-tc-default {
        -webkit-touch-callout: default !important
    }

    .wk-tc-none {
        -webkit-touch-callout: none !important
    }

    .wk-user-drag-none {
        -webkit-user-drag: none !important
    }
}

[data-theme=light] .b-1-d-dark {
    border: 1px solid rgba(0, 0, 0, 0)
}

[data-theme=light] .bt-1-d-dark {
    border-top: 1px solid rgba(0, 0, 0, 0)
}

[data-theme=light] .be-1-d-dark {
    border-right: 1px solid rgba(0, 0, 0, 0)
}

[data-theme=light] .bb-1-d-dark {
    border-bottom: 1px solid rgba(0, 0, 0, 0)
}

[data-theme=light] .bs-1-d-dark {
    border-left: 1px solid rgba(0, 0, 0, 0)
}

[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] .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
}

@layer bootstrap {
    .accordion>.accordion-item {
        margin: 0px 0px 10px 0px;
        color: initial;
        background-color: rgba(0, 0, 0, 0);
        border: none
    }

    .accordion>.accordion-item>.accordion-header {
        display: flex;
        justify-content: space-between;
        align-content: center;
        align-items: center;
        margin: 0px !important;
        padding: 0px;
        background-color: rgba(0, 0, 0, 0);
        border: 2px solid var(--border-color);
        border-radius: 0px
    }

    .accordion>.accordion-item>.accordion-header a.accordion-button,
    .accordion>.accordion-item>.accordion-header a:link.accordion-button,
    .accordion>.accordion-item>.accordion-header a:visited.accordion-button,
    .accordion>.accordion-item>.accordion-header a:hover.accordion-button,
    .accordion>.accordion-item>.accordion-header a:active.accordion-button,
    .accordion>.accordion-item>.accordion-header a:focus.accordion-button,
    .accordion>.accordion-item>.accordion-header button.accordion-button {
        position: relative;
        align-items: center;
        margin: 0px;
        padding: 10px;
        padding-left: 40px;
        width: 60%;
        font-weight: var(--fw-400);
        font-size: 1rem;
        line-height: 1.5rem;
        text-align: var(--dir-start);
        color: var(--font-color-dark);
        background-color: rgba(0, 0, 0, 0);
        border: none;
        border-radius: var(--border-radius);
        box-shadow: none;
        outline: none;
        cursor: pointer
    }

    .accordion>.accordion-item>.accordion-header a.accordion-button i,
    .accordion>.accordion-item>.accordion-header a.accordion-button svg,
    .accordion>.accordion-item>.accordion-header a:link.accordion-button i,
    .accordion>.accordion-item>.accordion-header a:link.accordion-button svg,
    .accordion>.accordion-item>.accordion-header a:visited.accordion-button i,
    .accordion>.accordion-item>.accordion-header a:visited.accordion-button svg,
    .accordion>.accordion-item>.accordion-header a:hover.accordion-button i,
    .accordion>.accordion-item>.accordion-header a:hover.accordion-button svg,
    .accordion>.accordion-item>.accordion-header a:active.accordion-button i,
    .accordion>.accordion-item>.accordion-header a:active.accordion-button svg,
    .accordion>.accordion-item>.accordion-header a:focus.accordion-button i,
    .accordion>.accordion-item>.accordion-header a:focus.accordion-button svg,
    .accordion>.accordion-item>.accordion-header button.accordion-button i,
    .accordion>.accordion-item>.accordion-header button.accordion-button svg {
        padding: 0px 5px
    }

    .accordion>.accordion-item>.accordion-header a.accordion-button::before,
    .accordion>.accordion-item>.accordion-header a:link.accordion-button::before,
    .accordion>.accordion-item>.accordion-header a:visited.accordion-button::before,
    .accordion>.accordion-item>.accordion-header a:hover.accordion-button::before,
    .accordion>.accordion-item>.accordion-header a:active.accordion-button::before,
    .accordion>.accordion-item>.accordion-header a:focus.accordion-button::before,
    .accordion>.accordion-item>.accordion-header button.accordion-button::before {
        position: absolute;
        top: calc(50% - 9px);
        margin: 0px;
        margin-left: -26px;
        padding: 0px;
        width: 16px;
        height: auto;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: "";
        color: var(--primary)
    }

    .accordion>.accordion-item>.accordion-header a.accordion-button::after,
    .accordion>.accordion-item>.accordion-header a:link.accordion-button::after,
    .accordion>.accordion-item>.accordion-header a:visited.accordion-button::after,
    .accordion>.accordion-item>.accordion-header a:hover.accordion-button::after,
    .accordion>.accordion-item>.accordion-header a:active.accordion-button::after,
    .accordion>.accordion-item>.accordion-header a:focus.accordion-button::after,
    .accordion>.accordion-item>.accordion-header button.accordion-button::after {
        display: none;
        content: ""
    }

    .accordion>.accordion-item>.accordion-header a.accordion-button.collapsed,
    .accordion>.accordion-item>.accordion-header a:link.accordion-button.collapsed,
    .accordion>.accordion-item>.accordion-header a:visited.accordion-button.collapsed,
    .accordion>.accordion-item>.accordion-header a:hover.accordion-button.collapsed,
    .accordion>.accordion-item>.accordion-header a:active.accordion-button.collapsed,
    .accordion>.accordion-item>.accordion-header a:focus.accordion-button.collapsed,
    .accordion>.accordion-item>.accordion-header button.accordion-button.collapsed {
        color: var(--font-color-dark)
    }

    .accordion>.accordion-item>.accordion-header a.accordion-button.collapsed::before,
    .accordion>.accordion-item>.accordion-header a:link.accordion-button.collapsed::before,
    .accordion>.accordion-item>.accordion-header a:visited.accordion-button.collapsed::before,
    .accordion>.accordion-item>.accordion-header a:hover.accordion-button.collapsed::before,
    .accordion>.accordion-item>.accordion-header a:active.accordion-button.collapsed::before,
    .accordion>.accordion-item>.accordion-header a:focus.accordion-button.collapsed::before,
    .accordion>.accordion-item>.accordion-header button.accordion-button.collapsed::before {
        content: var(--fa-chevron-start)
    }

    .accordion>.accordion-item>.accordion-header a.accordion-button.collapsed.no-icon::before,
    .accordion>.accordion-item>.accordion-header a:link.accordion-button.collapsed.no-icon::before,
    .accordion>.accordion-item>.accordion-header a:visited.accordion-button.collapsed.no-icon::before,
    .accordion>.accordion-item>.accordion-header a:hover.accordion-button.collapsed.no-icon::before,
    .accordion>.accordion-item>.accordion-header a:active.accordion-button.collapsed.no-icon::before,
    .accordion>.accordion-item>.accordion-header a:focus.accordion-button.collapsed.no-icon::before,
    .accordion>.accordion-item>.accordion-header button.accordion-button.collapsed.no-icon::before {
        content: ""
    }

    .accordion>.accordion-item>.accordion-header a.accordion-button.no-icon::before,
    .accordion>.accordion-item>.accordion-header a:link.accordion-button.no-icon::before,
    .accordion>.accordion-item>.accordion-header a:visited.accordion-button.no-icon::before,
    .accordion>.accordion-item>.accordion-header a:hover.accordion-button.no-icon::before,
    .accordion>.accordion-item>.accordion-header a:active.accordion-button.no-icon::before,
    .accordion>.accordion-item>.accordion-header a:focus.accordion-button.no-icon::before,
    .accordion>.accordion-item>.accordion-header button.accordion-button.no-icon::before {
        content: ""
    }

    .accordion>.accordion-item>.accordion-header a:focus-visible,
    .accordion>.accordion-item>.accordion-header button:focus-visible {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .accordion>.accordion-item>.accordion-header span.accordion-total,
    .accordion>.accordion-item>.accordion-header span.btn-group-right {
        margin: 0px;
        padding: 10px;
        width: 40%;
        text-align: var(--dir-end)
    }

    .accordion>.accordion-item>.accordion-header span.accordion-total {
        font-size: 1rem;
        line-height: 1.375rem
    }

    .accordion>.accordion-item>.accordion-header.active {
        border-color: var(--primary)
    }

    .accordion>.accordion-item>.accordion-header.active a.accordion-button,
    .accordion>.accordion-item>.accordion-header.active a:link.accordion-button,
    .accordion>.accordion-item>.accordion-header.active a:visited.accordion-button,
    .accordion>.accordion-item>.accordion-header.active a:hover.accordion-button,
    .accordion>.accordion-item>.accordion-header.active a:active.accordion-button,
    .accordion>.accordion-item>.accordion-header.active a:focus.accordion-button,
    .accordion>.accordion-item>.accordion-header.active button.accordion-button {
        color: var(--primary)
    }

    .accordion>.accordion-item>.accordion-header.active::after {
        position: relative;
        float: var(--dir-end);
        margin: 0px;
        margin-right: 10px;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: "";
        font-size: 1.125rem;
        line-height: 1.125rem;
        color: var(--primary)
    }

    .accordion>.accordion-item>.accordion-header.active+.accordion-collapse .accordion-body {
        border-color: var(--primary)
    }

    .accordion>.accordion-item>.accordion-header.disabled {
        background-color: var(--gray-10);
        cursor: not-allowed
    }

    .accordion>.accordion-item>.accordion-header.disabled a.accordion-button,
    .accordion>.accordion-item>.accordion-header.disabled a:link.accordion-button,
    .accordion>.accordion-item>.accordion-header.disabled a:visited.accordion-button,
    .accordion>.accordion-item>.accordion-header.disabled a:hover.accordion-button,
    .accordion>.accordion-item>.accordion-header.disabled a:active.accordion-button,
    .accordion>.accordion-item>.accordion-header.disabled a:focus.accordion-button,
    .accordion>.accordion-item>.accordion-header.disabled button.accordion-button {
        color: var(--gray-90);
        cursor: not-allowed
    }

    .accordion>.accordion-item>.accordion-header.disabled span.accordion-total,
    .accordion>.accordion-item>.accordion-header.disabled span.btn-group-right {
        color: var(--gray-90)
    }

    .accordion>.accordion-item .accordion-collapse .accordion-body {
        margin: -2px 0px 0px 0px;
        padding: 20px 40px;
        border: 2px solid var(--border-color);
        border-radius: 0px
    }

    .accordion>.accordion-item.active>.accordion-header {
        border-color: var(--primary)
    }

    .accordion>.accordion-item.active>.accordion-header a.accordion-button,
    .accordion>.accordion-item.active>.accordion-header a:link.accordion-button,
    .accordion>.accordion-item.active>.accordion-header a:visited.accordion-button,
    .accordion>.accordion-item.active>.accordion-header a:hover.accordion-button,
    .accordion>.accordion-item.active>.accordion-header a:active.accordion-button,
    .accordion>.accordion-item.active>.accordion-header a:focus.accordion-button,
    .accordion>.accordion-item.active>.accordion-header button.accordion-button {
        color: var(--primary)
    }

    .accordion>.accordion-item.active>.accordion-header::after {
        position: relative;
        float: var(--dir-end);
        margin: 0px;
        margin-right: 10px;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: "";
        font-size: 1.125rem;
        line-height: 1.125rem;
        color: var(--primary)
    }

    .accordion>.accordion-item.active>.accordion-header+.accordion-collapse .accordion-body {
        border-color: var(--primary)
    }
}

@layer bootstrap {
    .accordion.accordion-faq-ibot>.accordion-item {
        margin: 0px
    }

    .accordion.accordion-faq-ibot>.accordion-item>.accordion-header {
        margin: 0px !important;
        padding: 0px;
        border: none;
        border-bottom: none;
        border-radius: 0px
    }

    .accordion.accordion-faq-ibot>.accordion-item>.accordion-header a.accordion-button,
    .accordion.accordion-faq-ibot>.accordion-item>.accordion-header a:link.accordion-button,
    .accordion.accordion-faq-ibot>.accordion-item>.accordion-header a:visited.accordion-button,
    .accordion.accordion-faq-ibot>.accordion-item>.accordion-header a:hover.accordion-button,
    .accordion.accordion-faq-ibot>.accordion-item>.accordion-header a:active.accordion-button,
    .accordion.accordion-faq-ibot>.accordion-item>.accordion-header a:focus.accordion-button,
    .accordion.accordion-faq-ibot>.accordion-item>.accordion-header button.accordion-button {
        position: relative;
        padding: 5px 10px;
        padding-left: 25px;
        font-weight: var(--fw-400);
        font-size: 1rem;
        line-height: 1.25rem;
        color: var(--gray-dark-30);
        cursor: pointer
    }

    .accordion.accordion-faq-ibot>.accordion-item>.accordion-header a.accordion-button::before,
    .accordion.accordion-faq-ibot>.accordion-item>.accordion-header a:link.accordion-button::before,
    .accordion.accordion-faq-ibot>.accordion-item>.accordion-header a:visited.accordion-button::before,
    .accordion.accordion-faq-ibot>.accordion-item>.accordion-header a:hover.accordion-button::before,
    .accordion.accordion-faq-ibot>.accordion-item>.accordion-header a:active.accordion-button::before,
    .accordion.accordion-faq-ibot>.accordion-item>.accordion-header a:focus.accordion-button::before,
    .accordion.accordion-faq-ibot>.accordion-item>.accordion-header button.accordion-button::before {
        top: calc(50% - 7px);
        margin: 0px;
        margin-left: -25px
    }

    .accordion.accordion-faq-ibot>.accordion-item>.accordion-header a.accordion-button.collapsed,
    .accordion.accordion-faq-ibot>.accordion-item>.accordion-header a:link.accordion-button.collapsed,
    .accordion.accordion-faq-ibot>.accordion-item>.accordion-header a:visited.accordion-button.collapsed,
    .accordion.accordion-faq-ibot>.accordion-item>.accordion-header a:hover.accordion-button.collapsed,
    .accordion.accordion-faq-ibot>.accordion-item>.accordion-header a:active.accordion-button.collapsed,
    .accordion.accordion-faq-ibot>.accordion-item>.accordion-header a:focus.accordion-button.collapsed,
    .accordion.accordion-faq-ibot>.accordion-item>.accordion-header button.accordion-button.collapsed {
        color: var(--primary)
    }

    .accordion.accordion-faq-ibot>.accordion-item>.accordion-header a:focus-visible,
    .accordion.accordion-faq-ibot>.accordion-item>.accordion-header button:focus-visible {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .accordion.accordion-faq-ibot>.accordion-item>.accordion-header span.accordion-total,
    .accordion.accordion-faq-ibot>.accordion-item>.accordion-header span.btn-group-right {
        padding: 15px 15px 5px 15px
    }

    .accordion.accordion-faq-ibot>.accordion-item .accordion-collapse .accordion-body {
        margin: 0px;
        padding: 0px 0px 40px 0px;
        border: none;
        border-bottom: none;
        border-radius: 0px
    }

    .accordion.accordion-faq-ibot>.accordion-item.active>.accordion-header a.accordion-button,
    .accordion.accordion-faq-ibot>.accordion-item.active>.accordion-header a:link.accordion-button,
    .accordion.accordion-faq-ibot>.accordion-item.active>.accordion-header a:visited.accordion-button,
    .accordion.accordion-faq-ibot>.accordion-item.active>.accordion-header a:hover.accordion-button,
    .accordion.accordion-faq-ibot>.accordion-item.active>.accordion-header a:active.accordion-button,
    .accordion.accordion-faq-ibot>.accordion-item.active>.accordion-header a:focus.accordion-button,
    .accordion.accordion-faq-ibot>.accordion-item.active>.accordion-header button.accordion-button {
        color: var(--primary)
    }

    .accordion.accordion-faq-ibot>.accordion-item.active>.accordion-header::after {
        content: ""
    }
}

@layer bootstrap {
    .accordion.accordion-faq>.accordion-item {
        margin: 0px
    }

    .accordion.accordion-faq>.accordion-item>.accordion-header {
        margin: 0px !important;
        padding: 0px;
        border: none;
        border-bottom: none;
        border-radius: 0px
    }

    .accordion.accordion-faq>.accordion-item>.accordion-header a.accordion-button,
    .accordion.accordion-faq>.accordion-item>.accordion-header a:link.accordion-button,
    .accordion.accordion-faq>.accordion-item>.accordion-header a:visited.accordion-button,
    .accordion.accordion-faq>.accordion-item>.accordion-header a:hover.accordion-button,
    .accordion.accordion-faq>.accordion-item>.accordion-header a:active.accordion-button,
    .accordion.accordion-faq>.accordion-item>.accordion-header a:focus.accordion-button,
    .accordion.accordion-faq>.accordion-item>.accordion-header button.accordion-button {
        position: relative;
        padding: 5px 10px;
        padding-left: 25px;
        width: 100%;
        font-weight: var(--fw-600);
        font-size: 1rem;
        line-height: 1.25rem;
        color: var(--font-color-dark);
        cursor: pointer
    }

    .accordion.accordion-faq>.accordion-item>.accordion-header a.accordion-button::before,
    .accordion.accordion-faq>.accordion-item>.accordion-header a:link.accordion-button::before,
    .accordion.accordion-faq>.accordion-item>.accordion-header a:visited.accordion-button::before,
    .accordion.accordion-faq>.accordion-item>.accordion-header a:hover.accordion-button::before,
    .accordion.accordion-faq>.accordion-item>.accordion-header a:active.accordion-button::before,
    .accordion.accordion-faq>.accordion-item>.accordion-header a:focus.accordion-button::before,
    .accordion.accordion-faq>.accordion-item>.accordion-header button.accordion-button::before {
        top: calc(50% - 9px);
        margin: 0px;
        margin-left: -25px
    }

    .accordion.accordion-faq>.accordion-item>.accordion-header a.accordion-button.collapsed,
    .accordion.accordion-faq>.accordion-item>.accordion-header a:link.accordion-button.collapsed,
    .accordion.accordion-faq>.accordion-item>.accordion-header a:visited.accordion-button.collapsed,
    .accordion.accordion-faq>.accordion-item>.accordion-header a:hover.accordion-button.collapsed,
    .accordion.accordion-faq>.accordion-item>.accordion-header a:active.accordion-button.collapsed,
    .accordion.accordion-faq>.accordion-item>.accordion-header a:focus.accordion-button.collapsed,
    .accordion.accordion-faq>.accordion-item>.accordion-header button.accordion-button.collapsed {
        color: var(--font-color-dark)
    }

    .accordion.accordion-faq>.accordion-item>.accordion-header a:focus-visible,
    .accordion.accordion-faq>.accordion-item>.accordion-header button:focus-visible {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .accordion.accordion-faq>.accordion-item>.accordion-header span.accordion-total,
    .accordion.accordion-faq>.accordion-item>.accordion-header span.btn-group-right {
        padding: 15px 15px 5px 15px
    }

    .accordion.accordion-faq>.accordion-item .accordion-collapse .accordion-body {
        margin: 0px;
        padding: 10px 20px 20px 20px;
        border: none;
        border-radius: 0px
    }

    .accordion.accordion-faq>.accordion-item.active>.accordion-header a.accordion-button,
    .accordion.accordion-faq>.accordion-item.active>.accordion-header a:link.accordion-button,
    .accordion.accordion-faq>.accordion-item.active>.accordion-header a:visited.accordion-button,
    .accordion.accordion-faq>.accordion-item.active>.accordion-header a:hover.accordion-button,
    .accordion.accordion-faq>.accordion-item.active>.accordion-header a:active.accordion-button,
    .accordion.accordion-faq>.accordion-item.active>.accordion-header a:focus.accordion-button,
    .accordion.accordion-faq>.accordion-item.active>.accordion-header button.accordion-button {
        color: var(--primary)
    }

    .accordion.accordion-faq>.accordion-item.active>.accordion-header::after {
        content: ""
    }
}

@layer bootstrap {
    .accordion.accordion-filter>.accordion-item {
        margin: 0px 0px -1px 0px
    }

    .accordion.accordion-filter>.accordion-item>.accordion-header {
        margin: 0px !important;
        padding: 5px 0px;
        background-color: var(--gray-5);
        border: none;
        border-top: 1px solid var(--border-color);
        border-bottom: 1px solid var(--border-color);
        border-radius: 0px
    }

    .accordion.accordion-filter>.accordion-item>.accordion-header a.accordion-button,
    .accordion.accordion-filter>.accordion-item>.accordion-header a:link.accordion-button,
    .accordion.accordion-filter>.accordion-item>.accordion-header a:visited.accordion-button,
    .accordion.accordion-filter>.accordion-item>.accordion-header a:hover.accordion-button,
    .accordion.accordion-filter>.accordion-item>.accordion-header a:active.accordion-button,
    .accordion.accordion-filter>.accordion-item>.accordion-header a:focus.accordion-button,
    .accordion.accordion-filter>.accordion-item>.accordion-header button.accordion-button {
        position: relative;
        padding: 5px 10px;
        padding-left: 30px;
        font-weight: var(--fw-400);
        font-size: .875rem;
        line-height: 1.125rem;
        color: var(--font-color-dark);
        cursor: pointer
    }

    .accordion.accordion-filter>.accordion-item>.accordion-header a.accordion-button::before,
    .accordion.accordion-filter>.accordion-item>.accordion-header a:link.accordion-button::before,
    .accordion.accordion-filter>.accordion-item>.accordion-header a:visited.accordion-button::before,
    .accordion.accordion-filter>.accordion-item>.accordion-header a:hover.accordion-button::before,
    .accordion.accordion-filter>.accordion-item>.accordion-header a:active.accordion-button::before,
    .accordion.accordion-filter>.accordion-item>.accordion-header a:focus.accordion-button::before,
    .accordion.accordion-filter>.accordion-item>.accordion-header button.accordion-button::before {
        top: calc(50% - 7px);
        margin: 0px;
        margin-left: -20px
    }

    .accordion.accordion-filter>.accordion-item>.accordion-header a.accordion-button::before,
    .accordion.accordion-filter>.accordion-item>.accordion-header a:link.accordion-button::before,
    .accordion.accordion-filter>.accordion-item>.accordion-header a:visited.accordion-button::before,
    .accordion.accordion-filter>.accordion-item>.accordion-header a:hover.accordion-button::before,
    .accordion.accordion-filter>.accordion-item>.accordion-header a:active.accordion-button::before,
    .accordion.accordion-filter>.accordion-item>.accordion-header a:focus.accordion-button::before,
    .accordion.accordion-filter>.accordion-item>.accordion-header button.accordion-button::before {
        color: var(--gray-30)
    }

    .accordion.accordion-filter>.accordion-item>.accordion-header a.accordion-button.collapsed,
    .accordion.accordion-filter>.accordion-item>.accordion-header a:link.accordion-button.collapsed,
    .accordion.accordion-filter>.accordion-item>.accordion-header a:visited.accordion-button.collapsed,
    .accordion.accordion-filter>.accordion-item>.accordion-header a:hover.accordion-button.collapsed,
    .accordion.accordion-filter>.accordion-item>.accordion-header a:active.accordion-button.collapsed,
    .accordion.accordion-filter>.accordion-item>.accordion-header a:focus.accordion-button.collapsed,
    .accordion.accordion-filter>.accordion-item>.accordion-header button.accordion-button.collapsed {
        color: var(--font-color-dark)
    }

    .accordion.accordion-filter>.accordion-item>.accordion-header a:focus-visible,
    .accordion.accordion-filter>.accordion-item>.accordion-header button:focus-visible {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .accordion.accordion-filter>.accordion-item>.accordion-header span.accordion-total,
    .accordion.accordion-filter>.accordion-item>.accordion-header span.btn-group-right {
        padding: 5px 10px
    }

    .accordion.accordion-filter>.accordion-item .accordion-collapse .accordion-body {
        margin: -1px 0px 0px 0px;
        padding: 0px;
        border: none;
        border-radius: 0px
    }

    .accordion.accordion-filter>.accordion-item .accordion-collapse .accordion-body>.table-responsive {
        margin: 0px;
        padding: 0px;
        border: none
    }

    .accordion.accordion-filter>.accordion-item .accordion-collapse .accordion-body>.table-responsive>table {
        margin: 0px;
        border: none
    }

    .accordion.accordion-filter>.accordion-item .accordion-collapse .accordion-body>.table-responsive>table>tbody>tr>td {
        padding: 8px 15px;
        padding-left: 30px;
        font-size: .8125rem;
        line-height: 1rem
    }

    .accordion.accordion-filter>.accordion-item .accordion-collapse .accordion-body>.table-responsive>table>tbody>tr>td .form-inline {
        justify-content: center
    }

    .accordion.accordion-filter>.accordion-item .accordion-collapse .accordion-body>.table-responsive>table>tbody>tr>td .form-inline .form-control {
        margin: 0px 5px;
        width: 40%
    }

    .accordion.accordion-filter>.accordion-item .accordion-collapse .accordion-body>.table-responsive>table>tbody>tr.active>td {
        color: var(--primary-dark-20);
        background-color: var(--primary-5)
    }

    .accordion.accordion-filter>.accordion-item .accordion-collapse .accordion-body>.table-responsive>table>tbody>tr.active>td::after {
        position: relative;
        float: var(--dir-end);
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: ""
    }

    .accordion.accordion-filter>.accordion-item .accordion-collapse .accordion-body>.table-responsive>table>tbody>tr.active:hover>td {
        color: var(--primary-dark-20);
        background-color: var(--primary-5);
        cursor: pointer
    }

    .accordion.accordion-filter>.accordion-item .accordion-collapse .accordion-body>.table-responsive>table>tbody>tr.active:hover>td::after {
        color: var(--primary)
    }

    .accordion.accordion-filter>.accordion-item .accordion-collapse .accordion-body>.table-responsive>table>tbody>tr.disabled>td {
        color: var(--gray-70)
    }

    .accordion.accordion-filter>.accordion-item .accordion-collapse .accordion-body>.table-responsive>table>tbody>tr.disabled:hover>td {
        color: var(--gray-90);
        background-color: var(--gray-10);
        cursor: not-allowed
    }

    .accordion.accordion-filter>.accordion-item .accordion-collapse .accordion-body>.table-responsive>table>tbody>tr.disabled:hover>td::after {
        color: var(--gray-90)
    }

    .accordion.accordion-filter>.accordion-item .accordion-collapse .accordion-body>.table-responsive>table>tbody>tr:last-child {
        border-bottom: 1px solid var(--border-color)
    }

    .accordion.accordion-filter>.accordion-item .accordion-collapse .accordion-body>.table-responsive>table.table-hover>tbody>tr:hover>td {
        color: var(--primary-dark-20);
        background-color: var(--primary-5)
    }

    .accordion.accordion-filter>.accordion-item .accordion-collapse .accordion-body>.table-responsive>table.table-hover>tbody>tr.active:hover>td {
        color: var(--primary-dark-20);
        background-color: var(--primary-5)
    }

    .accordion.accordion-filter>.accordion-item.active>.accordion-header {
        background-color: var(--primary-5)
    }

    .accordion.accordion-filter>.accordion-item.active>.accordion-header a.accordion-button,
    .accordion.accordion-filter>.accordion-item.active>.accordion-header a:link.accordion-button,
    .accordion.accordion-filter>.accordion-item.active>.accordion-header a:visited.accordion-button,
    .accordion.accordion-filter>.accordion-item.active>.accordion-header a:hover.accordion-button,
    .accordion.accordion-filter>.accordion-item.active>.accordion-header a:active.accordion-button,
    .accordion.accordion-filter>.accordion-item.active>.accordion-header a:focus.accordion-button,
    .accordion.accordion-filter>.accordion-item.active>.accordion-header button.accordion-button {
        color: var(--primary)
    }
}

@layer bootstrap {
    .accordion.accordion-messages>.accordion-item {
        margin: -1px 0px 0px 0px
    }

    .accordion.accordion-messages>.accordion-item>.accordion-header {
        margin: 0px !important;
        padding: 0px;
        background-color: rgba(0, 0, 0, 0);
        border: none;
        border-top: 1px solid var(--border-color);
        border-bottom: 1px solid var(--border-color);
        border-radius: 0px
    }

    .accordion.accordion-messages>.accordion-item>.accordion-header a.accordion-button,
    .accordion.accordion-messages>.accordion-item>.accordion-header a:link.accordion-button,
    .accordion.accordion-messages>.accordion-item>.accordion-header a:visited.accordion-button,
    .accordion.accordion-messages>.accordion-item>.accordion-header a:hover.accordion-button,
    .accordion.accordion-messages>.accordion-item>.accordion-header a:active.accordion-button,
    .accordion.accordion-messages>.accordion-item>.accordion-header a:focus.accordion-button,
    .accordion.accordion-messages>.accordion-item>.accordion-header button.accordion-button {
        position: relative;
        padding: 8px 10px;
        padding-left: 30px;
        font-weight: var(--fw-600);
        font-size: .875rem;
        line-height: 1.25rem;
        color: var(--font-color-dark);
        cursor: pointer
    }

    .accordion.accordion-messages>.accordion-item>.accordion-header a.accordion-button::before,
    .accordion.accordion-messages>.accordion-item>.accordion-header a:link.accordion-button::before,
    .accordion.accordion-messages>.accordion-item>.accordion-header a:visited.accordion-button::before,
    .accordion.accordion-messages>.accordion-item>.accordion-header a:hover.accordion-button::before,
    .accordion.accordion-messages>.accordion-item>.accordion-header a:active.accordion-button::before,
    .accordion.accordion-messages>.accordion-item>.accordion-header a:focus.accordion-button::before,
    .accordion.accordion-messages>.accordion-item>.accordion-header button.accordion-button::before {
        margin: 0px;
        margin-left: -20px;
        color: var(--gray-30)
    }

    .accordion.accordion-messages>.accordion-item>.accordion-header a.accordion-button.collapsed,
    .accordion.accordion-messages>.accordion-item>.accordion-header a:link.accordion-button.collapsed,
    .accordion.accordion-messages>.accordion-item>.accordion-header a:visited.accordion-button.collapsed,
    .accordion.accordion-messages>.accordion-item>.accordion-header a:hover.accordion-button.collapsed,
    .accordion.accordion-messages>.accordion-item>.accordion-header a:active.accordion-button.collapsed,
    .accordion.accordion-messages>.accordion-item>.accordion-header a:focus.accordion-button.collapsed,
    .accordion.accordion-messages>.accordion-item>.accordion-header button.accordion-button.collapsed {
        color: var(--font-color-dark)
    }

    .accordion.accordion-messages>.accordion-item>.accordion-header a.accordion-button.collapsed::before,
    .accordion.accordion-messages>.accordion-item>.accordion-header a:link.accordion-button.collapsed::before,
    .accordion.accordion-messages>.accordion-item>.accordion-header a:visited.accordion-button.collapsed::before,
    .accordion.accordion-messages>.accordion-item>.accordion-header a:hover.accordion-button.collapsed::before,
    .accordion.accordion-messages>.accordion-item>.accordion-header a:active.accordion-button.collapsed::before,
    .accordion.accordion-messages>.accordion-item>.accordion-header a:focus.accordion-button.collapsed::before,
    .accordion.accordion-messages>.accordion-item>.accordion-header button.accordion-button.collapsed::before {
        color: var(--gray-30)
    }

    .accordion.accordion-messages>.accordion-item>.accordion-header a:focus-visible,
    .accordion.accordion-messages>.accordion-item>.accordion-header button:focus-visible {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .accordion.accordion-messages>.accordion-item>.accordion-header span.badge-group {
        margin: -10px 0px 0px 0px;
        padding: 5px;
        padding-right: 15px;
        width: 20%;
        text-align: var(--dir-end)
    }

    .accordion.accordion-messages>.accordion-item>.accordion-header span.badge-group span.badge {
        padding: 2px 10px;
        font-weight: var(--fw-600);
        font-size: .8125rem;
        line-height: 1rem;
        border-radius: 20px
    }

    .accordion.accordion-messages>.accordion-item>.accordion-header span.badge-group span.badge.bg-danger {
        color: var(--white);
        background-color: var(--danger)
    }

    .accordion.accordion-messages>.accordion-item>.accordion-header span.badge-group span.badge.bg-gray {
        color: var(--white);
        background-color: var(--gray-40)
    }

    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header a,
    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header a:link,
    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header a:visited,
    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header a:hover,
    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header a:active,
    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header a:focus,
    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header button {
        color: var(--primary)
    }

    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header a::before,
    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header a:link::before,
    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header a:visited::before,
    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header a:hover::before,
    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header a:active::before,
    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header a:focus::before,
    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header button::before {
        content: ""
    }

    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header:hover {
        background-color: var(--primary-5)
    }

    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header:hover a,
    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header:hover a:link,
    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header:hover a:visited,
    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header:hover a:hover,
    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header:hover a:active,
    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header:hover a:focus,
    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header:hover button {
        color: var(--primary-dark-20)
    }

    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header.active {
        background-color: var(--primary-5)
    }

    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header.active a,
    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header.active a:link,
    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header.active a:visited,
    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header.active a:hover,
    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header.active a:active,
    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header.active a:focus,
    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header.active button {
        font-weight: var(--fw-600);
        color: var(--primary-dark-20)
    }

    .accordion.accordion-messages>.accordion-item>.accordion-header.nav-header.active::after {
        margin: 0px;
        content: ""
    }

    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body {
        margin: -1px 0px 0px 0px;
        padding: 10px 0px;
        border: none;
        border-radius: 0px
    }

    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a.nav-link,
    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a:link.nav-link,
    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a:visited.nav-link,
    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a:hover.nav-link,
    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a:active.nav-link,
    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a:focus.nav-link,
    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills button.nav-link {
        display: flex;
        justify-content: space-between;
        align-content: center;
        align-items: center;
        margin: 2px 0px;
        padding: 8px 15px;
        padding-left: 30px;
        font-size: .875rem;
        line-height: 1.25rem;
        color: var(--primary);
        background-color: rgba(0, 0, 0, 0);
        border-radius: 0px;
        cursor: pointer
    }

    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a.nav-link.active,
    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a:link.nav-link.active,
    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a:visited.nav-link.active,
    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a:hover.nav-link.active,
    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a:active.nav-link.active,
    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a:focus.nav-link.active,
    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills button.nav-link.active {
        font-weight: var(--fw-600);
        color: var(--primary);
        background-color: var(--primary-5)
    }

    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a.nav-link>span.badge,
    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a:link.nav-link>span.badge,
    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a:visited.nav-link>span.badge,
    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a:hover.nav-link>span.badge,
    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a:active.nav-link>span.badge,
    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a:focus.nav-link>span.badge,
    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills button.nav-link>span.badge {
        margin-left: auto;
        padding: 5px 10px 2px 10px;
        font-weight: var(--fw-600);
        font-size: .8125rem;
        line-height: 1rem;
        border-radius: 20px
    }

    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a.nav-link>span.badge.bg-danger,
    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a:link.nav-link>span.badge.bg-danger,
    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a:visited.nav-link>span.badge.bg-danger,
    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a:hover.nav-link>span.badge.bg-danger,
    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a:active.nav-link>span.badge.bg-danger,
    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a:focus.nav-link>span.badge.bg-danger,
    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills button.nav-link>span.badge.bg-danger {
        color: var(--white);
        background-color: var(--danger)
    }

    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a.nav-link>span.badge.bg-gray,
    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a:link.nav-link>span.badge.bg-gray,
    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a:visited.nav-link>span.badge.bg-gray,
    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a:hover.nav-link>span.badge.bg-gray,
    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a:active.nav-link>span.badge.bg-gray,
    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a:focus.nav-link>span.badge.bg-gray,
    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills button.nav-link>span.badge.bg-gray {
        color: var(--font-color-dark);
        background-color: var(--gray-40)
    }

    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a:hover.nav-link {
        color: var(--primary-dark-20);
        background-color: var(--primary-5)
    }

    .accordion.accordion-messages>.accordion-item .accordion-collapse .accordion-body .nav-pills a:hover.nav-link.active {
        color: var(--primary-dark-20);
        background-color: var(--primary-5);
        cursor: default
    }
}

@layer bootstrap {
    .accordion.accordion-report>.accordion-item {
        margin: 0px 0px 5px 0px
    }

    .accordion.accordion-report>.accordion-item>.accordion-header {
        margin: 0px !important;
        padding: 0px;
        background-color: var(--primary-5);
        border: 1px solid var(--primary-10);
        border-radius: 0px
    }

    .accordion.accordion-report>.accordion-item>.accordion-header a.accordion-button,
    .accordion.accordion-report>.accordion-item>.accordion-header a:link.accordion-button,
    .accordion.accordion-report>.accordion-item>.accordion-header a:visited.accordion-button,
    .accordion.accordion-report>.accordion-item>.accordion-header a:hover.accordion-button,
    .accordion.accordion-report>.accordion-item>.accordion-header a:active.accordion-button,
    .accordion.accordion-report>.accordion-item>.accordion-header a:focus.accordion-button,
    .accordion.accordion-report>.accordion-item>.accordion-header button.accordion-button {
        position: relative;
        padding: 10px;
        padding-left: 30px;
        font-weight: var(--fw-600);
        font-size: .875rem;
        line-height: 1.125rem;
        color: var(--link-color);
        cursor: pointer
    }

    .accordion.accordion-report>.accordion-item>.accordion-header a.accordion-button::before,
    .accordion.accordion-report>.accordion-item>.accordion-header a:link.accordion-button::before,
    .accordion.accordion-report>.accordion-item>.accordion-header a:visited.accordion-button::before,
    .accordion.accordion-report>.accordion-item>.accordion-header a:hover.accordion-button::before,
    .accordion.accordion-report>.accordion-item>.accordion-header a:active.accordion-button::before,
    .accordion.accordion-report>.accordion-item>.accordion-header a:focus.accordion-button::before,
    .accordion.accordion-report>.accordion-item>.accordion-header button.accordion-button::before {
        top: calc(50% - 7px);
        margin: 0px;
        margin-left: -20px;
        color: var(--link-color)
    }

    .accordion.accordion-report>.accordion-item>.accordion-header a.accordion-button.collapsed,
    .accordion.accordion-report>.accordion-item>.accordion-header a:link.accordion-button.collapsed,
    .accordion.accordion-report>.accordion-item>.accordion-header a:visited.accordion-button.collapsed,
    .accordion.accordion-report>.accordion-item>.accordion-header a:hover.accordion-button.collapsed,
    .accordion.accordion-report>.accordion-item>.accordion-header a:active.accordion-button.collapsed,
    .accordion.accordion-report>.accordion-item>.accordion-header a:focus.accordion-button.collapsed,
    .accordion.accordion-report>.accordion-item>.accordion-header button.accordion-button.collapsed {
        color: var(--link-color)
    }

    .accordion.accordion-report>.accordion-item>.accordion-header a.accordion-button.collapsed::before,
    .accordion.accordion-report>.accordion-item>.accordion-header a:link.accordion-button.collapsed::before,
    .accordion.accordion-report>.accordion-item>.accordion-header a:visited.accordion-button.collapsed::before,
    .accordion.accordion-report>.accordion-item>.accordion-header a:hover.accordion-button.collapsed::before,
    .accordion.accordion-report>.accordion-item>.accordion-header a:active.accordion-button.collapsed::before,
    .accordion.accordion-report>.accordion-item>.accordion-header a:focus.accordion-button.collapsed::before,
    .accordion.accordion-report>.accordion-item>.accordion-header button.accordion-button.collapsed::before {
        color: var(--link-color)
    }

    .accordion.accordion-report>.accordion-item>.accordion-header a:focus-visible,
    .accordion.accordion-report>.accordion-item>.accordion-header button:focus-visible {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .accordion.accordion-report>.accordion-item>.accordion-header span.accordion-total,
    .accordion.accordion-report>.accordion-item>.accordion-header span.btn-group-right {
        padding: 5px 10px
    }

    .accordion.accordion-report>.accordion-item .accordion-collapse .accordion-body {
        margin: -1px 0px 0px 0px;
        padding: 0px;
        border: none;
        border-radius: 0px
    }

    .accordion.accordion-report>.accordion-item .accordion-collapse .accordion-body>.table-responsive {
        margin: 0px;
        padding: 0px;
        border: none
    }

    .accordion.accordion-report>.accordion-item .accordion-collapse .accordion-body>.table-responsive>table {
        margin: 0px;
        border: none
    }

    .accordion.accordion-report>.accordion-item .accordion-collapse .accordion-body>.table-responsive>table>tbody>tr>td {
        padding: 5px;
        font-size: .8125rem;
        line-height: 1rem
    }

    .accordion.accordion-report>.accordion-item .accordion-collapse .accordion-body>.table-responsive>table>tbody>tr>td .form-inline {
        justify-content: center
    }

    .accordion.accordion-report>.accordion-item .accordion-collapse .accordion-body>.table-responsive>table>tbody>tr>td .form-inline .form-control {
        margin: 0px 5px;
        width: 40%
    }
}

@layer bootstrap {
    .accordion.accordion-small>.accordion-item {
        margin: 0px 0px -1px 0px
    }

    .accordion.accordion-small>.accordion-item>.accordion-header {
        margin: 0px !important;
        padding: 0px;
        border: none;
        border-top: 1px solid var(--border-color);
        border-bottom: 1px solid var(--border-color);
        border-radius: 0px
    }

    .accordion.accordion-small>.accordion-item>.accordion-header a.accordion-button,
    .accordion.accordion-small>.accordion-item>.accordion-header a:link.accordion-button,
    .accordion.accordion-small>.accordion-item>.accordion-header a:visited.accordion-button,
    .accordion.accordion-small>.accordion-item>.accordion-header a:hover.accordion-button,
    .accordion.accordion-small>.accordion-item>.accordion-header a:active.accordion-button,
    .accordion.accordion-small>.accordion-item>.accordion-header a:focus.accordion-button,
    .accordion.accordion-small>.accordion-item>.accordion-header button.accordion-button {
        position: relative;
        padding: 5px 10px;
        padding-left: 30px;
        font-weight: var(--fw-400);
        font-size: .875rem;
        line-height: 1.125rem;
        color: var(--font-color-dark);
        cursor: pointer
    }

    .accordion.accordion-small>.accordion-item>.accordion-header a.accordion-button::before,
    .accordion.accordion-small>.accordion-item>.accordion-header a:link.accordion-button::before,
    .accordion.accordion-small>.accordion-item>.accordion-header a:visited.accordion-button::before,
    .accordion.accordion-small>.accordion-item>.accordion-header a:hover.accordion-button::before,
    .accordion.accordion-small>.accordion-item>.accordion-header a:active.accordion-button::before,
    .accordion.accordion-small>.accordion-item>.accordion-header a:focus.accordion-button::before,
    .accordion.accordion-small>.accordion-item>.accordion-header button.accordion-button::before {
        top: calc(50% - 7px);
        margin: 0px;
        margin-left: -20px
    }

    .accordion.accordion-small>.accordion-item>.accordion-header a.accordion-button.collapsed,
    .accordion.accordion-small>.accordion-item>.accordion-header a:link.accordion-button.collapsed,
    .accordion.accordion-small>.accordion-item>.accordion-header a:visited.accordion-button.collapsed,
    .accordion.accordion-small>.accordion-item>.accordion-header a:hover.accordion-button.collapsed,
    .accordion.accordion-small>.accordion-item>.accordion-header a:active.accordion-button.collapsed,
    .accordion.accordion-small>.accordion-item>.accordion-header a:focus.accordion-button.collapsed,
    .accordion.accordion-small>.accordion-item>.accordion-header button.accordion-button.collapsed {
        color: var(--font-color-dark)
    }

    .accordion.accordion-small>.accordion-item>.accordion-header a:focus-visible,
    .accordion.accordion-small>.accordion-item>.accordion-header button:focus-visible {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .accordion.accordion-small>.accordion-item>.accordion-header span.accordion-total,
    .accordion.accordion-small>.accordion-item>.accordion-header span.btn-group-right {
        padding: 5px
    }

    .accordion.accordion-small>.accordion-item .accordion-collapse .accordion-body {
        margin: -1px 0px 0px 0px;
        padding: 10px 25px 40px 25px;
        border: none;
        border-radius: 0px
    }

    .accordion.accordion-small>.accordion-item.active>.accordion-header {
        border-color: var(--primary)
    }

    .accordion.accordion-small>.accordion-item.active>.accordion-header a.accordion-button,
    .accordion.accordion-small>.accordion-item.active>.accordion-header a:link.accordion-button,
    .accordion.accordion-small>.accordion-item.active>.accordion-header a:visited.accordion-button,
    .accordion.accordion-small>.accordion-item.active>.accordion-header a:hover.accordion-button,
    .accordion.accordion-small>.accordion-item.active>.accordion-header a:active.accordion-button,
    .accordion.accordion-small>.accordion-item.active>.accordion-header a:focus.accordion-button,
    .accordion.accordion-small>.accordion-item.active>.accordion-header button.accordion-button {
        color: var(--primary)
    }

    .accordion.accordion-small>.accordion-item.active>.accordion-header::after {
        position: relative;
        float: var(--dir-end);
        margin: 0px;
        margin-right: 10px;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: "";
        font-size: 1.125rem;
        line-height: 1.125rem;
        color: var(--primary)
    }

    .accordion.accordion-small>.accordion-item.active>.accordion-header+.accordion-collapse .accordion-body {
        border-color: var(--primary)
    }
}

@layer bootstrap {
    .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;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .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);
        font-size: 1.25rem;
        color: var(--font-color)
    }
}

@media(max-width: 575.98px) {
    @layer bootstrap {
        .alert.alert-icon::before {
            top: 13px
        }
    }
}

@media(min-width: 576px)and (max-width: 767.98px) {
    @layer bootstrap {
        .alert.alert-icon::before {
            top: 13px
        }
    }
}

@layer bootstrap {
    .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: ""
    }
}

@layer bootstrap {
    .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: ""
    }
}

@layer bootstrap {
    .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: ""
    }
}

@layer bootstrap {
    .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: ""
    }
}

@layer bootstrap {
    .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: ""
    }
}

@layer bootstrap {

    .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
    }
}

@layer bootstrap {
    .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: ""
    }
}

@layer bootstrap {
    .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: ""
    }
}

@layer bootstrap {
    .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: ""
    }
}

@layer bootstrap {
    .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: ""
    }
}

@layer bootstrap {
    .badge {
        margin: 2px;
        padding: 5px 8px;
        font-weight: var(--fw-600);
        color: var(--white);
        border: 1px solid rgba(0, 0, 0, 0);
        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 rgba(0, 0, 0, 0);
        border-right: 7px solid var(--yellow);
        border-bottom: 5px solid rgba(0, 0, 0, 0)
    }

    .badge.bg-warning {
        color: var(--font-color-dark)
    }
}

@layer bootstrap {
    .breadcrumb {
        margin: 0px !important;
        padding: 0px !important;
        background: none
    }

    .breadcrumb .breadcrumb-item {
        margin: 0px !important;
        padding: 0px !important;
        font-size: .8125rem !important;
        line-height: 1.125rem !important
    }

    .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
        float: var(--dir-start);
        padding-right: 0px;
        padding: 0px 8px;
        font-weight: 300;
        font-size: 1.25rem;
        color: var(--gray-50);
        content: "/"
    }

    .breadcrumb .breadcrumb-item a,
    .breadcrumb .breadcrumb-item a:link,
    .breadcrumb .breadcrumb-item a:visited,
    .breadcrumb .breadcrumb-item a:hover,
    .breadcrumb .breadcrumb-item a:active,
    .breadcrumb .breadcrumb-item a:focus {
        color: var(--link-color)
    }

    .breadcrumb .breadcrumb-item a:hover {
        color: var(--link-color-hover)
    }

    .breadcrumb .breadcrumb-item a:focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .breadcrumb .breadcrumb-item.active {
        color: var(--font-color-light)
    }
}

@layer bootstrap {

    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 .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .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;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    a.btn:disabled,
    a.btn.disabled,
    button.btn:disabled,
    button.btn.disabled {
        opacity: .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;
        box-shadow: none !important
    }

    .btn-default:not(:disabled):not(.disabled).active,
    .btn-default:not(:disabled):not(.disabled):active,
    .btn-primary:not(:disabled):not(.disabled).active,
    .btn-primary:not(:disabled):not(.disabled):active,
    .btn-secondary:not(:disabled):not(.disabled).active,
    .btn-secondary:not(:disabled):not(.disabled):active,
    .btn-tertiary:not(:disabled):not(.disabled).active,
    .btn-tertiary:not(:disabled):not(.disabled):active,
    .btn-info:not(:disabled):not(.disabled).active,
    .btn-info:not(:disabled):not(.disabled):active,
    .btn-success:not(:disabled):not(.disabled).active,
    .btn-success:not(:disabled):not(.disabled):active,
    .btn-warning:not(:disabled):not(.disabled).active,
    .btn-warning:not(:disabled):not(.disabled):active,
    .btn-danger:not(:disabled):not(.disabled).active,
    .btn-danger:not(:disabled):not(.disabled):active,
    .btn-black:not(:disabled):not(.disabled).active,
    .btn-black:not(:disabled):not(.disabled):active {
        box-shadow: none !important
    }
}

@media(max-width: 575.98px) {
    @layer bootstrap {

        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: .75rem;
            overflow: hidden
        }
    }
}

@layer bootstrap {

    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
    }
}

@layer bootstrap {

    .btn-group a.btn,
    .btn-group button.btn {
        margin: 0px;
        width: auto
    }

    .btn-group a>.btn:not(:last-child):not(.dropdown-toggle),
    .btn-group button>.btn:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px
    }

    .btn-group a>.btn:not(:first-child),
    .btn-group button>.btn:not(:first-child) {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px
    }

    .btn-group a.btn-default,
    .btn-group button.btn-default {
        color: var(--font-color-light);
        background-color: var(--default);
        border-color: var(--border-color)
    }

    .btn-group a.btn-default:hover,
    .btn-group button.btn-default:hover {
        color: var(--font-color-dark);
        background-color: var(--gray-10);
        border-color: var(--gray)
    }

    .btn-group a.btn-default:not(:disabled):not(.disabled).active,
    .btn-group a.btn-default:not(:disabled):not(.disabled):active,
    .btn-group a.btn-default .show>.btn-default.dropdown-toggle,
    .btn-group button.btn-default:not(:disabled):not(.disabled).active,
    .btn-group button.btn-default:not(:disabled):not(.disabled):active,
    .btn-group button.btn-default .show>.btn-default.dropdown-toggle {
        color: var(--primary-dark-20);
        background-color: var(--primary-5);
        border-color: var(--primary-40)
    }

    .btn-group a.btn-default.disabled,
    .btn-group button.btn-default.disabled {
        color: var(--font-color-light);
        background-color: var(--default);
        border-color: var(--border-color)
    }

    .btn-group a.btn-default.active.disabled,
    .btn-group button.btn-default.active.disabled {
        color: var(--primary-dark-20);
        background-color: var(--primary-5);
        border-color: var(--primary-40)
    }

    .btn-group>.btn-group:not(:last-child)>.btn,
    .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px
    }

    .btn-group>.btn-group:not(:first-child)>.btn,
    .btn-group>.btn:not(:first-child) {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px
    }

    .btn-group .btn-group>.btn-group:not(:first-child),
    .btn-group .btn-group>.btn:not(:first-child) {
        margin-left: -1px
    }
}

@media(max-width: 575.98px) {
    @layer bootstrap {
        .btn-group button.btn {
            margin: 0px !important
        }

        .btn-group>.btn-group:not(:first-child),
        .btn-group>.btn:not(:first-child) {
            margin-left: -1px !important
        }
    }
}

@layer bootstrap {

    .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:focus,
    .btn-black:not([href]):not([tabindex]):focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .btn-black i,
    .btn-black svg,
    .btn-black:not([href]):not([tabindex]) i,
    .btn-black:not([href]):not([tabindex]) svg {
        color: var(--white) !important
    }

    .btn-outline.btn-black,
    .btn-outline.btn-black:not([href]):not([tabindex]) {
        color: var(--black) !important;
        background-color: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !important;
        border-color: var(--gray-90) !important
    }

    .btn-outline.btn-black:focus,
    .btn-outline.btn-black:not([href]):not([tabindex]):focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .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
    }
}

@layer bootstrap {

    .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:focus,
    .btn-danger:not([href]):not([tabindex]):focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .btn-danger i,
    .btn-danger svg,
    .btn-danger:not([href]):not([tabindex]) i,
    .btn-danger:not([href]):not([tabindex]) svg {
        color: var(--white) !important
    }

    .btn-outline.btn-danger,
    .btn-outline.btn-danger:not([href]):not([tabindex]) {
        color: var(--danger) !important;
        background-color: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !important;
        border-color: var(--danger-dark-20) !important
    }

    .btn-outline.btn-danger:focus,
    .btn-outline.btn-danger:not([href]):not([tabindex]):focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .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
    }
}

@layer legacy {

    .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:focus,
    .btn-default:not([href]):not([tabindex]):focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .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
    }

    .btn-outline.btn-default,
    .btn-outline.btn-default:not([href]):not([tabindex]) {
        color: var(--btn-default-color) !important;
        background-color: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !important;
        border-color: var(--btn-default-border-color-active) !important
    }

    .btn-outline.btn-default:focus,
    .btn-outline.btn-default:not([href]):not([tabindex]):focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .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
    }
}

@layer legacy {

    .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:focus,
    .btn-info:not([href]):not([tabindex]):focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .btn-info i,
    .btn-info svg,
    .btn-info:not([href]):not([tabindex]) i,
    .btn-info:not([href]):not([tabindex]) svg {
        color: var(--white) !important
    }

    .btn-outline.btn-info,
    .btn-outline.btn-info:not([href]):not([tabindex]) {
        color: var(--info) !important;
        background-color: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !important;
        border-color: var(--info-dark-20) !important
    }

    .btn-outline.btn-info:focus,
    .btn-outline.btn-info:not([href]):not([tabindex]):focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .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
    }
}

@layer bootstrap {

    .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:focus,
    .btn-primary:not([href]):not([tabindex]):focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .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
    }

    .btn-outline.btn-primary,
    .btn-outline.btn-primary:not([href]):not([tabindex]) {
        color: var(--btn-primary-border-color) !important;
        background-color: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !important;
        border-color: var(--btn-primary-border-color-active) !important
    }

    .btn-outline.btn-primary:focus,
    .btn-outline.btn-primary:not([href]):not([tabindex]):focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .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
    }
}

@layer bootstrap {

    .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:focus,
    .btn-secondary:not([href]):not([tabindex]):focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .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
    }

    .btn-outline.btn-secondary,
    .btn-outline.btn-secondary:not([href]):not([tabindex]) {
        color: var(--btn-secondary-border-color) !important;
        background-color: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !important;
        border-color: var(--btn-secondary-border-color-active) !important
    }

    .btn-outline.btn-secondary:focus,
    .btn-outline.btn-secondary:not([href]):not([tabindex]):focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .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
    }
}

@layer bootstrap {

    .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:focus,
    .btn-success:not([href]):not([tabindex]):focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .btn-success i,
    .btn-success svg,
    .btn-success:not([href]):not([tabindex]) i,
    .btn-success:not([href]):not([tabindex]) svg {
        color: var(--white) !important
    }

    .btn-outline.btn-success,
    .btn-outline.btn-success:not([href]):not([tabindex]) {
        color: var(--success) !important;
        background-color: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !important;
        border-color: var(--success-dark-20) !important
    }

    .btn-outline.btn-success:focus,
    .btn-outline.btn-success:not([href]):not([tabindex]):focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .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
    }
}

@layer bootstrap {

    .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:focus,
    .btn-tertiary:not([href]):not([tabindex]):focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .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
    }

    .btn-outline.btn-tertiary,
    .btn-outline.btn-tertiary:not([href]):not([tabindex]) {
        color: var(--btn-tertiary-border-color) !important;
        background-color: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !important;
        border-color: var(--btn-tertiary-border-color-active) !important
    }

    .btn-outline.btn-tertiary:focus,
    .btn-outline.btn-tertiary:not([href]):not([tabindex]):focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .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
    }
}

@layer bootstrap {

    .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:focus,
    .btn-warning:not([href]):not([tabindex]):focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .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
    }

    .btn-outline.btn-warning,
    .btn-outline.btn-warning:not([href]):not([tabindex]) {
        color: var(--warning) !important;
        background-color: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !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: rgba(0, 0, 0, 0) !important;
        border-color: var(--warning-dark-20) !important
    }

    .btn-outline.btn-warning:focus,
    .btn-outline.btn-warning:not([href]):not([tabindex]):focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .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
    }
}

@layer bootstrap {
    .carousel-indicators {
        margin: 0px !important;
        padding: 0px !important
    }

    .carousel-indicators li,
    .carousel-indicators [data-bs-target] {
        margin: 0px 3px !important;
        padding: 0px !important;
        width: 30px;
        height: 5px;
        background-color: var(--gray-70);
        border: none;
        border-radius: var(--border-radius);
        box-sizing: border-box
    }

    .carousel-indicators li.active,
    .carousel-indicators [data-bs-target].active {
        background-color: var(--primary)
    }
}

@layer bootstrap {

    .checkbox input[type=checkbox],
    .checkbox-inline input[type=checkbox] {
        margin-left: 0px;
        position: static;
        margin-right: 10px
    }
}

@layer bootstrap {

    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);
        color: var(--primary-20);
        cursor: pointer
    }

    a.collapse-link.collapsed::before {
        content: var(--fa-chevron-start)
    }

    a.collapse-link::before {
        content: ""
    }
}

@layer bootstrap {
    .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 rgba(0, 0, 0, 0);
        border-right: 6px solid rgba(0, 0, 0, 0);
        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: .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 rgba(0, 0, 0, 0);
        border-right: 6px solid rgba(0, 0, 0, 0);
        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
    }
}

@layer bootstrap {
    .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: .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) !important
    }
}

@layer bootstrap {
    .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
    }
}

@layer bootstrap {
    .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%
    }

    .form-group {
        margin: 0px 0px 16px 0px
    }

    .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: .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: .3rem;
        margin-left: -1.25rem;
        padding: 0px;
        box-sizing: border-box
    }

    .form-group.form-icheck>div.focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .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: .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 .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .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 .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .form-group.form-link-add a:focus,
    .form-group.form-link-remove a:focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .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)
    }

    .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)
    }

    .form-group.form-link-add a:hover span.form-link-btn {
        color: var(--success-dark-20)
    }

    .form-group.form-link-add a:hover label,
    .form-group.form-link-add a:hover label.form-link-label {
        color: var(--success-dark-20)
    }

    .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)
    }

    .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)
    }

    .form-group.form-link-remove a:hover span.form-link-btn {
        color: var(--danger-dark-20)
    }

    .form-group.form-link-remove a:hover label,
    .form-group.form-link-remove a:hover label.form-link-label {
        color: var(--danger-dark-20)
    }

    .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)
    }

    .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
    }

    .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
    }

    .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)
    }

    .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 .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .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(max-width: 575.98px) {
    @layer bootstrap {
        .form-group .row.align-items-center .form-label {
            margin-bottom: 8px
        }

        .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(min-width: 576px)and (max-width: 767.98px) {
    @layer bootstrap {
        .form-group .row.align-items-center .form-label {
            margin-bottom: 8px
        }
    }
}

@media(min-width: 768px)and (max-width: 991.98px) {
    @layer bootstrap {
        .form-group .row.align-items-center .form-label {
            margin-bottom: 8px
        }
    }
}

@layer bootstrap {
    .form-switch .form-check-input {
        border-radius: 2em !important
    }

    .form-switch .form-check-input:focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important;
        border-radius: 2em !important
    }

    .form-switch .form-check-input:focus-visible {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important;
        border-radius: 2em !important
    }
}

@layer bootstrap {
    .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 {
        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 {
        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(max-width: 575.98px) {
    @layer bootstrap {
        .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(min-width: 576px)and (max-width: 767.98px) {
    @layer bootstrap {
        .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
        }
    }
}

@layer bootstrap {
    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 .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .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;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    input.form-control:disabled {
        color: var(--input-color);
        background-color: var(--gray-10);
        border-color: var(--input-border-color);
        opacity: .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)
    }
}

@layer bootstrap {
    label.form-label {
        position: relative;
        font-weight: var(--fw-600)
    }

    label.form-label span {
        font-weight: var(--fw-400);
        font-size: .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)
    }
}

@layer bootstrap {
    .modal {
        z-index: 1050;
        padding-right: 0px
    }

    .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 rgba(0, 0, 0, 0);
        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);
        content: "";
        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 .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .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.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 .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .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 .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .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: .5
    }
}

@media(max-width: 575.98px) {
    @layer bootstrap {
        .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(min-width: 576px)and (max-width: 767.98px) {
    @layer bootstrap {
        .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(min-width: 768px)and (max-width: 991.98px) {
    @layer bootstrap {
        .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(min-width: 992px)and (max-width: 1199.98px) {
    @layer bootstrap {
        .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(min-width: 1200px) {
    @layer bootstrap {
        .modal .modal-dialog.modal-sm {
            max-width: 600px
        }

        .modal .modal-dialog.modal-lg {
            max-width: 960px
        }

        .modal .modal-dialog.modal-xl {
            max-width: 1140px
        }
    }
}

@layer bootstrap {
    .nav-pills {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        align-items: stretch;
        justify-content: flex-start;
        margin: 0px !important;
        padding: 0px !important;
        overflow-x: auto;
        overflow-y: hidden
    }

    .nav-pills>li,
    .nav-pills .nav-item {
        display: flex;
        flex-basis: auto;
        margin: 0px !important;
        margin-right: 5px !important;
        padding: 0px !important;
        white-space: nowrap
    }

    .nav-pills>li>a,
    .nav-pills>li>a:link,
    .nav-pills>li>a:visited,
    .nav-pills>li>a:active,
    .nav-pills>li>a:hover,
    .nav-pills>li>a:focus,
    .nav-pills>li .nav-link,
    .nav-pills .nav-item>a,
    .nav-pills .nav-item>a:link,
    .nav-pills .nav-item>a:visited,
    .nav-pills .nav-item>a:active,
    .nav-pills .nav-item>a:hover,
    .nav-pills .nav-item>a:focus,
    .nav-pills .nav-item .nav-link {
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 5px;
        color: var(--font-color-light) !important;
        background-color: var(--bg-body) !important;
        border: 1px solid var(--bg-body) !important;
        border-radius: var(--border-radius) !important
    }

    .nav-pills>li>a:hover,
    .nav-pills>li .nav-link:hover,
    .nav-pills .nav-item>a:hover,
    .nav-pills .nav-item .nav-link:hover {
        color: var(--font-color-dark) !important;
        background-color: var(--primary-5) !important;
        border-color: var(--primary-5) !important;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .nav-pills>li>a:focus,
    .nav-pills>li .nav-link:focus,
    .nav-pills .nav-item>a:focus,
    .nav-pills .nav-item .nav-link:focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .nav-pills>li.active>a,
    .nav-pills>li.active>a:hover,
    .nav-pills>li.active>a:focus,
    .nav-pills>li .nav-link.active,
    .nav-pills .nav-item.active>a,
    .nav-pills .nav-item.active>a:hover,
    .nav-pills .nav-item.active>a:focus,
    .nav-pills .nav-item .nav-link.active {
        font-weight: var(--fw-600) !important;
        color: var(--primary) !important;
        background-color: var(--primary-5) !important;
        border-color: var(--primary-5) !important
    }

    .nav-pills>li.active>a:focus,
    .nav-pills>li.active>a:hover:focus,
    .nav-pills>li.active>a:focus:focus,
    .nav-pills>li .nav-link.active:focus,
    .nav-pills .nav-item.active>a:focus,
    .nav-pills .nav-item.active>a:hover:focus,
    .nav-pills .nav-item.active>a:focus:focus,
    .nav-pills .nav-item .nav-link.active:focus {
        outline: none !important;
        box-shadow: none !important;
        border-radius: none !important
    }
}

@layer bootstrap {
    .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
    }

    .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: rgba(0, 0, 0, 0) !important;
        border: 1px solid rgba(0, 0, 0, 0) !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 .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .nav-tabs .nav-item .nav-link:hover .btn-icon {
        color: var(--btn-icon-color-hover) !important;
        background-color: rgba(0, 0, 0, 0) !important;
        border-color: rgba(0, 0, 0, 0) !important
    }

    .nav-tabs .nav-item .nav-link:focus-visible {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .nav-tabs .nav-item .nav-link.active {
        z-index: 3;
        font-weight: var(--fw-600) !important;
        color: var(--primary) !important;
        background-color: rgba(0, 0, 0, 0) !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: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .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
    }

    .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: .875rem;
        line-height: 1.125rem;
        text-align: center;
        white-space: nowrap;
        color: var(--font-color-light) !important;
        background-color: rgba(0, 0, 0, 0) !important;
        border: none !important;
        border-bottom: 3px solid rgba(0, 0, 0, 0) !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 .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .nav-tabs.nav-lines .nav-item .nav-link:focus-visible {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .nav-tabs.nav-lines .nav-item .nav-link.active {
        font-weight: var(--fw-600) !important;
        color: var(--font-color-dark) !important;
        background-color: rgba(0, 0, 0, 0) !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: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .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: rgba(0, 0, 0, 0) !important;
        border: none !important;
        border-bottom: 3px solid rgba(0, 0, 0, 0) !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 .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .nav-tabs.nav-lines-large .nav-item .nav-link:focus-visible {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .nav-tabs.nav-lines-large .nav-item .nav-link.active {
        font-weight: var(--fw-600) !important;
        color: var(--font-color-dark) !important;
        background-color: rgba(0, 0, 0, 0) !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: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .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(max-width: 575.98px) {
    @layer bootstrap {
        .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
        }

        .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(min-width: 576px)and (max-width: 767.98px) {
    @layer bootstrap {
        .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
        }

        .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
        }
    }
}

@layer bootstrap {
    .popover {
        z-index: 1030;
        max-width: 300px;
        background-color: var(--bg-body-light);
        border-color: var(--border-color);
        border-radius: var(--border-radius)
    }

    .popover[data-popper-placement^=top]>.popover-arrow::after,
    .popover .bs-popover-top>.popover-arrow::after {
        border-top-color: var(--border-color)
    }

    .popover[data-popper-placement^=right]>.popover-arrow::after,
    .popover .bs-popover-end>.popover-arrow::after {
        border-right-color: var(--border-color)
    }

    .popover[data-popper-placement^=bottom]>.popover-arrow::after,
    .popover .bs-popover-bottom>.popover-arrow::after {
        border-bottom-color: var(--border-color)
    }

    .popover[data-popper-placement^=bottom] .popover-header::before,
    .popover .bs-popover-bottom .popover-header::before {
        border-bottom-color: var(--border-color)
    }

    .popover[data-popper-placement^=left]>.popover-arrow::after,
    .popover .bs-popover-start>.popover-arrow::after {
        border-left-color: var(--border-color)
    }

    .popover .popover-header {
        font-size: 1rem;
        line-height: 1.25rem;
        color: var(--font-color-dark);
        background-color: var(--bg-body-light);
        border-bottom-color: var(--border-color)
    }

    .popover .popover-body {
        padding: 20px;
        color: var(--font-color-dark);
        background-color: var(--bg-body-light)
    }

    .popover .popover-body>div:first-of-type,
    .popover .popover-body>span:first-of-type {
        max-height: 400px;
        overflow-y: auto
    }

    .popover a.close,
    .popover a.btn-close,
    .popover a:link.close,
    .popover a:link.btn-close,
    .popover a:visited.close,
    .popover a:visited.btn-close,
    .popover a:hover.close,
    .popover a:hover.btn-close,
    .popover a:active.close,
    .popover a:active.btn-close,
    .popover a:focus.close,
    .popover a:focus.btn-close {
        position: absolute;
        top: 8px;
        right: 8px;
        margin: 0px;
        padding: 0px;
        font-weight: var(--fw-600);
        font-size: 1.25rem;
        line-height: 1.25rem;
        text-align: center;
        color: var(--gray-70);
        text-shadow: none;
        background-color: none;
        border-radius: 15px;
        opacity: 1
    }

    .popover a:hover.close,
    .popover a:hover.btn-close {
        color: var(--font-color-light)
    }
}

@layer bootstrap {
    .progress {
        height: 20px;
        background-color: var(--gray-10);
        border: 1px solid var(--gray-10);
        border-radius: var(--border-radius)
    }

    .progress-xs {
        height: 5px;
        margin-bottom: 10px
    }

    .progress-sm {
        height: 8px;
        margin-bottom: 10px
    }

    .progress-bar {
        width: 100%;
        line-height: .875rem;
        background-color: var(--primary)
    }

    .progress-bar-striped,
    .progress-striped .progress-bar {
        background-image: linear-gradient(45deg, var(--white-20) 25%, transparent 25%, transparent 50%, var(--white-20) 50%, var(--white-20) 75%, transparent 75%, transparent);
        background-size: 40px 40px
    }

    .progress-bar.active,
    .progress.active .progress-bar {
        animation: 2s linear 0s normal none infinite running progress-bar-stripes
    }
}

@layer bootstrap {

    .radio input[type=radio],
    .radio-inline input[type=radio] {
        margin-left: 0px;
        position: static;
        margin-right: 10px
    }
}

@layer bootstrap {
    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 .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .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);
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    select.form-select:disabled {
        color: var(--input-color);
        background-color: var(--gray-10);
        border-color: var(--input-border-color);
        opacity: .5
    }

    select.form-select.form-select-lg {
        height: 40px
    }

    select.form-select.form-select-xl {
        height: 48px
    }
}

@media(max-width: 575.98px) {
    @layer bootstrap {
        select.form-select {
            height: 44px
        }
    }
}

@media(min-width: 576px)and (max-width: 767.98px) {
    @layer bootstrap {
        select.form-select {
            height: 44px
        }
    }
}

@layer bootstrap {
    .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 .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 .25s
    }

    .switch .btn-toggle.active>.handle {
        left: 24px;
        transition: left .25s;
        background: var(--bg-body)
    }
}

@layer bootstrap {
    .table {
        margin-bottom: 0px;
        border-top: 1px solid var(--border-color);
        border-bottom: 1px solid var(--border-color);
        background-color: rgba(0, 0, 0, 0)
    }

    .table>:not(caption)>*>* {
        background-color: rgba(0, 0, 0, 0);
        border-bottom-width: 0px;
        box-shadow: none
    }

    .table>thead tr th {
        padding: var(--th-pt) var(--th-pe) var(--th-pb) var(--th-ps);
        max-width: 100%;
        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);
        border-top: 1px solid var(--border-color);
        border-bottom: 2px solid var(--border-color)
    }

    .table>thead tr th[align=left] {
        text-align: var(--dir-start) !important
    }

    .table>thead tr th[align=right] {
        text-align: var(--dir-end) !important
    }

    .table>thead tr th[align=center] {
        text-align: center
    }

    .table>tbody tr td,
    .table>tfoot tr td {
        padding: var(--td-pt) var(--td-pe) var(--td-pb) var(--td-ps);
        max-width: 100%;
        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);
        border-top: 1px solid var(--border-color)
    }

    .table>tbody tr td i.fa-chevron-right,
    .table>tbody tr td i.fa-chevron-left,
    .table>tbody tr td svg.fa-chevron-right,
    .table>tbody tr td svg.fa-chevron-left,
    .table>tfoot tr td i.fa-chevron-right,
    .table>tfoot tr td i.fa-chevron-left,
    .table>tfoot tr td svg.fa-chevron-right,
    .table>tfoot tr td svg.fa-chevron-left {
        color: var(--dark-10)
    }

    .table>tbody tr td span.form-icon,
    .table>tfoot tr td span.form-icon {
        display: flex;
        flex-direction: row;
        align-items: center
    }

    .table>tbody tr td span.form-icon i,
    .table>tbody tr td span.form-icon svg,
    .table>tfoot tr td span.form-icon i,
    .table>tfoot tr td span.form-icon svg {
        margin: 0px
    }

    .table>tbody tr td span.form-icon img,
    .table>tfoot tr td span.form-icon img {
        margin: 0px;
        max-width: 20px
    }

    .table>tbody tr td span.form-icon span,
    .table>tfoot tr td span.form-icon span {
        margin: 0px;
        margin-left: 10px
    }

    .table>tbody tr td[align=left],
    .table>tfoot tr td[align=left] {
        text-align: var(--dir-start) !important
    }

    .table>tbody tr td[align=right],
    .table>tfoot tr td[align=right] {
        text-align: var(--dir-end) !important
    }

    .table>tbody tr td[align=center],
    .table>tfoot tr td[align=center] {
        text-align: center
    }

    .table>tbody tr td[valign=top],
    .table>tfoot tr td[valign=top] {
        vertical-align: top
    }

    .table>tbody tr td[valign=middle],
    .table>tfoot tr td[valign=middle] {
        vertical-align: middle
    }

    .table>tbody tr td[valign=bottom],
    .table>tfoot tr td[valign=bottom] {
        vertical-align: bottom
    }

    .table>tbody+tbody,
    .table>tfoot+tbody {
        border-top: none !important
    }

    .table>thead colgroup col.default,
    .table>tbody colgroup col.default,
    .table>tfoot colgroup col.default {
        background-color: var(--gray-10)
    }

    .table>thead colgroup col.danger,
    .table>tbody colgroup col.danger,
    .table>tfoot colgroup col.danger {
        background-color: var(--red-10)
    }

    .table>thead colgroup col.error,
    .table>tbody colgroup col.error,
    .table>tfoot colgroup col.error {
        background-color: var(--red-10)
    }

    .table>thead colgroup col.info,
    .table>tbody colgroup col.info,
    .table>tfoot colgroup col.info {
        background-color: var(--blue-10)
    }

    .table>thead colgroup col.success,
    .table>tbody colgroup col.success,
    .table>tfoot colgroup col.success {
        background-color: var(--green-10)
    }

    .table>thead colgroup col.warning,
    .table>tbody colgroup col.warning,
    .table>tfoot colgroup col.warning {
        background-color: var(--yellow-10)
    }

    .table>thead colgroup col.gray,
    .table>tbody colgroup col.gray,
    .table>tfoot colgroup col.gray {
        background-color: var(--gray-40)
    }

    .table>thead colgroup col.gray-light,
    .table>tbody colgroup col.gray-light,
    .table>tfoot colgroup col.gray-light {
        background-color: var(--gray-10)
    }

    .table>thead colgroup col.gray-dark,
    .table>tbody colgroup col.gray-dark,
    .table>tfoot colgroup col.gray-dark {
        background-color: var(--gray-70)
    }

    .table>thead>tr.active th,
    .table>thead>tr.active td,
    .table>tbody>tr.active th,
    .table>tbody>tr.active td,
    .table>tfoot>tr.active th,
    .table>tfoot>tr.active td {
        font-weight: var(--fw-600) !important;
        color: var(--td-color) !important;
        background-color: var(--primary-5) !important
    }

    .table>thead>tr.average th,
    .table>thead>tr.average td,
    .table>tbody>tr.average th,
    .table>tbody>tr.average td,
    .table>tfoot>tr.average th,
    .table>tfoot>tr.average td {
        font-weight: var(--fw-600) !important;
        color: var(--td-color) !important;
        background-color: var(--gray-5) !important
    }

    .table>thead>tr.blank th::before,
    .table>thead>tr.blank th::after,
    .table>thead>tr.blank td::before,
    .table>thead>tr.blank td::after,
    .table>tbody>tr.blank th::before,
    .table>tbody>tr.blank th::after,
    .table>tbody>tr.blank td::before,
    .table>tbody>tr.blank td::after,
    .table>tfoot>tr.blank th::before,
    .table>tfoot>tr.blank th::after,
    .table>tfoot>tr.blank td::before,
    .table>tfoot>tr.blank td::after {
        display: none !important;
        height: auto !important;
        content: "" !important
    }

    .table>thead>tr.danger th,
    .table>thead>tr.danger td,
    .table>tbody>tr.danger th,
    .table>tbody>tr.danger td,
    .table>tfoot>tr.danger th,
    .table>tfoot>tr.danger td {
        color: var(--td-color) !important;
        background-color: var(--danger-20) !important
    }

    .table>thead>tr.disclosure th,
    .table>thead>tr.disclosure td,
    .table>tbody>tr.disclosure th,
    .table>tbody>tr.disclosure td,
    .table>tfoot>tr.disclosure th,
    .table>tfoot>tr.disclosure td {
        font-weight: var(--fw-400) !important;
        color: var(--td-color) !important;
        background-color: rgba(0, 0, 0, 0) !important
    }

    .table>thead>tr.grandtotal th,
    .table>thead>tr.grandtotal td,
    .table>tbody>tr.grandtotal th,
    .table>tbody>tr.grandtotal td,
    .table>tfoot>tr.grandtotal th,
    .table>tfoot>tr.grandtotal td {
        font-weight: var(--fw-600) !important;
        color: var(--td-color) !important;
        background-color: var(--success-20) !important
    }

    .table>thead>tr.header th,
    .table>thead>tr.header td,
    .table>tbody>tr.header th,
    .table>tbody>tr.header td,
    .table>tfoot>tr.header th,
    .table>tfoot>tr.header td {
        font-weight: var(--fw-600) !important;
        color: var(--font-color-dark) !important;
        background-color: var(--slate-20) !important
    }

    .table>thead>tr.hover:hover th,
    .table>thead>tr.hover:hover td,
    .table>tbody>tr.hover:hover th,
    .table>tbody>tr.hover:hover td,
    .table>tfoot>tr.hover:hover th,
    .table>tfoot>tr.hover:hover td {
        color: var(--font-color-dark) !important;
        background-color: var(--primary-5) !important;
        cursor: pointer !important
    }

    .table>thead>tr.indent th:first-child,
    .table>thead>tr.indent-1x th:first-child,
    .table>thead>tr.indent td:first-child,
    .table>thead>tr.indent-1x td:first-child,
    .table>tbody>tr.indent th:first-child,
    .table>tbody>tr.indent-1x th:first-child,
    .table>tbody>tr.indent td:first-child,
    .table>tbody>tr.indent-1x td:first-child,
    .table>tfoot>tr.indent th:first-child,
    .table>tfoot>tr.indent-1x th:first-child,
    .table>tfoot>tr.indent td:first-child,
    .table>tfoot>tr.indent-1x td:first-child {
        padding-left: 10px !important
    }

    .table>thead>tr.indent-2x th:first-child,
    .table>thead>tr.indent-2x td:first-child,
    .table>tbody>tr.indent-2x th:first-child,
    .table>tbody>tr.indent-2x td:first-child,
    .table>tfoot>tr.indent-2x th:first-child,
    .table>tfoot>tr.indent-2x td:first-child {
        padding-left: 20px !important
    }

    .table>thead>tr.indent-3x th:first-child,
    .table>thead>tr.indent-3x td:first-child,
    .table>tbody>tr.indent-3x th:first-child,
    .table>tbody>tr.indent-3x td:first-child,
    .table>tfoot>tr.indent-3x th:first-child,
    .table>tfoot>tr.indent-3x td:first-child {
        padding-left: 30px !important
    }

    .table>thead>tr.indent-4x th:first-child,
    .table>thead>tr.indent-4x td:first-child,
    .table>tbody>tr.indent-4x th:first-child,
    .table>tbody>tr.indent-4x td:first-child,
    .table>tfoot>tr.indent-4x th:first-child,
    .table>tfoot>tr.indent-4x td:first-child {
        padding-left: 40px !important
    }

    .table>thead>tr.indent-5x th:first-child,
    .table>thead>tr.indent-5x td:first-child,
    .table>tbody>tr.indent-5x th:first-child,
    .table>tbody>tr.indent-5x td:first-child,
    .table>tfoot>tr.indent-5x th:first-child,
    .table>tfoot>tr.indent-5x td:first-child {
        padding-left: 50px !important
    }

    .table>thead>tr.load-more th,
    .table>thead>tr.load-more td,
    .table>tbody>tr.load-more th,
    .table>tbody>tr.load-more td,
    .table>tfoot>tr.load-more th,
    .table>tfoot>tr.load-more td {
        padding: 0px !important;
        text-align: center
    }

    .table>thead>tr.load-more th a,
    .table>thead>tr.load-more th a:link,
    .table>thead>tr.load-more th a:visited,
    .table>thead>tr.load-more th a:hover,
    .table>thead>tr.load-more th a:active,
    .table>thead>tr.load-more th a:focus,
    .table>thead>tr.load-more td a,
    .table>thead>tr.load-more td a:link,
    .table>thead>tr.load-more td a:visited,
    .table>thead>tr.load-more td a:hover,
    .table>thead>tr.load-more td a:active,
    .table>thead>tr.load-more td a:focus,
    .table>tbody>tr.load-more th a,
    .table>tbody>tr.load-more th a:link,
    .table>tbody>tr.load-more th a:visited,
    .table>tbody>tr.load-more th a:hover,
    .table>tbody>tr.load-more th a:active,
    .table>tbody>tr.load-more th a:focus,
    .table>tbody>tr.load-more td a,
    .table>tbody>tr.load-more td a:link,
    .table>tbody>tr.load-more td a:visited,
    .table>tbody>tr.load-more td a:hover,
    .table>tbody>tr.load-more td a:active,
    .table>tbody>tr.load-more td a:focus,
    .table>tfoot>tr.load-more th a,
    .table>tfoot>tr.load-more th a:link,
    .table>tfoot>tr.load-more th a:visited,
    .table>tfoot>tr.load-more th a:hover,
    .table>tfoot>tr.load-more th a:active,
    .table>tfoot>tr.load-more th a:focus,
    .table>tfoot>tr.load-more td a,
    .table>tfoot>tr.load-more td a:link,
    .table>tfoot>tr.load-more td a:visited,
    .table>tfoot>tr.load-more td a:hover,
    .table>tfoot>tr.load-more td a:active,
    .table>tfoot>tr.load-more td a:focus {
        display: block;
        margin: 0px;
        padding: 5px 8px;
        width: 100%;
        height: auto;
        font-weight: var(--fw-600);
        font-size: .875rem;
        line-height: 1.125rem;
        text-align: center;
        color: var(--link-color) !important;
        background-color: var(--primary-5) !important;
        border-radius: 0px
    }

    .table>thead>tr.load-more th a.btn-load-more,
    .table>thead>tr.load-more th a:link.btn-load-more,
    .table>thead>tr.load-more th a:visited.btn-load-more,
    .table>thead>tr.load-more th a:hover.btn-load-more,
    .table>thead>tr.load-more th a:active.btn-load-more,
    .table>thead>tr.load-more th a:focus.btn-load-more,
    .table>thead>tr.load-more td a.btn-load-more,
    .table>thead>tr.load-more td a:link.btn-load-more,
    .table>thead>tr.load-more td a:visited.btn-load-more,
    .table>thead>tr.load-more td a:hover.btn-load-more,
    .table>thead>tr.load-more td a:active.btn-load-more,
    .table>thead>tr.load-more td a:focus.btn-load-more,
    .table>tbody>tr.load-more th a.btn-load-more,
    .table>tbody>tr.load-more th a:link.btn-load-more,
    .table>tbody>tr.load-more th a:visited.btn-load-more,
    .table>tbody>tr.load-more th a:hover.btn-load-more,
    .table>tbody>tr.load-more th a:active.btn-load-more,
    .table>tbody>tr.load-more th a:focus.btn-load-more,
    .table>tbody>tr.load-more td a.btn-load-more,
    .table>tbody>tr.load-more td a:link.btn-load-more,
    .table>tbody>tr.load-more td a:visited.btn-load-more,
    .table>tbody>tr.load-more td a:hover.btn-load-more,
    .table>tbody>tr.load-more td a:active.btn-load-more,
    .table>tbody>tr.load-more td a:focus.btn-load-more,
    .table>tfoot>tr.load-more th a.btn-load-more,
    .table>tfoot>tr.load-more th a:link.btn-load-more,
    .table>tfoot>tr.load-more th a:visited.btn-load-more,
    .table>tfoot>tr.load-more th a:hover.btn-load-more,
    .table>tfoot>tr.load-more th a:active.btn-load-more,
    .table>tfoot>tr.load-more th a:focus.btn-load-more,
    .table>tfoot>tr.load-more td a.btn-load-more,
    .table>tfoot>tr.load-more td a:link.btn-load-more,
    .table>tfoot>tr.load-more td a:visited.btn-load-more,
    .table>tfoot>tr.load-more td a:hover.btn-load-more,
    .table>tfoot>tr.load-more td a:active.btn-load-more,
    .table>tfoot>tr.load-more td a:focus.btn-load-more {
        color: var(--link-color) !important;
        background-color: var(--primary-5) !important;
        border-color: rgba(0, 0, 0, 0) !important;
        border-radius: 0px
    }

    .table>thead>tr.load-more th a.btn-load-more::after,
    .table>thead>tr.load-more th a:link.btn-load-more::after,
    .table>thead>tr.load-more th a:visited.btn-load-more::after,
    .table>thead>tr.load-more th a:hover.btn-load-more::after,
    .table>thead>tr.load-more th a:active.btn-load-more::after,
    .table>thead>tr.load-more th a:focus.btn-load-more::after,
    .table>thead>tr.load-more td a.btn-load-more::after,
    .table>thead>tr.load-more td a:link.btn-load-more::after,
    .table>thead>tr.load-more td a:visited.btn-load-more::after,
    .table>thead>tr.load-more td a:hover.btn-load-more::after,
    .table>thead>tr.load-more td a:active.btn-load-more::after,
    .table>thead>tr.load-more td a:focus.btn-load-more::after,
    .table>tbody>tr.load-more th a.btn-load-more::after,
    .table>tbody>tr.load-more th a:link.btn-load-more::after,
    .table>tbody>tr.load-more th a:visited.btn-load-more::after,
    .table>tbody>tr.load-more th a:hover.btn-load-more::after,
    .table>tbody>tr.load-more th a:active.btn-load-more::after,
    .table>tbody>tr.load-more th a:focus.btn-load-more::after,
    .table>tbody>tr.load-more td a.btn-load-more::after,
    .table>tbody>tr.load-more td a:link.btn-load-more::after,
    .table>tbody>tr.load-more td a:visited.btn-load-more::after,
    .table>tbody>tr.load-more td a:hover.btn-load-more::after,
    .table>tbody>tr.load-more td a:active.btn-load-more::after,
    .table>tbody>tr.load-more td a:focus.btn-load-more::after,
    .table>tfoot>tr.load-more th a.btn-load-more::after,
    .table>tfoot>tr.load-more th a:link.btn-load-more::after,
    .table>tfoot>tr.load-more th a:visited.btn-load-more::after,
    .table>tfoot>tr.load-more th a:hover.btn-load-more::after,
    .table>tfoot>tr.load-more th a:active.btn-load-more::after,
    .table>tfoot>tr.load-more th a:focus.btn-load-more::after,
    .table>tfoot>tr.load-more td a.btn-load-more::after,
    .table>tfoot>tr.load-more td a:link.btn-load-more::after,
    .table>tfoot>tr.load-more td a:visited.btn-load-more::after,
    .table>tfoot>tr.load-more td a:hover.btn-load-more::after,
    .table>tfoot>tr.load-more td a:active.btn-load-more::after,
    .table>tfoot>tr.load-more td a:focus.btn-load-more::after {
        margin-left: 5px;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: ""
    }

    .table>thead>tr.load-more th a:hover,
    .table>thead>tr.load-more td a:hover,
    .table>tbody>tr.load-more th a:hover,
    .table>tbody>tr.load-more td a:hover,
    .table>tfoot>tr.load-more th a:hover,
    .table>tfoot>tr.load-more td a:hover {
        color: var(--link-color-hover) !important;
        background-color: var(--primary-10) !important
    }

    .table>thead>tr.load-more th a:hover.btn-load-more,
    .table>thead>tr.load-more td a:hover.btn-load-more,
    .table>tbody>tr.load-more th a:hover.btn-load-more,
    .table>tbody>tr.load-more td a:hover.btn-load-more,
    .table>tfoot>tr.load-more th a:hover.btn-load-more,
    .table>tfoot>tr.load-more td a:hover.btn-load-more {
        color: var(--link-color-hover) !important;
        background-color: var(--primary-10) !important;
        border-color: rgba(0, 0, 0, 0) !important
    }

    .table>thead>tr.no-details th,
    .table>thead>tr.no-details td,
    .table>tbody>tr.no-details th,
    .table>tbody>tr.no-details td,
    .table>tfoot>tr.no-details th,
    .table>tfoot>tr.no-details td {
        background-color: rgba(0, 0, 0, 0) !important;
        cursor: text !important
    }

    .table>thead>tr.row-summary th,
    .table>thead>tr.row-summary td,
    .table>tbody>tr.row-summary th,
    .table>tbody>tr.row-summary td,
    .table>tfoot>tr.row-summary th,
    .table>tfoot>tr.row-summary td {
        background-color: var(--yellow-10) !important;
        cursor: pointer !important
    }

    .table>thead>tr.row-summary th span,
    .table>thead>tr.row-summary td span,
    .table>tbody>tr.row-summary th span,
    .table>tbody>tr.row-summary td span,
    .table>tfoot>tr.row-summary th span,
    .table>tfoot>tr.row-summary td span {
        margin-right: 10px
    }

    .table>thead>tr.tr-accordion td:first-child,
    .table>tbody>tr.tr-accordion td:first-child,
    .table>tfoot>tr.tr-accordion td:first-child {
        white-space: nowrap
    }

    .table>thead>tr.tr-accordion td:first-child::before,
    .table>tbody>tr.tr-accordion td:first-child::before,
    .table>tfoot>tr.tr-accordion td:first-child::before {
        margin-right: 5px;
        width: 20px;
        height: auto;
        text-align: center;
        color: var(--gray-50);
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: ""
    }

    .table>thead>tr.tr-accordion.collapsed td:first-child::before,
    .table>tbody>tr.tr-accordion.collapsed td:first-child::before,
    .table>tfoot>tr.tr-accordion.collapsed td:first-child::before {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: var(--fa-chevron-start)
    }

    .table>thead>tr.subheader th,
    .table>thead>tr.subheader td,
    .table>tbody>tr.subheader th,
    .table>tbody>tr.subheader td,
    .table>tfoot>tr.subheader th,
    .table>tfoot>tr.subheader td {
        font-weight: var(--fw-600) !important;
        color: var(--font-color-dark) !important;
        background-color: var(--slate-10) !important
    }

    .table>thead>tr.subsubheader th,
    .table>thead>tr.subsubheader td,
    .table>tbody>tr.subsubheader th,
    .table>tbody>tr.subsubheader td,
    .table>tfoot>tr.subsubheader th,
    .table>tfoot>tr.subsubheader td {
        font-weight: var(--fw-600) !important;
        color: var(--font-color-dark) !important;
        background-color: var(--slate-5) !important
    }

    .table>thead>tr.subsubtotal th,
    .table>thead>tr.subsubtotal td,
    .table>tbody>tr.subsubtotal th,
    .table>tbody>tr.subsubtotal td,
    .table>tfoot>tr.subsubtotal th,
    .table>tfoot>tr.subsubtotal td {
        font-weight: var(--fw-600) !important;
        color: var(--td-color) !important;
        background-color: var(--gray-5) !important
    }

    .table>thead>tr.subtotal th,
    .table>thead>tr.subtotal td,
    .table>tbody>tr.subtotal th,
    .table>tbody>tr.subtotal td,
    .table>tfoot>tr.subtotal th,
    .table>tfoot>tr.subtotal td {
        font-weight: var(--fw-600) !important;
        color: var(--td-color) !important;
        background-color: var(--gray-10) !important
    }

    .table>thead>tr.success th,
    .table>thead>tr.success td,
    .table>tbody>tr.success th,
    .table>tbody>tr.success td,
    .table>tfoot>tr.success th,
    .table>tfoot>tr.success td {
        color: var(--td-color) !important;
        background-color: var(--success-20) !important
    }

    .table>thead>tr.total th,
    .table>thead>tr.total td,
    .table>tbody>tr.total th,
    .table>tbody>tr.total td,
    .table>tfoot>tr.total th,
    .table>tfoot>tr.total td {
        font-weight: var(--fw-600) !important;
        color: var(--td-color) !important;
        background-color: var(--gray-20) !important
    }

    .table>thead>tr.valign-bottom th,
    .table>thead>tr.valign-bottom td,
    .table>tbody>tr.valign-bottom th,
    .table>tbody>tr.valign-bottom td,
    .table>tfoot>tr.valign-bottom th,
    .table>tfoot>tr.valign-bottom td {
        vertical-align: bottom
    }

    .table>thead>tr.valign-middle th,
    .table>thead>tr.valign-middle td,
    .table>tbody>tr.valign-middle th,
    .table>tbody>tr.valign-middle td,
    .table>tfoot>tr.valign-middle th,
    .table>tfoot>tr.valign-middle td {
        vertical-align: middle
    }

    .table>thead>tr.valign-top th,
    .table>thead>tr.valign-top td,
    .table>tbody>tr.valign-top th,
    .table>tbody>tr.valign-top td,
    .table>tfoot>tr.valign-top th,
    .table>tfoot>tr.valign-top td {
        vertical-align: top
    }

    .table>thead>tr.warning th,
    .table>thead>tr.warning td,
    .table>tbody>tr.warning th,
    .table>tbody>tr.warning td,
    .table>tfoot>tr.warning th,
    .table>tfoot>tr.warning td {
        color: var(--td-color) !important;
        background-color: var(--warning-20) !important
    }

    .table>thead>tr>th.disclosure,
    .table>thead>tr>td.disclosure,
    .table>tbody>tr>th.disclosure,
    .table>tbody>tr>td.disclosure,
    .table>tfoot>tr>th.disclosure,
    .table>tfoot>tr>td.disclosure {
        font-weight: var(--fw-400) !important;
        color: var(--font-color-dark) !important;
        background-color: rgba(0, 0, 0, 0) !important
    }

    .table>thead>tr>th.grandtotal,
    .table>thead>tr>td.grandtotal,
    .table>tbody>tr>th.grandtotal,
    .table>tbody>tr>td.grandtotal,
    .table>tfoot>tr>th.grandtotal,
    .table>tfoot>tr>td.grandtotal {
        font-weight: var(--fw-600) !important;
        color: var(--font-color-dark) !important;
        background-color: var(--success-20) !important
    }

    .table>thead>tr>th.header-asset,
    .table>thead>tr>td.header-asset,
    .table>tbody>tr>th.header-asset,
    .table>tbody>tr>td.header-asset,
    .table>tfoot>tr>th.header-asset,
    .table>tfoot>tr>td.header-asset {
        font-weight: var(--fw-600);
        color: var(--font-color-dark);
        background-color: var(--slate-10)
    }

    .table>thead>tr>th.header-category,
    .table>thead>tr>td.header-category,
    .table>tbody>tr>th.header-category,
    .table>tbody>tr>td.header-category,
    .table>tfoot>tr>th.header-category,
    .table>tfoot>tr>td.header-category {
        font-weight: var(--fw-600);
        color: var(--font-color-dark);
        background-color: var(--slate-20)
    }

    .table>thead>tr>th.header-currency,
    .table>thead>tr>td.header-currency,
    .table>tbody>tr>th.header-currency,
    .table>tbody>tr>td.header-currency,
    .table>tfoot>tr>th.header-currency,
    .table>tfoot>tr>td.header-currency {
        font-weight: var(--fw-600);
        color: var(--font-color-dark);
        background-color: var(--slate-5)
    }

    .table>thead>tr>th.icon-check,
    .table>thead>tr>td.icon-check,
    .table>tbody>tr>th.icon-check,
    .table>tbody>tr>td.icon-check,
    .table>tfoot>tr>th.icon-check,
    .table>tfoot>tr>td.icon-check {
        border-left: none;
        text-align: center;
        vertical-align: middle;
        width: 38px
    }

    .table>thead>tr>th.icon-check img,
    .table>thead>tr>td.icon-check img,
    .table>tbody>tr>th.icon-check img,
    .table>tbody>tr>td.icon-check img,
    .table>tfoot>tr>th.icon-check img,
    .table>tfoot>tr>td.icon-check img {
        height: 14px;
        max-width: 14px
    }

    .table>thead>tr>th.subtotal,
    .table>thead>tr>td.subtotal,
    .table>tbody>tr>th.subtotal,
    .table>tbody>tr>td.subtotal,
    .table>tfoot>tr>th.subtotal,
    .table>tfoot>tr>td.subtotal {
        font-weight: var(--fw-600) !important;
        color: var(--font-color-dark) !important;
        background-color: var(--gray-10) !important
    }

    .table>thead>tr>th.total,
    .table>thead>tr>td.total,
    .table>tbody>tr>th.total,
    .table>tbody>tr>td.total,
    .table>tfoot>tr>th.total,
    .table>tfoot>tr>td.total {
        font-weight: var(--fw-600) !important;
        color: var(--font-color-dark) !important;
        background-color: var(--gray-20) !important
    }

    .table>thead>tr>th.twr,
    .table>thead>tr>td.twr,
    .table>tbody>tr>th.twr,
    .table>tbody>tr>td.twr,
    .table>tfoot>tr>th.twr,
    .table>tfoot>tr>td.twr {
        font-weight: var(--fw-600);
        color: var(--font-color-dark);
        background-color: var(--success-10);
        border: 1px solid var(--success-40)
    }

    .table.table-bordered {
        border: 1px solid var(--border-color)
    }

    .table.table-bordered th {
        border-color: var(--border-color)
    }

    .table.table-bordered td {
        border-color: var(--border-color)
    }

    .table.table-hover tbody tr.active:hover>td,
    .table.table-hover tbody tr.active:hover>th,
    .table.table-hover tbody tr:hover>.active,
    .table.table-hover tbody tr>td.active:hover,
    .table.table-hover tbody tr>th.active:hover {
        background-color: var(--primary-5)
    }

    .table.table-hover tbody tr.disabled:hover>td,
    .table.table-hover tbody tr.disabled:hover>th,
    .table.table-hover tbody tr:hover>.disabled,
    .table.table-hover tbody tr>td.disabled:hover,
    .table.table-hover tbody tr>th.disabled:hover {
        color: var(--gray-90);
        background-color: var(--gray-40)
    }

    .table.table-hover tbody tr:hover {
        background-color: rgba(0, 0, 0, 0)
    }

    .table.table-hover tbody tr:hover td {
        --bs-table-accent-bg: transparent;
        background-color: var(--gray-5);
        cursor: pointer
    }

    .table.table-hover tbody tr.blank>td {
        background-color: rgba(0, 0, 0, 0);
        cursor: default !important
    }

    .table.table-hover tbody tr.no-hover>td:first-child::before {
        display: none !important;
        content: "" !important
    }

    .table.table-hover tbody tr.no-hover>td:last-child::after {
        display: none !important;
        content: "" !important
    }

    .table.table-hover tbody tr.no-hover:hover>td {
        background-color: inherit;
        cursor: default !important
    }

    .table.table-layout-fixed {
        table-layout: fixed
    }

    .table.table-striped>tbody>tr:nth-of-type(odd)>*,
    .table.table-striped>tbody>tr:nth-of-type(odd) {
        color: var(--td-color);
        --bs-table-accent-bg: transparent;
        background-color: var(--gray-5-solid)
    }

    .table.table-striped>tbody>tr:nth-of-type(even) {
        background-color: rgba(0, 0, 0, 0)
    }
}

@media(max-width: 575.98px) {
    @layer bootstrap {

        .table>thead>tr>th,
        .table>thead>tr>td,
        .table>tbody>tr>th,
        .table>tbody>tr>td,
        .table>tfoot>tr>th,
        .table>tfoot>tr>td {
            white-space: normal
        }
    }
}

@media(min-width: 576px)and (max-width: 767.98px) {
    @layer bootstrap {

        .table>thead>tr>th,
        .table>thead>tr>td,
        .table>tbody>tr>th,
        .table>tbody>tr>td,
        .table>tfoot>tr>th,
        .table>tfoot>tr>td {
            white-space: normal
        }
    }
}

@layer bootstrap {
    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 .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .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;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    textarea.form-control:disabled {
        color: var(--input-color);
        background-color: var(--gray-10);
        border-color: var(--input-border-color);
        opacity: .5
    }

    textarea.form-control.form-select-lg {
        height: 40px
    }

    textarea.form-control.form-select-xl {
        height: 48px
    }
}

@layer bootstrap {
    .tooltip {
        font-size: .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(min-width: 992px) {
    @layer vendors {
        .animated {
            opacity: 0
        }

        .visible {
            opacity: 1
        }
    }
}

@media(max-width: 991px) {
    @layer vendors {
        .animated {
            -webkit-animation: none;
            animation: none
        }
    }
}

@layer vendors {

    .fc-view-container *,
    .fc-view-container *:before,
    .fc-view-container *:after {
        white-space: initial
    }
}

@layer vendors {
    .chosen-container-single {
        border-radius: var(--border-radius) !important
    }

    .chosen-container-single .chosen-single {
        display: inline-block !important;
        position: relative;
        padding: 5px 10px !important;
        padding-right: 40px !important;
        height: 34px !important;
        width: 100% !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;
        background: none !important;
        background-color: var(--input-bg-color) !important;
        border: 1px solid var(--input-border-color) !important;
        border-radius: var(--border-radius) !important;
        box-shadow: none !important
    }

    .chosen-container-single .chosen-single:hover {
        color: var(--input-color-focus) !important;
        background-color: var(--input-bg-color-focus) !important;
        border-color: var(--input-border-color-focus) !important
    }

    .chosen-container-single .chosen-single::after {
        position: absolute;
        top: calc(50% - 7px);
        right: 14px;
        margin: 0px;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        font-size: .8125rem;
        color: var(--input-color);
        content: ""
    }

    .chosen-container-single .chosen-single span {
        margin: 0px;
        margin-right: 25px
    }

    .chosen-container-single .chosen-single div {
        display: block !important;
        position: absolute !important;
        top: 12px !important;
        right: 14px !important;
        width: 10px !important;
        height: 100% !important
    }

    .chosen-container-single .chosen-single div b {
        background: none !important;
        background-image: none !important
    }

    .chosen-container-single .chosen-drop {
        margin-top: -3px !important;
        background-color: var(--bg-body) !important;
        border-color: var(--primary) !important
    }

    .chosen-container-single .chosen-search {
        padding: 5px
    }

    .chosen-container-single .chosen-search input[type=text] {
        position: relative;
        margin: 2px 0px 6px 0px !important;
        padding: var(--input-pt) var(--input-pe) var(--input-pb) var(--input-ps) !important;
        padding-right: 28px !important;
        width: 100% !important;
        height: auto !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;
        background: none !important;
        background-color: var(--input-bg-color) !important;
        border: 1px solid var(--border-color) !important;
        border-radius: var(--border-radius) !important;
        box-shadow: none !important
    }

    .chosen-container-single .chosen-search::after {
        position: absolute;
        top: calc(50% - 9px);
        right: 14px;
        margin: 0px;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        font-size: .8125rem;
        color: var(--gray-50);
        content: ""
    }

    .chosen-container {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: 100% !important;
        font-size: var(--input-font-size) !important;
        background-color: rgba(0, 0, 0, 0) !important;
        border-radius: var(--border-radius) !important
    }

    .chosen-container.chosen-container-active {
        box-shadow: var(--box-shadow) !important
    }

    .chosen-container .chosen-drop {
        z-index: 1004;
        background-color: var(--bg-body) !important;
        border: 1px solid var(--primary) !important;
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: var(--border-radius) !important;
        border-bottom-left-radius: var(--border-radius) !important;
        box-shadow: var(--box-shadow) !important
    }

    .chosen-container .chosen-results {
        margin: 0px !important;
        padding: 0px !important;
        list-style: none !important
    }

    .chosen-container .chosen-results li {
        margin: 0px !important;
        padding: 5px !important;
        font-size: 1rem !important;
        line-height: 1.25rem !important
    }

    .chosen-container .chosen-results li.highlighted {
        color: var(--primary) !important;
        background-color: var(--gray-5) !important;
        background-image: none !important
    }

    .chosen-container .chosen-results li.no-results {
        font-size: .8125rem !important;
        line-height: 1.125rem !important;
        text-align: center !important;
        color: var(--font-color-light) !important;
        background-color: var(--bg-body) !important
    }

    .chosen-container input::-ms-clear {
        display: none !important
    }

    .chosen-container-active .chosen-single {
        position: relative;
        background-color: var(--bg-body) !important;
        border: 1px solid var(--primary) !important;
        box-shadow: none !important
    }

    .chosen-container-active.chosen-with-drop .chosen-single {
        position: relative;
        background-image: none !important;
        background-color: var(--bg-body) !important;
        background-image: none !important;
        box-shadow: none !important;
        border: 1px solid var(--primary) !important
    }

    .has-error .chosen-container-single .chosen-single {
        border-color: var(--danger) !important
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi),
only screen and (min-resolution: 1.5dppx) {
    @layer vendors {

        .chosen-rtl .chosen-search input[type=text],
        .chosen-container-single .chosen-single abbr,
        .chosen-container-single .chosen-single div b,
        .chosen-container-single .chosen-search input[type=text],
        .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
        .chosen-container .chosen-results-scroll-down span,
        .chosen-container .chosen-results-scroll-up span {
            background-image: none !important
        }
    }
}

@media(max-width: 575.98px) {
    @layer vendors {
        .chosen-container-single .chosen-single {
            height: 44px !important
        }

        .chosen-container-single .chosen-single span {
            margin-top: 5px
        }
    }
}

@media(min-width: 576px)and (max-width: 767.98px) {
    @layer vendors {
        .chosen-container-single .chosen-single {
            height: 44px !important
        }

        .chosen-container-single .chosen-single span {
            margin-top: 5px
        }
    }
}

@layer vendors {
    .countdown-timer {
        margin: 20px auto;
        padding: 0px;
        width: 180px;
        height: 180px;
        text-align: center
    }

    .countdown-timer svg.countdown {
        margin: 0px !important;
        padding: 0px;
        width: 180px;
        height: 180px;
        background-color: rgba(0, 0, 0, 0)
    }

    .countdown-timer circle {
        fill: rgba(0, 0, 0, 0);
        stroke-width: 20px;
        stroke: var(--gray-40-solid)
    }

    .countdown-timer .countdown-clock {
        font-weight: var(--fw-600);
        font-size: 1.5rem;
        line-height: 2rem;
        fill: var(--font-color-dark)
    }

    .countdown-timer .countdown-bar {
        stroke: var(--primary);
        stroke-dasharray: 471;
        stroke-dashoffset: 471;
        transform: rotate(-90deg);
        transform-origin: center;
        animation: countdown-bar-animation 15s linear 1;
        animation-fill-mode: forwards
    }

    .countdown-timer .countdown-bar.countdown-15s {
        animation: countdown-bar-animation 15s linear 1
    }

    .countdown-timer .countdown-bar.countdown-30s {
        animation: countdown-bar-animation 30s linear 1
    }

    .countdown-timer .countdown-bar.countdown-45s {
        animation: countdown-bar-animation 45s linear 1
    }

    .countdown-timer .countdown-bar.countdown-60s {
        animation: countdown-bar-animation 60s linear 1
    }

    .countdown-timer .countdown-bar.countdown-75s {
        animation: countdown-bar-animation 75s linear 1
    }

    .countdown-timer .countdown-bar.countdown-90s {
        animation: countdown-bar-animation 90s linear 1
    }

    .countdown-timer .countdown-bar.countdown-105s {
        animation: countdown-bar-animation 105s linear 1
    }

    .countdown-timer .countdown-bar.countdown-120s {
        animation: countdown-bar-animation 120s linear 1
    }

    @keyframes countdown-bar-animation {
        0% {
            stroke-dashoffset: 0
        }

        100% {
            stroke-dashoffset: 471
        }
    }
}

@layer vendors {
    .datepicker table tr th {
        font-size: 1rem !important;
        line-height: 1.375rem !important
    }

    .datepicker table tr th.datepicker-switch {
        font-size: 1rem !important;
        line-height: 1.375rem !important
    }

    .datepicker table tr th.datepicker-switch:hover {
        background: var(--gray-5) !important
    }

    .datepicker table tr th.prev {
        font-size: 1.5rem !important
    }

    .datepicker table tr th.prev:hover {
        background: var(--gray-5) !important
    }

    .datepicker table tr th.next {
        font-size: 1.5rem !important
    }

    .datepicker table tr th.next:hover {
        background: var(--gray-5) !important
    }

    .datepicker table tr th.disabled {
        color: var(--gray) !important;
        cursor: default !important;
        opacity: 1 !important
    }

    .datepicker table tr td {
        font-size: 1rem !important;
        line-height: 1.375rem !important;
        color: var(--font-color-dark) !important;
        border-radius: var(--border-radius) !important
    }

    .datepicker table tr td.day:hover {
        color: var(--font-color-dark) !important;
        background: var(--gray-5) !important
    }

    .datepicker table tr td.new.day {
        color: var(--gray) !important
    }

    .datepicker table tr td.old.day {
        color: var(--gray) !important
    }

    .datepicker table tr td.disabled {
        background: 0px 0px !important;
        color: var(--gray) !important;
        cursor: default !important;
        opacity: 1 !important
    }

    .datepicker table tr td.disabled:hover {
        background: 0px 0px !important;
        color: var(--gray) !important;
        cursor: default !important
    }

    .datepicker table tr td span.disabled {
        background: 0px 0px !important;
        color: var(--gray) !important;
        cursor: default !important
    }

    .datepicker table tr td span.disabled:hover {
        background: 0px 0px !important;
        color: var(--gray) !important;
        cursor: default !important
    }

    .datepicker table tr td.active {
        color: var(--white) !important;
        background-color: var(--primary) !important;
        border-color: var(--primary) !important
    }
}

@layer vendors {
    .datetimepicker {
        direction: var(--dir);
        left: initial
    }

    .datetimepicker table thead tr th.prev span.glyphicon::after {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        color: var(--link-color);
        content: ""
    }

    .datetimepicker table thead tr th.next span.glyphicon::after {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        color: var(--link-color);
        content: ""
    }

    .datetimepicker table thead tr th.switch {
        display: table-cell
    }

    .datetimepicker table thead tr:first-child th:hover {
        background-color: var(--primary-20)
    }

    .datetimepicker table tbody tr td.day:hover {
        background-color: var(--primary-20)
    }

    .datetimepicker table tbody tr td span:hover {
        background-color: var(--primary-20)
    }

    [class*=" datetimepicker-dropdown"]:before,
    [class*=" datetimepicker-dropdown"]:after {
        border-bottom-color: var(--border-color)
    }
}

@layer vendors {
    @keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    .fadeInUp {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp
    }
}

@layer vendors {
    .fc .fc-toolbar>*>* {
        float: var(--dir-start) !important
    }

    .fc .fc-toolbar>*>:first-child {
        margin-left: 0px !important
    }

    .fc .fc-button-group>* {
        float: var(--dir-start) !important;
        margin: 0px !important;
        margin-left: -1px !important
    }

    .fc button {
        margin: 0px !important;
        padding: var(--btn-sm-pt) var(--btn-sm-pe) var(--btn-sm-pb) var(--btn-sm-ps) !important;
        width: auto !important;
        height: auto !important
    }

    .fc .fc-button {
        padding: var(--btn-sm-pt) var(--btn-sm-pe) var(--btn-sm-pb) var(--btn-sm-ps) !important;
        font-style: var(--btn-sm-font-style) !important;
        font-weight: var(--btn-sm-font-weight) !important;
        font-size: var(--btn-sm-font-size) !important;
        line-height: var(--btn-sm-line-height) !important;
        font-family: var(--btn-sm-font-family) !important;
        text-decoration: none !important;
        white-space: normal !important;
        word-break: normal !important;
        border-style: solid !important;
        border-radius: var(--border-radius) !important;
        user-select: auto !important
    }

    .fc .fc-button:focus {
        box-shadow: none !important
    }

    .fc .fc-button .fc-icon {
        position: relative !important;
        top: initial !important;
        margin: 0px !important;
        height: auto;
        font-style: var(--btn-sm-font-style) !important;
        font-weight: var(--fw-400) !important;
        font-size: var(--btn-sm-font-size) !important;
        line-height: var(--btn-sm-line-height) !important
    }

    .fc .fc-button-primary {
        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
    }

    .fc .fc-button-primary: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
    }

    .fc .fc-button-primary:not(:disabled).fc-button-active,
    .fc .fc-button-primary:not(:disabled):active {
        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
    }

    .fc .fc-col-header-cell-cushion {
        color: var(--font-color-light) !important
    }

    .fc .fc-daygrid-day-number {
        color: var(--font-color) !important
    }

    .fc .fc-daygrid-event {
        margin: 1px 0px 0px 0px !important
    }

    .fc .fc-bg-event {
        background: var(--danger-5) !important;
        border-color: var(--danger-5) !important;
        opacity: 1 !important
    }

    .fc .fc-highlight {
        background: var(--gray-10) !important
    }

    .fc .fc-non-business {
        background: var(--gray-10) !important
    }

    .fc .fc-daygrid-day.fc-day-today {
        background-color: var(--slate-5) !important
    }

    .fc .fc-timegrid-col.fc-day-today {
        background-color: var(--slate-5) !important
    }

    .fc-theme-standard .fc-scrollgrid {
        border-color: var(--border-color) !important
    }

    .fc-theme-standard th,
    .fc-theme-standard td {
        border-color: var(--border-color) !important
    }

    .fc-h-event .fc-event-main {
        color: var(--font-color-dark) !important
    }

    .fc-event {
        padding: 0px 5px !important;
        font-style: normal !important;
        font-weight: var(--fw-400) !important;
        font-size: .8125rem !important;
        line-height: 1rem !important;
        color: var(--font-color-dark) !important;
        background-color: var(--slate-20) !important;
        border: 1px solid var(--slate-20) !important;
        border-radius: 0px !important
    }

    .fc-daygrid-dot-event.fc-event-mirror,
    .fc-daygrid-dot-event:hover {
        background-color: var(--gray-40) !important;
        border-color: var(--gray-40) !important
    }

    .fc-daygrid-event-dot {
        margin: 0px !important;
        margin-right: 5px !important
    }

    .fc-timegrid-event-harness,
    .fc-timegrid-event-harness-inset {
        background-color: var(--bg-body)
    }

    .fc-timegrid-event-harness-inset .fc-timegrid-event,
    .fc-timegrid-event.fc-event-mirror,
    .fc-timegrid-more-link {
        box-shadow: none !important
    }

    .fc-v-event .fc-event-main {
        color: var(--font-color-dark) !important
    }

    .fc-event-time {
        margin: 0px !important;
        margin-right: 5px !important;
        font-weight: var(--fw-400) !important;
        font-size: .875rem !important;
        line-height: 1.25rem !important
    }

    .fc-event-title {
        font-weight: var(--fw-600) !important;
        font-size: .875rem !important;
        line-height: 1.25rem !important
    }

    .calendar-small .fc-toolbar.fc-header-toolbar h2 {
        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: ver(--h5-font-family)
    }

    .fc-state-default {
        text-shadow: none;
        color: var(--btn-default-color);
        background-color: var(--btn-default-bg-color);
        background-image: none;
        border-color: var(--btn-default-border-color);
        box-shadow: none
    }

    .fc-icon {
        height: auto
    }
}

@layer vendors {
    .icheckbox_square-blue {
        margin-right: 5px
    }

    .icheckbox_square-blue.focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }
}

@layer vendors {
    #myScrollspy ul li {
        width: 100%
    }
}

@layer vendors {
    .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);
        font-size: .8125rem !important;
        color: var(--input-color) !important;
        content: "" !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-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;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .select2-hidden-accessible {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }
}

@layer vendors {
    .sp-original-input-container .sp-colorize-container {
        background-image: none !important
    }

    .sp-original-input-container .sp-colorize-container.sp-add-on {
        border: 1px solid var(--input-border-color) !important;
        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
    }

    .sp-container {
        color: var(--font-color-dark) !important;
        background-color: var(--bg-body-light) !important;
        border-radius: var(--border-radius) !important;
        box-shadow: 0px 0px 0px 1px var(--shadow-color), 0px 8px 16px var(--shadow-color) !important
    }

    .sp-container .sp-picker-container .sp-input-container.sp-cf {
        height: 44px;
        font-size: .875rem
    }

    .sp-container .sp-picker-container .sp-input-container.sp-cf .sp-input {
        color: var(--input-color) !important;
        background-color: var(--input-bg-color) !important;
        border-color: var(--input-border-color) !important;
        border-radius: var(--border-radius) !important
    }

    .sp-container .sp-picker-container .sp-input-container.sp-cf .sp-input:focus {
        color: var(--input-color-focus) !important;
        background-color: var(--input-bg-color-focus) !important;
        border-color: var(--input-border-color-focus) !important
    }
}

@layer vendors {
    .sticky-top {
        box-shadow: var(--box-shadow)
    }
}

@layer vendors {
    .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
    }
}

@layer vendors {
    .table-sortable thead tr th {
        background-color: var(--th-bg-color)
    }

    .table-sortable tbody {
        background-color: var(--td-bg-color)
    }

    .table-sortable tbody tr {
        position: relative
    }

    .table-sortable tbody tr td {
        padding: var(--td-pt) var(--td-pe) var(--td-pb) var(--td-ps);
        color: var(--td-color);
        background-color: var(--td-bg-color);
        border-top: 1px solid var(--border-color);
        border-bottom: 1px solid var(--border-color)
    }

    .table-sortable tbody tr td:first-child {
        width: 5%
    }

    .table-sortable tbody tr td:last-child {
        width: 3%
    }

    .table-sortable tbody tr td a.move-row-btn-icon {
        color: var(--gray-70)
    }

    .table-sortable tbody tr td a.move-to-top {
        position: relative;
        z-index: 1;
        display: none;
        float: var(--dir-end);
        cursor: pointer;
        color: var(--gray-70)
    }

    .table-sortable tbody tr td a.move-to-top i,
    .table-sortable tbody tr td a.move-to-top svg {
        margin-right: 5px
    }

    .table-sortable tbody tr td a.move-to-top:hover {
        color: var(--font-color-light);
        cursor: pointer
    }

    .table-sortable tbody tr:hover {
        cursor: pointer
    }

    .table-sortable tbody tr:hover td {
        color: var(--td-color);
        background-color: var(--gray-5-solid)
    }

    .table-sortable tbody tr:hover td a.move-row-btn-icon {
        color: var(--font-color-light)
    }

    .table-sortable tbody tr:hover td a.move-to-top {
        display: inline-block
    }

    .table-sortable tbody tr:active {
        cursor: move
    }

    .table.table-sortable tr:hover>td>a.move-row-btn-icon,
    .table.table-sortable tr:hover>td>a.move-to-top,
    .fc-unthemed .fc-list-item:hover td,
    .calendar-small .fc-toolbar button.fc-state-default:hover {
        opacity: 1;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }
}

@layer vendors {
    .tablesorter>thead tr.tablesorter-ignoreRow {
        background-image: none
    }

    .tablesorter>thead tr.tablesorter-ignoreRow::after {
        background-image: none
    }

    .tablesorter>thead tr.tablesorter-ignoreRow th.header::after {
        display: none
    }

    .tablesorter>thead tr th.header,
    .tablesorter>thead tr th.tablesorter-header {
        position: relative;
        padding: var(--th-pt) var(--th-pe) var(--th-pb) var(--th-ps);
        padding-right: 30px;
        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);
        white-space: nowrap;
        background-color: var(--th-bg-color);
        background-image: none;
        border-top: 1px solid var(--border-color);
        border-bottom: 2px solid var(--border-color);
        cursor: pointer
    }

    .tablesorter>thead tr th.header:hover,
    .tablesorter>thead tr th.tablesorter-header:hover {
        color: var(--primary-dark-20);
        background-color: var(--th-bg-color)
    }

    .tablesorter>thead tr th.header:focus-visible,
    .tablesorter>thead tr th.tablesorter-header:focus-visible {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .tablesorter>thead tr th.header::after,
    .tablesorter>thead tr th.tablesorter-header::after {
        position: absolute;
        top: calc(50% - 6px);
        right: 8px;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: ""
    }

    .tablesorter>thead tr th.header .tablesorter-header-inner,
    .tablesorter>thead tr th.tablesorter-header .tablesorter-header-inner {
        display: inline
    }

    .tablesorter>thead tr th.headerSortUp,
    .tablesorter>thead tr th.tablesorter-headerSortUp,
    .tablesorter>thead tr th.tablesorter-headerAsc {
        font-weight: var(--fw-600);
        color: var(--primary);
        background-color: var(--th-bg-color);
        background-image: none;
        border-bottom: 2px solid var(--primary)
    }

    .tablesorter>thead tr th.headerSortUp:hover,
    .tablesorter>thead tr th.tablesorter-headerSortUp:hover,
    .tablesorter>thead tr th.tablesorter-headerAsc:hover {
        color: var(--primary)
    }

    .tablesorter>thead tr th.headerSortUp::after,
    .tablesorter>thead tr th.tablesorter-headerSortUp::after,
    .tablesorter>thead tr th.tablesorter-headerAsc::after {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: ""
    }

    .tablesorter>thead tr th.headerSortDown,
    .tablesorter>thead tr th.tablesorter-headerSortDown,
    .tablesorter>thead tr th.tablesorter-headerDesc {
        font-weight: var(--fw-600);
        color: var(--primary);
        background-color: var(--th-bg-color);
        background-image: none;
        border-bottom: 2px solid var(--primary)
    }

    .tablesorter>thead tr th.headerSortDown:hover,
    .tablesorter>thead tr th.tablesorter-headerSortDown:hover,
    .tablesorter>thead tr th.tablesorter-headerDesc:hover {
        color: var(--primary)
    }

    .tablesorter>thead tr th.headerSortDown::after,
    .tablesorter>thead tr th.tablesorter-headerSortDown::after,
    .tablesorter>thead tr th.tablesorter-headerDesc::after {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: ""
    }

    .tablesorter thead .sorter-false,
    .tablesorter .header .sorter-false,
    .tablesorter .tablesorter-header .sorter-false,
    .tablesorter thead .sorter-false:hover,
    .tablesorter .header .sorter-false:hover,
    .tablesorter .tablesorter-header .sorter-false:hover {
        padding: var(--th-pt) var(--th-pe) var(--th-pb) var(--th-ps) !important;
        color: var(--font-color-light);
        background-image: none;
        background-color: rgba(0, 0, 0, 0);
        border-left: inherit;
        border-right: inherit;
        cursor: default
    }

    .tablesorter thead .sorter-false:hover,
    .tablesorter .header .sorter-false:hover,
    .tablesorter .tablesorter-header .sorter-false:hover,
    .tablesorter thead .sorter-false:hover:hover,
    .tablesorter .header .sorter-false:hover:hover,
    .tablesorter .tablesorter-header .sorter-false:hover:hover {
        color: var(--th-color);
        background-color: var(--th-bg-color)
    }

    .tablesorter thead .sorter-false::after,
    .tablesorter .header .sorter-false::after,
    .tablesorter .tablesorter-header .sorter-false::after,
    .tablesorter thead .sorter-false:hover::after,
    .tablesorter .header .sorter-false:hover::after,
    .tablesorter .tablesorter-header .sorter-false:hover::after {
        content: "" !important
    }

    .tablesorter .tablesorter-processing {
        background-image: none
    }

    .tablesorter .tablesorter-processing::after {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: ""
    }

    .tablesorter-scroller-header .table.tablesorter {
        border-bottom-width: 0px !important
    }

    .tablesorter-scroller-header .table.tablesorter thead tr .tablesorter-scroller-spacer {
        height: 0px !important
    }

    .tablesorter-scroller-header .sorter-false.tablesorter-header.tablesorter-headerAsc {
        font-weight: var(--th-font-weight);
        color: var(--th-color);
        background-color: var(--th-bg-color);
        border-bottom: 2px solid var(--border-color)
    }

    .tablesorter-scroller-header .sorter-false.tablesorter-header.tablesorter-headerDesc {
        font-weight: var(--th-font-weight);
        color: var(--th-color);
        background-color: var(--th-bg-color);
        border-bottom: 2px solid var(--border-color)
    }
}

@layer vendors {

    a#toTop,
    a:link#toTop,
    a:visited#toTop,
    a:hover#toTop,
    a:active#toTop,
    a:focus#toTop {
        display: none;
        position: fixed;
        bottom: 16px;
        right: 15px;
        z-index: 600;
        margin: 0px;
        padding: 0px;
        width: 36px;
        height: 36px;
        text-decoration: none;
        text-indent: -999px;
        background: url("./arrow-scroll-up.png") no-repeat 0px 0px;
        border: none;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        overflow: hidden;
        outline: none;
        opacity: .5
    }

    a#toTop span#toTopHover,
    a:link#toTop span#toTopHover,
    a:visited#toTop span#toTopHover,
    a:hover#toTop span#toTopHover,
    a:active#toTop span#toTopHover,
    a:focus#toTop span#toTopHover {
        display: none
    }

    a:hover#toTop,
    a:active#toTop,
    a:focus#toTop {
        opacity: 1
    }

    a:focus#toTop {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }
}

@media(max-width: 575.98px) {
    @layer vendors {

        a#toTop,
        a:link#toTop,
        a:visited#toTop,
        a:hover#toTop,
        a:active#toTop,
        a:focus#toTop {
            bottom: 60px;
            right: 15px
        }
    }
}

@layer components {
    .agreement {
        margin-bottom: 20px;
        padding: 15px 40px;
        max-height: 400px;
        background-color: var(--gray-5);
        border: 1px solid var(--border-color);
        border-radius: var(--border-radius);
        box-shadow: inset 0px 0px 4px var(--shadow-color);
        overflow-y: auto;
        overflow-x: hidden
    }

    .agreement .agreement-logo {
        margin: 20px 0px;
        padding: 0px;
        width: 250px;
        height: auto
    }

    .agreement .agreement-logo .agreement-logo-img {
        display: block;
        width: var(--brand-logo-width);
        height: var(--brand-logo-height);
        background: rgba(0, 0, 0, 0) var(--brand-logo-image) var(--brand-logo-repeat) var(--brand-logo-position);
        background-size: var(--brand-logo-size)
    }

    .agreement .agreement-logo img {
        display: none
    }

    .agreement h1,
    .agreement h2,
    .agreement h3,
    .agreement h4,
    .agreement h5,
    .agreement h6,
    .agreement p,
    .agreement li,
    .agreement sup,
    .agreement th,
    .agreement td,
    .agreement label,
    .agreement input,
    .agreement select,
    .agreement textarea {
        color: var(--font-color)
    }

    .agreement a,
    .agreement a:link,
    .agreement a:visited,
    .agreement a:hover,
    .agreement a:active,
    .agreement a:focus {
        color: var(--font-color);
        text-decoration: underline
    }

    .agreement a:hover {
        color: var(--link-color-hover);
        text-decoration: none
    }

    .agreement a:focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .agreement img {
        max-width: 100%;
        height: auto
    }
}

@media(max-width: 575.98px) {
    @layer components {
        .agreement {
            margin: 0px 5px 20px 5px;
            padding: 10px 15px
        }
    }
}

@media(min-width: 576px)and (max-width: 767.98px) {
    @layer components {
        .agreement {
            margin: 0px 5px 20px 5px;
            padding: 10px 15px
        }
    }
}

@layer components {
    .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
    }
}

@layer components {
    .brand-logo {
        display: var(--brand-logo-display);
        width: var(--brand-logo-width);
        height: var(--brand-logo-height);
        background: rgba(0, 0, 0, 0) 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) !important
    }

    .brand-logo-mobile {
        display: var(--brand-logo-display);
        width: var(--brand-logo-mobile-width);
        height: var(--brand-logo-mobile-height);
        background: rgba(0, 0, 0, 0) 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) !important
    }
}

@layer components {
    .btn-applicators {
        margin: 10px 0px 0px 0px;
        padding-top: 4px;
        border-top: 1px solid var(--border-color)
    }

    .btn-applicators p {
        margin: 10px 0px 0px 0px;
        width: 100%;
        text-align: center
    }

    .btn-applicators p a.btn,
    .btn-applicators p button.btn {
        margin: 2px 0px !important;
        padding: 8px 15px;
        width: 100%
    }
}

@layer components {

    a.btn-checkbox,
    a:link.btn-checkbox,
    a:hover.btn-checkbox,
    a:visited.btn-checkbox,
    a:active.btn-checkbox,
    a:focus.btn-checkbox,
    button.btn-checkbox {
        display: inline-flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        margin: 0px;
        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);
        text-decoration: none !important;
        white-space: normal;
        word-break: normal;
        color: var(--btn-default-color) !important;
        background-color: var(--btn-default-bg-color) !important;
        border-width: var(--btn-default-border-size) !important;
        border-color: var(--btn-default-border-color) !important;
        border-radius: var(--border-radius)
    }

    a.btn-checkbox::before,
    a:link.btn-checkbox::before,
    a:hover.btn-checkbox::before,
    a:visited.btn-checkbox::before,
    a:active.btn-checkbox::before,
    a:focus.btn-checkbox::before,
    button.btn-checkbox::before {
        margin-right: 10px;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-regular);
        content: ""
    }

    a+a.btn-checkbox,
    a:link+a.btn-checkbox,
    a:hover+a.btn-checkbox,
    a:visited+a.btn-checkbox,
    a:active+a.btn-checkbox,
    a:focus+a.btn-checkbox,
    button+a.btn-checkbox {
        margin-left: 2px
    }

    a:hover.btn-checkbox,
    button:hover.btn-checkbox {
        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
    }

    a:active.btn-checkbox,
    button:active.btn-checkbox,
    a.active.btn-checkbox,
    button.active.btn-checkbox {
        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
    }

    a:active.btn-checkbox::before,
    button:active.btn-checkbox::before,
    a.active.btn-checkbox::before,
    button.active.btn-checkbox::before {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: ""
    }

    a:focus.btn-checkbox,
    button:focus.btn-checkbox {
        color: var(--btn-default-color-focus) !important;
        background-color: var(--btn-default-bg-color-focus) !important;
        border-color: var(--btn-default-border-color-focus) !important
    }
}

@layer components {
    .btn-filters {
        display: inline-flex;
        justify-content: flex-start;
        align-content: center;
        align-items: center
    }

    .btn-filters a.btn,
    .btn-filters a:link.btn,
    .btn-filters a:hover.btn,
    .btn-filters a:visited.btn,
    .btn-filters a:active.btn,
    .btn-filters a:focus.btn,
    .btn-filters button.btn {
        position: relative;
        display: inline-flex;
        justify-content: flex-start;
        align-content: center;
        align-items: center;
        margin: 2px;
        padding: 5px 10px;
        padding-left: 30px;
        width: auto !important;
        font-size: .8125rem;
        line-height: 1rem;
        color: var(--slate-dark-20);
        background-color: var(--bg-body);
        border: 1px solid var(--slate-20);
        vertical-align: middle;
        border-radius: 20px
    }

    .btn-filters a.btn i,
    .btn-filters a.btn svg,
    .btn-filters a:link.btn i,
    .btn-filters a:link.btn svg,
    .btn-filters a:hover.btn i,
    .btn-filters a:hover.btn svg,
    .btn-filters a:visited.btn i,
    .btn-filters a:visited.btn svg,
    .btn-filters a:active.btn i,
    .btn-filters a:active.btn svg,
    .btn-filters a:focus.btn i,
    .btn-filters a:focus.btn svg,
    .btn-filters button.btn i,
    .btn-filters button.btn svg {
        position: absolute;
        left: 8px;
        font-size: 1rem;
        color: var(--slate-dark-20)
    }

    .btn-filters a:hover.btn {
        color: var(--dark);
        background-color: var(--gray-3);
        border-color: var(--gray-20)
    }

    .btn-filters a:hover.btn i,
    .btn-filters a:hover.btn svg {
        color: var(--dark)
    }

    .btn-filters a:focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important;
        border-radius: 20px !important
    }

    p span.btn-filters {
        margin-left: 5px
    }
}

@layer components {
    .btn-group-right {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-content: center;
        align-items: center;
        margin-left: auto;
        min-width: 84px
    }

    .btn-group-right ul.btn-icons {
        justify-content: flex-end
    }

    .btn-group-right ul.btn-icons li {
        justify-content: flex-end
    }

    .btn-group-right ul.btn-icons li a.btn.btn-default,
    .btn-group-right ul.btn-icons li a.btn.btn-primary,
    .btn-group-right ul.btn-icons li a.btn.btn-secondary,
    .btn-group-right ul.btn-icons li a.btn.btn-tertiary,
    .btn-group-right ul.btn-icons li a:link.btn.btn-default,
    .btn-group-right ul.btn-icons li a:link.btn.btn-primary,
    .btn-group-right ul.btn-icons li a:link.btn.btn-secondary,
    .btn-group-right ul.btn-icons li a:link.btn.btn-tertiary,
    .btn-group-right ul.btn-icons li a:hover.btn.btn-default,
    .btn-group-right ul.btn-icons li a:hover.btn.btn-primary,
    .btn-group-right ul.btn-icons li a:hover.btn.btn-secondary,
    .btn-group-right ul.btn-icons li a:hover.btn.btn-tertiary,
    .btn-group-right ul.btn-icons li a:visited.btn.btn-default,
    .btn-group-right ul.btn-icons li a:visited.btn.btn-primary,
    .btn-group-right ul.btn-icons li a:visited.btn.btn-secondary,
    .btn-group-right ul.btn-icons li a:visited.btn.btn-tertiary,
    .btn-group-right ul.btn-icons li a:active.btn.btn-default,
    .btn-group-right ul.btn-icons li a:active.btn.btn-primary,
    .btn-group-right ul.btn-icons li a:active.btn.btn-secondary,
    .btn-group-right ul.btn-icons li a:active.btn.btn-tertiary,
    .btn-group-right ul.btn-icons li a:focus.btn.btn-default,
    .btn-group-right ul.btn-icons li a:focus.btn.btn-primary,
    .btn-group-right ul.btn-icons li a:focus.btn.btn-secondary,
    .btn-group-right ul.btn-icons li a:focus.btn.btn-tertiary,
    .btn-group-right ul.btn-icons li button.btn.btn-default,
    .btn-group-right ul.btn-icons li button.btn.btn-primary,
    .btn-group-right ul.btn-icons li button.btn.btn-secondary,
    .btn-group-right ul.btn-icons li button.btn.btn-tertiary {
        flex: 0 0 100%
    }
}

@media(max-width: 575.98px) {
    @layer components {
        .btn-group-right a.btn+a.btn {
            margin-top: 8px;
            margin-left: 0px
        }

        .btn-group-right a.btn.no-resize+a.btn.no-resize {
            margin: 0px;
            margin-left: 5px
        }
    }
}

@layer components {

    a.btn-icon-text,
    a.btn-icon-text-arrow,
    a:link.btn-icon-text,
    a:link.btn-icon-text-arrow,
    a:hover.btn-icon-text,
    a:hover.btn-icon-text-arrow,
    a:visited.btn-icon-text,
    a:visited.btn-icon-text-arrow,
    a:active.btn-icon-text,
    a:active.btn-icon-text-arrow,
    a:focus.btn-icon-text,
    a:focus.btn-icon-text-arrow,
    button.btn-icon-text,
    button.btn-icon-text-arrow {
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-content: center;
        margin: 0px 0px 5px 0px;
        padding: 16px 0px;
        width: 100%;
        height: auto;
        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);
        color: var(--btn-default-color);
        background-color: var(--btn-default-bg-color);
        border: 1px solid var(--btn-default-border-color);
        border-radius: var(--border-radius)
    }

    a.btn-icon-text i,
    a.btn-icon-text svg,
    a.btn-icon-text-arrow i,
    a.btn-icon-text-arrow svg,
    a:link.btn-icon-text i,
    a:link.btn-icon-text svg,
    a:link.btn-icon-text-arrow i,
    a:link.btn-icon-text-arrow svg,
    a:hover.btn-icon-text i,
    a:hover.btn-icon-text svg,
    a:hover.btn-icon-text-arrow i,
    a:hover.btn-icon-text-arrow svg,
    a:visited.btn-icon-text i,
    a:visited.btn-icon-text svg,
    a:visited.btn-icon-text-arrow i,
    a:visited.btn-icon-text-arrow svg,
    a:active.btn-icon-text i,
    a:active.btn-icon-text svg,
    a:active.btn-icon-text-arrow i,
    a:active.btn-icon-text-arrow svg,
    a:focus.btn-icon-text i,
    a:focus.btn-icon-text svg,
    a:focus.btn-icon-text-arrow i,
    a:focus.btn-icon-text-arrow svg,
    button.btn-icon-text i,
    button.btn-icon-text svg,
    button.btn-icon-text-arrow i,
    button.btn-icon-text-arrow svg {
        margin: 0px;
        padding: 0px 20px;
        width: 70px;
        font-size: 1.625rem;
        text-align: center;
        color: var(--gray-70)
    }

    a.btn-icon-text span,
    a.btn-icon-text-arrow span,
    a:link.btn-icon-text span,
    a:link.btn-icon-text-arrow span,
    a:hover.btn-icon-text span,
    a:hover.btn-icon-text-arrow span,
    a:visited.btn-icon-text span,
    a:visited.btn-icon-text-arrow span,
    a:active.btn-icon-text span,
    a:active.btn-icon-text-arrow span,
    a:focus.btn-icon-text span,
    a:focus.btn-icon-text-arrow span,
    button.btn-icon-text span,
    button.btn-icon-text-arrow span {
        width: calc(100% - 70px);
        margin: 0px;
        padding: 0px;
        padding-right: 16px;
        color: var(--btn-default-color);
        border-left: 1px dotted var(--border-color)
    }

    a.btn-icon-text span h6,
    a.btn-icon-text-arrow span h6,
    a:link.btn-icon-text span h6,
    a:link.btn-icon-text-arrow span h6,
    a:hover.btn-icon-text span h6,
    a:hover.btn-icon-text-arrow span h6,
    a:visited.btn-icon-text span h6,
    a:visited.btn-icon-text-arrow span h6,
    a:active.btn-icon-text span h6,
    a:active.btn-icon-text-arrow span h6,
    a:focus.btn-icon-text span h6,
    a:focus.btn-icon-text-arrow span h6,
    button.btn-icon-text span h6,
    button.btn-icon-text-arrow span h6 {
        margin: 0px
    }

    a.btn-icon-text span p,
    a.btn-icon-text-arrow span p,
    a:link.btn-icon-text span p,
    a:link.btn-icon-text-arrow span p,
    a:hover.btn-icon-text span p,
    a:hover.btn-icon-text-arrow span p,
    a:visited.btn-icon-text span p,
    a:visited.btn-icon-text-arrow span p,
    a:active.btn-icon-text span p,
    a:active.btn-icon-text-arrow span p,
    a:focus.btn-icon-text span p,
    a:focus.btn-icon-text-arrow span p,
    button.btn-icon-text span p,
    button.btn-icon-text-arrow span p {
        margin: 0px
    }

    a.btn-icon-text:hover,
    a.btn-icon-text-arrow:hover,
    a:link.btn-icon-text:hover,
    a:link.btn-icon-text-arrow:hover,
    a:hover.btn-icon-text:hover,
    a:hover.btn-icon-text-arrow:hover,
    a:visited.btn-icon-text:hover,
    a:visited.btn-icon-text-arrow:hover,
    a:active.btn-icon-text:hover,
    a:active.btn-icon-text-arrow:hover,
    a:focus.btn-icon-text:hover,
    a:focus.btn-icon-text-arrow:hover,
    button.btn-icon-text:hover,
    button.btn-icon-text-arrow: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
    }

    a.btn-icon-text:hover i,
    a.btn-icon-text:hover svg,
    a.btn-icon-text-arrow:hover i,
    a.btn-icon-text-arrow:hover svg,
    a:link.btn-icon-text:hover i,
    a:link.btn-icon-text:hover svg,
    a:link.btn-icon-text-arrow:hover i,
    a:link.btn-icon-text-arrow:hover svg,
    a:hover.btn-icon-text:hover i,
    a:hover.btn-icon-text:hover svg,
    a:hover.btn-icon-text-arrow:hover i,
    a:hover.btn-icon-text-arrow:hover svg,
    a:visited.btn-icon-text:hover i,
    a:visited.btn-icon-text:hover svg,
    a:visited.btn-icon-text-arrow:hover i,
    a:visited.btn-icon-text-arrow:hover svg,
    a:active.btn-icon-text:hover i,
    a:active.btn-icon-text:hover svg,
    a:active.btn-icon-text-arrow:hover i,
    a:active.btn-icon-text-arrow:hover svg,
    a:focus.btn-icon-text:hover i,
    a:focus.btn-icon-text:hover svg,
    a:focus.btn-icon-text-arrow:hover i,
    a:focus.btn-icon-text-arrow:hover svg,
    button.btn-icon-text:hover i,
    button.btn-icon-text:hover svg,
    button.btn-icon-text-arrow:hover i,
    button.btn-icon-text-arrow:hover svg {
        color: var(--btn-default-color-hover);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    a.btn-icon-text:hover span,
    a.btn-icon-text-arrow:hover span,
    a:link.btn-icon-text:hover span,
    a:link.btn-icon-text-arrow:hover span,
    a:hover.btn-icon-text:hover span,
    a:hover.btn-icon-text-arrow:hover span,
    a:visited.btn-icon-text:hover span,
    a:visited.btn-icon-text-arrow:hover span,
    a:active.btn-icon-text:hover span,
    a:active.btn-icon-text-arrow:hover span,
    a:focus.btn-icon-text:hover span,
    a:focus.btn-icon-text-arrow:hover span,
    button.btn-icon-text:hover span,
    button.btn-icon-text-arrow:hover span {
        color: var(--btn-default-color-hover);
        border-color: var(--btn-default-border-color-hover);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    a.btn-icon-text:not(:disabled):not(.disabled).active,
    a.btn-icon-text:not(:disabled):not(.disabled):active,
    a.btn-icon-text .show>.btn-default.dropdown-toggle,
    a.btn-icon-text-arrow:not(:disabled):not(.disabled).active,
    a.btn-icon-text-arrow:not(:disabled):not(.disabled):active,
    a.btn-icon-text-arrow .show>.btn-default.dropdown-toggle,
    a:link.btn-icon-text:not(:disabled):not(.disabled).active,
    a:link.btn-icon-text:not(:disabled):not(.disabled):active,
    a:link.btn-icon-text .show>.btn-default.dropdown-toggle,
    a:link.btn-icon-text-arrow:not(:disabled):not(.disabled).active,
    a:link.btn-icon-text-arrow:not(:disabled):not(.disabled):active,
    a:link.btn-icon-text-arrow .show>.btn-default.dropdown-toggle,
    a:hover.btn-icon-text:not(:disabled):not(.disabled).active,
    a:hover.btn-icon-text:not(:disabled):not(.disabled):active,
    a:hover.btn-icon-text .show>.btn-default.dropdown-toggle,
    a:hover.btn-icon-text-arrow:not(:disabled):not(.disabled).active,
    a:hover.btn-icon-text-arrow:not(:disabled):not(.disabled):active,
    a:hover.btn-icon-text-arrow .show>.btn-default.dropdown-toggle,
    a:visited.btn-icon-text:not(:disabled):not(.disabled).active,
    a:visited.btn-icon-text:not(:disabled):not(.disabled):active,
    a:visited.btn-icon-text .show>.btn-default.dropdown-toggle,
    a:visited.btn-icon-text-arrow:not(:disabled):not(.disabled).active,
    a:visited.btn-icon-text-arrow:not(:disabled):not(.disabled):active,
    a:visited.btn-icon-text-arrow .show>.btn-default.dropdown-toggle,
    a:active.btn-icon-text:not(:disabled):not(.disabled).active,
    a:active.btn-icon-text:not(:disabled):not(.disabled):active,
    a:active.btn-icon-text .show>.btn-default.dropdown-toggle,
    a:active.btn-icon-text-arrow:not(:disabled):not(.disabled).active,
    a:active.btn-icon-text-arrow:not(:disabled):not(.disabled):active,
    a:active.btn-icon-text-arrow .show>.btn-default.dropdown-toggle,
    a:focus.btn-icon-text:not(:disabled):not(.disabled).active,
    a:focus.btn-icon-text:not(:disabled):not(.disabled):active,
    a:focus.btn-icon-text .show>.btn-default.dropdown-toggle,
    a:focus.btn-icon-text-arrow:not(:disabled):not(.disabled).active,
    a:focus.btn-icon-text-arrow:not(:disabled):not(.disabled):active,
    a:focus.btn-icon-text-arrow .show>.btn-default.dropdown-toggle,
    button.btn-icon-text:not(:disabled):not(.disabled).active,
    button.btn-icon-text:not(:disabled):not(.disabled):active,
    button.btn-icon-text .show>.btn-default.dropdown-toggle,
    button.btn-icon-text-arrow:not(:disabled):not(.disabled).active,
    button.btn-icon-text-arrow:not(:disabled):not(.disabled):active,
    button.btn-icon-text-arrow .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
    }

    a.btn-icon-text:not(:disabled):not(.disabled).active i,
    a.btn-icon-text:not(:disabled):not(.disabled).active svg,
    a.btn-icon-text:not(:disabled):not(.disabled):active i,
    a.btn-icon-text:not(:disabled):not(.disabled):active svg,
    a.btn-icon-text .show>.btn-default.dropdown-toggle i,
    a.btn-icon-text .show>.btn-default.dropdown-toggle svg,
    a.btn-icon-text-arrow:not(:disabled):not(.disabled).active i,
    a.btn-icon-text-arrow:not(:disabled):not(.disabled).active svg,
    a.btn-icon-text-arrow:not(:disabled):not(.disabled):active i,
    a.btn-icon-text-arrow:not(:disabled):not(.disabled):active svg,
    a.btn-icon-text-arrow .show>.btn-default.dropdown-toggle i,
    a.btn-icon-text-arrow .show>.btn-default.dropdown-toggle svg,
    a:link.btn-icon-text:not(:disabled):not(.disabled).active i,
    a:link.btn-icon-text:not(:disabled):not(.disabled).active svg,
    a:link.btn-icon-text:not(:disabled):not(.disabled):active i,
    a:link.btn-icon-text:not(:disabled):not(.disabled):active svg,
    a:link.btn-icon-text .show>.btn-default.dropdown-toggle i,
    a:link.btn-icon-text .show>.btn-default.dropdown-toggle svg,
    a:link.btn-icon-text-arrow:not(:disabled):not(.disabled).active i,
    a:link.btn-icon-text-arrow:not(:disabled):not(.disabled).active svg,
    a:link.btn-icon-text-arrow:not(:disabled):not(.disabled):active i,
    a:link.btn-icon-text-arrow:not(:disabled):not(.disabled):active svg,
    a:link.btn-icon-text-arrow .show>.btn-default.dropdown-toggle i,
    a:link.btn-icon-text-arrow .show>.btn-default.dropdown-toggle svg,
    a:hover.btn-icon-text:not(:disabled):not(.disabled).active i,
    a:hover.btn-icon-text:not(:disabled):not(.disabled).active svg,
    a:hover.btn-icon-text:not(:disabled):not(.disabled):active i,
    a:hover.btn-icon-text:not(:disabled):not(.disabled):active svg,
    a:hover.btn-icon-text .show>.btn-default.dropdown-toggle i,
    a:hover.btn-icon-text .show>.btn-default.dropdown-toggle svg,
    a:hover.btn-icon-text-arrow:not(:disabled):not(.disabled).active i,
    a:hover.btn-icon-text-arrow:not(:disabled):not(.disabled).active svg,
    a:hover.btn-icon-text-arrow:not(:disabled):not(.disabled):active i,
    a:hover.btn-icon-text-arrow:not(:disabled):not(.disabled):active svg,
    a:hover.btn-icon-text-arrow .show>.btn-default.dropdown-toggle i,
    a:hover.btn-icon-text-arrow .show>.btn-default.dropdown-toggle svg,
    a:visited.btn-icon-text:not(:disabled):not(.disabled).active i,
    a:visited.btn-icon-text:not(:disabled):not(.disabled).active svg,
    a:visited.btn-icon-text:not(:disabled):not(.disabled):active i,
    a:visited.btn-icon-text:not(:disabled):not(.disabled):active svg,
    a:visited.btn-icon-text .show>.btn-default.dropdown-toggle i,
    a:visited.btn-icon-text .show>.btn-default.dropdown-toggle svg,
    a:visited.btn-icon-text-arrow:not(:disabled):not(.disabled).active i,
    a:visited.btn-icon-text-arrow:not(:disabled):not(.disabled).active svg,
    a:visited.btn-icon-text-arrow:not(:disabled):not(.disabled):active i,
    a:visited.btn-icon-text-arrow:not(:disabled):not(.disabled):active svg,
    a:visited.btn-icon-text-arrow .show>.btn-default.dropdown-toggle i,
    a:visited.btn-icon-text-arrow .show>.btn-default.dropdown-toggle svg,
    a:active.btn-icon-text:not(:disabled):not(.disabled).active i,
    a:active.btn-icon-text:not(:disabled):not(.disabled).active svg,
    a:active.btn-icon-text:not(:disabled):not(.disabled):active i,
    a:active.btn-icon-text:not(:disabled):not(.disabled):active svg,
    a:active.btn-icon-text .show>.btn-default.dropdown-toggle i,
    a:active.btn-icon-text .show>.btn-default.dropdown-toggle svg,
    a:active.btn-icon-text-arrow:not(:disabled):not(.disabled).active i,
    a:active.btn-icon-text-arrow:not(:disabled):not(.disabled).active svg,
    a:active.btn-icon-text-arrow:not(:disabled):not(.disabled):active i,
    a:active.btn-icon-text-arrow:not(:disabled):not(.disabled):active svg,
    a:active.btn-icon-text-arrow .show>.btn-default.dropdown-toggle i,
    a:active.btn-icon-text-arrow .show>.btn-default.dropdown-toggle svg,
    a:focus.btn-icon-text:not(:disabled):not(.disabled).active i,
    a:focus.btn-icon-text:not(:disabled):not(.disabled).active svg,
    a:focus.btn-icon-text:not(:disabled):not(.disabled):active i,
    a:focus.btn-icon-text:not(:disabled):not(.disabled):active svg,
    a:focus.btn-icon-text .show>.btn-default.dropdown-toggle i,
    a:focus.btn-icon-text .show>.btn-default.dropdown-toggle svg,
    a:focus.btn-icon-text-arrow:not(:disabled):not(.disabled).active i,
    a:focus.btn-icon-text-arrow:not(:disabled):not(.disabled).active svg,
    a:focus.btn-icon-text-arrow:not(:disabled):not(.disabled):active i,
    a:focus.btn-icon-text-arrow:not(:disabled):not(.disabled):active svg,
    a:focus.btn-icon-text-arrow .show>.btn-default.dropdown-toggle i,
    a:focus.btn-icon-text-arrow .show>.btn-default.dropdown-toggle svg,
    button.btn-icon-text:not(:disabled):not(.disabled).active i,
    button.btn-icon-text:not(:disabled):not(.disabled).active svg,
    button.btn-icon-text:not(:disabled):not(.disabled):active i,
    button.btn-icon-text:not(:disabled):not(.disabled):active svg,
    button.btn-icon-text .show>.btn-default.dropdown-toggle i,
    button.btn-icon-text .show>.btn-default.dropdown-toggle svg,
    button.btn-icon-text-arrow:not(:disabled):not(.disabled).active i,
    button.btn-icon-text-arrow:not(:disabled):not(.disabled).active svg,
    button.btn-icon-text-arrow:not(:disabled):not(.disabled):active i,
    button.btn-icon-text-arrow:not(:disabled):not(.disabled):active svg,
    button.btn-icon-text-arrow .show>.btn-default.dropdown-toggle i,
    button.btn-icon-text-arrow .show>.btn-default.dropdown-toggle svg {
        color: var(--btn-default-color-active);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    a.btn-icon-text:not(:disabled):not(.disabled).active span,
    a.btn-icon-text:not(:disabled):not(.disabled):active span,
    a.btn-icon-text .show>.btn-default.dropdown-toggle span,
    a.btn-icon-text-arrow:not(:disabled):not(.disabled).active span,
    a.btn-icon-text-arrow:not(:disabled):not(.disabled):active span,
    a.btn-icon-text-arrow .show>.btn-default.dropdown-toggle span,
    a:link.btn-icon-text:not(:disabled):not(.disabled).active span,
    a:link.btn-icon-text:not(:disabled):not(.disabled):active span,
    a:link.btn-icon-text .show>.btn-default.dropdown-toggle span,
    a:link.btn-icon-text-arrow:not(:disabled):not(.disabled).active span,
    a:link.btn-icon-text-arrow:not(:disabled):not(.disabled):active span,
    a:link.btn-icon-text-arrow .show>.btn-default.dropdown-toggle span,
    a:hover.btn-icon-text:not(:disabled):not(.disabled).active span,
    a:hover.btn-icon-text:not(:disabled):not(.disabled):active span,
    a:hover.btn-icon-text .show>.btn-default.dropdown-toggle span,
    a:hover.btn-icon-text-arrow:not(:disabled):not(.disabled).active span,
    a:hover.btn-icon-text-arrow:not(:disabled):not(.disabled):active span,
    a:hover.btn-icon-text-arrow .show>.btn-default.dropdown-toggle span,
    a:visited.btn-icon-text:not(:disabled):not(.disabled).active span,
    a:visited.btn-icon-text:not(:disabled):not(.disabled):active span,
    a:visited.btn-icon-text .show>.btn-default.dropdown-toggle span,
    a:visited.btn-icon-text-arrow:not(:disabled):not(.disabled).active span,
    a:visited.btn-icon-text-arrow:not(:disabled):not(.disabled):active span,
    a:visited.btn-icon-text-arrow .show>.btn-default.dropdown-toggle span,
    a:active.btn-icon-text:not(:disabled):not(.disabled).active span,
    a:active.btn-icon-text:not(:disabled):not(.disabled):active span,
    a:active.btn-icon-text .show>.btn-default.dropdown-toggle span,
    a:active.btn-icon-text-arrow:not(:disabled):not(.disabled).active span,
    a:active.btn-icon-text-arrow:not(:disabled):not(.disabled):active span,
    a:active.btn-icon-text-arrow .show>.btn-default.dropdown-toggle span,
    a:focus.btn-icon-text:not(:disabled):not(.disabled).active span,
    a:focus.btn-icon-text:not(:disabled):not(.disabled):active span,
    a:focus.btn-icon-text .show>.btn-default.dropdown-toggle span,
    a:focus.btn-icon-text-arrow:not(:disabled):not(.disabled).active span,
    a:focus.btn-icon-text-arrow:not(:disabled):not(.disabled):active span,
    a:focus.btn-icon-text-arrow .show>.btn-default.dropdown-toggle span,
    button.btn-icon-text:not(:disabled):not(.disabled).active span,
    button.btn-icon-text:not(:disabled):not(.disabled):active span,
    button.btn-icon-text .show>.btn-default.dropdown-toggle span,
    button.btn-icon-text-arrow:not(:disabled):not(.disabled).active span,
    button.btn-icon-text-arrow:not(:disabled):not(.disabled):active span,
    button.btn-icon-text-arrow .show>.btn-default.dropdown-toggle span {
        color: var(--btn-default-color-active);
        border-color: var(--btn-default-border-color-active);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    a.btn-icon-text.disabled,
    a.btn-icon-text-arrow.disabled,
    a:link.btn-icon-text.disabled,
    a:link.btn-icon-text-arrow.disabled,
    a:hover.btn-icon-text.disabled,
    a:hover.btn-icon-text-arrow.disabled,
    a:visited.btn-icon-text.disabled,
    a:visited.btn-icon-text-arrow.disabled,
    a:active.btn-icon-text.disabled,
    a:active.btn-icon-text-arrow.disabled,
    a:focus.btn-icon-text.disabled,
    a:focus.btn-icon-text-arrow.disabled,
    button.btn-icon-text.disabled,
    button.btn-icon-text-arrow.disabled {
        color: var(--btn-default-color) !important;
        background-color: var(--btn-default-bg-color) !important;
        border-color: var(--btn-default-border-color) !important
    }

    a.btn-icon-text.active.disabled,
    a.btn-icon-text-arrow.active.disabled,
    a:link.btn-icon-text.active.disabled,
    a:link.btn-icon-text-arrow.active.disabled,
    a:hover.btn-icon-text.active.disabled,
    a:hover.btn-icon-text-arrow.active.disabled,
    a:visited.btn-icon-text.active.disabled,
    a:visited.btn-icon-text-arrow.active.disabled,
    a:active.btn-icon-text.active.disabled,
    a:active.btn-icon-text-arrow.active.disabled,
    a:focus.btn-icon-text.active.disabled,
    a:focus.btn-icon-text-arrow.active.disabled,
    button.btn-icon-text.active.disabled,
    button.btn-icon-text-arrow.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
    }

    a.btn-icon-text.active.disabled i,
    a.btn-icon-text.active.disabled svg,
    a.btn-icon-text-arrow.active.disabled i,
    a.btn-icon-text-arrow.active.disabled svg,
    a:link.btn-icon-text.active.disabled i,
    a:link.btn-icon-text.active.disabled svg,
    a:link.btn-icon-text-arrow.active.disabled i,
    a:link.btn-icon-text-arrow.active.disabled svg,
    a:hover.btn-icon-text.active.disabled i,
    a:hover.btn-icon-text.active.disabled svg,
    a:hover.btn-icon-text-arrow.active.disabled i,
    a:hover.btn-icon-text-arrow.active.disabled svg,
    a:visited.btn-icon-text.active.disabled i,
    a:visited.btn-icon-text.active.disabled svg,
    a:visited.btn-icon-text-arrow.active.disabled i,
    a:visited.btn-icon-text-arrow.active.disabled svg,
    a:active.btn-icon-text.active.disabled i,
    a:active.btn-icon-text.active.disabled svg,
    a:active.btn-icon-text-arrow.active.disabled i,
    a:active.btn-icon-text-arrow.active.disabled svg,
    a:focus.btn-icon-text.active.disabled i,
    a:focus.btn-icon-text.active.disabled svg,
    a:focus.btn-icon-text-arrow.active.disabled i,
    a:focus.btn-icon-text-arrow.active.disabled svg,
    button.btn-icon-text.active.disabled i,
    button.btn-icon-text.active.disabled svg,
    button.btn-icon-text-arrow.active.disabled i,
    button.btn-icon-text-arrow.active.disabled svg {
        color: var(--btn-default-color-active);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    a.btn-icon-text.active.disabled span,
    a.btn-icon-text-arrow.active.disabled span,
    a:link.btn-icon-text.active.disabled span,
    a:link.btn-icon-text-arrow.active.disabled span,
    a:hover.btn-icon-text.active.disabled span,
    a:hover.btn-icon-text-arrow.active.disabled span,
    a:visited.btn-icon-text.active.disabled span,
    a:visited.btn-icon-text-arrow.active.disabled span,
    a:active.btn-icon-text.active.disabled span,
    a:active.btn-icon-text-arrow.active.disabled span,
    a:focus.btn-icon-text.active.disabled span,
    a:focus.btn-icon-text-arrow.active.disabled span,
    button.btn-icon-text.active.disabled span,
    button.btn-icon-text-arrow.active.disabled span {
        color: var(--btn-default-color-active);
        border-color: var(--btn-default-border-color-active);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    a.btn-icon-text-arrow span,
    a:link.btn-icon-text-arrow span,
    a:hover.btn-icon-text-arrow span,
    a:visited.btn-icon-text-arrow span,
    a:active.btn-icon-text-arrow span,
    a:focus.btn-icon-text-arrow span,
    button.btn-icon-text-arrow span {
        border-left: none
    }

    a.btn-icon-text-arrow::after,
    a:link.btn-icon-text-arrow::after,
    a:hover.btn-icon-text-arrow::after,
    a:visited.btn-icon-text-arrow::after,
    a:active.btn-icon-text-arrow::after,
    a:focus.btn-icon-text-arrow::after,
    button.btn-icon-text-arrow::after {
        margin-right: 16px;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: var(--fa-chevron-start);
        color: var(--border-color)
    }

    a:hover.btn-icon-text-arrow::after {
        color: var(--btn-default-border-color-hover)
    }

    a:focus.btn-icon-text,
    a:focus.btn-icon-text-arrow,
    button:focus.btn-icon-text,
    button:focus.btn-icon-text-arrow {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .btn-icon-text-arrow {
        margin: 10px 0px;
        padding: 20px;
        color: var(--btn-default-color);
        background-color: var(--btn-default-bg-color);
        border: 1px solid var(--btn-default-border-color);
        border-radius: var(--border-radius);
        cursor: pointer
    }

    .btn-icon-text-arrow h6 {
        margin: 0px;
        color: var(--font-color-dark)
    }

    .btn-icon-text-arrow p {
        margin: 0px;
        color: var(--font-color)
    }

    .btn-icon-text-arrow i,
    .btn-icon-text-arrow svg {
        color: var(--gray-70)
    }

    .btn-icon-text-arrow .icon-chevron {
        text-align: var(--dir-end)
    }

    .btn-icon-text-arrow .icon-chevron::after {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: var(--fa-chevron-start);
        color: var(--border-color)
    }

    .btn-icon-text-arrow:hover {
        color: var(--btn-default-color-hover) !important;
        background-color: var(--btn-default-bg-color-hover) !important;
        border-color: var(--btn-default-border-color) !important;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .btn-icon-text-arrow:hover h6 {
        color: var(--font-color-dark);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .btn-icon-text-arrow:hover p {
        color: var(--font-color-dark);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .btn-icon-text-arrow:hover i,
    .btn-icon-text-arrow:hover svg {
        color: var(--font-color-dark);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .btn-icon-text-arrow:hover .icon-chevron::after {
        color: var(--font-color-dark)
    }

    .btn-icon-text-arrow:not(:disabled):not(.disabled).active,
    .btn-icon-text-arrow:not(:disabled):not(.disabled):active,
    .btn-icon-text-arrow .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-icon-text-arrow:not(:disabled):not(.disabled).active h6,
    .btn-icon-text-arrow:not(:disabled):not(.disabled):active h6,
    .btn-icon-text-arrow .show>.btn-default.dropdown-toggle h6 {
        color: var(--btn-default-color-active);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .btn-icon-text-arrow:not(:disabled):not(.disabled).active p,
    .btn-icon-text-arrow:not(:disabled):not(.disabled):active p,
    .btn-icon-text-arrow .show>.btn-default.dropdown-toggle p {
        color: var(--btn-default-color-active);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .btn-icon-text-arrow:not(:disabled):not(.disabled).active i,
    .btn-icon-text-arrow:not(:disabled):not(.disabled).active svg,
    .btn-icon-text-arrow:not(:disabled):not(.disabled):active i,
    .btn-icon-text-arrow:not(:disabled):not(.disabled):active svg,
    .btn-icon-text-arrow .show>.btn-default.dropdown-toggle i,
    .btn-icon-text-arrow .show>.btn-default.dropdown-toggle svg {
        color: var(--btn-default-color-active);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .btn-icon-text-arrow:not(:disabled):not(.disabled).active .icon-chevron::after,
    .btn-icon-text-arrow:not(:disabled):not(.disabled):active .icon-chevron::after,
    .btn-icon-text-arrow .show>.btn-default.dropdown-toggle .icon-chevron::after {
        color: var(--btn-default-color-active)
    }

    .btn-icon-text-arrow.disabled {
        color: var(--btn-default-color) !important;
        background-color: var(--btn-default-bg-color) !important;
        border-color: var(--btn-default-border-color) !important
    }

    .btn-icon-text-arrow.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-icon-text-arrow.active.disabled h6 {
        color: var(--btn-default-color-active);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .btn-icon-text-arrow.active.disabled p {
        color: var(--btn-default-color-active);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .btn-icon-text-arrow.active.disabled i,
    .btn-icon-text-arrow.active.disabled svg {
        color: var(--btn-default-color-active);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .btn-icon-text-arrow.active.disabled .icon-chevron::after {
        color: var(--btn-default-color-active)
    }
}

@media(max-width: 575.98px) {
    @layer components {
        .btn-icon-text {
            padding: 5px 0px
        }

        .btn-icon-text i,
        .btn-icon-text svg {
            width: 25%;
            font-size: 1.25rem
        }

        .btn-icon-text span {
            padding: 0px 20px;
            width: 75%;
            text-align: var(--dir-start)
        }
    }
}

@media(min-width: 576px)and (max-width: 767.98px) {
    @layer components {
        .btn-icon-text {
            padding: 5px 0px
        }

        .btn-icon-text i,
        .btn-icon-text svg {
            width: 30%;
            font-size: 1.25rem
        }

        .btn-icon-text span {
            padding: 0px 20px;
            width: 70%;
            text-align: var(--dir-start)
        }
    }
}

@media(min-width: 768px)and (max-width: 991.98px) {
    @layer components {

        .btn-icon-text i,
        .btn-icon-text svg {
            width: 30%;
            font-size: 1.25rem
        }

        .btn-icon-text span {
            padding: 0px 20px;
            width: 70%;
            text-align: var(--dir-start)
        }
    }
}

@layer components {
    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 rgba(0, 0, 0, 0);
        border-right: 6px solid rgba(0, 0, 0, 0);
        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;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    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: rgba(0, 0, 0, 0);
        border: 1px solid rgba(0, 0, 0, 0);
        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: .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 rgba(0, 0, 0, 0);
        border-right: 6px solid rgba(0, 0, 0, 0);
        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;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    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: rgba(0, 0, 0, 0);
        border-color: rgba(0, 0, 0, 0)
    }

    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: rgba(0, 0, 0, 0);
        border-color: rgba(0, 0, 0, 0)
    }

    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
    }
}

@layer components {

    a.btn-page-link,
    a:link.btn-page-link,
    a:hover.btn-page-link,
    a:visited.btn-page-link,
    a:active.btn-page-link,
    a:focus.btn-page-link,
    button.btn-page-link {
        display: flex !important;
        justify-content: space-between;
        align-content: center;
        align-items: center;
        margin: 0px 0px 10px 0px;
        padding: 20px;
        width: 100%;
        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);
        color: var(--btn-default-color);
        background-color: var(--btn-default-bg-color);
        border: 1px solid var(--btn-default-border-color);
        border-radius: var(--border-radius)
    }

    a.btn-page-link span,
    a:link.btn-page-link span,
    a:hover.btn-page-link span,
    a:visited.btn-page-link span,
    a:active.btn-page-link span,
    a:focus.btn-page-link span,
    button.btn-page-link span {
        display: flex;
        align-items: center;
        text-align: var(--dir-start)
    }

    a.btn-page-link::after,
    a:link.btn-page-link::after,
    a:hover.btn-page-link::after,
    a:visited.btn-page-link::after,
    a:active.btn-page-link::after,
    a:focus.btn-page-link::after,
    button.btn-page-link::after {
        font-size: 1.5rem !important;
        line-height: 1.5rem !important;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: var(--fa-arrow-circle-start);
        color: var(--gray-40)
    }

    a.btn-page-link:hover,
    a:link.btn-page-link:hover,
    a:hover.btn-page-link:hover,
    a:visited.btn-page-link:hover,
    a:active.btn-page-link:hover,
    a:focus.btn-page-link:hover,
    button.btn-page-link:hover {
        color: var(--btn-default-color-hover) !important;
        background-color: var(--btn-default-bg-color) !important;
        border-color: var(--btn-default-border-color-hover) !important
    }

    a.btn-page-link:focus,
    a:link.btn-page-link:focus,
    a:hover.btn-page-link:focus,
    a:visited.btn-page-link:focus,
    a:active.btn-page-link:focus,
    a:focus.btn-page-link:focus,
    button.btn-page-link:focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    a.btn-page-link:not(:disabled):not(.disabled).active,
    a.btn-page-link:not(:disabled):not(.disabled):active,
    a.btn-page-link .show>.btn-default.dropdown-toggle,
    a:link.btn-page-link:not(:disabled):not(.disabled).active,
    a:link.btn-page-link:not(:disabled):not(.disabled):active,
    a:link.btn-page-link .show>.btn-default.dropdown-toggle,
    a:hover.btn-page-link:not(:disabled):not(.disabled).active,
    a:hover.btn-page-link:not(:disabled):not(.disabled):active,
    a:hover.btn-page-link .show>.btn-default.dropdown-toggle,
    a:visited.btn-page-link:not(:disabled):not(.disabled).active,
    a:visited.btn-page-link:not(:disabled):not(.disabled):active,
    a:visited.btn-page-link .show>.btn-default.dropdown-toggle,
    a:active.btn-page-link:not(:disabled):not(.disabled).active,
    a:active.btn-page-link:not(:disabled):not(.disabled):active,
    a:active.btn-page-link .show>.btn-default.dropdown-toggle,
    a:focus.btn-page-link:not(:disabled):not(.disabled).active,
    a:focus.btn-page-link:not(:disabled):not(.disabled):active,
    a:focus.btn-page-link .show>.btn-default.dropdown-toggle,
    button.btn-page-link:not(:disabled):not(.disabled).active,
    button.btn-page-link:not(:disabled):not(.disabled):active,
    button.btn-page-link .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
    }

    a.btn-page-link:not(:disabled):not(.disabled).active::after,
    a.btn-page-link:not(:disabled):not(.disabled):active::after,
    a.btn-page-link .show>.btn-default.dropdown-toggle::after,
    a:link.btn-page-link:not(:disabled):not(.disabled).active::after,
    a:link.btn-page-link:not(:disabled):not(.disabled):active::after,
    a:link.btn-page-link .show>.btn-default.dropdown-toggle::after,
    a:hover.btn-page-link:not(:disabled):not(.disabled).active::after,
    a:hover.btn-page-link:not(:disabled):not(.disabled):active::after,
    a:hover.btn-page-link .show>.btn-default.dropdown-toggle::after,
    a:visited.btn-page-link:not(:disabled):not(.disabled).active::after,
    a:visited.btn-page-link:not(:disabled):not(.disabled):active::after,
    a:visited.btn-page-link .show>.btn-default.dropdown-toggle::after,
    a:active.btn-page-link:not(:disabled):not(.disabled).active::after,
    a:active.btn-page-link:not(:disabled):not(.disabled):active::after,
    a:active.btn-page-link .show>.btn-default.dropdown-toggle::after,
    a:focus.btn-page-link:not(:disabled):not(.disabled).active::after,
    a:focus.btn-page-link:not(:disabled):not(.disabled):active::after,
    a:focus.btn-page-link .show>.btn-default.dropdown-toggle::after,
    button.btn-page-link:not(:disabled):not(.disabled).active::after,
    button.btn-page-link:not(:disabled):not(.disabled):active::after,
    button.btn-page-link .show>.btn-default.dropdown-toggle::after {
        color: var(--btn-default-color-active)
    }

    a.btn-page-link.disabled,
    a:link.btn-page-link.disabled,
    a:hover.btn-page-link.disabled,
    a:visited.btn-page-link.disabled,
    a:active.btn-page-link.disabled,
    a:focus.btn-page-link.disabled,
    button.btn-page-link.disabled {
        color: var(--btn-default-color) !important;
        background-color: var(--btn-default-bg-color) !important;
        border-color: var(--btn-default-border-color) !important
    }

    a.btn-page-link.active.disabled,
    a:link.btn-page-link.active.disabled,
    a:hover.btn-page-link.active.disabled,
    a:visited.btn-page-link.active.disabled,
    a:active.btn-page-link.active.disabled,
    a:focus.btn-page-link.active.disabled,
    button.btn-page-link.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
    }

    a.btn-page-link.active.disabled::after,
    a:link.btn-page-link.active.disabled::after,
    a:hover.btn-page-link.active.disabled::after,
    a:visited.btn-page-link.active.disabled::after,
    a:active.btn-page-link.active.disabled::after,
    a:focus.btn-page-link.active.disabled::after,
    button.btn-page-link.active.disabled::after {
        color: var(--btn-default-color-active)
    }
}

@layer components {

    .btn.btn-pill-active,
    .btn.btn-pill-add,
    .btn.btn-pill-delete {
        display: inline-flex;
        justify-content: flex-start;
        align-content: center;
        align-items: center;
        margin: 3px;
        padding: 5px 8px;
        padding-right: 10px;
        width: auto !important;
        border-radius: 20px;
        box-sizing: border-box
    }

    .btn.btn-pill-active::before,
    .btn.btn-pill-add::before,
    .btn.btn-pill-delete::before {
        float: var(--dir-start);
        margin: 0px;
        margin-right: 5px;
        font-size: 1rem;
        line-height: 1rem;
        vertical-align: middle;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid)
    }

    .btn.btn-pill-active span,
    .btn.btn-pill-add span,
    .btn.btn-pill-delete span {
        font-size: .8125rem;
        line-height: 1rem
    }

    .btn.btn-pill-active+.btn,
    .btn.btn-pill-add+.btn,
    .btn.btn-pill-delete+.btn {
        margin: 1px
    }

    .btn.btn-pill-active:focus,
    .btn.btn-pill-add:focus,
    .btn.btn-pill-delete:focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important;
        border-radius: 20px !important
    }

    .btn.btn-pill-active {
        color: var(--success);
        background-color: var(--bg-body);
        border-color: var(--success-70)
    }

    .btn.btn-pill-active::before {
        color: var(--success);
        content: ""
    }

    .btn.btn-pill-active:hover {
        color: var(--red);
        background-color: var(--bg-body);
        border-color: var(--red)
    }

    .btn.btn-pill-active:hover::before {
        color: var(--red);
        content: ""
    }

    .btn.btn-pill-add {
        color: var(--slate-dark-20);
        background-color: var(--bg-body);
        border-color: var(--slate-70)
    }

    .btn.btn-pill-add::before {
        color: var(--slate-dark-20);
        content: ""
    }

    .btn.btn-pill-add:hover {
        color: var(--dark);
        background-color: var(--slate-3);
        border-color: var(--slate)
    }

    .btn.btn-pill-add:hover::before {
        color: var(--dark);
        content: ""
    }

    .btn.btn-pill-delete {
        color: var(--red-dark-10);
        background-color: var(--bg-body);
        border-color: var(--red-70)
    }

    .btn.btn-pill-delete::before {
        color: var(--red-dark-10);
        content: ""
    }

    .btn.btn-pill-delete:hover {
        color: var(--dark);
        background-color: var(--slate-3);
        border-color: var(--slate)
    }

    .btn.btn-pill-delete:hover::before {
        color: var(--dark);
        content: ""
    }
}

@layer components {

    a.btn-radio,
    a:link.btn-radio,
    a:hover.btn-radio,
    a:visited.btn-radio,
    a:active.btn-radio,
    a:focus.btn-radio,
    button.btn-radio {
        display: inline-flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        margin: 0px;
        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);
        text-decoration: none !important;
        white-space: normal;
        word-break: normal;
        color: var(--btn-default-color) !important;
        background-color: var(--btn-default-bg-color) !important;
        border-width: var(--btn-default-border-size) !important;
        border-color: var(--btn-default-border-color) !important;
        border-radius: var(--border-radius)
    }

    a.btn-radio::before,
    a:link.btn-radio::before,
    a:hover.btn-radio::before,
    a:visited.btn-radio::before,
    a:active.btn-radio::before,
    a:focus.btn-radio::before,
    button.btn-radio::before {
        margin-right: 10px;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-regular);
        content: ""
    }

    a+a.btn-radio,
    a:link+a.btn-radio,
    a:hover+a.btn-radio,
    a:visited+a.btn-radio,
    a:active+a.btn-radio,
    a:focus+a.btn-radio,
    button+a.btn-radio {
        margin-left: 2px
    }

    a:hover.btn-radio,
    button:hover.btn-radio {
        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
    }

    a:active.btn-radio,
    button:active.btn-radio,
    a.active.btn-radio,
    button.active.btn-radio {
        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
    }

    a:active.btn-radio::before,
    button:active.btn-radio::before,
    a.active.btn-radio::before,
    button.active.btn-radio::before {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: ""
    }

    a:focus.btn-radio,
    button:focus.btn-radio {
        color: var(--btn-default-color-focus) !important;
        background-color: var(--btn-default-bg-color-focus) !important;
        border-color: var(--btn-default-border-color-focus) !important
    }
}

@layer components {
    .btn-select-group {
        display: flex;
        padding: 20px;
        color: var(--primary);
        border: 1px solid var(--primary);
        border-radius: 10px;
        cursor: pointer
    }

    .btn-select-group:hover {
        background-color: var(--primary-10)
    }

    .btn-select-group.active {
        background-color: var(--primary-5);
        cursor: default
    }
}

@layer components {
    .btn-selectors p {
        margin: 0px 0px 8px 0px
    }

    .btn-selectors p a.btn.btn-default,
    .btn-selectors p a:link.btn.btn-default,
    .btn-selectors p a:hover.btn.btn-default,
    .btn-selectors p a:visited.btn.btn-default,
    .btn-selectors p a:active.btn.btn-default,
    .btn-selectors p a:focus.btn.btn-default,
    .btn-selectors p button.btn.btn-default {
        position: relative;
        display: block;
        margin: 1px 0px;
        padding: var(--btn-pt) var(--btn-pe) var(--btn-pb) var(--btn-ps);
        padding-right: 34px;
        width: 100%;
        font-style: var(--btn-font-style);
        font-weight: var(--fw-400);
        font-size: var(--btn-font-size);
        line-height: 1.125rem;
        font-family: var(--btn-font-family);
        text-align: var(--dir-start);
        text-transform: none;
        color: var(--btn-default-color);
        background-color: var(--btn-default-color);
        border: 1px solid var(--btn-default-border-color);
        border-radius: var(--border-radius)
    }

    .btn-selectors p a.btn.btn-default:hover,
    .btn-selectors p a:link.btn.btn-default:hover,
    .btn-selectors p a:hover.btn.btn-default:hover,
    .btn-selectors p a:visited.btn.btn-default:hover,
    .btn-selectors p a:active.btn.btn-default:hover,
    .btn-selectors p a:focus.btn.btn-default:hover,
    .btn-selectors p button.btn.btn-default:hover {
        color: var(--btn-default-color) !important;
        background-color: var(--btn-default-bg-color) !important;
        border-color: var(--btn-default-border-color) !important
    }

    .btn-selectors p a.btn.btn-default:not(:disabled):not(.disabled).active,
    .btn-selectors p a.btn.btn-default:not(:disabled):not(.disabled):active,
    .btn-selectors p a.btn.btn-default .show>.btn-default.dropdown-toggle,
    .btn-selectors p a:link.btn.btn-default:not(:disabled):not(.disabled).active,
    .btn-selectors p a:link.btn.btn-default:not(:disabled):not(.disabled):active,
    .btn-selectors p a:link.btn.btn-default .show>.btn-default.dropdown-toggle,
    .btn-selectors p a:hover.btn.btn-default:not(:disabled):not(.disabled).active,
    .btn-selectors p a:hover.btn.btn-default:not(:disabled):not(.disabled):active,
    .btn-selectors p a:hover.btn.btn-default .show>.btn-default.dropdown-toggle,
    .btn-selectors p a:visited.btn.btn-default:not(:disabled):not(.disabled).active,
    .btn-selectors p a:visited.btn.btn-default:not(:disabled):not(.disabled):active,
    .btn-selectors p a:visited.btn.btn-default .show>.btn-default.dropdown-toggle,
    .btn-selectors p a:active.btn.btn-default:not(:disabled):not(.disabled).active,
    .btn-selectors p a:active.btn.btn-default:not(:disabled):not(.disabled):active,
    .btn-selectors p a:active.btn.btn-default .show>.btn-default.dropdown-toggle,
    .btn-selectors p a:focus.btn.btn-default:not(:disabled):not(.disabled).active,
    .btn-selectors p a:focus.btn.btn-default:not(:disabled):not(.disabled):active,
    .btn-selectors p a:focus.btn.btn-default .show>.btn-default.dropdown-toggle,
    .btn-selectors p button.btn.btn-default:not(:disabled):not(.disabled).active,
    .btn-selectors p button.btn.btn-default:not(:disabled):not(.disabled):active,
    .btn-selectors p button.btn.btn-default .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) !important
    }

    .btn-selectors p a.btn.btn-default:not(:disabled):not(.disabled).active::after,
    .btn-selectors p a.btn.btn-default:not(:disabled):not(.disabled):active::after,
    .btn-selectors p a.btn.btn-default .show>.btn-default.dropdown-toggle::after,
    .btn-selectors p a:link.btn.btn-default:not(:disabled):not(.disabled).active::after,
    .btn-selectors p a:link.btn.btn-default:not(:disabled):not(.disabled):active::after,
    .btn-selectors p a:link.btn.btn-default .show>.btn-default.dropdown-toggle::after,
    .btn-selectors p a:hover.btn.btn-default:not(:disabled):not(.disabled).active::after,
    .btn-selectors p a:hover.btn.btn-default:not(:disabled):not(.disabled):active::after,
    .btn-selectors p a:hover.btn.btn-default .show>.btn-default.dropdown-toggle::after,
    .btn-selectors p a:visited.btn.btn-default:not(:disabled):not(.disabled).active::after,
    .btn-selectors p a:visited.btn.btn-default:not(:disabled):not(.disabled):active::after,
    .btn-selectors p a:visited.btn.btn-default .show>.btn-default.dropdown-toggle::after,
    .btn-selectors p a:active.btn.btn-default:not(:disabled):not(.disabled).active::after,
    .btn-selectors p a:active.btn.btn-default:not(:disabled):not(.disabled):active::after,
    .btn-selectors p a:active.btn.btn-default .show>.btn-default.dropdown-toggle::after,
    .btn-selectors p a:focus.btn.btn-default:not(:disabled):not(.disabled).active::after,
    .btn-selectors p a:focus.btn.btn-default:not(:disabled):not(.disabled):active::after,
    .btn-selectors p a:focus.btn.btn-default .show>.btn-default.dropdown-toggle::after,
    .btn-selectors p button.btn.btn-default:not(:disabled):not(.disabled).active::after,
    .btn-selectors p button.btn.btn-default:not(:disabled):not(.disabled):active::after,
    .btn-selectors p button.btn.btn-default .show>.btn-default.dropdown-toggle::after {
        position: absolute;
        top: calc(50% - 8px);
        right: 10px;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: "";
        color: var(--btn-default-color-active)
    }

    .btn-selectors p a.btn.btn-default.disabled,
    .btn-selectors p a:link.btn.btn-default.disabled,
    .btn-selectors p a:hover.btn.btn-default.disabled,
    .btn-selectors p a:visited.btn.btn-default.disabled,
    .btn-selectors p a:active.btn.btn-default.disabled,
    .btn-selectors p a:focus.btn.btn-default.disabled,
    .btn-selectors p button.btn.btn-default.disabled {
        color: var(--btn-default-color) !important;
        background-color: var(--btn-default-bg-color) !important;
        border-color: var(--btn-default-border-color) !important
    }

    .btn-selectors p a.btn.btn-default.active.disabled,
    .btn-selectors p a:link.btn.btn-default.active.disabled,
    .btn-selectors p a:hover.btn.btn-default.active.disabled,
    .btn-selectors p a:visited.btn.btn-default.active.disabled,
    .btn-selectors p a:active.btn.btn-default.active.disabled,
    .btn-selectors p a:focus.btn.btn-default.active.disabled,
    .btn-selectors p button.btn.btn-default.active.disabled {
        color: var(--btn-default-color-active) !important;
        background-color: var(--btn-default-bg-color) !important;
        border-color: var(--btn-default-border-color) !important
    }

    .btn-selectors p a.btn.btn-default.active.disabled::after,
    .btn-selectors p a:link.btn.btn-default.active.disabled::after,
    .btn-selectors p a:hover.btn.btn-default.active.disabled::after,
    .btn-selectors p a:visited.btn.btn-default.active.disabled::after,
    .btn-selectors p a:active.btn.btn-default.active.disabled::after,
    .btn-selectors p a:focus.btn.btn-default.active.disabled::after,
    .btn-selectors p button.btn.btn-default.active.disabled::after {
        position: absolute;
        right: 10px;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: "";
        color: var(--btn-default-color)
    }

    .btn-selectors p a.btn.btn-default.btn-modal::after,
    .btn-selectors p a:link.btn.btn-default.btn-modal::after,
    .btn-selectors p a:hover.btn.btn-default.btn-modal::after,
    .btn-selectors p a:visited.btn.btn-default.btn-modal::after,
    .btn-selectors p a:active.btn.btn-default.btn-modal::after,
    .btn-selectors p a:focus.btn.btn-default.btn-modal::after,
    .btn-selectors p button.btn.btn-default.btn-modal::after {
        position: absolute;
        top: calc(50% - 8px);
        right: 10px;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: "";
        color: var(--btn-default-color)
    }

    .btn-selectors p a:focus,
    .btn-selectors p a:link:focus,
    .btn-selectors p a:hover:focus,
    .btn-selectors p a:visited:focus,
    .btn-selectors p a:active:focus,
    .btn-selectors p a:focus:focus,
    .btn-selectors p button:focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }
}

@layer components {
    .btn-switch {
        display: inline-flex;
        justify-content: flex-start;
        align-content: center;
        align-items: stretch;
        margin: 5px 0px;
        padding: 0px
    }

    .btn-switch.disabled {
        opacity: .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: .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;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .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(max-width: 575.98px) {
    @layer components {
        .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
        }
    }
}

@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)
    }
}

@layer components {
    .btn-view-all {
        display: block;
        margin: 0px;
        padding: 10px 0px;
        text-align: center;
        color: var(--primary) !important;
        background-color: rgba(0, 0, 0, 0) !important;
        border-top: 1px dotted var(--border-color) !important
    }

    .btn-view-all:focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .btn-view-all:hover,
    .btn-view-all:active,
    .btn-view-all.active,
    .open>.dropdown-toggle.btn-view-all,
    .btn-view-all.active.focus,
    .btn-view-all.active:focus,
    .btn-view-all.active:hover,
    .btn-view-all:active.focus,
    .btn-view-all:active:focus,
    .btn-view-all:active:hover,
    .open>.dropdown-toggle.btn-view-all.focus,
    .open>.dropdown-toggle.btn-view-all:focus,
    .open>.dropdown-toggle.btn-view-all:hover {
        color: var(--primary-dark-20) !important;
        background-color: var(--primary-10) !important;
        border-top-color: var(--border-color) !important
    }
}

@layer components {
    .btn-captcha.btn-default {
        min-width: 200px;
        justify-content: start
    }

    .btn-captcha.btn-default .form-label {
        margin-bottom: 0;
        padding-left: 10px
    }

    .btn-captcha.btn-default .check-container .captcha-status-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 24px;
        height: 24px;
        font-size: 20px
    }

    .btn-captcha.btn-default .check-container:hover .checkmark {
        border-color: var(--border-color)
    }

    .btn-captcha.btn-default .check-container .captcha-status-icon .spinner-border {
        width: 100%;
        height: 100%
    }

    .btn-captcha.btn-default.is-valid.disabled {
        background-color: var(--success-5) !important;
        border-color: var(--success) !important;
        opacity: 100% !important
    }

    .captcha-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative
    }

    .captcha-canvas {
        width: 100%
    }

    .captcha-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 5px;
        position: absolute;
        top: 0;
        left: 0;
        padding: 5px;
        width: 100%;
        height: 100%
    }

    .captcha-grid .captcha-select {
        padding: 10px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border: 2px solid rgba(0, 0, 0, 0);
        cursor: pointer
    }

    .captcha-grid .captcha-select.selected {
        border: 2px solid var(--primary) !important;
        transition: all .1s ease-in-out
    }

    .modal.modal-captcha {
        --bs-modal-width: 340px
    }

    .modal.modal-captcha .modal-dialog .modal-content {
        box-shadow: 0px 1px 3px var(--shadow-color)
    }

    .modal.modal-captcha .modal-dialog .modal-content .modal-header {
        padding: 20px 30px !important
    }

    .modal.modal-captcha .modal-dialog .modal-content .modal-body {
        padding: 20px 30px !important
    }

    .modal.modal-captcha .modal-dialog .modal-content .modal-footer {
        padding: 20px 30px !important
    }
}

@layer components {
    .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 .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        cursor: pointer
    }

    .check-container .checkmark:focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .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 .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .check-container input:focus+.checkmark {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .check-container input:checked {
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .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);
        content: ""
    }

    .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: .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 .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }
}

@layer components {

    ul.checklist,
    ul.check-list,
    ul.checklist-circle,
    ul.check-list-circle,
    ol.checklist,
    ol.check-list,
    ol.checklist-circle,
    ol.check-list-circle {
        margin: 0px;
        padding: 0px;
        list-style-type: none
    }

    ul.checklist li,
    ul.check-list li,
    ul.checklist-circle li,
    ul.check-list-circle li,
    ol.checklist li,
    ol.check-list li,
    ol.checklist-circle li,
    ol.check-list-circle li {
        position: relative;
        margin: 0px 0px 25px 0px;
        padding: 0px;
        padding-left: 30px
    }

    ul.checklist li::before,
    ul.check-list li::before,
    ul.checklist-circle li::before,
    ul.check-list-circle li::before,
    ol.checklist li::before,
    ol.check-list li::before,
    ol.checklist-circle li::before,
    ol.check-list-circle li::before {
        display: block;
        position: absolute;
        top: 2px;
        left: 0px;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: "";
        color: var(--primary)
    }

    ul.checklist li ul,
    ul.checklist li ol,
    ul.check-list li ul,
    ul.check-list li ol,
    ul.checklist-circle li ul,
    ul.checklist-circle li ol,
    ul.check-list-circle li ul,
    ul.check-list-circle li ol,
    ol.checklist li ul,
    ol.checklist li ol,
    ol.check-list li ul,
    ol.check-list li ol,
    ol.checklist-circle li ul,
    ol.checklist-circle li ol,
    ol.check-list-circle li ul,
    ol.check-list-circle li ol {
        margin: 10px 0px 0px 0px;
        margin-left: 20px;
        padding: 0px
    }

    ul.checklist li ul li,
    ul.checklist li ol li,
    ul.check-list li ul li,
    ul.check-list li ol li,
    ul.checklist-circle li ul li,
    ul.checklist-circle li ol li,
    ul.check-list-circle li ul li,
    ul.check-list-circle li ol li,
    ol.checklist li ul li,
    ol.checklist li ol li,
    ol.check-list li ul li,
    ol.check-list li ol li,
    ol.checklist-circle li ul li,
    ol.checklist-circle li ol li,
    ol.check-list-circle li ul li,
    ol.check-list-circle li ol li {
        padding: 0px;
        padding-left: 10px
    }

    ul.checklist li ul li::before,
    ul.checklist li ol li::before,
    ul.check-list li ul li::before,
    ul.check-list li ol li::before,
    ul.checklist-circle li ul li::before,
    ul.checklist-circle li ol li::before,
    ul.check-list-circle li ul li::before,
    ul.check-list-circle li ol li::before,
    ol.checklist li ul li::before,
    ol.checklist li ol li::before,
    ol.check-list li ul li::before,
    ol.check-list li ol li::before,
    ol.checklist-circle li ul li::before,
    ol.checklist-circle li ol li::before,
    ol.check-list-circle li ul li::before,
    ol.check-list-circle li ol li::before {
        position: relative;
        content: ""
    }

    ul.checklist-circle li::before,
    ul.check-list-circle li::before,
    ol.checklist-circle li::before,
    ol.check-list-circle li::before {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: ""
    }
}

@layer components {
    div[data-upload-box] {
        background-color: var(--gray-10);
        padding: 50px 20px
    }

    div[data-upload-box].advancedUpload {
        outline: 2px dashed var(--border-color);
        outline-offset: -10px
    }

    div[data-upload-box].advancedUpload .dragAndDrop {
        display: inline
    }

    div[data-upload-box].dragOver {
        background-color: var(--green-10);
        outline: 4px dashed var(--white);
        outline-offset: -20px
    }

    div[data-upload-box].dragOver i.fa {
        color: var(--white)
    }

    div[data-upload-box] .dragAndDrop {
        display: none
    }
}

@layer components {
    .disclosure {
        margin: 0px;
        padding: 40px;
        background-color: var(--gray-5)
    }

    .disclosure h1,
    .disclosure h2,
    .disclosure h3,
    .disclosure h4,
    .disclosure h5,
    .disclosure h6,
    .disclosure p,
    .disclosure li,
    .disclosure sup,
    .disclosure th,
    .disclosure td,
    .disclosure label,
    .disclosure input,
    .disclosure select,
    .disclosure textarea {
        color: var(--font-color-light)
    }

    .disclosure h1 {
        font-size: 1.625rem;
        line-height: 1.875rem
    }

    .disclosure h2 {
        font-size: 1.5rem;
        line-height: 1.75rem
    }

    .disclosure h3 {
        font-size: 1.375rem;
        line-height: 1.625rem
    }

    .disclosure h4 {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .disclosure h5 {
        font-size: 1.125rem;
        line-height: 1.375rem
    }

    .disclosure h6 {
        font-size: 1rem;
        line-height: 1.25rem
    }

    .disclosure p {
        font-size: .8125rem;
        line-height: 1.125rem
    }

    .disclosure ul,
    .disclosure ol {
        margin: 5px 0px;
        padding: 0px
    }

    .disclosure ul li,
    .disclosure ol li {
        margin: 0px 0px 10px 0px;
        margin-left: 15px;
        padding: 0px;
        padding-left: 10px;
        font-size: .8125rem;
        line-height: 1.125rem
    }

    .disclosure th {
        font-size: .8125rem;
        line-height: 1.125rem
    }

    .disclosure td {
        font-size: .8125rem;
        line-height: 1.125rem
    }

    .disclosure a,
    .disclosure a:link,
    .disclosure a:visited,
    .disclosure a:hover,
    .disclosure a:active,
    .disclosure a:focus {
        color: var(--font-color-light);
        text-decoration: underline
    }

    .disclosure a:hover {
        color: var(--link-color-hover);
        text-decoration: none
    }

    .disclosure a:focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .disclosure .btn,
    .disclosure .btn-icon {
        text-decoration: none !important
    }
}

@media(max-width: 575.98px) {
    @layer components {
        .disclosure {
            padding: 20px
        }
    }
}

@layer components {
    .divider {
        margin: 20px 1px;
        height: 2px;
        overflow: hidden;
        background-color: var(--gray-70);
        border-bottom: 1px solid var(--white)
    }

    .divider-or {
        position: relative;
        margin: 20px 0px;
        text-align: center;
        overflow: hidden
    }

    .divider-or p {
        display: inline-block;
        position: relative;
        z-index: 2;
        margin: 0px;
        padding: 2px 16px;
        width: auto;
        font-style: italic;
        text-align: center;
        background-color: var(--bg-body)
    }

    .divider-or hr {
        position: absolute;
        z-index: 1;
        top: 50%;
        margin: 0px;
        width: 100%
    }

    .divider-triangle-white {
        pointer-events: none
    }

    .divider-triangle-white path {
        fill: var(--bg-body);
        stroke: var(--bg-body);
        stroke-width: 2
    }

    .down-caret {
        text-align: center
    }

    .down-caret span {
        display: inline-block;
        width: 80px;
        height: 40px;
        background-image: url("../../images/web/template/section-arrow-down-white.png");
        background-repeat: no-repeat;
        background-size: 100% auto
    }
}

@layer bootstrap {
    .fa-ol {
        list-style-type: none;
        margin-left: 5px
    }

    .fa-ol li {
        position: relative;
        margin-bottom: 24px;
        padding-left: 4px
    }

    .fa-ol li .fa-li.fa-num {
        position: absolute;
        left: -32px;
        padding: 4px 1px 3px 1px;
        width: 21px;
        font-weight: var(--fw-600);
        font-size: .875rem;
        line-height: .875rem;
        text-align: center;
        background-color: var(--gray-10);
        border-radius: 20px
    }

    .fa-ul {
        margin-left: 0px;
        margin-right: 0px
    }

    .fa-ul>li {
        position: relative;
        margin-bottom: 16px
    }

    .fa-ul>li .fa-li {
        position: absolute;
        left: -2em;
        width: 2em;
        text-align: center;
        line-height: inherit
    }

    .bullet-point {
        padding-left: 4px;
        padding-right: 4px;
        font-size: .75rem
    }
}

@layer components {

    .form-bordered,
    .form-dashed,
    .form-striped,
    .form-drill-down,
    .form-review-bordered,
    .form-review-dashed {
        margin: 0px;
        padding: 0px;
        border-top: 1px solid var(--border-color)
    }

    .form-bordered>p,
    .form-dashed>p,
    .form-striped>p,
    .form-drill-down>p,
    .form-review-bordered>p,
    .form-review-dashed>p {
        margin: 0px;
        padding: 6px 15px;
        font-weight: var(--fw-600);
        background-color: var(--gray-5);
        border-bottom: 1px solid var(--border-color)
    }

    .form-bordered .row,
    .form-dashed .row,
    .form-striped .row,
    .form-drill-down .row,
    .form-review-bordered .row,
    .form-review-dashed .row {
        align-items: center;
        margin: 0px;
        padding: 5px 0px;
        border-bottom: 1px solid var(--border-color)
    }

    .form-bordered .row:last-child,
    .form-dashed .row:last-child,
    .form-striped .row:last-child,
    .form-drill-down .row:last-child,
    .form-review-bordered .row:last-child,
    .form-review-dashed .row:last-child {
        margin-bottom: -1px
    }

    .form-bordered .row.row-header,
    .form-dashed .row.row-header,
    .form-striped .row.row-header,
    .form-drill-down .row.row-header,
    .form-review-bordered .row.row-header,
    .form-review-dashed .row.row-header {
        background-color: var(--gray-5)
    }

    .form-bordered .row.row-header p,
    .form-dashed .row.row-header p,
    .form-striped .row.row-header p,
    .form-drill-down .row.row-header p,
    .form-review-bordered .row.row-header p,
    .form-review-dashed .row.row-header p {
        font-size: .75rem;
        text-transform: uppercase;
        color: var(--font-color)
    }

    .form-bordered .row.row-footer,
    .form-dashed .row.row-footer,
    .form-striped .row.row-footer,
    .form-drill-down .row.row-footer,
    .form-review-bordered .row.row-footer,
    .form-review-dashed .row.row-footer {
        background-color: var(--bg-body-light);
        border-bottom: none
    }

    .form-bordered .row.row-footer p,
    .form-dashed .row.row-footer p,
    .form-striped .row.row-footer p,
    .form-drill-down .row.row-footer p,
    .form-review-bordered .row.row-footer p,
    .form-review-dashed .row.row-footer p {
        font-weight: var(--fw-600)
    }

    .form-bordered .row>div p,
    .form-dashed .row>div p,
    .form-striped .row>div p,
    .form-drill-down .row>div p,
    .form-review-bordered .row>div p,
    .form-review-dashed .row>div p {
        margin: 0px;
        font-size: .875rem
    }

    .form-bordered .row>div ul,
    .form-bordered .row>div ol,
    .form-dashed .row>div ul,
    .form-dashed .row>div ol,
    .form-striped .row>div ul,
    .form-striped .row>div ol,
    .form-drill-down .row>div ul,
    .form-drill-down .row>div ol,
    .form-review-bordered .row>div ul,
    .form-review-bordered .row>div ol,
    .form-review-dashed .row>div ul,
    .form-review-dashed .row>div ol {
        margin: 0px;
        margin-left: 15px;
        padding: 0px
    }

    .form-bordered .row>div ul li,
    .form-bordered .row>div ol li,
    .form-dashed .row>div ul li,
    .form-dashed .row>div ol li,
    .form-striped .row>div ul li,
    .form-striped .row>div ol li,
    .form-drill-down .row>div ul li,
    .form-drill-down .row>div ol li,
    .form-review-bordered .row>div ul li,
    .form-review-bordered .row>div ol li,
    .form-review-dashed .row>div ul li,
    .form-review-dashed .row>div ol li {
        margin: 0px;
        padding: 0px;
        font-size: .875rem
    }

    .form-bordered .row>div input.form-control,
    .form-dashed .row>div input.form-control,
    .form-striped .row>div input.form-control,
    .form-drill-down .row>div input.form-control,
    .form-review-bordered .row>div input.form-control,
    .form-review-dashed .row>div input.form-control {
        margin: 0px;
        padding: var(--input-pt) var(--input-pe) var(--input-pb) var(--input-ps);
        height: 44px;
        font-size: .875rem;
        line-height: 1.375rem
    }

    .form-bordered .row>div textarea.form-control,
    .form-dashed .row>div textarea.form-control,
    .form-striped .row>div textarea.form-control,
    .form-drill-down .row>div textarea.form-control,
    .form-review-bordered .row>div textarea.form-control,
    .form-review-dashed .row>div textarea.form-control {
        margin: 0px;
        padding: var(--input-pt) var(--input-pe) var(--input-pb) var(--input-ps);
        height: 44px;
        font-size: .875rem;
        line-height: 1.375rem
    }

    .form-bordered .row>div select.form-control,
    .form-bordered .row>div select.form-select,
    .form-dashed .row>div select.form-control,
    .form-dashed .row>div select.form-select,
    .form-striped .row>div select.form-control,
    .form-striped .row>div select.form-select,
    .form-drill-down .row>div select.form-control,
    .form-drill-down .row>div select.form-select,
    .form-review-bordered .row>div select.form-control,
    .form-review-bordered .row>div select.form-select,
    .form-review-dashed .row>div select.form-control,
    .form-review-dashed .row>div select.form-select {
        margin: 0px;
        padding: var(--input-pt) var(--input-pe) var(--input-pb) var(--input-ps);
        height: 44px;
        font-size: .875rem;
        line-height: 1.375rem
    }

    .form-bordered .row>div .bootstrap-switch,
    .form-dashed .row>div .bootstrap-switch,
    .form-striped .row>div .bootstrap-switch,
    .form-drill-down .row>div .bootstrap-switch,
    .form-review-bordered .row>div .bootstrap-switch,
    .form-review-dashed .row>div .bootstrap-switch {
        margin: 4px 0px
    }

    .form-bordered .row>div .dropdown-content.dropdown-right,
    .form-dashed .row>div .dropdown-content.dropdown-right,
    .form-striped .row>div .dropdown-content.dropdown-right,
    .form-drill-down .row>div .dropdown-content.dropdown-right,
    .form-review-bordered .row>div .dropdown-content.dropdown-right,
    .form-review-dashed .row>div .dropdown-content.dropdown-right {
        margin-top: 8px
    }

    .form-bordered .row>p,
    .form-dashed .row>p,
    .form-striped .row>p,
    .form-drill-down .row>p,
    .form-review-bordered .row>p,
    .form-review-dashed .row>p {
        display: block;
        margin: 0px;
        padding: 5px 0px;
        padding-left: 15px;
        font-weight: var(--fw-600);
        background-color: var(--gray-5);
        border-bottom: 1px solid var(--border-color)
    }

    .form-bordered .row p,
    .form-dashed .row p,
    .form-striped .row p,
    .form-drill-down .row p,
    .form-review-bordered .row p,
    .form-review-dashed .row p {
        margin: 8px 0px
    }

    .form-bordered .row .bootstrap-switch,
    .form-dashed .row .bootstrap-switch,
    .form-striped .row .bootstrap-switch,
    .form-drill-down .row .bootstrap-switch,
    .form-review-bordered .row .bootstrap-switch,
    .form-review-dashed .row .bootstrap-switch {
        margin: 4px 0px
    }

    .form-bordered .row .form-control,
    .form-dashed .row .form-control,
    .form-striped .row .form-control,
    .form-drill-down .row .form-control,
    .form-review-bordered .row .form-control,
    .form-review-dashed .row .form-control {
        margin: 5px 0px 0px 0px
    }

    .form-bordered .row .btn-selectors p,
    .form-dashed .row .btn-selectors p,
    .form-striped .row .btn-selectors p,
    .form-drill-down .row .btn-selectors p,
    .form-review-bordered .row .btn-selectors p,
    .form-review-dashed .row .btn-selectors p {
        margin: 0px
    }

    .form-bordered .row .btn-group-right ul.btn-icons,
    .form-dashed .row .btn-group-right ul.btn-icons,
    .form-striped .row .btn-group-right ul.btn-icons,
    .form-drill-down .row .btn-group-right ul.btn-icons,
    .form-review-bordered .row .btn-group-right ul.btn-icons,
    .form-review-dashed .row .btn-group-right ul.btn-icons {
        margin: 0px
    }

    .form-bordered .row .dropdown-content.dropdown-right,
    .form-dashed .row .dropdown-content.dropdown-right,
    .form-striped .row .dropdown-content.dropdown-right,
    .form-drill-down .row .dropdown-content.dropdown-right,
    .form-review-bordered .row .dropdown-content.dropdown-right,
    .form-review-dashed .row .dropdown-content.dropdown-right {
        margin-top: 8px
    }

    .form-bordered .row.active,
    .form-dashed .row.active,
    .form-striped .row.active,
    .form-drill-down .row.active,
    .form-review-bordered .row.active,
    .form-review-dashed .row.active {
        background-color: var(--primary-5)
    }

    .form-bordered .row.active>div p,
    .form-dashed .row.active>div p,
    .form-striped .row.active>div p,
    .form-drill-down .row.active>div p,
    .form-review-bordered .row.active>div p,
    .form-review-dashed .row.active>div p {
        color: var(--primary-dark-20)
    }

    .form-bordered .alert .row,
    .form-dashed .alert .row,
    .form-striped .alert .row,
    .form-drill-down .alert .row,
    .form-review-bordered .alert .row,
    .form-review-dashed .alert .row {
        border: none
    }

    .form-dashed,
    .form-review-dashed {
        border: none;
        border-top-style: dashed
    }

    .form-dashed .row,
    .form-review-dashed .row {
        border-bottom-style: dashed
    }

    .form-striped .row:nth-child(2n+3) {
        background-color: var(--gray-5)
    }

    .form-drill-down .row.hover::before {
        position: absolute;
        right: 25px;
        margin: 0px !important;
        padding: 0px;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: var(--fa-chevron-start);
        color: var(--gray-30)
    }

    .form-drill-down .row.hover:hover {
        background-color: var(--gray-10);
        cursor: pointer
    }

    .form-drill-down .row.hover:hover::before,
    .form-drill-down .row.hover:hover p,
    .form-drill-down .row.hover:hover a {
        color: var(--font-color-dark)
    }

    .form-drill-down .row p.totals {
        text-align: var(--dir-end)
    }

    .form-drill-down .row p.totals span {
        margin-right: 10px;
        font-weight: var(--fw-600)
    }

    .form-review .form-group,
    .form-review-bordered .form-group,
    .form-review-dashed .form-group {
        margin: 0px !important
    }

    .form-review .form-group:last-child,
    .form-review-bordered .form-group:last-child,
    .form-review-dashed .form-group:last-child {
        margin-bottom: -1px
    }

    .form-review .form-group .row,
    .form-review-bordered .form-group .row,
    .form-review-dashed .form-group .row {
        padding: 5px 0px
    }

    .form-review .form-group label,
    .form-review-bordered .form-group label,
    .form-review-dashed .form-group label {
        margin: 0px;
        padding: 0px
    }

    .form-review .form-group label.control-label,
    .form-review .form-group label.form-label,
    .form-review-bordered .form-group label.control-label,
    .form-review-bordered .form-group label.form-label,
    .form-review-dashed .form-group label.control-label,
    .form-review-dashed .form-group label.form-label {
        margin: 0px;
        padding: 0px
    }

    .form-review p,
    .form-review-bordered p,
    .form-review-dashed p {
        margin: 5px 0px 0px 0px
    }

    .form-review hr,
    .form-review-bordered hr,
    .form-review-dashed hr {
        margin: 10px 0px
    }
}

@media(max-width: 575.98px) {
    @layer components {

        .form-bordered .row,
        .form-dashed .row,
        .form-striped .row,
        .form-drill-down .row,
        .form-review-bordered .row,
        .form-review-dashed .row {
            padding-top: 10px;
            padding-bottom: 10px
        }

        .form-drill-down .row::before {
            margin: 6px 0px -25px 0px;
            margin-right: 10px
        }

        .form-drill-down .row p.totals {
            text-align: var(--dir-start)
        }

        .form-review .form-group {
            margin-top: 15px;
            margin-bottom: 0px
        }

        .form-review .form-group .row.align-items-center .form-label {
            margin: 0px
        }
    }
}

@media(min-width: 576px)and (max-width: 767.98px) {
    @layer components {

        .form-bordered .row,
        .form-dashed .row,
        .form-striped .row,
        .form-drill-down .row,
        .form-review-bordered .row,
        .form-review-dashed .row {
            padding-top: 10px;
            padding-bottom: 10px
        }

        .form-drill-down .row::before {
            margin: 6px 0px -25px 0px;
            margin-right: 10px
        }

        .form-drill-down .row p.totals {
            text-align: var(--dir-start)
        }

        .form-review .form-group {
            margin-top: 15px;
            margin-bottom: 0px
        }

        .form-review .form-group .row.align-items-center .form-label {
            margin: 0px
        }
    }
}

@media(min-width: 768px)and (max-width: 991.98px) {
    @layer components {
        .form-review .form-group {
            margin-top: 15px;
            margin-bottom: 0px
        }

        .form-review .form-group .row.align-items-center .form-label {
            margin: 0px
        }
    }
}

@layer components {
    .group-selector {
        position: relative;
        z-index: 1;
        margin: 0px;
        padding: 20px;
        padding-right: 50px;
        width: 100%;
        height: auto;
        background-color: var(--bg-body);
        border: 3px solid var(--border-color);
        border-radius: var(--border-radius);
        box-sizing: border-box
    }

    .group-selector>.form-check-input,
    .group-selector>.icheckbox_square,
    .group-selector>div.icheckbox_square,
    .group-selector>div.icheckbox_square-aero,
    .group-selector>div.icheckbox_square-pink,
    .group-selector>div.icheckbox_square-red,
    .group-selector>div.icheckbox_square-orange,
    .group-selector>div.icheckbox_square-yellow,
    .group-selector>div.icheckbox_square-green,
    .group-selector>div.icheckbox_square-blue,
    .group-selector>div.icheckbox_square-purple,
    .group-selector>div.icheckbox_square-grey {
        position: absolute;
        top: 12px;
        right: 12px;
        z-index: 2
    }

    .group-selector:hover {
        border-color: var(--primary-dark-20);
        cursor: pointer;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .group-selector.active {
        border-color: var(--primary)
    }

    .group-selector.account-selector {
        opacity: .6
    }

    .group-selector.account-selector:hover {
        border-color: var(--primary)
    }

    .group-selector.account-selector.active {
        opacity: 1
    }
}

@layer components {

    .instructions,
    .Instructions {
        margin: 20px 0px 0px 0px;
        background-color: var(--yellow-10);
        border: 1px solid var(--yellow-10);
        border-radius: var(--border-radius)
    }

    .instructions>.instructions-heading,
    .Instructions>.instructions-heading {
        padding: 10px;
        font-weight: var(--fw-600);
        font-size: 1rem;
        line-height: 1.25rem;
        text-transform: uppercase;
        color: var(--font-color-light);
        background-color: var(--yellow-20);
        border-top-left-radius: var(--border-radius);
        border-top-right-radius: var(--border-radius);
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px
    }

    .instructions>.instructions-heading h6,
    .Instructions>.instructions-heading h6 {
        margin: 0px;
        padding: 0px
    }

    .instructions>.instructions-heading h6 i,
    .instructions>.instructions-heading h6 svg,
    .Instructions>.instructions-heading h6 i,
    .Instructions>.instructions-heading h6 svg {
        margin: 0px;
        margin-right: 10px;
        color: var(--yellow-dark-10)
    }

    .instructions>.instructions-body,
    .Instructions>.instructions-body {
        padding: 20px 40px
    }

    .instructions>.instructions-body h1,
    .instructions>.instructions-body h2,
    .instructions>.instructions-body h3,
    .instructions>.instructions-body h4,
    .instructions>.instructions-body h5,
    .instructions>.instructions-body h6,
    .instructions>.instructions-body p,
    .instructions>.instructions-body li,
    .instructions>.instructions-body sup,
    .instructions>.instructions-body th,
    .instructions>.instructions-body td,
    .instructions>.instructions-body label,
    .instructions>.instructions-body input,
    .instructions>.instructions-body select,
    .instructions>.instructions-body textarea,
    .Instructions>.instructions-body h1,
    .Instructions>.instructions-body h2,
    .Instructions>.instructions-body h3,
    .Instructions>.instructions-body h4,
    .Instructions>.instructions-body h5,
    .Instructions>.instructions-body h6,
    .Instructions>.instructions-body p,
    .Instructions>.instructions-body li,
    .Instructions>.instructions-body sup,
    .Instructions>.instructions-body th,
    .Instructions>.instructions-body td,
    .Instructions>.instructions-body label,
    .Instructions>.instructions-body input,
    .Instructions>.instructions-body select,
    .Instructions>.instructions-body textarea {
        color: var(--font-color-light)
    }

    .instructions>.instructions-body h1,
    .Instructions>.instructions-body h1 {
        font-size: 1.625rem;
        line-height: 1.875rem
    }

    .instructions>.instructions-body h2,
    .Instructions>.instructions-body h2 {
        font-size: 1.5rem;
        line-height: 1.75rem
    }

    .instructions>.instructions-body h3,
    .Instructions>.instructions-body h3 {
        font-size: 1.375rem;
        line-height: 1.625rem
    }

    .instructions>.instructions-body h4,
    .Instructions>.instructions-body h4 {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .instructions>.instructions-body h5,
    .Instructions>.instructions-body h5 {
        font-size: 1.125rem;
        line-height: 1.375rem
    }

    .instructions>.instructions-body h6,
    .Instructions>.instructions-body h6 {
        font-size: 1rem;
        line-height: 1.25rem
    }

    .instructions>.instructions-body p,
    .Instructions>.instructions-body p {
        font-size: .8125rem;
        line-height: 1.125rem
    }

    .instructions>.instructions-body ul,
    .instructions>.instructions-body ol,
    .Instructions>.instructions-body ul,
    .Instructions>.instructions-body ol {
        margin: 5px 0px;
        padding: 0px
    }

    .instructions>.instructions-body ul li,
    .instructions>.instructions-body ol li,
    .Instructions>.instructions-body ul li,
    .Instructions>.instructions-body ol li {
        margin: 0px 0px 10px 0px;
        margin-left: 15px;
        padding: 0px;
        padding-left: 10px;
        font-size: .8125rem;
        line-height: 1.125rem
    }

    .instructions>.instructions-body th,
    .Instructions>.instructions-body th {
        font-size: .8125rem;
        line-height: 1.125rem
    }

    .instructions>.instructions-body td,
    .Instructions>.instructions-body td {
        font-size: .8125rem;
        line-height: 1.125rem
    }

    .instructions>.instructions-body a,
    .instructions>.instructions-body a:link,
    .instructions>.instructions-body a:visited,
    .instructions>.instructions-body a:hover,
    .instructions>.instructions-body a:active,
    .instructions>.instructions-body a:focus,
    .Instructions>.instructions-body a,
    .Instructions>.instructions-body a:link,
    .Instructions>.instructions-body a:visited,
    .Instructions>.instructions-body a:hover,
    .Instructions>.instructions-body a:active,
    .Instructions>.instructions-body a:focus {
        color: var(--font-color-light);
        text-decoration: underline
    }

    .instructions>.instructions-body a:hover,
    .Instructions>.instructions-body a:hover {
        color: var(--link-color-hover);
        text-decoration: none
    }

    .instructions>.instructions-body a:focus,
    .Instructions>.instructions-body a:focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .instructions>.instructions-body .btn,
    .instructions>.instructions-body .btn-icon,
    .Instructions>.instructions-body .btn,
    .Instructions>.instructions-body .btn-icon {
        text-decoration: none !important
    }
}

@media(max-width: 575.98px) {
    @layer components {

        .instructions>.instructions-body,
        .Instructions>.instructions-body {
            padding: 20px
        }
    }
}

@layer components {
    .bpay {
        margin: 0px;
        padding: 0px;
        width: auto;
        min-height: 60px
    }

    .bpay>img {
        float: var(--dir-start);
        margin-right: 2px;
        width: 125px;
        height: 58px
    }

    .bpay>span {
        float: var(--dir-start);
        margin: 3px 0px 0px 0px;
        padding: 3px 10px;
        border: 1px solid #001c58
    }

    .bpay>span>p {
        margin: 0px;
        font-weight: var(--fw-600);
        color: hsl(221, 100%, 17%)
    }

    .bpay>span>p>span {
        margin-left: 5px;
        color: var(--red)
    }

    .bpay>span::after {
        display: block;
        content: "";
        clear: both
    }
}

@layer components {

    .logo-gfis,
    .logo-gfis-inverse,
    .logo-gfis-black,
    .logo-gfis-white {
        margin: 0px;
        width: 130px;
        height: 60px
    }

    .logo-gfis {
        background-image: url("../../images/common/logos/gfis/gfis.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-gfis-inverse {
        background-image: url("../../images/common/logos/gfis/gfis-inverse.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-gfis-black {
        background-image: url("../../images/common/logos/gfis/gfis-black.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-gfis-white {
        background-image: url("../../images/common/logos/gfis/gfis-white.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-gfis-simple,
    .logo-gfis-simple-inverse,
    .logo-gfis-simple-black,
    .logo-gfis-simple-white {
        margin: 0px;
        width: 130px;
        height: 44px
    }

    .logo-gfis-simple {
        background-image: url("../../images/common/logos/gfis/gfis-simple.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-gfis-simple-inverse {
        background-image: url("../../images/common/logos/gfis/gfis-simple-inverse.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-gfis-simple-black {
        background-image: url("../../images/common/logos/gfis/gfis-simple-black.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-gfis-simple-white {
        background-image: url("../../images/common/logos/gfis/gfis-simple-white.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }
}

@layer components {

    .logo-handysolutions,
    .logo-handysolutions-inverse,
    .logo-handysolutions-black,
    .logo-handysolutions-white {
        margin: 0px;
        width: 196px;
        height: 34px
    }

    .logo-handysolutions {
        background-image: url("../../images/common/logos/handysolutions/handysolutions.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-handysolutions-inverse {
        background-image: url("../../images/common/logos/handysolutions/handysolutions-inverse.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-handysolutions-black {
        background-image: url("../../images/common/logos/handysolutions/handysolutions-black.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-handysolutions-white {
        background-image: url("../../images/common/logos/handysolutions/handysolutions-white.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-handysolutions-symbol,
    .logo-handysolutions-symbol-black,
    .logo-handysolutions-symbol-white {
        margin: 0px;
        width: 60px;
        height: 60px
    }

    .logo-handysolutions-symbol {
        background-image: url("../../images/common/logos/handysolutions/handysolutions-symbol.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-handysolutions-symbol-black {
        background-image: url("../../images/common/logos/handysolutions/handysolutions-symbol-black.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-handysolutions-symbol-white {
        background-image: url("../../images/common/logos/handysolutions/handysolutions-symbol-white.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }
}

@layer components {

    .logo-handytrader,
    .logo-handytrader-inverse,
    .handy-trader-logo-black,
    .handy-trader-logo-white {
        margin: 0px;
        width: 196px;
        height: 34px
    }

    .logo-handytrader,
    .handy-trader-logo-black {
        background-image: url("../../images/common/logos/handytrader/handytrader.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-handytrader-inverse,
    .handy-trader-logo-white {
        background-image: url("../../images/common/logos/handytrader/handytrader-inverse.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-handytrader-symbol,
    .logo-handytrader-symbol-black,
    .logo-handytrader-symbol-white {
        margin: 0px;
        width: 60px;
        height: 60px
    }

    .logo-handytrader-symbol {
        background-image: url("../../images/common/logos/handytrader/handytrader-symbol.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-handytrader-symbol-black {
        background-image: url("../../images/common/logos/handytrader/handytrader-symbol-black.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-handytrader-symbol-white {
        background-image: url("../../images/common/logos/handytrader/handytrader-symbol-white.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }
}

@layer components {

    .logo-ibkr-employeetrack,
    .logo-ibkr-employeetrack-inverse,
    .logo-ibkr-employeetrack-black,
    .logo-ibkr-employeetrack-white,
    .logo-ib-employeetrack,
    .logo-employeetrack-inverse,
    .ib-employeetrack-logo-black,
    .ib-employeetrack-logo-white {
        margin: 0px;
        width: 220px;
        height: 38px
    }

    .logo-ibkr-employeetrack,
    .logo-ib-employeetrack,
    .ib-employeetrack-logo-black {
        background-image: url("../../images/common/logos/ibkr-employeetrack/ibkr-employeetrack.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-employeetrack-inverse,
    .logo-ib-employeetrack-inverse,
    .ib-employeetrack-logo-white {
        background-image: url("../../images/common/logos/ibkr-employeetrack/ibkr-employeetrack-inverse.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-employeetrack-black {
        background-image: url("../../images/common/logos/ibkr-employeetrack/ibkr-employeetrack-black.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-employeetrack-white {
        background-image: url("../../images/common/logos/ibkr-employeetrack/ibkr-employeetrack-white.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }
}

@layer components {

    .logo-ibkr-eventtrader,
    .logo-ibkr-eventtrader-inverse,
    .logo-ibkr-eventtrader-black,
    .logo-ibkr-eventtrader-white {
        margin: 0px;
        width: 220px;
        height: 34px
    }

    .logo-ibkr-eventtrader {
        background-image: url("../../images/common/logos/ibkr-eventtrader/ibkr-eventtrader.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-eventtrader-inverse {
        background-image: url("../../images/common/logos/ibkr-eventtrader/ibkr-eventtrader-inverse.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-eventtrader-black {
        background-image: url("../../images/common/logos/ibkr-eventtrader/ibkr-eventtrader-black.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-eventtrader-white {
        background-image: url("../../images/common/logos/ibkr-eventtrader/ibkr-eventtrader-white.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }
}

@layer components {

    .logo-ibkr-feature-explorer,
    .logo-ibkr-feature-explorer-inverse,
    .logo-ibkr-feature-explorer-black,
    .logo-ibkr-feature-explorer-white {
        margin: 0px;
        width: 220px;
        height: 32px
    }

    .logo-ibkr-feature-explorer {
        background-image: url("../../images/common/logos/ibkr-feature-explorer/ibkr-feature-explorer.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-feature-explorer-inverse {
        background-image: url("../../images/common/logos/ibkr-feature-explorer/ibkr-feature-explorer-inverse.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-feature-explorer-black {
        background-image: url("../../images/common/logos/ibkr-feature-explorer/ibkr-feature-explorer-black.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-feature-explorer-white {
        background-image: url("../../images/common/logos/ibkr-feature-explorer/ibkr-feature-explorer-white.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }
}

@layer components {

    .logo-ibkr-forecasttrader,
    .logo-ibkr-forecasttrader-inverse,
    .logo-ibkr-forecasttrader-black,
    .logo-ibkr-forecasttrader-white {
        margin: 0px;
        width: 220px;
        height: 34px
    }

    .logo-ibkr-forecasttrader {
        background-image: url("../../images/common/logos/ibkr-forecasttrader/ibkr-forecasttrader.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-forecasttrader-inverse {
        background-image: url("../../images/common/logos/ibkr-forecasttrader/ibkr-forecasttrader-inverse.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-forecasttrader-black {
        background-image: url("../../images/common/logos/ibkr-forecasttrader/ibkr-forecasttrader-black.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-forecasttrader-white {
        background-image: url("../../images/common/logos/ibkr-forecasttrader/ibkr-forecasttrader-white.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }
}

@layer components {

    .logo-ibkr-globaltrader,
    .logo-ibkr-globaltrader-inverse,
    .logo-ibkr-globaltrader-black,
    .logo-ibkr-globaltrader-white,
    .globaltrader-logo-black,
    .globaltrader-logo-white,
    .globaltrader-logo-color {
        margin: 0px;
        width: 230px;
        height: 32px
    }

    .logo-ibkr-globaltrader,
    .globaltrader-logo-color {
        background-image: url("../../images/common/logos/ibkr-globaltrader/ibkr-globaltrader.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-globaltrader-inverse {
        background-image: url("../../images/common/logos/ibkr-globaltrader/ibkr-globaltrader-inverse.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-globaltrader-black {
        background-image: url("../../images/common/logos/ibkr-globaltrader/ibkr-globaltrader-black.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-globaltrader-white {
        background-image: url("../../images/common/logos/ibkr-globaltrader/ibkr-globaltrader-white.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }
}

@layer components {

    .logo-ibkr-investors-marketplace,
    .logo-ibkr-investors-marketplace-inverse,
    .logo-ibkr-investors-marketplace-black,
    .logo-ibkr-investors-marketplace-white,
    .logo-ib-investors-marketplace,
    .logo-ib-investors-marketplace-inverse,
    .ib-investors-marketplace-logo-black,
    .ib-investors-marketplace-logo-white {
        margin: 0px;
        width: 220px;
        height: 34px
    }

    .logo-ibkr-investors-marketplace,
    .logo-ib-investors-marketplace,
    .ib-investors-marketplace-logo-black {
        background-image: url("../../images/common/logos/ibkr-investors-marketplace/ibkr-investors-marketplace.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-investors-marketplace-inverse,
    .logo-ib-investors-marketplace-inverse,
    .ib-investors-marketplace-logo-white {
        background-image: url("../../images/common/logos/ibkr-investors-marketplace/ibkr-investors-marketplace-inverse.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-investors-marketplace-black {
        background-image: url("../../images/common/logos/ibkr-investors-marketplace/ibkr-investors-marketplace-black.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-investors-marketplace-white {
        background-image: url("../../images/common/logos/ibkr-investors-marketplace/ibkr-investors-marketplace-white.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }
}

@layer components {

    .logo-ibkr-lite,
    .logo-ibkr-lite-inverse,
    .ibkr-lite-square-text-black,
    .ibkr-lite-square-text-white {
        width: 42px;
        height: 42px
    }

    .logo-ibkr-lite,
    .ibkr-lite-square-text-black {
        background-image: url("./ibkr-lite.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-lite-inverse,
    .ibkr-lite-square-text-white {
        background-image: url("./ibkr-lite-inverse.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .ibkr-lite-styled,
    .ibkr-lite-styled span {
        font-weight: var(--fw-600);
        letter-spacing: 0em;
        text-transform: uppercase;
        color: var(--font-color-dark);
        white-space: nowrap
    }

    .ibkr-lite {
        text-transform: uppercase
    }

    .ibkr-lite span {
        text-transform: capitalize
    }

    .ibkr-lite-styled span {
        color: hsl(211, 100%, 46%)
    }
}

@layer components {

    .logo-ibkr-marketing-portal,
    .logo-ibkr-marketing-portal-inverse,
    .logo-ibkr-marketing-portal-black,
    .logo-ibkr-marketing-portal-white {
        margin: 0px;
        width: 222px;
        height: 40px
    }

    .logo-ibkr-marketing-portal {
        background-image: url("../../images/common/logos/ibkr-marketing-portal/ibkr-marketing-portal.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-marketing-portal-inverse {
        background-image: url("../../images/common/logos/ibkr-marketing-portal/ibkr-marketing-portal-inverse.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-marketing-portal-black {
        background-image: url("../../images/common/logos/ibkr-marketing-portal/ibkr-marketing-portal-black.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-marketing-portal-white {
        background-image: url("../../images/common/logos/ibkr-marketing-portal/ibkr-marketing-portal-white.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }
}

@layer components {

    .logo-ibkr-pro,
    .logo-ibkr-pro-inverse,
    .ibkr-pro-square-text-black,
    .ibkr-pro-square-text-white {
        width: 42px;
        height: 42px
    }

    .logo-ibkr-pro,
    .ibkr-pro-square-text-black {
        background-image: url("./ibkr-pro.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-pro-inverse,
    .ibkr-pro-square-text-white {
        background-image: url("./ibkr-pro-inverse.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .ibkr-pro-styled,
    .ibkr-pro-styled span {
        font-weight: var(--fw-600);
        letter-spacing: 0em;
        text-transform: uppercase;
        color: var(--font-color-dark);
        white-space: nowrap
    }

    .ibkr-pro {
        text-transform: uppercase
    }

    .ibkr-pro span {
        text-transform: capitalize
    }

    .ibkr-pro-styled span {
        color: hsl(355, 85%, 46%)
    }
}

@layer components {

    .logo-ibkr-sales,
    .logo-ibkr-sales-inverse,
    .logo-ibkr-sales-black,
    .logo-ibkr-sales-white,
    .logo-ib-sales-management,
    .logo-ib-sales-management-inverse,
    .ib-sales-management-logo-black,
    .ib-sales-management-logo-white {
        margin: 0px;
        width: 188px;
        height: 40px
    }

    .logo-ibkr-sales,
    .logo-ib-sales-management,
    .ib-sales-management-logo-black {
        background-image: url("../../images/common/logos/ibkr-sales/ibkr-sales.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-sales-inverse,
    .logo-ib-sales-management-inverse,
    .ib-sales-management-logo-white {
        background-image: url("../../images/common/logos/ibkr-sales/ibkr-sales-inverse.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-sales-black {
        background-image: url("../../images/common/logos/ibkr-sales/ibkr-sales-black.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-sales-white {
        background-image: url("../../images/common/logos/ibkr-sales/ibkr-sales-white.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }
}

@layer components {

    .logo-ibkr-symbol,
    .logo-ibkr-symbol-black,
    .logo-ibkr-symbol-white,
    .ib-symbol-red,
    .ib-symbol-black,
    .ib-symbol-white {
        margin: 0px;
        width: 36px;
        height: 66px
    }

    .logo-ibkr-symbol,
    .ib-symbol-red,
    .ibkr-symbol-red {
        background-image: url("./ibkr-symbol.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-symbol-black,
    .ib-symbol-black,
    .ibkr-symbol-black {
        background-image: url("./ibkr-symbol-black.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-symbol-white,
    .ib-symbol-white,
    .ibkr-symbol-white {
        background-image: url("./ibkr-symbol-white.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }
}

@layer components {

    .logo-ibkr,
    .logo-ibkr-inverse,
    .logo-ibkr-black,
    .logo-ibkr-white,
    .ibkr-logo-black,
    .ibkr-logo-white,
    .ibkr-logo-white,
    .ibkr-logo {
        margin: 0px;
        width: 86px;
        height: 34px
    }

    .logo-ibkr,
    .ibkr-logo-black,
    .ibkr-logo {
        background-image: url("./ibkr.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-inverse,
    .ibkr-logo-white {
        background-image: url("./ibkr-inverse.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-black {
        background-image: url("./ibkr-black.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibkr-white {
        background-image: url("./ibkr-white.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }
}

@layer components {

    .logo-ibot-symbol,
    .logo-ibot-symbol-black,
    .logo-ibot-symbol-white {
        margin: 0px;
        width: 36px;
        height: 36px
    }

    .logo-ibot-symbol {
        background-image: url("./ibot-symbol.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibot-symbol-black {
        background-image: url("./ibot-symbol-black.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-ibot-symbol-white {
        background-image: url("./ibot-symbol-white.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }
}

@layer components {

    .logo-impact,
    .logo-impact-inverse,
    .logo-impact-black,
    .logo-impact-white,
    .impact-logo-color,
    .impact-logo-black,
    .impact-logo-white {
        margin: 0px;
        width: 200px;
        height: 50px
    }

    .logo-impact,
    .impact-logo-color,
    .impact-logo-black {
        background-image: url("../../images/common/logos/impact/impact.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-impact-inverse,
    .impact-logo-white {
        background-image: url("../../images/common/logos/impact/impact-inverse.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-impact-black {
        background-image: url("../../images/common/logos/impact/impact-black.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-impact-white {
        background-image: url("../../images/common/logos/impact/impact-white.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-impact-simple,
    .logo-impact-simple-inverse,
    .logo-impact-simple-black,
    .logo-impact-simple-white {
        margin: 0px;
        width: 60px;
        height: 78px
    }

    .logo-impact-simple {
        background-image: url("../../images/common/logos/impact/impact-simple.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-impact-simple-inverse {
        background-image: url("../../images/common/logos/impact/impact-simple-inverse.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-impact-simple-black {
        background-image: url("../../images/common/logos/impact/impact-simple-black.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-impact-simple-white {
        background-image: url("../../images/common/logos/impact/impact-simple-white.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-impact-symbol,
    .logo-impact-symbol-inverse,
    .logo-impact-symbol-black,
    .logo-impact-symbol-white {
        margin: 0px;
        width: 60px;
        height: 60px
    }

    .logo-impact-symbol {
        background-image: url("../../images/common/logos/impact/impact-symbol.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-impact-symbol-inverse {
        background-image: url("../../images/common/logos/impact/impact-symbol-inverse.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-impact-symbol-black {
        background-image: url("../../images/common/logos/impact/impact-symbol-black.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-impact-symbol-white {
        background-image: url("../../images/common/logos/impact/impact-symbol-white.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }
}

@layer components {

    .logo-interactive-advisors,
    .logo-interactive-advisors-inverse,
    .logo-interactive-advisors-black,
    .logo-interactive-advisors-white {
        margin: 0px;
        width: 220px;
        height: 34px
    }

    .logo-interactive-advisors {
        background-image: url("../../images/common/logos/interactive-advisors/interactive-advisors.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-interactive-advisors-inverse {
        background-image: url("../../images/common/logos/interactive-advisors/interactive-advisors-inverse.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-interactive-advisors-black {
        background-image: url("../../images/common/logos/interactive-advisors/interactive-advisors-black.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-interactive-advisors-white {
        background-image: url("../../images/common/logos/interactive-advisors/interactive-advisors-white.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }
}

@layer components {

    .logo-interactive-brokers-llc-zhhans,
    .logo-interactive-brokers-llc-zhhans-inverse,
    .logo-interactive-brokers-llc-zhhans-black,
    .logo-interactive-brokers-llc-zhhans-white,
    .ib-logo-black-scn,
    .ib-logo-white-scn {
        margin: 0px;
        width: 220px;
        height: 38px
    }

    .logo-interactive-brokers-llc-zhhans,
    .ib-logo-black-scn {
        background-image: url("./interactive-brokers-llc-zhhans.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-interactive-brokers-llc-zhhans-inverse,
    .ib-logo-white-scn {
        background-image: url("./interactive-brokers-llc-zhhans-inverse.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-interactive-brokers-llc-zhhans-black {
        background-image: url("./interactive-brokers-llc-zhhans-black.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-interactive-brokers-llc-zhhans-white {
        background-image: url("./interactive-brokers-llc-zhhans-white.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }
}

@layer components {

    .logo-interactive-brokers-llc-zhhant,
    .logo-interactive-brokers-llc-zhhant-inverse,
    .logo-interactive-brokers-llc-zhhant-black,
    .logo-interactive-brokers-llc-zhhant-white,
    .ib-logo-black-tcn,
    .ib-logo-white-tcn {
        margin: 0px;
        width: 220px;
        height: 38px
    }

    .logo-interactive-brokers-llc-zhhant,
    .ib-logo-black-tcn {
        background-image: url("./interactive-brokers-llc-zhhant.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-interactive-brokers-llc-zhhant-inverse,
    .ib-logo-white-tcn {
        background-image: url("./interactive-brokers-llc-zhhant-inverse.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-interactive-brokers-llc-zhhant-black {
        background-image: url("./interactive-brokers-llc-zhhant-black.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-interactive-brokers-llc-zhhant-white {
        background-image: url("./interactive-brokers-llc-zhhant-white.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }
}

@layer components {

    .logo-interactive-brokers-stacked,
    .logo-interactive-brokers-stacked-inverse,
    .logo-interactive-brokers-stacked-black,
    .logo-interactive-brokers-stacked-white {
        margin: 0px;
        width: 136px;
        height: 40px
    }

    .logo-interactive-brokers-stacked {
        background-image: url("./interactive-brokers-stacked.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-interactive-brokers-stacked-inverse {
        background-image: url("./interactive-brokers-stacked-inverse.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-interactive-brokers-stacked-black {
        background-image: url("./interactive-brokers-stacked-black.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-interactive-brokers-stacked-white {
        background-image: url("./interactive-brokers-stacked-white.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }
}

@layer components {

    .logo-interactive-brokers-zhhans,
    .logo-interactive-brokers-zhhans-inverse,
    .logo-interactive-brokers-zhhans-black,
    .logo-interactive-brokers-zhhans-white {
        margin: 0px;
        width: 220px;
        height: 38px
    }

    .logo-interactive-brokers-zhhans {
        background-image: url("./interactive-brokers-zhhans.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-interactive-brokers-zhhans-inverse {
        background-image: url("./interactive-brokers-zhhans-inverse.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-interactive-brokers-zhhans-black {
        background-image: url("./interactive-brokers-zhhans-black.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-interactive-brokers-zhhans-white {
        background-image: url("./interactive-brokers-zhhans-white.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }
}

@layer components {

    .logo-interactive-brokers-zhhant,
    .logo-interactive-brokers-zhhant-inverse,
    .logo-interactive-brokers-zhhant-black,
    .logo-interactive-brokers-zhhant-white {
        margin: 0px;
        width: 220px;
        height: 38px
    }

    .logo-interactive-brokers-zhhant {
        background-image: url("./interactive-brokers-zhhant.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-interactive-brokers-zhhant-inverse {
        background-image: url("./interactive-brokers-zhhant-inverse.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-interactive-brokers-zhhant-black {
        background-image: url("./interactive-brokers-zhhant-black.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-interactive-brokers-zhhant-white {
        background-image: url("./interactive-brokers-zhhant-white.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }
}

@layer components {

    .logo-interactive-brokers,
    .logo-interactive-brokers-inverse,
    .logo-interactive-brokers-black,
    .logo-interactive-brokers-white,
    .ib-logo-black,
    .ib-logo-white,
    .ib-logo {
        margin: 0px;
        width: 220px;
        height: 34px
    }

    .logo-interactive-brokers,
    .ib-logo-black,
    .ib-logo {
        background-image: url("./interactive-brokers.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-interactive-brokers-inverse,
    .ib-logo-white {
        background-image: url("./interactive-brokers-inverse.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-interactive-brokers-black {
        background-image: url("./interactive-brokers-black.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-interactive-brokers-white {
        background-image: url("./interactive-brokers-white.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }
}

@layer components {

    .logo-portfolioanalyst,
    .logo-portfolioanalyst-inverse,
    .logo-portfolioanalyst-black,
    .logo-portfolioanalyst-white,
    .pa-logo-black,
    .pa-logo-white,
    .pa-logo,
    .pa-logo-color {
        margin: 0px;
        width: 230px;
        height: 32px
    }

    .logo-portfolioanalyst,
    .pa-logo-color,
    .pa-logo {
        background-image: url("../../images/common/logos/portfolioanalyst/portfolioanalyst.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-portfolioanalyst-inverse,
    .pa-logo-white {
        background-image: url("../../images/common/logos/portfolioanalyst/portfolioanalyst-inverse.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-portfolioanalyst-black,
    .pa-logo-black {
        background-image: url("../../images/common/logos/portfolioanalyst/portfolioanalyst-black.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-portfolioanalyst-white,
    .pa-logo-black {
        background-image: url("../../images/common/logos/portfolioanalyst/portfolioanalyst-white.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }
}

@layer components {

    .logo-th-infotech,
    .logo-th-infotech-inverse,
    .logo-th-infotech-black,
    .logo-th-infotech-white {
        margin: 0px;
        width: 260px;
        height: 30px
    }

    .logo-th-infotech {
        background-image: url("../../images/common/logos/th-infotech/th-infotech.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-th-infotech-inverse {
        background-image: url("../../images/common/logos/th-infotech/th-infotech-inverse.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-th-infotech-black {
        background-image: url("../../images/common/logos/th-infotech/th-infotech-black.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }

    .logo-th-infotech-white {
        background-image: url("../../images/common/logos/th-infotech/th-infotech-white.svg");
        display: block;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: 0px 0px
    }
}

@layer components {

    .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%
    }
}

@layer components {
    .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);
        font-size: .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(max-width: 575.98px) {
    @layer components {
        .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: ""
        }

        .modal-cookies .modal-dialog .modal-content .modal-footer p a.btn+a.btn {
            margin: 8px 0px 0px 0px !important
        }
    }
}

@media(min-width: 576px)and (max-width: 767.98px) {
    @layer components {
        .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: ""
        }

        .modal-cookies .modal-dialog .modal-content .modal-footer p a.btn+a.btn {
            margin: 10px !important
        }
    }
}

@media(min-width: 768px)and (max-width: 991.98px) {
    @layer components {
        .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: ""
        }

        .modal-cookies .modal-dialog .modal-content .modal-footer p a.btn+a.btn {
            margin: 10px !important
        }
    }
}

@layer components {

    .notes,
    .notes-sm {
        margin: 20px 0px 0px 0px;
        padding: 40px;
        background-color: var(--gray-10);
        border: 1px solid var(--border-color);
        border-radius: var(--border-radius)
    }

    .notes h1,
    .notes h2,
    .notes h3,
    .notes h4,
    .notes h5,
    .notes h6,
    .notes p,
    .notes li,
    .notes sup,
    .notes th,
    .notes td,
    .notes label,
    .notes input,
    .notes select,
    .notes textarea,
    .notes-sm h1,
    .notes-sm h2,
    .notes-sm h3,
    .notes-sm h4,
    .notes-sm h5,
    .notes-sm h6,
    .notes-sm p,
    .notes-sm li,
    .notes-sm sup,
    .notes-sm th,
    .notes-sm td,
    .notes-sm label,
    .notes-sm input,
    .notes-sm select,
    .notes-sm textarea {
        color: var(--font-color-light)
    }

    .notes h1,
    .notes-sm h1 {
        font-size: 1.625rem;
        line-height: 1.875rem
    }

    .notes h2,
    .notes-sm h2 {
        font-size: 1.5rem;
        line-height: 1.75rem
    }

    .notes h3,
    .notes-sm h3 {
        font-size: 1.375rem;
        line-height: 1.625rem
    }

    .notes h4,
    .notes-sm h4 {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .notes h5,
    .notes-sm h5 {
        font-size: 1.125rem;
        line-height: 1.375rem
    }

    .notes h6,
    .notes-sm h6 {
        font-size: 1rem;
        line-height: 1.25rem
    }

    .notes p,
    .notes-sm p {
        font-size: .8125rem;
        line-height: 1.125rem
    }

    .notes ul,
    .notes ol,
    .notes-sm ul,
    .notes-sm ol {
        margin: 5px 0px;
        padding: 0px
    }

    .notes ul li,
    .notes ol li,
    .notes-sm ul li,
    .notes-sm ol li {
        margin: 0px 0px 10px 0px;
        margin-left: 15px;
        padding: 0px;
        padding-left: 10px;
        font-size: .8125rem;
        line-height: 1.125rem
    }

    .notes th,
    .notes-sm th {
        font-size: .8125rem;
        line-height: 1.125rem
    }

    .notes td,
    .notes-sm td {
        font-size: .8125rem;
        line-height: 1.125rem
    }

    .notes a,
    .notes a:link,
    .notes a:visited,
    .notes a:hover,
    .notes a:active,
    .notes a:focus,
    .notes-sm a,
    .notes-sm a:link,
    .notes-sm a:visited,
    .notes-sm a:hover,
    .notes-sm a:active,
    .notes-sm a:focus {
        color: var(--font-color-light);
        text-decoration: underline
    }

    .notes a:hover,
    .notes-sm a:hover {
        color: var(--link-color-hover);
        text-decoration: none
    }

    .notes a:focus,
    .notes-sm a:focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .notes .btn,
    .notes .btn-icon,
    .notes-sm .btn,
    .notes-sm .btn-icon {
        text-decoration: none !important
    }

    pre.note {
        margin: 0px;
        padding: 0px;
        font-size: .875rem;
        line-height: 1.25rem;
        font-family: inherit;
        background-color: rgba(0, 0, 0, 0);
        border: none;
        border-radius: 0px;
        white-space: pre-wrap
    }
}

@media(max-width: 575.98px) {
    @layer components {
        .notes {
            padding: 20px
        }
    }
}

@layer components {
    .form-pagination {
        margin: 10px 0px;
        padding: 0px;
        font-size: .75rem;
        line-height: 1.25rem
    }

    .form-pagination select.form-control,
    .form-pagination select.form-select {
        margin-right: 10px;
        padding: 3px 10px;
        padding-right: 30px;
        height: 30px;
        font-size: .75rem;
        line-height: 1.25rem
    }

    .form-pagination p {
        display: flex;
        align-items: center;
        align-content: center;
        float: var(--dir-end);
        margin: 0px;
        padding: 0px;
        font-size: .75rem;
        line-height: 1.25rem
    }

    .form-pagination p input.form-control {
        display: inline;
        margin: 0px 5px;
        padding: 1px 2px;
        width: auto;
        max-width: 46px;
        height: 30px;
        font-size: .75rem;
        text-align: center
    }

    .form-pagination p span {
        margin: 2px 5px 0px 5px;
        margin-right: 10px;
        padding: 0px;
        font-weight: var(--fw-600)
    }

    .form-pagination p a.btn {
        margin: 0px;
        padding: 8px 3px;
        width: 30px
    }

    .form-pagination p a.btn+a.btn {
        margin: 0px;
        margin-left: 5px
    }

    .form-pagination p a.btn.btn-back::after {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        font-size: .75rem;
        content: var(--fa-chevron-end)
    }

    .form-pagination p a.btn.btn-forward::after {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        font-size: .75rem;
        content: var(--fa-chevron-start)
    }
}

@media(max-width: 575.98px) {
    @layer components {

        .form-pagination select.form-control,
        .form-pagination select.form-select {
            margin-bottom: 10px
        }

        .form-pagination p {
            float: none;
            justify-content: center;
            text-align: center
        }

        .form-pagination p a.btn+a.btn {
            margin: 0px !important;
            margin-left: 5px !important
        }
    }
}

@media(min-width: 576px)and (max-width: 767.98px) {
    @layer components {

        .form-pagination select.form-control,
        .form-pagination select.form-select {
            margin-bottom: 10px
        }

        .form-pagination p a.btn+a.btn {
            margin: 0px !important;
            margin-left: 5px !important
        }
    }
}

@layer components {

    ul.paralist,
    ol.paralist {
        margin: 10px 0px;
        margin-left: 15px;
        padding: 0px
    }

    ul.paralist li,
    ol.paralist li {
        margin: 0px 0px 20px 0px;
        padding: 0px;
        padding-left: 5px
    }

    ul.paralist li ul,
    ul.paralist li ol,
    ol.paralist li ul,
    ol.paralist li ol {
        margin: 10px 0px;
        margin-left: 15px;
        padding: 0px
    }
}

@layer components {
    .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 .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        cursor: pointer
    }

    .radio-container .checkmark:focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important;
        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 .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .radio-container input:focus+.checkmark {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important;
        border-radius: 24px !important
    }

    .radio-container input:checked {
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .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);
        content: ""
    }

    .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: .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 .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }
}

@layer components {
    .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
    }
}

@layer components {
    .rating {
        width: 122px
    }

    .rating::after {
        display: block;
        content: "";
        clear: both
    }

    .rating input {
        width: 1px;
        height: 1px;
        overflow: hidden;
        position: absolute;
        clip: rect(1px 1px 1px 1px);
        border: 0;
        opacity: 0
    }

    .rating input:checked~label:before {
        color: var(--yellow)
    }

    .rating input:focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .rating label {
        position: relative;
        float: var(--dir-end);
        font-size: .75rem;
        line-height: .75rem;
        color: var(--gray-20)
    }

    .rating label::before {
        margin: 0px 2px;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: "";
        display: inline-block;
        font-size: 1.5em;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .rating label:hover {
        cursor: pointer
    }

    .rating label:hover::before {
        color: var(--yellow)
    }

    .rating label:hover~label:before {
        color: var(--yellow-70)
    }

    .rating label:focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    span.stars,
    span.stars span {
        display: inline-block;
        width: 80px;
        height: 16px;
        background: rgba(0, 0, 0, 0) url("../../images/web/template/star.gif") repeat-x 0px -16px
    }

    span.stars span {
        background: rgba(0, 0, 0, 0) url("../../images/web/template/star.gif") repeat-x 0px 0px
    }
}

@layer components {
    span.symbol {
        margin: 0px 5px;
        padding: 4px 10px;
        min-width: 60px;
        max-width: 80px;
        height: auto;
        font-weight: 600;
        font-size: .75rem;
        text-align: center;
        color: var(--font-color);
        background-color: var(--slate-5);
        border: 1px solid var(--slate-20);
        vertical-align: middle;
        overflow: hidden;
        box-sizing: border-box
    }

    span.symbol-description {
        display: block;
        position: relative;
        margin: 0px;
        padding: 5px 0px;
        padding-left: 85px;
        text-align: var(--dir-start)
    }

    span.symbol-description span.symbol {
        position: absolute;
        top: 0px;
        left: -5px
    }

    span.symbol-description span.desc {
        margin: 0px
    }
}

@layer components {
    .table-accordion {
        margin-bottom: 0px
    }

    .table-accordion>tbody>tr>td:first-child {
        padding-left: 0px !important
    }

    .table-accordion>tbody>tr>td:first-child::before {
        margin: 0px auto;
        padding: 0px;
        width: 24px;
        height: 16px;
        text-align: center;
        color: var(--gray-50);
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: "";
        z-index: 1
    }

    .table-accordion>tbody>tr>td.td-load-more:first-child::before {
        display: none;
        content: ""
    }

    .table-accordion>tbody>tr.table-subheader>td {
        font-weight: var(--fw-600);
        font-size: .625rem;
        text-transform: uppercase;
        letter-spacing: .02rem;
        background-color: var(--slate-20)
    }

    .table-accordion>tbody>tr.table-subheader>td:first-child::before {
        content: ""
    }

    .table-accordion>tbody>tr.total>td:first-child::before {
        content: ""
    }

    .table-accordion>tbody>tr.tr-accordion>td:first-child {
        padding-left: 0px !important
    }

    .table-accordion>tbody>tr.tr-accordion>td:first-child::before {
        margin: 0px auto;
        padding: 0px;
        width: 24px;
        height: 16px;
        text-align: center;
        color: var(--gray-50);
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: "";
        z-index: 1
    }

    .table-accordion>tbody>tr.tr-accordion.collapsed>td:first-child::before {
        content: var(--fa-chevron-start)
    }

    .table-accordion>tbody>tr.tr-accordion:hover {
        cursor: pointer
    }

    .table-accordion>tbody>tr.collapsed>td:first-child {
        padding-left: 0px !important
    }

    .table-accordion>tbody>tr.collapsed>td:first-child::before {
        margin: 0px auto;
        padding: 0px;
        width: 24px;
        height: 16px;
        text-align: center;
        color: var(--gray-50);
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: var(--fa-chevron-start);
        z-index: 1
    }

    .table-accordion>tbody>tr.collapsed:hover {
        cursor: pointer
    }

    .table-accordion>tbody>tr.collapse>td:first-child::before,
    .table-accordion>tbody>tr.collapsing>td:first-child::before {
        content: ""
    }

    .table-accordion>tbody>tr.no-collapse>td:first-child::before {
        display: none;
        content: ""
    }

    .table-accordion>tbody>tr.no-hover:hover {
        color: initial !important;
        background-color: initial !important;
        cursor: default !important
    }

    .table-accordion>tbody.collapse>tr>td:first-child,
    .table-accordion>tbody.collapse>tr.no-collapse>td:first-child,
    .table-accordion>tbody.collapse>tr.thead>td:first-child,
    .table-accordion>tbody.collapsing>tr>td:first-child,
    .table-accordion>tbody.collapsing>tr.no-collapse>td:first-child,
    .table-accordion>tbody.collapsing>tr.thead>td:first-child {
        padding-left: 32px
    }

    .table-accordion>tbody.collapse>tr.load-more>td:first-child,
    .table-accordion>tbody.collapsing>tr.load-more>td:first-child {
        padding-left: 0px !important
    }

    .table-accordion>tbody.collapse>tr.thead>td,
    .table-accordion>tbody.collapsing>tr.thead>td {
        padding: var(--th-pt) var(--th-pe) var(--th-pb) var(--th-ps);
        max-width: 100%;
        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);
        border-top: 1px solid var(--border-color);
        border-bottom: 1px solid var(--border-color)
    }

    .table-accordion.table-drilldown>tbody>tr.no-collapse>td:first-child::before {
        display: none;
        content: ""
    }

    .table-accordion.table-drilldown>tbody>tr.no-drilldown>td:last-child::after {
        display: none;
        content: ""
    }
}

@layer components {
    .table-drilldown {
        margin-bottom: 0px
    }

    .table-drilldown>tbody>tr>td:last-child::after {
        margin: 0px auto;
        padding: 5px;
        width: 24px;
        height: auto;
        text-align: center;
        color: var(--gray-30);
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: var(--fa-chevron-start);
        z-index: 1
    }

    .table-drilldown>tbody>tr:hover>td:last-child::after {
        color: var(--font-color-dark)
    }

    .table-drilldown>tbody>tr>td.td-load-more:last-child::after {
        display: none;
        content: ""
    }

    .table-drilldown>tbody>tr.table-subheader>td {
        font-weight: var(--fw-600);
        font-size: .625rem;
        text-transform: uppercase;
        letter-spacing: .02rem;
        background-color: var(--slate-20)
    }

    .table-drilldown>tbody>tr.table-subheader>td:last-child::after {
        content: ""
    }

    .table-drilldown>tbody>tr.header>td:last-child::after {
        content: ""
    }

    .table-drilldown>tbody>tr.subheader>td:last-child::after {
        content: ""
    }

    .table-drilldown>tbody>tr.subsubheader>td:last-child::after {
        content: ""
    }

    .table-drilldown>tbody>tr.subsubtotal>td:last-child::after {
        content: ""
    }

    .table-drilldown>tbody>tr.subtotal>td:last-child::after {
        content: ""
    }

    .table-drilldown>tbody>tr.total>td:last-child::after {
        content: ""
    }

    .table-drilldown>tbody>tr.load-more>td:last-child::after {
        display: none;
        content: ""
    }

    .table-drilldown>tbody>tr.no-hover:hover {
        color: initial !important;
        background-color: initial !important;
        cursor: default !important
    }

    .table-drilldown>tbody>tr.no-drilldown>td:last-child::after {
        content: ""
    }

    .table-drilldown>tbody>tr.tr-accordion>td:last-child::after {
        content: ""
    }

    .table-drilldown>tbody>tr.collapse>td:last-child::after {
        content: ""
    }

    .table-drilldown>tbody>tr.collapsed>td:last-child::after {
        content: ""
    }
}

@layer components {
    .table-scroll {
        position: relative;
        display: flex;
        flex-direction: column;
        height: 100vh;
        overflow: auto;
        border-top: 1px solid var(--border-color);
        border-bottom: 1px solid var(--border-color);
        border-collapse: collapse
    }

    .table-scroll .table {
        position: relative
    }

    .table-scroll .table>thead>tr>th {
        background: var(--bg-body)
    }

    .table-scroll:focus-visible {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }
}

@layer components {
    .table-sticky .table>thead {
        position: -webkit-sticky;
        position: sticky;
        z-index: 1;
        top: 0px;
        inset-block-start: 0;
        box-shadow: 0px 1px 5px var(--shadow-color)
    }

    .table-sticky .table>thead>tr>th {
        background: var(--bg-body)
    }

    .table-sticky .table>tfoot {
        position: -webkit-sticky;
        position: sticky;
        z-index: 1;
        bottom: 0px;
        inset-block-end: 0
    }
}

@layer components {
    .tax-form {
        padding: 20px 20px 40px 20px;
        background-color: var(--gray-5);
        border: 1px solid var(--border-color)
    }

    .tax-form h1,
    .tax-form h2,
    .tax-form h3,
    .tax-form h4,
    .tax-form h5,
    .tax-form h6 {
        color: var(--font-color-dark)
    }

    .tax-form p div.icheckbox_square {
        margin-right: 0px
    }

    .tax-form hr {
        border-style: solid;
        border-color: var(--dark)
    }

    .tax-form input.form-control.auto-width {
        width: auto;
        max-width: 100px
    }

    .tax-form .tax-form-number {
        margin-right: 5px;
        font-weight: var(--fw-600)
    }

    .tax-form .tax-form-part-divider {
        margin: 40px 0px 20px 0px;
        font-weight: var(--fw-600);
        font-size: 1rem;
        border-top: 1px solid var(--dark);
        border-bottom: 1px solid var(--dark)
    }

    .tax-form .tax-form-part-divider p {
        margin: 0px;
        padding: 5px 0px
    }

    .tax-form .tax-form-part-divider p span {
        display: block;
        margin: -5px -15px;
        padding: 5px 0px;
        text-align: center;
        color: var(--light);
        background-color: var(--dark)
    }

    .tax-form .form-inline label+input.form-control {
        margin-left: 10px
    }

    .tax-form p input.form-control.form-inline,
    .tax-form li input.form-control.form-inline {
        margin: 0px 10px;
        display: inline
    }

    .tax-form .btn-switch a.btn:link,
    .tax-form .btn-switch a.btn:visited,
    .tax-form .btn-switch a.btn:hover,
    .tax-form .btn-switch a.btn:active,
    .tax-form .btn-switch a.btn:focus,
    .tax-form .btn-switch a:link.btn:link,
    .tax-form .btn-switch a:link.btn:visited,
    .tax-form .btn-switch a:link.btn:hover,
    .tax-form .btn-switch a:link.btn:active,
    .tax-form .btn-switch a:link.btn:focus,
    .tax-form .btn-switch a:hover.btn:link,
    .tax-form .btn-switch a:hover.btn:visited,
    .tax-form .btn-switch a:hover.btn:hover,
    .tax-form .btn-switch a:hover.btn:active,
    .tax-form .btn-switch a:hover.btn:focus,
    .tax-form .btn-switch a:visited.btn:link,
    .tax-form .btn-switch a:visited.btn:visited,
    .tax-form .btn-switch a:visited.btn:hover,
    .tax-form .btn-switch a:visited.btn:active,
    .tax-form .btn-switch a:visited.btn:focus,
    .tax-form .btn-switch a:active.btn:link,
    .tax-form .btn-switch a:active.btn:visited,
    .tax-form .btn-switch a:active.btn:hover,
    .tax-form .btn-switch a:active.btn:active,
    .tax-form .btn-switch a:active.btn:focus,
    .tax-form .btn-switch a:focus.btn:link,
    .tax-form .btn-switch a:focus.btn:visited,
    .tax-form .btn-switch a:focus.btn:hover,
    .tax-form .btn-switch a:focus.btn:active,
    .tax-form .btn-switch a:focus.btn:focus,
    .tax-form .btn-switch button.btn:link,
    .tax-form .btn-switch button.btn:visited,
    .tax-form .btn-switch button.btn:hover,
    .tax-form .btn-switch button.btn:active,
    .tax-form .btn-switch button.btn:focus {
        color: var(--font-color-dark);
        background-color: var(--bg-body-light);
        border: 1px solid var(--dark)
    }

    .tax-form .btn-switch a.btn:hover,
    .tax-form .btn-switch a:link.btn:hover,
    .tax-form .btn-switch a:hover.btn:hover,
    .tax-form .btn-switch a:visited.btn:hover,
    .tax-form .btn-switch a:active.btn:hover,
    .tax-form .btn-switch a:focus.btn:hover,
    .tax-form .btn-switch button.btn:hover {
        color: var(--font-color-dark);
        background-color: var(--gray-10);
        border-color: var(--dark)
    }

    .tax-form .btn-switch a.btn.active,
    .tax-form .btn-switch a.btn.active:hover,
    .tax-form .btn-switch a:link.btn.active,
    .tax-form .btn-switch a:link.btn.active:hover,
    .tax-form .btn-switch a:hover.btn.active,
    .tax-form .btn-switch a:hover.btn.active:hover,
    .tax-form .btn-switch a:visited.btn.active,
    .tax-form .btn-switch a:visited.btn.active:hover,
    .tax-form .btn-switch a:active.btn.active,
    .tax-form .btn-switch a:active.btn.active:hover,
    .tax-form .btn-switch a:focus.btn.active,
    .tax-form .btn-switch a:focus.btn.active:hover,
    .tax-form .btn-switch button.btn.active,
    .tax-form .btn-switch button.btn.active:hover {
        color: var(--white);
        background-color: var(--dark);
        border-color: var(--dark);
        cursor: default
    }

    .tax-form .btn-switch a.btn.disabled,
    .tax-form .btn-switch a.btn.disabled:hover,
    .tax-form .btn-switch a:link.btn.disabled,
    .tax-form .btn-switch a:link.btn.disabled:hover,
    .tax-form .btn-switch a:hover.btn.disabled,
    .tax-form .btn-switch a:hover.btn.disabled:hover,
    .tax-form .btn-switch a:visited.btn.disabled,
    .tax-form .btn-switch a:visited.btn.disabled:hover,
    .tax-form .btn-switch a:active.btn.disabled,
    .tax-form .btn-switch a:active.btn.disabled:hover,
    .tax-form .btn-switch a:focus.btn.disabled,
    .tax-form .btn-switch a:focus.btn.disabled:hover,
    .tax-form .btn-switch button.btn.disabled,
    .tax-form .btn-switch button.btn.disabled:hover {
        color: var(--font-color-light);
        background-color: var(--bg-body-light);
        border-color: var(--border-color);
        cursor: default
    }

    .tax-form .btn-switch a.btn.active.disabled,
    .tax-form .btn-switch a.btn.active.disabled:hover,
    .tax-form .btn-switch a:link.btn.active.disabled,
    .tax-form .btn-switch a:link.btn.active.disabled:hover,
    .tax-form .btn-switch a:hover.btn.active.disabled,
    .tax-form .btn-switch a:hover.btn.active.disabled:hover,
    .tax-form .btn-switch a:visited.btn.active.disabled,
    .tax-form .btn-switch a:visited.btn.active.disabled:hover,
    .tax-form .btn-switch a:active.btn.active.disabled,
    .tax-form .btn-switch a:active.btn.active.disabled:hover,
    .tax-form .btn-switch a:focus.btn.active.disabled,
    .tax-form .btn-switch a:focus.btn.active.disabled:hover,
    .tax-form .btn-switch button.btn.active.disabled,
    .tax-form .btn-switch button.btn.active.disabled:hover {
        color: var(--white);
        background-color: var(--dark);
        border-color: var(--dark);
        cursor: default
    }
}

@media(max-width: 575.98px) {
    @layer components {
        .tax-form .tax-form-footer p {
            text-align: center
        }
    }
}

@media(min-width: 576px)and (max-width: 767.98px) {
    @layer components {
        .tax-form .tax-form-footer p {
            text-align: center
        }
    }
}

@layer components {

    [data-theme=dark] .tax-form .btn-switch a.btn.active,
    [data-theme=dark] .tax-form .btn-switch a.btn.active:hover,
    [data-theme=dark] .tax-form .btn-switch a:link.btn.active,
    [data-theme=dark] .tax-form .btn-switch a:link.btn.active:hover,
    [data-theme=dark] .tax-form .btn-switch a:hover.btn.active,
    [data-theme=dark] .tax-form .btn-switch a:hover.btn.active:hover,
    [data-theme=dark] .tax-form .btn-switch a:visited.btn.active,
    [data-theme=dark] .tax-form .btn-switch a:visited.btn.active:hover,
    [data-theme=dark] .tax-form .btn-switch a:active.btn.active,
    [data-theme=dark] .tax-form .btn-switch a:active.btn.active:hover,
    [data-theme=dark] .tax-form .btn-switch a:focus.btn.active,
    [data-theme=dark] .tax-form .btn-switch a:focus.btn.active:hover,
    [data-theme=dark] .tax-form .btn-switch button.btn.active,
    [data-theme=dark] .tax-form .btn-switch button.btn.active:hover {
        color: var(--light);
        background-color: var(--white);
        border-color: var(--dark)
    }
}

@layer components {
    .video-container {
        position: relative;
        padding: 0px;
        padding-bottom: 56.125%;
        height: auto;
        overflow: hidden;
        border: 1px solid var(--border-color)
    }

    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%
    }

    .video-wrapper {
        display: block;
        position: relative;
        padding-top: 56.25%;
        width: 100%;
        height: 0px;
        background-color: var(--gray-5);
        border: 1px solid var(--border-color);
        overflow: hidden;
        cursor: pointer
    }

    .video-wrapper::before {
        display: block;
        position: absolute;
        z-index: 2;
        top: 50%;
        left: 50%;
        width: 0px;
        height: 0px;
        translate: -50% -50%;
        transition: all 300ms ease;
        content: ""
    }

    .video-wrapper::after {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        background: rgba(0, 0, 0, .5);
        border-radius: 99px;
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
        transition: all 300ms ease;
        translate: -50% -50%;
        content: ""
    }

    .video-wrapper img {
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        scale: 1;
        transform-origin: center;
        transition: scale 300ms ease
    }

    .video-wrapper:hover::after {
        background: var(--black-70)
    }

    .video-wrapper:hover img {
        scale: 1.1
    }

    .video-wrapper:focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }
}

@supports not (width: 3cqi) {
    @layer components {
        .video-wrapper::before {
            margin-left: 5px;
            border-top: 17.1px solid rgba(0, 0, 0, 0);
            border-bottom: 17.1px solid rgba(0, 0, 0, 0);
            border-left: 30px solid var(--light)
        }

        .video-wrapper::after {
            width: 80px;
            height: 80px
        }
    }
}

@supports(width: 3cqi) {
    @layer components {
        .video-wrapper {
            container-type: inline-size
        }

        .video-wrapper::before {
            margin-left: .5cqi;
            border-top: clamp(6.84px, 1.71cqi, 28.5px) solid rgba(0, 0, 0, 0);
            border-bottom: clamp(6.84px, 1.71cqi, 28.5px) solid rgba(0, 0, 0, 0);
            border-left: clamp(12px, 3cqi, 50px) solid #fff
        }

        .video-wrapper::after {
            width: clamp(44px, 8cqi, 133.33px);
            height: clamp(44px, 8cqi, 133.33px)
        }
    }
}

@layer components {
    .well {
        margin: 0px;
        padding: 40px;
        background-color: var(--gray-5);
        border: 1px solid var(--gray-10);
        border-radius: var(--border-radius);
        box-shadow: 1px 2px 5px inset var(--black-10)
    }

    .well h1,
    .well h2,
    .well h3,
    .well h4,
    .well h5,
    .well h6,
    .well p,
    .well li,
    .well sup,
    .well th,
    .well td,
    .well label,
    .well input,
    .well select,
    .well textarea {
        color: var(--font-color-light)
    }

    .well h1 {
        font-size: 1.625rem;
        line-height: 1.875rem
    }

    .well h2 {
        font-size: 1.5rem;
        line-height: 1.75rem
    }

    .well h3 {
        font-size: 1.375rem;
        line-height: 1.625rem
    }

    .well h4 {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .well h5 {
        font-size: 1.125rem;
        line-height: 1.375rem
    }

    .well h6 {
        font-size: 1rem;
        line-height: 1.25rem
    }

    .well p {
        font-size: .8125rem;
        line-height: 1.125rem
    }

    .well ul,
    .well ol {
        margin: 5px 0px;
        padding: 0px
    }

    .well ul li,
    .well ol li {
        margin: 0px 0px 10px 0px;
        margin-left: 15px;
        padding: 0px;
        padding-left: 10px;
        font-size: .8125rem;
        line-height: 1.125rem
    }

    .well th {
        font-size: .8125rem;
        line-height: 1.125rem
    }

    .well td {
        font-size: .8125rem;
        line-height: 1.125rem
    }

    .well a,
    .well a:link,
    .well a:visited,
    .well a:hover,
    .well a:active,
    .well a:focus {
        color: var(--font-color-light);
        text-decoration: underline
    }

    .well a:hover {
        color: var(--link-color-hover);
        text-decoration: none
    }

    .well .btn,
    .well .btn-icon {
        text-decoration: none !important
    }
}

@media(max-width: 575.98px) {
    @layer components {
        .well {
            padding: 20px
        }
    }
}

@layer vendors {
    .pac-container {
        z-index: 2000
    }
}

@layer components {
    .social-sidebar {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        position: fixed;
        top: auto;
        left: 0;
        bottom: 10px;
        z-index: 100;
        width: auto;
        height: auto
    }

    .social-sidebar .fa-chevron-right {
        display: none
    }

    .social-sidebar>span {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-content: center;
        align-items: center;
        width: 46px;
        height: 46px;
        margin: 0px;
        margin-right: 1px;
        padding: 5px 0px;
        text-align: center;
        background-color: var(--light-90);
        box-shadow: 0px 1px 1px var(--shadow-color);
        transition: all .2s ease-in-out 0s
    }

    .social-sidebar>span i,
    .social-sidebar>span svg {
        margin: 0px;
        padding: 0px;
        font-size: 1rem;
        line-height: 1.25rem;
        color: var(--primary)
    }

    .social-sidebar>span i:focus,
    .social-sidebar>span svg:focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .social-sidebar>span.toggle-arrow .fa-chevron-right {
        display: block
    }

    .social-sidebar>span.toggle-arrow .fa-chevron-left {
        display: none
    }

    .social-sidebar>span:hover {
        cursor: pointer
    }

    .social-sidebar>span:hover i,
    .social-sidebar>span:hover svg {
        color: var(--dark)
    }

    .social-sidebar .icon-set {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        position: relative;
        left: 0px;
        margin: 0px;
        padding: 5px 10px;
        width: 100%;
        height: auto;
        background-color: var(--light-90);
        box-shadow: 0px 1px 1px var(--shadow-color);
        transition: all .2s ease-in-out 0s
    }

    .social-sidebar .icon-set.social-sidebar-hide {
        left: -300px !important
    }

    .social-sidebar .icon-set p {
        margin: 0px;
        padding: 0px 5px;
        font-weight: var(--fw-400);
        font-size: .75rem;
        line-height: 1rem;
        text-align: center;
        color: var(--dark-60)
    }

    .social-sidebar .icon-set .share-icon {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin: 0px;
        padding: 0px;
        width: 36px;
        height: 36px
    }

    .social-sidebar .icon-set .share-icon a,
    .social-sidebar .icon-set .share-icon a:link,
    .social-sidebar .icon-set .share-icon a:visited,
    .social-sidebar .icon-set .share-icon a:hover,
    .social-sidebar .icon-set .share-icon a:active,
    .social-sidebar .icon-set .share-icon a:focus {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        font-size: 1.125rem;
        line-height: 1rem;
        text-align: center;
        color: var(--black-60);
        transition: all .2s ease-in-out 0s;
        cursor: pointer
    }

    .social-sidebar .icon-set .share-icon a.icon-facebook,
    .social-sidebar .icon-set .share-icon a:link.icon-facebook,
    .social-sidebar .icon-set .share-icon a:visited.icon-facebook,
    .social-sidebar .icon-set .share-icon a:hover.icon-facebook,
    .social-sidebar .icon-set .share-icon a:active.icon-facebook,
    .social-sidebar .icon-set .share-icon a:focus.icon-facebook {
        color: #1877f2
    }

    .social-sidebar .icon-set .share-icon a.icon-twitter,
    .social-sidebar .icon-set .share-icon a:link.icon-twitter,
    .social-sidebar .icon-set .share-icon a:visited.icon-twitter,
    .social-sidebar .icon-set .share-icon a:hover.icon-twitter,
    .social-sidebar .icon-set .share-icon a:active.icon-twitter,
    .social-sidebar .icon-set .share-icon a:focus.icon-twitter {
        color: #000
    }

    .social-sidebar .icon-set .share-icon a.icon-linkedin,
    .social-sidebar .icon-set .share-icon a:link.icon-linkedin,
    .social-sidebar .icon-set .share-icon a:visited.icon-linkedin,
    .social-sidebar .icon-set .share-icon a:hover.icon-linkedin,
    .social-sidebar .icon-set .share-icon a:active.icon-linkedin,
    .social-sidebar .icon-set .share-icon a:focus.icon-linkedin {
        color: #2867b2
    }

    .social-sidebar .icon-set .share-icon a.icon-email,
    .social-sidebar .icon-set .share-icon a:link.icon-email,
    .social-sidebar .icon-set .share-icon a:visited.icon-email,
    .social-sidebar .icon-set .share-icon a:hover.icon-email,
    .social-sidebar .icon-set .share-icon a:active.icon-email,
    .social-sidebar .icon-set .share-icon a:focus.icon-email {
        color: var(--gray)
    }

    .social-sidebar .icon-set .share-icon a:hover.icon-facebook {
        color: var(--dark)
    }

    .social-sidebar .icon-set .share-icon a:hover.icon-twitter {
        color: var(--dark)
    }

    .social-sidebar .icon-set .share-icon a:hover.icon-linkedin {
        color: var(--dark)
    }

    .social-sidebar .icon-set .share-icon a:hover.icon-email {
        color: var(--dark)
    }

    .social-sidebar .icon-set .share-icon a:focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }
}

@layer vendors {
    .yahoo {
        display: none
    }
}

@layer pages {

    section.page-error-404,
    section.page-error-500 {
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: 100%;
        background-color: var(--gray-5-solid);
        box-sizing: border-box
    }

    section.page-error-404 .container,
    section.page-error-404 .container-fluid,
    section.page-error-500 .container,
    section.page-error-500 .container-fluid {
        position: relative;
        margin: 0px;
        padding: 10px;
        width: 100%;
        max-width: 100%;
        height: calc(100vh - 2px);
        background-size: cover;
        overflow-x: hidden;
        box-sizing: border-box
    }

    section.page-error-404 .container .message,
    section.page-error-404 .container-fluid .message,
    section.page-error-500 .container .message,
    section.page-error-500 .container-fluid .message {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: 0px auto;
        padding: 100px;
        width: 96%;
        max-width: 840px;
        height: auto;
        text-align: center;
        border-radius: var(--border-radius);
        box-sizing: border-box
    }

    section.page-error-404 .container .message .brand-logo,
    section.page-error-404 .container-fluid .message .brand-logo,
    section.page-error-500 .container .message .brand-logo,
    section.page-error-500 .container-fluid .message .brand-logo {
        margin: 0px auto;
        padding: 0px;
        width: var(--brand-logo-width);
        height: var(--brand-logo-height);
        text-align: center
    }

    section.page-error-404 .container .message h1,
    section.page-error-404 .container-fluid .message h1,
    section.page-error-500 .container .message h1,
    section.page-error-500 .container-fluid .message h1 {
        margin: 20px 0px;
        font-weight: var(--fw-400);
        font-size: 12.5rem;
        line-height: 9rem;
        text-align: center;
        color: var(--dark-50)
    }

    section.page-error-404 .container .message h2,
    section.page-error-404 .container-fluid .message h2,
    section.page-error-500 .container .message h2,
    section.page-error-500 .container-fluid .message h2 {
        font-size: 1.875rem;
        line-height: 2rem;
        text-align: center
    }

    section.page-error-404 .container .message p,
    section.page-error-404 .container-fluid .message p,
    section.page-error-500 .container .message p,
    section.page-error-500 .container-fluid .message p {
        margin: 10px 0px 5px 0px;
        font-weight: var(--fw-400);
        font-size: 1.25rem;
        line-height: 2rem;
        text-align: center
    }

    section.page-error-404 .container .message p i,
    section.page-error-404 .container .message p svg,
    section.page-error-404 .container-fluid .message p i,
    section.page-error-404 .container-fluid .message p svg,
    section.page-error-500 .container .message p i,
    section.page-error-500 .container .message p svg,
    section.page-error-500 .container-fluid .message p i,
    section.page-error-500 .container-fluid .message p svg {
        font-size: .9375rem
    }

    section.page-error-404 .container .message p span,
    section.page-error-404 .container-fluid .message p span,
    section.page-error-500 .container .message p span,
    section.page-error-500 .container-fluid .message p span {
        height: 0px
    }

    section.page-error-404 .container .message hr,
    section.page-error-404 .container-fluid .message hr,
    section.page-error-500 .container .message hr,
    section.page-error-500 .container-fluid .message hr {
        margin: 40px 0px
    }

    section.page-error-500 .container .message h2,
    section.page-error-500 .container-fluid .message h2 {
        font-size: 2.5rem;
        line-height: 3rem
    }
}

@media(max-width: 575.98px) {
    @layer pages {

        section.page-error-404 .container .message,
        section.page-error-404 .container-fluid .message,
        section.page-error-500 .container .message,
        section.page-error-500 .container-fluid .message {
            top: 1%;
            left: 50%;
            transform: translate(-50%, 0%);
            padding: 60px 20px;
            width: 95%;
            max-width: 95%
        }

        section.page-error-404 .container .message h1,
        section.page-error-404 .container-fluid .message h1,
        section.page-error-500 .container .message h1,
        section.page-error-500 .container-fluid .message h1 {
            font-size: 7.5rem !important;
            line-height: 3.75rem !important
        }

        section.page-error-404 .container .message h2,
        section.page-error-404 .container-fluid .message h2,
        section.page-error-500 .container .message h2,
        section.page-error-500 .container-fluid .message h2 {
            font-size: 1.6rem !important;
            line-height: 2.4rem !important
        }

        section.page-error-404 .container .message p,
        section.page-error-404 .container-fluid .message p,
        section.page-error-500 .container .message p,
        section.page-error-500 .container-fluid .message p {
            font-size: 1.125rem !important;
            line-height: 1.625rem !important
        }

        section.page-error-404 .container .message p i,
        section.page-error-404 .container .message p svg,
        section.page-error-404 .container-fluid .message p i,
        section.page-error-404 .container-fluid .message p svg,
        section.page-error-500 .container .message p i,
        section.page-error-500 .container .message p svg,
        section.page-error-500 .container-fluid .message p i,
        section.page-error-500 .container-fluid .message p svg {
            font-size: .875rem !important
        }

        section.page-error-500 .container .message h2,
        section.page-error-500 .container-fluid .message h2 {
            font-size: 1.8rem !important;
            line-height: 2.4rem !important
        }
    }
}

@media(min-width: 576px)and (max-width: 767.98px) {
    @layer pages {

        section.page-error-404 .container .message,
        section.page-error-404 .container-fluid .message,
        section.page-error-500 .container .message,
        section.page-error-500 .container-fluid .message {
            top: 1%;
            left: 50%;
            transform: translate(-50%, 0%);
            padding: 60px 20px;
            width: 95%;
            max-width: 95%
        }

        section.page-error-404 .container .message p,
        section.page-error-404 .container-fluid .message p,
        section.page-error-500 .container .message p,
        section.page-error-500 .container-fluid .message p {
            font-size: 1.125rem !important;
            line-height: 1.625rem !important
        }

        section.page-error-404 .container .message p i,
        section.page-error-404 .container .message p svg,
        section.page-error-404 .container-fluid .message p i,
        section.page-error-404 .container-fluid .message p svg,
        section.page-error-500 .container .message p i,
        section.page-error-500 .container .message p svg,
        section.page-error-500 .container-fluid .message p i,
        section.page-error-500 .container-fluid .message p svg {
            font-size: .875rem !important
        }
    }
}

@layer base {

    *,
    *:after,
    *:before {
        box-sizing: inherit
    }

    html {
        height: 100%;
        box-sizing: border-box
    }

    body {
        left: 0;
        height: auto;
        background-color: var(--bg-body);
        color: var(--font-color)
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 20px 0px 5px 0px
    }

    h1 sup,
    h2 sup,
    h3 sup,
    h4 sup,
    h5 sup,
    h6 sup {
        margin-left: 0px;
        font-size: .625rem;
        vertical-align: super
    }

    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
        text-decoration: underline
    }

    h1 a.btn,
    h2 a.btn,
    h3 a.btn,
    h4 a.btn,
    h5 a.btn,
    h6 a.btn {
        text-decoration: none
    }

    h1.Title {
        margin: 50px 0px 5px 0px;
        margin-left: 0px;
        font-weight: var(--fw-600);
        color: var(--font-color-dark)
    }

    h4 i {
        margin-right: 10px
    }

    p i,
    p svg {
        margin: 0px 4px
    }

    p>i,
    p>svg {
        margin-right: 5px;
        width: 20px;
        text-align: center
    }

    p>span.text-secondary {
        display: inline-block;
        margin-left: 10px
    }

    p>a {
        display: inline-block
    }

    section {
        position: relative;
        padding-top: 40px;
        padding-bottom: 40px
    }

    section .container,
    section .container-fluid {
        position: relative
    }

    section#page-title {
        padding-top: 0px;
        padding-bottom: 0px
    }

    section#page-title h1 {
        font-weight: var(--fw-600);
        font-size: 2rem;
        line-height: 2.5rem;
        text-align: var(--dir-start);
        color: var(--font-color-dark)
    }

    section.section-txt-wht h1,
    section.section-txt-wht h2,
    section.section-txt-wht h3,
    section.section-txt-wht h4,
    section.section-txt-wht h5,
    section.section-txt-wht h6,
    section.section-txt-wht p,
    section.section-txt-wht li {
        color: var(--white)
    }

    .section-title {
        font-weight: var(--fw-600);
        color: var(--font-color-dark)
    }
}

@media(max-width: 575.98px) {
    @layer base {
        section {
            padding-top: 20px;
            padding-bottom: 20px
        }

        section#page-title {
            padding-top: 0px;
            padding-bottom: 0px;
            background-color: rgba(0, 0, 0, 0)
        }

        section#page-title h1 {
            margin-left: 0px;
            font-size: 1.5rem;
            line-height: 1.75rem;
            text-align: var(--dir-start)
        }
    }
}

@media(min-width: 576px)and (max-width: 767.98px) {
    @layer base {
        section {
            padding-top: 30px;
            padding-bottom: 30px
        }

        section#page-title {
            padding-top: 0px;
            padding-bottom: 0px;
            background-color: rgba(0, 0, 0, 0)
        }

        section#page-title h1 {
            margin-left: 0px;
            font-size: 1.5rem;
            line-height: 1.75rem;
            text-align: var(--dir-start)
        }
    }
}

@media(min-width: 768px)and (max-width: 991.98px) {
    @layer base {
        section {
            padding-top: 40px;
            padding-bottom: 40px
        }

        section#page-title {
            padding-top: 0px;
            padding-bottom: 0px;
            background-color: rgba(0, 0, 0, 0)
        }

        section#page-title h1 {
            margin-left: 0px;
            font-size: 1.5rem;
            line-height: 1.75rem;
            text-align: var(--dir-start)
        }
    }
}

@layer bootstrap {
    .carousel-half .slide-intro {
        padding: 0px 40px 0px 0px;
        border-right: 1px solid var(--primary)
    }

    .carousel-half .slide-intro h5 {
        font-size: 1.25rem;
        color: var(--gray);
        text-align: var(--dir-end)
    }

    .carousel-half .carousel-indicators {
        bottom: -70px;
        left: -55%;
        width: 100%;
        margin-left: 0
    }

    .carousel-half .carousel-indicators li {
        margin: 0px;
        padding: 0px;
        width: 25px;
        height: 25px;
        border: none;
        background-color: var(--gray-60);
        -webkit-border-radius: 50%;
        -maz-border-radius: 50%;
        border-radius: 50%;
        margin-left: 2px;
        margin-right: 2px
    }

    .carousel-half .carousel-indicators li.active {
        width: 25px;
        height: 25px;
        margin-left: 2px;
        margin-right: 2px;
        background-color: var(--primary);
        cursor: default
    }

    .carousel-half .slide .item {
        transition: all .5s ease;
        -moz-transition: all .5s ease
    }
}

@media(max-width: 575.98px) {
    @layer bootstrap {
        .carousel-half .carousel-inner .item h6 {
            margin-top: 0
        }
    }
}

@media(min-width: 576px)and (max-width: 767.98px) {
    @layer bootstrap {
        .carousel-half .carousel-inner .item h6 {
            margin-top: 0px
        }
    }
}

@media(min-width: 768px)and (max-width: 991.98px) {
    @layer bootstrap {
        .carousel-half .slide-intro h5 {
            text-align: center
        }

        .carousel-half .slide-intro {
            padding: 0;
            min-height: auto;
            border-right: none
        }

        .carousel-half .carousel-inner {
            padding-bottom: 40px
        }

        .carousel-half .carousel-indicators {
            left: 0;
            bottom: -20px
        }

        .carousel-half .carousel-inner .item h6,
        .carousel-half .carousel-inner .item p {
            text-align: center
        }
    }
}

@layer bootstrap {

    .flex-direction-nav a,
    .flex-pauseplay a {
        z-index: 10;
        overflow: hidden;
        position: absolute
    }

    .flex-container a:active,
    .flex-container a:focus,
    .flexslider a:active,
    .flexslider a:focus {
        outline: 0
    }

    .flex-control-nav,
    .flex-direction-nav,
    .slides {
        margin: 0px;
        padding: 0px;
        list-style: none
    }

    .flexslider {
        padding: 0px;
        margin: 0px 0px 60px 0px;
        border: 0px;
        position: relative;
        zoom: 1
    }

    .slides>li {
        display: none
    }

    .flex-direction-nav a,
    .no-js .slides>li:first-child,
    .slides::after,
    html[xmlns] .slides {
        display: block
    }

    .slides img {
        width: 100%;
        display: block
    }

    .slides::after {
        content: " ";
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }

    * html .slides {
        height: 1%
    }

    .flex-viewport {
        max-height: 2000px;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease
    }

    .loading .flex-viewport {
        max-height: 300px
    }

    .flexslider .slides {
        zoom: 1
    }

    .carousel li {
        margin-right: 5px
    }

    .flex-direction-nav a {
        text-decoration: none;
        width: 40px;
        height: 40px;
        margin: -20px 0px 0px 0px;
        top: 50%;
        opacity: 0;
        cursor: pointer;
        color: var(--black-80);
        text-shadow: 1px 1px 0 var(--white-30);
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }

    .flex-direction-nav .flex-prev {
        left: -50px
    }

    .flex-direction-nav .flex-next {
        right: -50px;
        text-align: var(--dir-end)
    }

    .flexslider:hover .flex-prev {
        opacity: .7;
        left: 10px
    }

    .flexslider:hover .flex-next {
        opacity: .7;
        right: 10px
    }

    .flexslider:hover .flex-next:hover,
    .flexslider:hover .flex-prev:hover {
        opacity: 1
    }

    .flex-direction-nav .flex-disabled {
        opacity: 0 !important;
        filter: alpha(opacity=0);
        cursor: default
    }

    .flex-direction-nav a::before {
        font-family: flexslider-icon;
        font-size: 2.5rem;
        display: inline-block;
        content: ""
    }

    .flex-direction-nav a.flex-next::before {
        content: ""
    }

    .flex-pauseplay a {
        display: block;
        width: 20px;
        height: 20px;
        bottom: 5px;
        left: 10px;
        opacity: .8;
        cursor: pointer;
        color: var(--black)
    }

    .flex-pauseplay a::before {
        font-family: flexslider-icon;
        font-size: 1.25rem;
        display: inline-block;
        content: ""
    }

    .flex-pauseplay a:hover {
        opacity: 1
    }

    .flex-pauseplay a.flex-play::before {
        content: ""
    }

    .flex-control-nav {
        width: 100%;
        position: absolute;
        bottom: -40px;
        text-align: center
    }

    .flex-control-nav li {
        margin: 0px 6px;
        padding: 0px;
        display: inline-block;
        zoom: 1
    }

    .flex-control-paging li a {
        width: 11px;
        height: 11px;
        display: block;
        background: var(--black-60);
        cursor: pointer;
        text-indent: -9999px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -o-border-radius: 20px;
        border-radius: 20px
    }

    .flex-control-paging li a:hover {
        background: var(--black-70)
    }

    .flex-control-paging li a.flex-active {
        background: var(--black-90);
        cursor: default
    }

    .flex-control-thumbs {
        margin: 5px 0px 0px 0px;
        position: static;
        overflow: hidden
    }

    .flex-control-thumbs li {
        width: 25%;
        float: var(--dir-start);
        margin: 0px
    }

    .flex-control-thumbs img {
        width: 100%;
        display: block;
        opacity: .7;
        cursor: pointer
    }

    .flex-control-thumbs img:hover {
        opacity: 1
    }

    .flex-control-thumbs .flex-active {
        opacity: 1;
        cursor: default
    }

    .flex-control-paging li a {
        width: 14px;
        height: 14px;
        background-color: var(--gray-40)
    }

    .flex-control-paging li a.flex-active,
    .flex-control-paging li a:hover {
        background-color: var(--black)
    }

    .flex-direction-nav a {
        background-color: var(--white);
        opacity: .8;
        line-height: 2.5rem;
        font-size: 1.25rem
    }

    .flex-direction-nav a::before {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        font-size: inherit
    }

    .flex-direction-nav a.flex-prev::before {
        content: ""
    }

    .flex-direction-nav a.flex-next::before {
        content: ""
    }

    .flex-direction-nav .flex-next {
        right: 0;
        text-align: center;
        border-top-left-radius: var(--border-radius-tl);
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: var(--border-radius-bl)
    }

    .flex-direction-nav .flex-prev {
        left: 0;
        text-align: center;
        border-radius: 0 5px 5px 0;
        border-top-left-radius: 0px;
        border-top-right-radius: var(--border-radius-tr);
        border-bottom-right-radius: var(--border-radius-br);
        border-bottom-left-radius: 0px
    }

    .flexslider:hover .flex-next {
        right: 0
    }

    .flexslider:hover .flex-prev {
        left: 0
    }

    .flexslider:hover .flex-direction-nav a {
        opacity: 1
    }
}

@media screen and (max-width: 860px) {
    @layer bootstrap {
        .flex-direction-nav .flex-prev {
            opacity: 1;
            left: 10px
        }

        .flex-direction-nav .flex-next {
            opacity: 1;
            right: 10px
        }
    }
}

@layer vendors {
    .filter-set {
        margin: 0px;
        padding: 20px;
        background-color: var(--gray-5);
        border: 1px solid var(--border-color);
        border-top: 2px solid var(--primary)
    }

    .filter-set ul {
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        align-items: stretch;
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: hidden;
        margin: 10px 0px 0px 0px
    }

    .filter-set ul>li {
        display: flex;
        flex-basis: auto;
        white-space: nowrap;
        margin: 1px 0px;
        margin-right: 2px;
        padding: 4px 18px;
        font-weight: var(--fw-400);
        font-size: .8125rem;
        color: var(--font-color);
        background-color: var(--gray-5);
        border: 1px solid var(--border-color);
        cursor: pointer;
        transition: all .2s ease
    }

    .filter-set ul>li:hover {
        text-decoration: none;
        color: var(--black);
        background-color: var(--white);
        border-color: var(--border-color)
    }

    .filter-set ul>li.active,
    .filter-set ul>li.mixitup-control-active {
        font-weight: var(--fw-600);
        color: var(--white);
        background-color: var(--primary);
        cursor: default
    }

    .filter-set ul>li::after {
        position: absolute;
        left: 100%
    }

    .filter-set ul>li:last-child::after {
        content: none
    }
}

@layer vendors {
    .parallax-section {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        background-attachment: fixed;
        background-color: var(--white);
        padding: 0px
    }

    .parallax-section .section-title h2 {
        border-color: var(--white)
    }

    .parallax-overlay {
        width: 100%;
        height: 100%;
        padding-top: 80px;
        padding-bottom: 80px;
        background-repeat: repeat;
        color: var(--white)
    }
}

@layer vendors {
    #toptabs {
        display: flex;
        margin: 20px 0px 0px 0px;
        padding: 3px 0px;
        background-color: var(--white)
    }

    #toptabs .ui-tabs-nav {
        display: inline-flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: center;
        align-items: stretch;
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: auto;
        list-style: none;
        background-color: rgba(0, 0, 0, 0);
        border: none;
        box-sizing: border-box
    }

    #toptabs .ui-tabs-nav li {
        float: var(--dir-start);
        margin: 0px 0px 1px 0px;
        margin-right: 1px;
        padding: 0px;
        width: 233px;
        box-sizing: border-box
    }

    #toptabs .ui-tabs-nav li a,
    #toptabs .ui-tabs-nav li a:link,
    #toptabs .ui-tabs-nav li a:visited,
    #toptabs .ui-tabs-nav li a:hover,
    #toptabs .ui-tabs-nav li a:active,
    #toptabs .ui-tabs-nav li a:focus {
        position: relative;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        margin: 0px;
        padding: 20px 10px;
        height: 100%;
        font-style: normal;
        font-weight: var(--fw-400);
        font-size: .8125rem;
        line-height: .875rem;
        text-align: center;
        text-decoration: none;
        color: var(--font-color);
        background: var(--gray-10);
        outline: none;
        box-sizing: border-box;
        overflow: hidden;
        cursor: pointer !important
    }

    #toptabs .ui-tabs-nav li a.selected,
    #toptabs .ui-tabs-nav li a:link.selected,
    #toptabs .ui-tabs-nav li a:visited.selected,
    #toptabs .ui-tabs-nav li a:hover.selected,
    #toptabs .ui-tabs-nav li a:active.selected,
    #toptabs .ui-tabs-nav li a:focus.selected {
        font-weight: var(--fw-400);
        color: var(--white);
        background-color: var(--primary)
    }

    #toptabs .ui-tabs-nav li a.selected::before,
    #toptabs .ui-tabs-nav li a:link.selected::before,
    #toptabs .ui-tabs-nav li a:visited.selected::before,
    #toptabs .ui-tabs-nav li a:hover.selected::before,
    #toptabs .ui-tabs-nav li a:active.selected::before,
    #toptabs .ui-tabs-nav li a:focus.selected::before {
        position: absolute;
        top: 0;
        right: 0;
        border: 9px solid;
        border-color: var(--white) var(--white) var(--primary-dark-20) var(--primary-dark-20);
        box-shadow: var(--box-shadow), -1px 1px 2px var(--shadow-color);
        content: ""
    }

    #toptabs .ui-tabs-nav li a:hover {
        color: var(--font-color-dark);
        background: var(--gray-20)
    }

    #toptabs .ui-tabs-nav li a:hover.selected {
        color: var(--white);
        background-color: var(--primary)
    }

    .ui-tabs-panel {
        margin: 0px;
        padding: 10px;
        background-color: var(--gray-5)
    }

    .ui-tabs-panel .subtabsmenu {
        margin: 0px;
        padding: 0px;
        padding-left: 10px;
        width: 100%;
        height: auto;
        list-style: none;
        border-bottom: none;
        box-sizing: border-box
    }

    .ui-tabs-panel .subtabsmenu li {
        display: inline-block;
        margin: 0px 0px 2px 0px;
        margin-right: -2px;
        padding: 0px;
        box-sizing: border-box
    }

    .ui-tabs-panel .subtabsmenu li a,
    .ui-tabs-panel .subtabsmenu li a:link,
    .ui-tabs-panel .subtabsmenu li a:visited,
    .ui-tabs-panel .subtabsmenu li a:hover,
    .ui-tabs-panel .subtabsmenu li a:active,
    .ui-tabs-panel .subtabsmenu li a:focus {
        display: block;
        margin: 0px;
        padding: 5px 25px;
        font-style: normal;
        font-weight: var(--fw-400);
        font-size: .875rem;
        line-height: 1.25rem;
        text-align: center;
        text-decoration: none;
        color: var(--font-color);
        background-color: var(--gray-10);
        outline: none;
        box-sizing: border-box;
        cursor: pointer !important
    }

    .ui-tabs-panel .subtabsmenu li a.selected,
    .ui-tabs-panel .subtabsmenu li a:link.selected,
    .ui-tabs-panel .subtabsmenu li a:visited.selected,
    .ui-tabs-panel .subtabsmenu li a:hover.selected,
    .ui-tabs-panel .subtabsmenu li a:active.selected,
    .ui-tabs-panel .subtabsmenu li a:focus.selected {
        font-weight: var(--fw-400);
        color: var(--white);
        background-color: var(--primary)
    }

    .ui-tabs-panel .subtabsmenu li a:hover {
        color: var(--font-color-dark);
        background: var(--gray-20)
    }

    .ui-tabs-panel .subtabsmenu li a:hover.selected {
        color: var(--white);
        background-color: var(--primary)
    }
}

@media(max-width: 575.98px) {
    @layer vendors {
        #toptabs .ui-tabs-nav li {
            margin: 1px 0px;
            width: 100%
        }
    }
}

@media(min-width: 576px)and (max-width: 767.98px) {
    @layer vendors {
        #toptabs .ui-tabs-nav li {
            margin: 0px 0px 1px 0px;
            margin-right: 1px;
            width: 49%
        }
    }
}

@media(min-width: 768px)and (max-width: 991.98px) {
    @layer vendors {
        #toptabs .ui-tabs-nav li {
            margin: 0px 0px 1px 0px;
            margin-right: 1px;
            width: 32%
        }
    }
}

@media(min-width: 992px)and (max-width: 1199.98px) {
    @layer vendors {
        #toptabs .ui-tabs-nav li {
            width: 191px
        }
    }
}

@layer components {
    .angle-left-bottom-wht {
        position: absolute;
        bottom: 0;
        left: -2%;
        right: 0;
        width: 104%;
        height: 150px;
        background-size: 100% 150px;
        background-image: url("/images/web/template/angle-bottom-left-white.png");
        background-repeat: no-repeat;
        background-position: bottom;
        z-index: 10
    }

    .tint-dk-60 {
        display: flex;
        padding-top: 0;
        padding-bottom: 0;
        position: relative
    }

    .tint-dk-60>.container,
    .tint-dk-60>.container-fluid {
        display: flex
    }

    .tint-dk-60>.container>.row,
    .tint-dk-60>.container-fluid>.row {
        display: flex;
        width: 100%;
        margin-top: -30px
    }

    .tint-dk-60>.container>.row>div,
    .tint-dk-60>.container-fluid>.row>div {
        display: flex;
        align-items: center;
        background: var(--black-60);
        padding-left: 30px;
        padding-right: 30px
    }
}

@layer components {
    .faq-banner {
        background-color: var(--primary);
        padding-top: 0;
        padding-bottom: 0
    }

    .faq-banner h2 {
        color: var(--white);
        margin-top: 35px
    }

    .faq-banner img {
        max-width: 140px;
        height: auto
    }
}

@media(min-width: 992px)and (max-width: 1199.98px) {
    @layer components {
        .faq-banner {
            text-align: center
        }

        .faq-banner h2 {
            margin-top: 10px;
            margin-bottom: 20px
        }
    }
}

@layer components {
    .branded-icon.branded-icon-sm svg {
        width: 36px;
        height: 36px
    }

    .branded-icon.branded-icon-md svg {
        width: 45px;
        height: 45px
    }

    .branded-icon.branded-icon-lg svg {
        width: 54px;
        height: 54px
    }
}

@layer components {

    a.btn.btn-feedback,
    a:link.btn.btn-feedback,
    a:visited.btn.btn-feedback,
    a:hover.btn.btn-feedback,
    a:active.btn.btn-feedback,
    a:focus.btn.btn-feedback {
        position: fixed;
        bottom: 14px;
        right: 65px;
        margin: 0px;
        padding: 10px 15px;
        width: auto !important;
        height: auto;
        font-size: .8125rem;
        line-height: 1rem;
        background-color: var(--light-90);
        border-radius: var(--border-radius);
        box-shadow: 0px 1px 1px var(--shadow-color);
        transition: all .2s ease-in-out 0s
    }

    a.btn.btn-feedback i,
    a.btn.btn-feedback svg,
    a:link.btn.btn-feedback i,
    a:link.btn.btn-feedback svg,
    a:visited.btn.btn-feedback i,
    a:visited.btn.btn-feedback svg,
    a:hover.btn.btn-feedback i,
    a:hover.btn.btn-feedback svg,
    a:active.btn.btn-feedback i,
    a:active.btn.btn-feedback svg,
    a:focus.btn.btn-feedback i,
    a:focus.btn.btn-feedback svg {
        margin: 0px;
        margin-right: 8px
    }
}

@media(max-width: 575.98px) {
    @layer components {

        a.btn.btn-feedback,
        a:link.btn.btn-feedback,
        a:visited.btn.btn-feedback,
        a:hover.btn.btn-feedback,
        a:active.btn.btn-feedback,
        a:focus.btn.btn-feedback {
            bottom: 15px;
            right: 15px
        }
    }
}

@layer components {

    .drop-links a img,
    .icon-sm {
        width: 75px
    }

    .icon-md {
        width: 120px
    }

    .icon-lg {
        width: 200px
    }

    .drop-links-xs {
        padding-top: 5px;
        padding-bottom: 15px
    }

    .drop-links-xs a {
        display: block;
        font-size: .6875rem;
        line-height: .875rem;
        margin-top: 10px
    }

    .drop-links-xs a img {
        width: 50px;
        opacity: .6
    }

    .drop-links-xs a span {
        display: block;
        padding-top: 5px
    }

    .drop-links-xs a span.text-darkgray {
        font-weight: var(--fw-600);
        color: var(--black-60)
    }

    .drop-links-xs a:hover img {
        opacity: 1
    }

    .down-caret {
        position: absolute;
        left: 50%;
        right: 0;
        bottom: -40px;
        text-align: center;
        margin: 0px;
        margin-left: -40px;
        z-index: 10
    }

    .down-caret span {
        display: inline-block;
        width: 80px;
        height: 40px;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-image: url("/images/web/template/section-arrow-down-white.png")
    }

    .icon-color {
        position: relative;
        width: 70px;
        height: 70px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        text-align: center;
        padding: 10px
    }

    .icon-color img {
        width: 100%;
        height: auto
    }

    .id-drop {
        display: block;
        position: relative;
        height: 1px;
        width: 0;
        visibility: hidden
    }

    .id-drop span {
        display: block;
        position: absolute;
        height: 100px;
        width: 0;
        left: 0;
        bottom: 0;
        visibility: hidden
    }

    .id-drop.blank {
        height: 0
    }
}

@layer components {
    .droplinks {
        margin: 0px;
        padding: 15px 0px;
        background-color: rgba(0, 0, 0, 0)
    }

    .droplinks .container .row>div,
    .droplinks .container-fluid .row>div {
        display: flex;
        flex-wrap: wrap;
        align-items: start;
        align-content: center;
        justify-content: center
    }

    .droplinks .container .row>div a,
    .droplinks .container .row>div a:link,
    .droplinks .container .row>div a:visited,
    .droplinks .container .row>div a:hover,
    .droplinks .container .row>div a:active,
    .droplinks .container .row>div a:focus,
    .droplinks .container-fluid .row>div a,
    .droplinks .container-fluid .row>div a:link,
    .droplinks .container-fluid .row>div a:visited,
    .droplinks .container-fluid .row>div a:hover,
    .droplinks .container-fluid .row>div a:active,
    .droplinks .container-fluid .row>div a:focus {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        flex-basis: 8%;
        margin: 10px 0px;
        padding: 0px;
        height: auto;
        color: var(--font-color-light);
        text-align: center;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .droplinks .container .row>div a svg,
    .droplinks .container .row>div a:link svg,
    .droplinks .container .row>div a:visited svg,
    .droplinks .container .row>div a:hover svg,
    .droplinks .container .row>div a:active svg,
    .droplinks .container .row>div a:focus svg,
    .droplinks .container-fluid .row>div a svg,
    .droplinks .container-fluid .row>div a:link svg,
    .droplinks .container-fluid .row>div a:visited svg,
    .droplinks .container-fluid .row>div a:hover svg,
    .droplinks .container-fluid .row>div a:active svg,
    .droplinks .container-fluid .row>div a:focus svg {
        display: block;
        width: 40px;
        height: 44px;
        margin: 0px auto 5px;
        color: var(--dark-60);
        fill: var(--dark-60)
    }

    .droplinks .container .row>div a span,
    .droplinks .container .row>div a:link span,
    .droplinks .container .row>div a:visited span,
    .droplinks .container .row>div a:hover span,
    .droplinks .container .row>div a:active span,
    .droplinks .container .row>div a:focus span,
    .droplinks .container-fluid .row>div a span,
    .droplinks .container-fluid .row>div a:link span,
    .droplinks .container-fluid .row>div a:visited span,
    .droplinks .container-fluid .row>div a:hover span,
    .droplinks .container-fluid .row>div a:active span,
    .droplinks .container-fluid .row>div a:focus span {
        display: block;
        max-width: 80px;
        font-size: .75rem;
        line-height: 1rem
    }

    .droplinks .container .row>div a:hover,
    .droplinks .container-fluid .row>div a:hover {
        color: var(--dark-90)
    }

    .droplinks .container .row>div a:hover svg,
    .droplinks .container-fluid .row>div a:hover svg {
        color: var(--dark-90) !important;
        fill: var(--dark-90) !important
    }

    .droplinks .container .row>div a:focus,
    .droplinks .container-fluid .row>div a:focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .droplinks.dl-16 .container .row>div a,
    .droplinks.dl-16 .container-fluid .row>div a,
    .droplinks.dl-15 .container .row>div a,
    .droplinks.dl-15 .container-fluid .row>div a {
        flex-basis: 12%
    }

    .droplinks.dl-14 .container .row>div a,
    .droplinks.dl-14 .container-fluid .row>div a,
    .droplinks.dl-13 .container .row>div a,
    .droplinks.dl-13 .container-fluid .row>div a {
        flex-basis: 14%
    }

    .droplinks.dl-12 .container .row>div a,
    .droplinks.dl-12 .container-fluid .row>div a {
        flex-basis: 16%
    }

    .droplinks.dl-11 .container .row>div a,
    .droplinks.dl-11 .container-fluid .row>div a {
        flex-basis: 16%
    }

    .droplinks.dl-10 .container .row>div a,
    .droplinks.dl-10 .container-fluid .row>div a {
        flex-basis: 20%
    }

    .droplinks.dl-9 .container .row>div a,
    .droplinks.dl-9 .container-fluid .row>div a {
        flex-basis: 11%
    }

    .droplinks.dl-8 .container .row>div a,
    .droplinks.dl-8 .container-fluid .row>div a {
        flex-basis: 12%
    }

    .droplinks.dl-7 .container .row>div a,
    .droplinks.dl-7 .container-fluid .row>div a {
        flex-basis: 14%
    }

    .droplinks.dl-6 .container .row>div a,
    .droplinks.dl-6 .container-fluid .row>div a {
        flex-basis: 12%
    }

    .droplinks.dl-5 .container .row>div a,
    .droplinks.dl-5 .container-fluid .row>div a {
        flex-basis: 12%
    }

    .droplinks.dl-4 .container .row>div a,
    .droplinks.dl-4 .container-fluid .row>div a {
        flex-basis: 12%
    }

    .droplinks.dl-3 .container .row>div a,
    .droplinks.dl-3 .container-fluid .row>div a,
    .droplinks.dl-2 .container .row>div a,
    .droplinks.dl-2 .container-fluid .row>div a {
        flex-basis: 12%
    }
}

@media(max-width: 575.98px) {
    @layer components {

        .droplinks.dl-16,
        .droplinks.dl-15,
        .droplinks.dl-14,
        .droplinks.dl-13,
        .droplinks.dl-12,
        .droplinks.dl-11,
        .droplinks.dl-10,
        .droplinks.dl-9,
        .droplinks.dl-8,
        .droplinks.dl-7 {
            display: none
        }

        .droplinks.dl-6 .container .row>div a,
        .droplinks.dl-6 .container-fluid .row>div a,
        .droplinks.dl-5 .container .row>div a,
        .droplinks.dl-5 .container-fluid .row>div a {
            flex-basis: 33.33%
        }

        .droplinks.dl-4 .container .row>div a,
        .droplinks.dl-4 .container-fluid .row>div a,
        .droplinks.dl-3 .container .row>div a,
        .droplinks.dl-3 .container-fluid .row>div a,
        .droplinks.dl-2 .container .row>div a,
        .droplinks.dl-2 .containe-fluidr .row>div a {
            flex-basis: 25%
        }
    }
}

@media(min-width: 576px)and (max-width: 767.98px) {
    @layer components {

        .droplinks.dl-16 .container .row>div a,
        .droplinks.dl-16 .container-fluid .row>div a,
        .droplinks.dl-15 .container .row>div a,
        .droplinks.dl-15 .container-fluid .row>div a {
            flex-basis: 25%
        }

        .droplinks.dl-14 .container .row>div a,
        .droplinks.dl-14 .container-fluid .row>div a,
        .droplinks.dl-13 .container .row>div a,
        .droplinks.dl-13 .container-fluid .row>div a {
            flex-basis: 20%
        }

        .droplinks.dl-12 .container .row>div a,
        .droplinks.dl-12 .container-fluid .row>div a,
        .droplinks.dl-11 .container .row>div a,
        .droplinks.dl-11 .container-fluid .row>div a {
            flex-basis: 16%
        }

        .droplinks.dl-10 .container .row>div a,
        .droplinks.dl-10 .container-fluid .row>div a,
        .droplinks.dl-9 .container .row>div a,
        .droplinks.dl-9 .container-fluid .row>div a {
            flex-basis: 20%
        }

        .droplinks.dl-8 .container .row>div a,
        .droplinks.dl-8 .container-fluid .row>div a,
        .droplinks.dl-7 .container .row>div a,
        .droplinks.dl-7 .container-fluid .row>div a {
            flex-basis: 25%
        }

        .droplinks.dl-6 .container .row>div a,
        .droplinks.dl-6 .container-fluid .row>div a,
        .droplinks.dl-5 .container .row>div a,
        .droplinks.dl-5 .container-fluid .row>div a {
            flex-basis: 16%
        }

        .droplinks.dl-4 .container .row>div a,
        .droplinks.dl-4 .container-fluid .row>div a,
        .droplinks.dl-3 .container .row>div a,
        .droplinks.dl-3 .container-fluid .row>div a,
        .droplinks.dl-2 .container .row>div a,
        .droplinks.dl-2 .container-fluid .row>div a {
            flex-basis: 25%
        }
    }
}

@media(min-width: 768px)and (max-width: 991.98px) {
    @layer components {

        .droplinks.dl-16 .container .row>div a,
        .droplinks.dl-16 .container-fluid .row>div a,
        .droplinks.dl-15 .container .row>div a,
        .droplinks.dl-15 .container-fluid .row>div a {
            flex-basis: 15%
        }

        .droplinks.dl-14 .container .row>div a,
        .droplinks.dl-14 .container-fluid .row>div a,
        .droplinks.dl-13 .container .row>div a,
        .droplinks.dl-13 .container-fluid .row>div a {
            flex-basis: 14%
        }

        .droplinks.dl-12 .container .row>div a,
        .droplinks.dl-12 .container-fluid .row>div a,
        .droplinks.dl-11 .container .row>div a,
        .droplinks.dl-11 .container-fluid .row>div a {
            flex-basis: 16%
        }

        .droplinks.dl-10 .container .row>div a,
        .droplinks.dl-10 .container-fluid .row>div a,
        .droplinks.dl-9 .container .row>div a,
        .droplinks.dl-9 .container-fluid .row>div a {
            flex-basis: 20%
        }

        .droplinks.dl-8 .container .row>div a,
        .droplinks.dl-8 .container-fluid .row>div a,
        .droplinks.dl-7 .container .row>div a,
        .droplinks.dl-7 .container-fluid .row>div a {
            flex-basis: 12%
        }

        .droplinks.dl-6 .container .row>div a,
        .droplinks.dl-6 .container-fluid .row>div a,
        .droplinks.dl-5 .container .row>div a,
        .droplinks.dl-5 .container-fluid .row>div a,
        .droplinks.dl-4 .container .row>div a,
        .droplinks.dl-4 .container-fluid .row>div a,
        .droplinks.dl-3 .container .row>div a,
        .droplinks.dl-3 .container-fluid .row>div a,
        .droplinks.dl-2 .container .row>div a,
        .droplinks.dl-2 .container-fluid .row>div a {
            flex-basis: 16%
        }
    }
}

@layer components {
    .hero {
        position: relative;
        display: flex;
        align-items: center;
        margin: 0px;
        padding: 0px;
        width: 100%;
        min-height: 320px !important;
        background-color: var(--gray-30-solid);
        background-image: linear-gradient(135deg, var(--gray-30-solid) 0%, var(--gray-10-solid) 100%);
        background-image: -moz-linear-gradient(135deg, var(--gray-30-solid) 0%, var(--gray-10-solid) 100%);
        background-image: -webkit-linear-gradient(135deg, var(--gray-30-solid) 0%, var(--gray-10-solid) 100%);
        overflow: hidden
    }

    .hero .container {
        max-width: 1400px !important
    }

    .hero .container-fluid {
        max-width: 100% !important
    }

    .hero .hero-content {
        position: relative;
        z-index: 3;
        padding: 40px 0px
    }

    .hero .hero-content h2 {
        margin: 0px;
        font-weight: var(--fw-600);
        font-size: var(--h1-font-size);
        line-height: var(--h1-line-height)
    }

    .hero .hero-content h2+p.subheading,
    .hero .hero-content h2+p {
        margin: 10px 0px 0px 0px
    }

    .hero .hero-content p {
        margin: 0px
    }

    .hero .hero-content p.eyebrow {
        margin: 0px 0px 10px 0px;
        font-weight: var(--fw-600);
        font-size: .9375rem;
        line-height: 1.125rem;
        letter-spacing: .125rem
    }

    .hero .hero-content p.subheading {
        margin: 0px;
        font-weight: var(--fw-300);
        font-size: var(--h5-font-size);
        line-height: var(--h5-line-height)
    }

    .hero .hero-content p+p {
        margin: 15px 0px 0px 0px
    }

    .hero .hero-content ul {
        margin: 20px 0px 0px 0px
    }

    .hero .hero-content ul li {
        margin-left: 20px;
        padding-left: 0px
    }

    .hero .hero-content ul.checklist li,
    .hero .hero-content ul.check-list li,
    .hero .hero-content ul.checklist-circle li,
    .hero .hero-content ul.check-list-circle li {
        margin: 0px 0px 16px 0px;
        margin-left: 8px;
        padding-left: 30px
    }

    .hero .hero-content ul.checklist li::before,
    .hero .hero-content ul.check-list li::before,
    .hero .hero-content ul.checklist-circle li::before,
    .hero .hero-content ul.check-list-circle li::before {
        color: var(--primary)
    }

    .hero .hero-content ul.fa-ul {
        margin: 20px 0px 0px 0px
    }

    .hero .hero-content ul.fa-ul li {
        margin: 0px 0px 16px 0px;
        margin-left: 26px;
        padding-left: 5px
    }

    .hero .hero-content a:focus-visible {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .hero .hero-content .qr-code-set {
        margin: 20px 0px 0px 0px;
        max-width: 160px
    }

    .hero .hero-content .qr-code-set p {
        font-size: var(--fs-8);
        line-height: var(--lh-8);
        text-align: center;
        color: var(--gray)
    }

    .hero figure.hero-img {
        position: absolute;
        top: 0px;
        right: 0px;
        left: auto;
        z-index: 2;
        margin: 0px;
        width: 40%;
        height: 100%
    }

    .hero figure.hero-img img {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 50% 30%
    }

    .hero.hero-bg figure.hero-img img {
        width: calc(100% - 3rem);
        height: calc(100% - 3rem);
        position: absolute;
        top: 24px;
        right: 24px;
        bottom: 24px;
        left: 24px;
        object-fit: contain;
        object-position: center
    }

    .hero.hero-bg figure.hero-bg-img {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1;
        width: 100%;
        height: 100%
    }

    .hero.hero-bg figure.hero-bg-img img {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center
    }

    .hero.hero-bg-wrap figure.hero-bg-img {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1;
        width: 100%;
        height: 100%
    }

    .hero.hero-bg-wrap figure.hero-bg-img img {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center
    }

    .hero.hero-dark .hero-content h2,
    .hero.hero-dark .hero-content p {
        color: var(--white)
    }

    .hero.hero-dark .hero-content ul li {
        color: var(--white)
    }

    .hero.hero-dark .hero-content ul.checklist li::before,
    .hero.hero-dark .hero-content ul.check-list li::before,
    .hero.hero-dark .hero-content ul.checklist-circle li::before,
    .hero.hero-dark .hero-content ul.check-list-circle li::before {
        color: var(--white)
    }

    .hero.hero-side-nav {
        margin: 0px auto;
        max-width: 1400px
    }

    .hero.hero-side-nav figure.hero-bg-img {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1;
        width: 100%;
        height: 100%
    }

    .hero.hero-side-nav figure.hero-bg-img img {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center
    }

    .hero.hero-side-nav .container {
        max-width: 100% !important
    }

    .hero.hero-side-nav .container .row {
        align-items: stretch
    }

    .hero.hero-side-nav .ibkr-sidebar {
        position: relative;
        margin-left: -16px;
        padding: 0px 3px
    }

    .hero.hero-side-nav .hero-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 40px;
        height: 100%
    }
}

@media(max-width: 575.98px) {
    @layer components {
        .hero {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            min-height: 200px !important
        }

        .hero .hero-content {
            padding: 40px 20px
        }

        .hero .hero-content h2 {
            font-size: var(--h1-font-size-mobile);
            line-height: var(--h1-line-height-mobile)
        }

        .hero figure.hero-img {
            position: relative;
            width: 100%;
            height: 250px
        }

        .hero.hero-bg {
            justify-content: center
        }

        .hero.hero-bg figure.hero-bg-img img {
            object-position: var(--dir-start)
        }

        .hero.hero-bg-wrap figure.hero-bg-img {
            position: relative;
            width: 100%;
            height: 250px
        }

        .hero.hero-side-nav figure.hero-bg-img {
            top: 50px
        }

        .hero.hero-side-nav .container {
            padding: 0px
        }

        .hero.hero-side-nav .ibkr-sidebar {
            margin-left: 0px;
            min-height: auto;
            height: auto
        }
    }
}

@media(min-width: 576px)and (max-width: 767.98px) {
    @layer components {
        .hero {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            min-height: 200px !important
        }

        .hero .hero-content {
            padding: 40px
        }

        .hero .hero-content h2 {
            font-size: var(--h1-font-size-mobile);
            line-height: var(--h1-line-height-mobile)
        }

        .hero figure.hero-img {
            position: relative;
            width: 100%;
            height: 250px
        }

        .hero figure.hero-img img {
            object-position: 50% 30%
        }

        .hero.hero-bg {
            justify-content: center
        }

        .hero.hero-bg figure.hero-bg-img img {
            object-position: var(--dir-start)
        }

        .hero.hero-bg-wrap figure.hero-bg-img {
            position: relative;
            width: 100%;
            height: 250px
        }

        .hero.hero-bg-wrap figure.hero-bg-img img {
            object-position: 50% 30%
        }

        .hero.hero-side-nav figure.hero-bg-img {
            top: 50px
        }

        .hero.hero-side-nav .container {
            padding: 0px
        }

        .hero.hero-side-nav .ibkr-sidebar {
            margin-left: 0px;
            min-height: auto;
            height: auto
        }
    }
}

@media(min-width: 768px)and (max-width: 991.98px) {
    @layer components {
        .hero {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            min-height: 200px !important
        }

        .hero .hero-content {
            padding: 40px
        }

        .hero figure.hero-img {
            position: relative;
            width: 100%;
            height: 250px
        }

        .hero figure.hero-img img {
            object-position: 50% 20%
        }

        .hero.hero-bg {
            justify-content: center
        }

        .hero.hero-bg figure.hero-bg-img img {
            object-position: var(--dir-start)
        }

        .hero.hero-bg-wrap figure.hero-bg-img {
            position: relative;
            width: 100%;
            height: 250px
        }

        .hero.hero-bg-wrap figure.hero-bg-img img {
            object-position: 50% 20%
        }

        .hero.hero-side-nav figure.hero-bg-img {
            top: 50px
        }

        .hero.hero-side-nav .container {
            padding: 0px
        }

        .hero.hero-side-nav .ibkr-sidebar {
            margin-left: 0px;
            min-height: auto;
            height: auto
        }
    }
}

@media(min-width: 992px)and (max-width: 1199.98px) {
    @layer components {
        .hero .hero-content {
            padding: 40px 20px
        }
    }
}

@layer components {
    .modal-search-feedback .modal-header {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }

    .modal-search-feedback .modal-header .brand-logo+p {
        margin: 10px 0px 0px 0px
    }

    .modal-search-feedback .modal-body h6 {
        font-weight: var(--fw-600);
        text-align: center
    }

    .modal-search-feedback .modal-body p {
        text-align: center
    }

    .modal-search-feedback .modal-body p a.btn,
    .modal-search-feedback .modal-body p a:link.btn,
    .modal-search-feedback .modal-body p a:visited.btn,
    .modal-search-feedback .modal-body p a:hover.btn,
    .modal-search-feedback .modal-body p a:active.btn,
    .modal-search-feedback .modal-body p a:focus.btn {
        width: 47%
    }

    .modal-search-feedback .modal-body p i,
    .modal-search-feedback .modal-body p>i,
    .modal-search-feedback .modal-body p svg,
    .modal-search-feedback .modal-body p>svg {
        margin: 0px;
        width: auto;
        text-align: center
    }

    .modal-search-feedback .modal-body label.form-label {
        text-align: left
    }
}

@media(max-width: 575.98px) {
    @layer components {

        .modal-search-feedback .modal-body p a.btn+.btn,
        .modal-search-feedback .modal-body p a:link.btn+.btn,
        .modal-search-feedback .modal-body p a:visited.btn+.btn,
        .modal-search-feedback .modal-body p a:hover.btn+.btn,
        .modal-search-feedback .modal-body p a:active.btn+.btn,
        .modal-search-feedback .modal-body p a:focus.btn+.btn {
            margin: 0px;
            margin-left: 10px
        }
    }
}

@layer components {
    .table-compare .table>tbody>tr>td {
        border-left: 1px solid var(--border-color)
    }

    .table-compare .table>tbody>tr>td:first-child {
        border-left: none
    }

    .table-compare .table>tbody>tr>td.table-category-bar {
        background-color: var(--gray-10)
    }

    .table-compare .table i,
    .table-compare .table b {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%
    }

    .table-compare .table i {
        background-color: var(--success);
        border: none
    }

    .table-compare .table b {
        background-color: var(--white);
        border: 2px solid var(--gray)
    }

    .table-compare .table em {
        display: inline-block
    }

    p.table-key i {
        background-color: var(--success);
        border: none;
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%
    }
}

@layer components {
    .table-ordertypes tbody tr td:nth-child(odd) {
        border-right: none !important
    }
}

@layer components {
    #contents {
        position: relative;
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: auto;
        box-sizing: border-box
    }

    #contents .container {
        max-width: 1200px
    }

    #contents .container-fluid {
        max-width: 100%
    }
}

@layer components {

    .bimage-half-left,
    .bimage-half-right,
    .bimage-third-left,
    .bimage-third-right {
        top: 0;
        height: 100%;
        position: absolute;
        overflow: hidden
    }

    .bimage-half-left img,
    .bimage-half-right img,
    .bimage-third-left img,
    .bimage-third-right img {
        height: 100%;
        width: auto;
        max-width: none;
        position: absolute
    }

    .bimage-half-left,
    .bimage-half-right {
        width: 50%
    }

    .bimage-third-left,
    .bimage-third-right {
        width: 33%
    }

    .bimage-half-left,
    .bimage-third-left {
        left: 0
    }

    .bimage-half-left img,
    .bimage-third-left img {
        right: 0
    }

    .bimage-half-left.bimage-cover img,
    .bimage-third-left.bimage-cover img {
        object-position: 100%
    }

    .bimage-half-right,
    .bimage-third-right {
        right: 0
    }

    .bimage-half-right img,
    .bimage-third-right img {
        left: 0
    }

    .bimage-half-right.bimage-cover img,
    .bimage-third-right.bimage-cover img {
        object-position: 0
    }

    .bimage-cover img {
        object-fit: cover;
        width: 100% !important
    }
}

@media(max-width: 575.98px) {
    @layer components {

        .bimage-half-left,
        .bimage-half-right,
        .bimage-third-left,
        .bimage-third-right {
            width: 100%;
            max-height: 500px;
            text-align: center;
            position: relative;
            overflow: inherit
        }

        .bimage-half-left img,
        .bimage-half-right img,
        .bimage-third-left img,
        .bimage-third-right img {
            position: relative;
            max-height: 500px;
            max-width: 100%;
            width: auto;
            height: auto
        }

        .bimage-snap-top {
            margin-top: -40px
        }

        .bimage-snap-bottom {
            margin-bottom: -40px
        }
    }
}

@media(min-width: 576px)and (max-width: 767.98px) {
    @layer components {

        .bimage-half-left,
        .bimage-half-right,
        .bimage-third-left,
        .bimage-third-right {
            width: 100%;
            max-height: 500px;
            text-align: center;
            position: relative;
            overflow: inherit
        }

        .bimage-half-left img,
        .bimage-half-right img,
        .bimage-third-left img,
        .bimage-third-right img {
            position: relative;
            max-height: 500px;
            max-width: 100%;
            width: auto;
            height: auto
        }

        .bimage-snap-top {
            margin-top: -40px
        }

        .bimage-snap-bottom {
            margin-bottom: -40px
        }
    }
}

@media(min-width: 1200px) {
    @layer components {

        .bimage-third-left,
        .bimage-third-right {
            width: 36%
        }
    }
}

@layer components {

    .col-sm-55,
    .col-sm-77,
    .col-sm-88,
    .col-sm-99,
    .col-md-55,
    .col-md-77,
    .col-md-88,
    .col-md-99,
    .col-lg-55,
    .col-lg-77,
    .col-lg-88,
    .col-lg-99 {
        float: var(--dir-start);
        padding-left: 15px;
        padding-right: 15px
    }
}

@media(min-width: 768px)and (max-width: 991.98px) {
    @layer components {
        .col-sm-55 {
            width: 20%
        }

        .col-sm-77 {
            width: 14.2857%
        }

        .col-sm-88 {
            width: 12.5%
        }

        .col-sm-99 {
            width: 11.111%
        }
    }
}

@media(min-width: 992px)and (max-width: 1199.98px) {
    @layer components {
        .col-md-55 {
            width: 20%
        }

        .col-md-77 {
            width: 14.2857%
        }

        .col-md-88 {
            width: 12.5%
        }

        .col-md-99 {
            width: 11.111%
        }
    }
}

@media(min-width: 1200px) {
    @layer components {
        .col-lg-55 {
            width: 20%
        }

        .col-lg-77 {
            width: 14.2857%
        }

        .col-lg-88 {
            width: 12.5%
        }

        .col-lg-99 {
            width: 11.11%
        }
    }
}

@layer components {
    footer {
        position: relative;
        margin: 0px;
        padding: 50px 0px;
        background-color: var(--footer-bg-color);
        border-top: 1px solid var(--border-color)
    }

    footer .container,
    footer .container-fluid {
        max-width: 1400px
    }

    footer .container p,
    footer .container li,
    footer .container sup,
    footer .container th,
    footer .container td,
    footer .container label,
    footer .container input,
    footer .container select,
    footer .container textarea,
    footer .container-fluid p,
    footer .container-fluid li,
    footer .container-fluid sup,
    footer .container-fluid th,
    footer .container-fluid td,
    footer .container-fluid label,
    footer .container-fluid input,
    footer .container-fluid select,
    footer .container-fluid textarea {
        font-weight: var(--fw-400);
        font-size: .85rem;
        line-height: 1.5rem;
        color: var(--footer-font-color)
    }

    footer .container sup,
    footer .container-fluid sup {
        font-size: .625rem;
        line-height: 1.125rem
    }

    footer .container a,
    footer .container a:link,
    footer .container a:hover,
    footer .container a:visited,
    footer .container a:active,
    footer .container a:focus,
    footer .container-fluid a,
    footer .container-fluid a:link,
    footer .container-fluid a:hover,
    footer .container-fluid a:visited,
    footer .container-fluid a:active,
    footer .container-fluid a:focus {
        text-decoration: underline;
        color: var(--footer-link-color)
    }

    footer .container a i,
    footer .container a svg,
    footer .container a:link i,
    footer .container a:link svg,
    footer .container a:hover i,
    footer .container a:hover svg,
    footer .container a:visited i,
    footer .container a:visited svg,
    footer .container a:active i,
    footer .container a:active svg,
    footer .container a:focus i,
    footer .container a:focus svg,
    footer .container-fluid a i,
    footer .container-fluid a svg,
    footer .container-fluid a:link i,
    footer .container-fluid a:link svg,
    footer .container-fluid a:hover i,
    footer .container-fluid a:hover svg,
    footer .container-fluid a:visited i,
    footer .container-fluid a:visited svg,
    footer .container-fluid a:active i,
    footer .container-fluid a:active svg,
    footer .container-fluid a:focus i,
    footer .container-fluid a:focus svg {
        color: var(--footer-link-color)
    }

    footer .container a:hover,
    footer .container-fluid a:hover {
        text-decoration: none;
        color: var(--footer-link-color-hover)
    }

    footer .container a:hover i,
    footer .container a:hover svg,
    footer .container-fluid a:hover i,
    footer .container-fluid a:hover svg {
        color: var(--footer-link-color-hover)
    }

    footer .container a:active,
    footer .container-fluid a:active {
        text-decoration: none;
        color: var(--footer-link-color-active)
    }

    footer .container a:active i,
    footer .container a:active svg,
    footer .container-fluid a:active i,
    footer .container-fluid a:active svg {
        color: var(--footer-link-color-active)
    }

    footer .container a:focus,
    footer .container-fluid a:focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    footer .container .footer-site-links,
    footer .container .footer-disclosure-links,
    footer .container-fluid .footer-site-links,
    footer .container-fluid .footer-disclosure-links {
        margin: 40px 0px 0px 0px;
        border-top: 1px solid var(--border-color)
    }

    footer .container .footer-site-links p,
    footer .container .footer-disclosure-links p,
    footer .container-fluid .footer-site-links p,
    footer .container-fluid .footer-disclosure-links p {
        margin: 20px 0px 5px 0px;
        font-weight: var(--fw-600)
    }

    footer .container .footer-site-links ul,
    footer .container .footer-site-links ol,
    footer .container .footer-disclosure-links ul,
    footer .container .footer-disclosure-links ol,
    footer .container-fluid .footer-site-links ul,
    footer .container-fluid .footer-site-links ol,
    footer .container-fluid .footer-disclosure-links ul,
    footer .container-fluid .footer-disclosure-links ol {
        margin: 0px;
        padding: 0px;
        list-style: none
    }

    footer .container .footer-site-links ul li,
    footer .container .footer-site-links ol li,
    footer .container .footer-disclosure-links ul li,
    footer .container .footer-disclosure-links ol li,
    footer .container-fluid .footer-site-links ul li,
    footer .container-fluid .footer-site-links ol li,
    footer .container-fluid .footer-disclosure-links ul li,
    footer .container-fluid .footer-disclosure-links ol li {
        margin: 0px;
        padding: 0px;
        line-height: 1.125rem
    }

    footer .container .footer-site-links a,
    footer .container .footer-site-links a:link,
    footer .container .footer-site-links a:hover,
    footer .container .footer-site-links a:visited,
    footer .container .footer-site-links a:active,
    footer .container .footer-site-links a:focus,
    footer .container .footer-disclosure-links a,
    footer .container .footer-disclosure-links a:link,
    footer .container .footer-disclosure-links a:hover,
    footer .container .footer-disclosure-links a:visited,
    footer .container .footer-disclosure-links a:active,
    footer .container .footer-disclosure-links a:focus,
    footer .container-fluid .footer-site-links a,
    footer .container-fluid .footer-site-links a:link,
    footer .container-fluid .footer-site-links a:hover,
    footer .container-fluid .footer-site-links a:visited,
    footer .container-fluid .footer-site-links a:active,
    footer .container-fluid .footer-site-links a:focus,
    footer .container-fluid .footer-disclosure-links a,
    footer .container-fluid .footer-disclosure-links a:link,
    footer .container-fluid .footer-disclosure-links a:hover,
    footer .container-fluid .footer-disclosure-links a:visited,
    footer .container-fluid .footer-disclosure-links a:active,
    footer .container-fluid .footer-disclosure-links a:focus {
        display: inline-block;
        padding: 3px 0px;
        text-decoration: none
    }

    footer .container .footer-site-links a i,
    footer .container .footer-site-links a svg,
    footer .container .footer-site-links a:link i,
    footer .container .footer-site-links a:link svg,
    footer .container .footer-site-links a:hover i,
    footer .container .footer-site-links a:hover svg,
    footer .container .footer-site-links a:visited i,
    footer .container .footer-site-links a:visited svg,
    footer .container .footer-site-links a:active i,
    footer .container .footer-site-links a:active svg,
    footer .container .footer-site-links a:focus i,
    footer .container .footer-site-links a:focus svg,
    footer .container .footer-disclosure-links a i,
    footer .container .footer-disclosure-links a svg,
    footer .container .footer-disclosure-links a:link i,
    footer .container .footer-disclosure-links a:link svg,
    footer .container .footer-disclosure-links a:hover i,
    footer .container .footer-disclosure-links a:hover svg,
    footer .container .footer-disclosure-links a:visited i,
    footer .container .footer-disclosure-links a:visited svg,
    footer .container .footer-disclosure-links a:active i,
    footer .container .footer-disclosure-links a:active svg,
    footer .container .footer-disclosure-links a:focus i,
    footer .container .footer-disclosure-links a:focus svg,
    footer .container-fluid .footer-site-links a i,
    footer .container-fluid .footer-site-links a svg,
    footer .container-fluid .footer-site-links a:link i,
    footer .container-fluid .footer-site-links a:link svg,
    footer .container-fluid .footer-site-links a:hover i,
    footer .container-fluid .footer-site-links a:hover svg,
    footer .container-fluid .footer-site-links a:visited i,
    footer .container-fluid .footer-site-links a:visited svg,
    footer .container-fluid .footer-site-links a:active i,
    footer .container-fluid .footer-site-links a:active svg,
    footer .container-fluid .footer-site-links a:focus i,
    footer .container-fluid .footer-site-links a:focus svg,
    footer .container-fluid .footer-disclosure-links a i,
    footer .container-fluid .footer-disclosure-links a svg,
    footer .container-fluid .footer-disclosure-links a:link i,
    footer .container-fluid .footer-disclosure-links a:link svg,
    footer .container-fluid .footer-disclosure-links a:hover i,
    footer .container-fluid .footer-disclosure-links a:hover svg,
    footer .container-fluid .footer-disclosure-links a:visited i,
    footer .container-fluid .footer-disclosure-links a:visited svg,
    footer .container-fluid .footer-disclosure-links a:active i,
    footer .container-fluid .footer-disclosure-links a:active svg,
    footer .container-fluid .footer-disclosure-links a:focus i,
    footer .container-fluid .footer-disclosure-links a:focus svg {
        margin: 0px;
        margin-right: 5px;
        width: 15px
    }

    footer .container .footer-site-links a img,
    footer .container .footer-site-links a:link img,
    footer .container .footer-site-links a:hover img,
    footer .container .footer-site-links a:visited img,
    footer .container .footer-site-links a:active img,
    footer .container .footer-site-links a:focus img,
    footer .container-fluid .footer-site-links a img,
    footer .container-fluid .footer-site-links a:link img,
    footer .container-fluid .footer-site-links a:hover img,
    footer .container-fluid .footer-site-links a:visited img,
    footer .container-fluid .footer-site-links a:active img,
    footer .container-fluid .footer-site-links a:focus img {
        margin: 0px;
        margin-right: 5px;
        max-width: 28px
    }

    footer .container .footer-disclosure-links,
    footer .container-fluid .footer-disclosure-links {
        margin: 40px 0px 0px 0px;
        padding: 10px 0px;
        border-top: 1px solid var(--border-color);
        border-bottom: 1px solid var(--border-color)
    }

    footer .container .footer-disclosure-links ul,
    footer .container-fluid .footer-disclosure-links ul {
        text-align: center
    }

    footer .container .footer-disclosure-links ul li,
    footer .container-fluid .footer-disclosure-links ul li {
        display: inline-block;
        margin: 0px;
        padding: 0px
    }

    footer .container .footer-disclosure-links ul li::after,
    footer .container-fluid .footer-disclosure-links ul li::after {
        margin: 0px 6px;
        margin-left: 10px;
        content: "|"
    }

    footer .container .footer-disclosure-links ul li:last-child::after,
    footer .container-fluid .footer-disclosure-links ul li:last-child::after {
        content: ""
    }

    footer .container .footer-disclosure-links ul li a,
    footer .container .footer-disclosure-links ul li a:link,
    footer .container .footer-disclosure-links ul li a:hover,
    footer .container .footer-disclosure-links ul li a:visited,
    footer .container .footer-disclosure-links ul li a:active,
    footer .container .footer-disclosure-links ul li a:focus,
    footer .container-fluid .footer-disclosure-links ul li a,
    footer .container-fluid .footer-disclosure-links ul li a:link,
    footer .container-fluid .footer-disclosure-links ul li a:hover,
    footer .container-fluid .footer-disclosure-links ul li a:visited,
    footer .container-fluid .footer-disclosure-links ul li a:active,
    footer .container-fluid .footer-disclosure-links ul li a:focus {
        text-decoration: none
    }

    footer .container .footer-entities,
    footer .container-fluid .footer-entities {
        margin: 0px;
        padding: 20px 0px
    }

    footer .container .footer-entities .footer-entity,
    footer .container-fluid .footer-entities .footer-entity {
        text-align: center
    }

    footer .container .footer-entities .footer-entity p,
    footer .container-fluid .footer-entities .footer-entity p {
        text-align: center
    }

    footer .container .footer-entities .footer-entity p a,
    footer .container .footer-entities .footer-entity p a:link,
    footer .container .footer-entities .footer-entity p a:hover,
    footer .container .footer-entities .footer-entity p a:visited,
    footer .container .footer-entities .footer-entity p a:active,
    footer .container .footer-entities .footer-entity p a:focus,
    footer .container-fluid .footer-entities .footer-entity p a,
    footer .container-fluid .footer-entities .footer-entity p a:link,
    footer .container-fluid .footer-entities .footer-entity p a:hover,
    footer .container-fluid .footer-entities .footer-entity p a:visited,
    footer .container-fluid .footer-entities .footer-entity p a:active,
    footer .container-fluid .footer-entities .footer-entity p a:focus {
        text-decoration: underline
    }

    footer .container .footer-entities .footer-entity p.entity-name,
    footer .container-fluid .footer-entities .footer-entity p.entity-name {
        margin: 30px 0px 5px 0px;
        font-weight: var(--fw-600);
        font-size: .875rem;
        text-align: center
    }

    footer .container .footer-entities .footer-entity p.entity-name a,
    footer .container .footer-entities .footer-entity p.entity-name a:link,
    footer .container .footer-entities .footer-entity p.entity-name a:hover,
    footer .container .footer-entities .footer-entity p.entity-name a:visited,
    footer .container .footer-entities .footer-entity p.entity-name a:active,
    footer .container .footer-entities .footer-entity p.entity-name a:focus,
    footer .container-fluid .footer-entities .footer-entity p.entity-name a,
    footer .container-fluid .footer-entities .footer-entity p.entity-name a:link,
    footer .container-fluid .footer-entities .footer-entity p.entity-name a:hover,
    footer .container-fluid .footer-entities .footer-entity p.entity-name a:visited,
    footer .container-fluid .footer-entities .footer-entity p.entity-name a:active,
    footer .container-fluid .footer-entities .footer-entity p.entity-name a:focus {
        font-weight: var(--fw-600);
        text-decoration: none
    }

    footer .container .footer-entities .footer-entity p.footer-entities-link,
    footer .container-fluid .footer-entities .footer-entity p.footer-entities-link {
        margin: 40px 0px 0px 0px
    }

    footer .container .footer-entities .footer-entity p.footer-entities-link a,
    footer .container .footer-entities .footer-entity p.footer-entities-link a:link,
    footer .container .footer-entities .footer-entity p.footer-entities-link a:hover,
    footer .container .footer-entities .footer-entity p.footer-entities-link a:visited,
    footer .container .footer-entities .footer-entity p.footer-entities-link a:active,
    footer .container .footer-entities .footer-entity p.footer-entities-link a:focus,
    footer .container-fluid .footer-entities .footer-entity p.footer-entities-link a,
    footer .container-fluid .footer-entities .footer-entity p.footer-entities-link a:link,
    footer .container-fluid .footer-entities .footer-entity p.footer-entities-link a:hover,
    footer .container-fluid .footer-entities .footer-entity p.footer-entities-link a:visited,
    footer .container-fluid .footer-entities .footer-entity p.footer-entities-link a:active,
    footer .container-fluid .footer-entities .footer-entity p.footer-entities-link a:focus {
        font-weight: var(--fw-600);
        font-size: .875rem;
        text-decoration: none;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    footer .container .footer-entities .footer-entity p.footer-entities-link a::before,
    footer .container .footer-entities .footer-entity p.footer-entities-link a:link::before,
    footer .container .footer-entities .footer-entity p.footer-entities-link a:hover::before,
    footer .container .footer-entities .footer-entity p.footer-entities-link a:visited::before,
    footer .container .footer-entities .footer-entity p.footer-entities-link a:active::before,
    footer .container .footer-entities .footer-entity p.footer-entities-link a:focus::before,
    footer .container-fluid .footer-entities .footer-entity p.footer-entities-link a::before,
    footer .container-fluid .footer-entities .footer-entity p.footer-entities-link a:link::before,
    footer .container-fluid .footer-entities .footer-entity p.footer-entities-link a:hover::before,
    footer .container-fluid .footer-entities .footer-entity p.footer-entities-link a:visited::before,
    footer .container-fluid .footer-entities .footer-entity p.footer-entities-link a:active::before,
    footer .container-fluid .footer-entities .footer-entity p.footer-entities-link a:focus::before {
        margin: 0px;
        margin-right: 8px;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        font-weight: unset;
        color: var(--footer-link-color);
        content: ""
    }

    footer .container .footer-entities .footer-entity p.footer-entities-link a.collapsed::before,
    footer .container .footer-entities .footer-entity p.footer-entities-link a:link.collapsed::before,
    footer .container .footer-entities .footer-entity p.footer-entities-link a:hover.collapsed::before,
    footer .container .footer-entities .footer-entity p.footer-entities-link a:visited.collapsed::before,
    footer .container .footer-entities .footer-entity p.footer-entities-link a:active.collapsed::before,
    footer .container .footer-entities .footer-entity p.footer-entities-link a:focus.collapsed::before,
    footer .container-fluid .footer-entities .footer-entity p.footer-entities-link a.collapsed::before,
    footer .container-fluid .footer-entities .footer-entity p.footer-entities-link a:link.collapsed::before,
    footer .container-fluid .footer-entities .footer-entity p.footer-entities-link a:hover.collapsed::before,
    footer .container-fluid .footer-entities .footer-entity p.footer-entities-link a:visited.collapsed::before,
    footer .container-fluid .footer-entities .footer-entity p.footer-entities-link a:active.collapsed::before,
    footer .container-fluid .footer-entities .footer-entity p.footer-entities-link a:focus.collapsed::before {
        color: var(--footer-link-color);
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: var(--fa-chevron-start)
    }

    footer .container .footer-entities .footer-entity p.footer-entities-link a:hover.collapsed,
    footer .container-fluid .footer-entities .footer-entity p.footer-entities-link a:hover.collapsed {
        color: var(--footer-link-color-hover)
    }

    footer .container .footer-entities .footer-entity p.footer-entities-link a:hover.collapsed::before,
    footer .container-fluid .footer-entities .footer-entity p.footer-entities-link a:hover.collapsed::before {
        color: var(--footer-link-color-hover)
    }

    footer .container .footer-entities .footer-entity p.footer-entities-link a:hover::before,
    footer .container-fluid .footer-entities .footer-entity p.footer-entities-link a:hover::before {
        color: var(--footer-link-color-hover)
    }

    footer .container .footer-entities .footer-entity p.footer-entities-link a:active.collapsed,
    footer .container-fluid .footer-entities .footer-entity p.footer-entities-link a:active.collapsed {
        color: var(--footer-link-color-active)
    }

    footer .container .footer-entities .footer-entity p.footer-entities-link a:active.collapsed::before,
    footer .container-fluid .footer-entities .footer-entity p.footer-entities-link a:active.collapsed::before {
        color: var(--footer-link-color-active)
    }

    footer .container .footer-entities .footer-entity p.footer-entities-link a:active::before,
    footer .container-fluid .footer-entities .footer-entity p.footer-entities-link a:active::before {
        color: var(--footer-link-color-active)
    }

    footer .container .footer-entities .footer-entities-list,
    footer .container-fluid .footer-entities .footer-entities-list {
        margin: 20px 0px 0px 0px;
        padding: 0px;
        border-top: 1px solid var(--border-color)
    }

    footer .container .footer-entities .footer-entities-list p a,
    footer .container .footer-entities .footer-entities-list p a:link,
    footer .container .footer-entities .footer-entities-list p a:hover,
    footer .container .footer-entities .footer-entities-list p a:visited,
    footer .container .footer-entities .footer-entities-list p a:active,
    footer .container .footer-entities .footer-entities-list p a:focus,
    footer .container-fluid .footer-entities .footer-entities-list p a,
    footer .container-fluid .footer-entities .footer-entities-list p a:link,
    footer .container-fluid .footer-entities .footer-entities-list p a:hover,
    footer .container-fluid .footer-entities .footer-entities-list p a:visited,
    footer .container-fluid .footer-entities .footer-entities-list p a:active,
    footer .container-fluid .footer-entities .footer-entities-list p a:focus {
        text-decoration: underline
    }

    footer .container .footer-entities .footer-entities-list p.entity-name,
    footer .container-fluid .footer-entities .footer-entities-list p.entity-name {
        margin: 30px 0px 5px 0px;
        font-weight: var(--fw-600);
        font-size: .875rem
    }

    footer .container .footer-entities .footer-entities-list p.entity-name a,
    footer .container .footer-entities .footer-entities-list p.entity-name a:link,
    footer .container .footer-entities .footer-entities-list p.entity-name a:hover,
    footer .container .footer-entities .footer-entities-list p.entity-name a:visited,
    footer .container .footer-entities .footer-entities-list p.entity-name a:active,
    footer .container .footer-entities .footer-entities-list p.entity-name a:focus,
    footer .container-fluid .footer-entities .footer-entities-list p.entity-name a,
    footer .container-fluid .footer-entities .footer-entities-list p.entity-name a:link,
    footer .container-fluid .footer-entities .footer-entities-list p.entity-name a:hover,
    footer .container-fluid .footer-entities .footer-entities-list p.entity-name a:visited,
    footer .container-fluid .footer-entities .footer-entities-list p.entity-name a:active,
    footer .container-fluid .footer-entities .footer-entities-list p.entity-name a:focus {
        text-decoration: none
    }
}

@media(max-width: 575.98px) {
    @layer components {

        footer .container .footer-disclosure-links ul,
        footer .container-fluid .footer-disclosure-links ul {
            text-align: var(--dir-start)
        }

        footer .container .footer-disclosure-links ul li,
        footer .container-fluid .footer-disclosure-links ul li {
            display: block
        }

        footer .container .footer-disclosure-links ul li::after,
        footer .container-fluid .footer-disclosure-links ul li::after {
            margin: 0px;
            content: ""
        }

        footer .container .footer-entities .footer-entity h6,
        footer .container-fluid .footer-entities .footer-entity h6 {
            text-align: var(--dir-start)
        }

        footer .container .footer-entities .footer-entity p,
        footer .container-fluid .footer-entities .footer-entity p {
            text-align: var(--dir-start)
        }
    }
}

@layer components {
    .ibkr-header {
        position: sticky;
        top: 0px;
        right: 0px;
        left: 0px;
        z-index: 1040
    }

    .ibkr-header .banner-region-selector {
        position: relative;
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: auto;
        background-color: var(--bg-body);
        border-bottom: 1px solid var(--border-color)
    }

    .ibkr-header .banner-region-selector .banner-content {
        position: relative;
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: auto;
        background-color: var(--bg-body)
    }

    .ibkr-header .banner-region-selector .banner-content .container,
    .ibkr-header .banner-region-selector .banner-content .container-fluid {
        padding: 20px;
        max-width: 1400px
    }

    .ibkr-header .banner-region-selector .banner-content .container button.btn,
    .ibkr-header .banner-region-selector .banner-content .container-fluid button.btn {
        padding: 8px 10px
    }

    .ibkr-header .banner-region-selector .banner-content .container a.btn-close,
    .ibkr-header .banner-region-selector .banner-content .container a:link.btn-close,
    .ibkr-header .banner-region-selector .banner-content .container a:visited.btn-close,
    .ibkr-header .banner-region-selector .banner-content .container a:hover.btn-close,
    .ibkr-header .banner-region-selector .banner-content .container a:active.btn-close,
    .ibkr-header .banner-region-selector .banner-content .container a:focus.btn-close,
    .ibkr-header .banner-region-selector .banner-content .container-fluid a.btn-close,
    .ibkr-header .banner-region-selector .banner-content .container-fluid a:link.btn-close,
    .ibkr-header .banner-region-selector .banner-content .container-fluid a:visited.btn-close,
    .ibkr-header .banner-region-selector .banner-content .container-fluid a:hover.btn-close,
    .ibkr-header .banner-region-selector .banner-content .container-fluid a:active.btn-close,
    .ibkr-header .banner-region-selector .banner-content .container-fluid a:focus.btn-close {
        font-size: 1.5rem;
        line-height: 1.5rem;
        color: var(--white-50);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .ibkr-header .banner-region-selector .banner-content .container a:hover.btn-close,
    .ibkr-header .banner-region-selector .banner-content .container-fluid a:hover.btn-close {
        color: var(--white)
    }

    .ibkr-header .navbar {
        position: relative;
        background-color: var(--nav-bottom-bg-color)
    }

    .ibkr-header .navbar.navbar-top {
        padding: 0px;
        background-color: var(--nav-top-bg-color);
        display: none !important;
    }

    .ibkr-header .navbar.navbar-top .container,
    .ibkr-header .navbar.navbar-top .container-fluid {
        padding: 0px 20px;
        max-width: 1400px
    }

    .ibkr-header .navbar.navbar-top .container .navbar-nav,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav {
        margin: 0px;
        padding: 0px
    }

    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item {
        margin: 0px 2px;
        padding: 0px
    }

    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:link,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:hover,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:visited,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:active,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:focus,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:link,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:hover,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:visited,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:active,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:focus {
        cursor: pointer
    }

    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a.nav-link,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:link.nav-link,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:hover.nav-link,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:visited.nav-link,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:active.nav-link,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:focus.nav-link,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a.nav-link,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:link.nav-link,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:hover.nav-link,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:visited.nav-link,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:active.nav-link,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:focus.nav-link {
        padding: 8px 8px;
        font-weight: var(--fw-400);
        font-size: .9375rem;
        line-height: 1.125rem;
        text-align: center;
        color: var(--nav-top-link-color);
        background-color: var(--nav-top-link-bg-color);
        border: none;
        border-radius: var(--border-radius)
    }

    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a.nav-link.nav-language span,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:link.nav-link.nav-language span,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:hover.nav-link.nav-language span,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:visited.nav-link.nav-language span,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:active.nav-link.nav-language span,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:focus.nav-link.nav-language span,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a.nav-link.nav-language span,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:link.nav-link.nav-language span,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:hover.nav-link.nav-language span,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:visited.nav-link.nav-language span,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:active.nav-link.nav-language span,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:focus.nav-link.nav-language span {
        display: none !important
    }

    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a.nav-link.nav-language img,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:link.nav-link.nav-language img,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:hover.nav-link.nav-language img,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:visited.nav-link.nav-language img,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:active.nav-link.nav-language img,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:focus.nav-link.nav-language img,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a.nav-link.nav-language img,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:link.nav-link.nav-language img,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:hover.nav-link.nav-language img,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:visited.nav-link.nav-language img,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:active.nav-link.nav-language img,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:focus.nav-link.nav-language img {
        margin: 0px 0px -4px 0px;
        margin-right: 4px;
        width: 22px
    }

    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a.nav-link.active,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:link.nav-link.active,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:hover.nav-link.active,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:visited.nav-link.active,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:active.nav-link.active,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:focus.nav-link.active,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a.nav-link.active,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:link.nav-link.active,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:hover.nav-link.active,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:visited.nav-link.active,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:active.nav-link.active,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:focus.nav-link.active {
        padding: 8px 8px 5px 8px;
        color: var(--nav-top-link-color-active) !important;
        border-bottom: 3px solid var(--primary);
        border-radius: var(--border-radius)
    }

    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a.nav-link.nav-region img,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:link.nav-link.nav-region img,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:hover.nav-link.nav-region img,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:visited.nav-link.nav-region img,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:active.nav-link.nav-region img,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:focus.nav-link.nav-region img,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a.nav-link.nav-region img,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:link.nav-link.nav-region img,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:hover.nav-link.nav-region img,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:visited.nav-link.nav-region img,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:active.nav-link.nav-region img,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:focus.nav-link.nav-region img {
        margin: -6px 0px -4px 0px;
        width: 30px;
        height: 30px
    }

    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:hover.nav-link,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:hover.nav-link {
        color: var(--nav-top-link-color-hover);
        background-color: var(--nav-top-link-bg-color-hover);
        border-color: rgba(0, 0, 0, 0)
    }

    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item a:focus.nav-link,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item a:focus.nav-link {
        color: var(--nav-top-link-color-active);
        background-color: var(--nav-top-link-bg-color-active);
        border-color: rgba(0, 0, 0, 0);
        outline: none !important;
        box-shadow: none !important
    }

    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu {
        margin: 0px;
        padding: 10px 0px;
        min-width: 280px;
        background-color: var(--nav-top-dropdown-bg-color);
        border: 0px solid var(--nav-top-dropdown-bg-color);
        border-radius: var(--border-radius);
        box-shadow: 0px 1px 5px var(--shadow-color);
        overflow: initial
    }

    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu::after,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu::after {
        display: inline-block;
        position: absolute;
        top: -6px;
        left: 28px;
        right: auto;
        border-left: 6px solid rgba(0, 0, 0, 0);
        border-right: 6px solid rgba(0, 0, 0, 0);
        border-bottom: 6px solid var(--white);
        content: ""
    }

    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu.dropdown-inst-accounts,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-inst-accounts {
        margin: 0px;
        padding: 10px 0px
    }

    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu.dropdown-about-us,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu.dropdown-contact-us,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu.dropdown-theme,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu.dropdown-language,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-about-us,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-contact-us,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-theme,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-language {
        left: auto;
        right: 0px
    }

    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu.dropdown-about-us::after,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu.dropdown-contact-us::after,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu.dropdown-theme::after,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu.dropdown-language::after,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-about-us::after,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-contact-us::after,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-theme::after,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-language::after {
        left: auto;
        right: 28px
    }

    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu.dropdown-theme,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-theme {
        right: -6px;
        min-width: 170px
    }

    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu.dropdown-theme a.dropdown-item span.fa-icon,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu.dropdown-theme a:link.dropdown-item span.fa-icon,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu.dropdown-theme a:hover.dropdown-item span.fa-icon,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu.dropdown-theme a:visited.dropdown-item span.fa-icon,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu.dropdown-theme a:active.dropdown-item span.fa-icon,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu.dropdown-theme a:focus.dropdown-item span.fa-icon,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-theme a.dropdown-item span.fa-icon,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-theme a:link.dropdown-item span.fa-icon,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-theme a:hover.dropdown-item span.fa-icon,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-theme a:visited.dropdown-item span.fa-icon,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-theme a:active.dropdown-item span.fa-icon,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-theme a:focus.dropdown-item span.fa-icon {
        margin: 0px;
        margin-right: 10px;
        width: 24px;
        text-align: center
    }

    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu.dropdown-theme a.dropdown-item::after,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu.dropdown-theme a:link.dropdown-item::after,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu.dropdown-theme a:hover.dropdown-item::after,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu.dropdown-theme a:visited.dropdown-item::after,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu.dropdown-theme a:active.dropdown-item::after,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu.dropdown-theme a:focus.dropdown-item::after,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-theme a.dropdown-item::after,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-theme a:link.dropdown-item::after,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-theme a:hover.dropdown-item::after,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-theme a:visited.dropdown-item::after,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-theme a:active.dropdown-item::after,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-theme a:focus.dropdown-item::after {
        content: ""
    }

    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu.dropdown-language,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-language {
        min-width: 160px
    }

    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu p,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu p {
        margin: 0px;
        padding: 10px 20px 5px 20px;
        font-weight: var(--fw-400);
        font-size: .875rem;
        line-height: 1.125rem;
        color: var(--primary)
    }

    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a.dropdown-item,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu button.dropdown-item,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a.dropdown-item,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu button.dropdown-item {
        display: flex;
        align-items: center;
        padding: 5px 20px;
        padding-right: 30px;
        font-weight: var(--fw-400);
        font-size: .875rem;
        line-height: 1.125rem;
        text-align: var(--dir-start);
        white-space: initial;
        color: var(--nav-top-dropdown-link-color);
        background-color: var(--nav-top-dropdown-link-bg-color);
        border-radius: 0px;
        cursor: pointer
    }

    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a.dropdown-item.active,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.active,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.active,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.active,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.active,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.active,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu button.dropdown-item.active,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a.dropdown-item.active,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.active,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.active,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.active,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.active,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.active,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu button.dropdown-item.active {
        color: var(--nav-top-dropdown-link-color-active);
        background-color: var(--nav-top-dropdown-link-bg-color-active);
        cursor: default
    }

    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a.dropdown-item.active::after,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.active::after,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.active::after,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.active::after,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.active::after,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.active::after,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu button.dropdown-item.active::after,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a.dropdown-item.active::after,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.active::after,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.active::after,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.active::after,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.active::after,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.active::after,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu button.dropdown-item.active::after {
        color: var(--nav-top-dropdown-link-color-active)
    }

    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a.dropdown-item.indent-1x,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.indent-1x,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.indent-1x,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.indent-1x,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.indent-1x,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.indent-1x,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu button.dropdown-item.indent-1x,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a.dropdown-item.indent-1x,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.indent-1x,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.indent-1x,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.indent-1x,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.indent-1x,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.indent-1x,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu button.dropdown-item.indent-1x {
        padding-left: 30px !important
    }

    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a.dropdown-item i,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a.dropdown-item svg,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item i,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item svg,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item i,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item svg,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item i,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item svg,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item i,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item svg,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item i,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item svg,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu button.dropdown-item i,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu button.dropdown-item svg,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a.dropdown-item i,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a.dropdown-item svg,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item i,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item svg,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item i,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item svg,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item i,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item svg,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item i,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item svg,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item i,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item svg,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu button.dropdown-item i,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu button.dropdown-item svg {
        margin-right: 10px;
        width: 20px;
        text-align: center
    }

    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu button:hover.dropdown-item,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu button:hover.dropdown-item {
        color: var(--nav-top-dropdown-link-color-hover);
        background-color: var(--nav-top-dropdown-link-bg-color-hover);
        cursor: pointer
    }

    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item::after,
    .ibkr-header .navbar.navbar-top .container .navbar-nav .nav-item .dropdown-menu button:hover.dropdown-item::after,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item::after,
    .ibkr-header .navbar.navbar-top .container-fluid .navbar-nav .nav-item .dropdown-menu button:hover.dropdown-item::after {
        color: var(--nav-top-dropdown-link-color-hover)
    }

    .ibkr-header .navbar.navbar-bottom {
        position: relative;
        padding: 0px;
        background-color: var(--nav-bottom-bg-color);
        box-shadow: var(--box-shadow)
    }

    .ibkr-header .navbar.navbar-bottom .container,
    .ibkr-header .navbar.navbar-bottom .container-fluid {
        padding: 15px 20px;
        max-width: 1400px
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-brand.brand-logo,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-brand.brand-logo {
        display: var(--brand-logo-display);
        margin: -10px 0px 0px 0px;
        margin-left: 2px;
        width: var(--brand-logo-width);
        height: var(--brand-logo-height);
        background: rgba(0, 0, 0, 0) var(--brand-logo-image) var(--brand-logo-repeat) var(--brand-logo-position);
        background-size: var(--brand-logo-size)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-brand.brand-logo span,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-brand.brand-logo span {
        display: none !important;
        color: rgba(0, 0, 0, 0)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-brand.brand-logo:focus,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-brand.brand-logo:focus {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-toggler,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-toggler {
        float: var(--dir-end);
        margin: 0px;
        margin-left: 8px;
        padding: 0px;
        width: 48px;
        height: 34px;
        font-size: 1.25rem;
        line-height: 1;
        color: initial;
        background-color: rgba(0, 0, 0, 0);
        border: none;
        border-radius: var(--border-radius)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-toggler .navbar-toggler-icon,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-toggler .navbar-toggler-icon {
        display: inline-block;
        width: 32px;
        height: 32px;
        font-size: 2rem;
        line-height: 2rem;
        color: var(--font-color);
        background-color: rgba(0, 0, 0, 0);
        background-image: none;
        vertical-align: middle
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-toggler:hover,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-toggler:hover {
        background-color: var(--bg-body);
        border-color: var(--black);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-toggler:hover .navbar-toggler-icon,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-toggler:hover .navbar-toggler-icon {
        color: var(--font-color-dark)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-toggler:focus,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: none
    }

    .ibkr-header .navbar.navbar-bottom .container a.btn.btn-open-account,
    .ibkr-header .navbar.navbar-bottom .container a.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container a:link.btn.btn-open-account,
    .ibkr-header .navbar.navbar-bottom .container a:link.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container a:hover.btn.btn-open-account,
    .ibkr-header .navbar.navbar-bottom .container a:hover.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container a:visited.btn.btn-open-account,
    .ibkr-header .navbar.navbar-bottom .container a:visited.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container a:active.btn.btn-open-account,
    .ibkr-header .navbar.navbar-bottom .container a:active.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container a:focus.btn.btn-open-account,
    .ibkr-header .navbar.navbar-bottom .container a:focus.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container button.btn.btn-open-account,
    .ibkr-header .navbar.navbar-bottom .container button.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container-fluid a.btn.btn-open-account,
    .ibkr-header .navbar.navbar-bottom .container-fluid a.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container-fluid a:link.btn.btn-open-account,
    .ibkr-header .navbar.navbar-bottom .container-fluid a:link.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container-fluid a:hover.btn.btn-open-account,
    .ibkr-header .navbar.navbar-bottom .container-fluid a:hover.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container-fluid a:visited.btn.btn-open-account,
    .ibkr-header .navbar.navbar-bottom .container-fluid a:visited.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container-fluid a:active.btn.btn-open-account,
    .ibkr-header .navbar.navbar-bottom .container-fluid a:active.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container-fluid a:focus.btn.btn-open-account,
    .ibkr-header .navbar.navbar-bottom .container-fluid a:focus.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container-fluid button.btn.btn-open-account,
    .ibkr-header .navbar.navbar-bottom .container-fluid button.btn.btn-log-in {
        float: var(--dir-end);
        margin: 0px 4px;
        padding: 6px 10px;
        width: auto !important;
        height: auto;
        font-weight: var(--fw-400);
        font-size: .875rem;
        line-height: 1.25rem;
        text-align: center;
        color: var(--nav-bottom-bg-color);
        background-color: var(--primary);
        border-color: var(--primary);
        border-radius: var(--border-radius)
    }

    .ibkr-header .navbar.navbar-bottom .container a.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container a:link.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container a:hover.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container a:visited.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container a:active.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container a:focus.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container button.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container-fluid a.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container-fluid a:link.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container-fluid a:hover.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container-fluid a:visited.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container-fluid a:active.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container-fluid a:focus.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container-fluid button.btn.btn-log-in {
        color: var(--primary);
        background-color: var(--nav-bottom-bg-color);
        border-color: var(--primary)
    }

    .ibkr-header .navbar.navbar-bottom .container a:hover.btn.btn-open-account,
    .ibkr-header .navbar.navbar-bottom .container a:hover.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container button:hover.btn.btn-open-account,
    .ibkr-header .navbar.navbar-bottom .container button:hover.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container-fluid a:hover.btn.btn-open-account,
    .ibkr-header .navbar.navbar-bottom .container-fluid a:hover.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container-fluid button:hover.btn.btn-open-account,
    .ibkr-header .navbar.navbar-bottom .container-fluid button:hover.btn.btn-log-in {
        color: var(--nav-bottom-bg-color);
        background-color: var(--primary-dark-20);
        border-color: var(--primary-dark-20)
    }

    .ibkr-header .navbar.navbar-bottom .container a:hover.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container button:hover.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container-fluid a:hover.btn.btn-log-in,
    .ibkr-header .navbar.navbar-bottom .container-fluid button:hover.btn.btn-log-in {
        color: var(--primary-dark-20);
        background-color: var(--nav-bottom-bg-color);
        border-color: var(--primary-dark-20)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav {
        margin: 0px;
        padding: 0px
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item {
        margin: 0px 4px;
        padding: 0px
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:link,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:hover,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:visited,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:active,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:focus,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item button,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:link,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:hover,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:visited,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:active,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:focus,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item button {
        text-decoration: none;
        cursor: pointer
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a.nav-link,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:link.nav-link,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:hover.nav-link,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:visited.nav-link,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:active.nav-link,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:focus.nav-link,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item button.nav-link,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a.nav-link,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:link.nav-link,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:hover.nav-link,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:visited.nav-link,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:active.nav-link,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:focus.nav-link,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item button.nav-link {
        padding: 22px 8px;
        font-weight: var(--fw-400);
        font-size: 1rem;
        line-height: 1.125rem;
        text-align: center;
        color: var(--nav-bottom-link-color);
        background-color: var(--nav-bottom-link-bg-color);
        border: 1px solid rgba(0, 0, 0, 0);
        border-radius: var(--border-radius)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a.nav-link.nav-search,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:link.nav-link.nav-search,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:hover.nav-link.nav-search,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:visited.nav-link.nav-search,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:active.nav-link.nav-search,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:focus.nav-link.nav-search,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item button.nav-link.nav-search,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a.nav-link.nav-search,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:link.nav-link.nav-search,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:hover.nav-link.nav-search,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:visited.nav-link.nav-search,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:active.nav-link.nav-search,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:focus.nav-link.nav-search,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item button.nav-link.nav-search {
        padding: 8px 8px 4px 8px;
        color: var(--nav-bottom-link-color)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a.nav-link.nav-search span,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:link.nav-link.nav-search span,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:hover.nav-link.nav-search span,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:visited.nav-link.nav-search span,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:active.nav-link.nav-search span,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:focus.nav-link.nav-search span,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item button.nav-link.nav-search span,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a.nav-link.nav-search span,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:link.nav-link.nav-search span,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:hover.nav-link.nav-search span,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:visited.nav-link.nav-search span,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:active.nav-link.nav-search span,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:focus.nav-link.nav-search span,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item button.nav-link.nav-search span {
        display: none !important
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a.nav-link.nav-search i,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a.nav-link.nav-search svg,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:link.nav-link.nav-search i,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:link.nav-link.nav-search svg,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:hover.nav-link.nav-search i,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:hover.nav-link.nav-search svg,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:visited.nav-link.nav-search i,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:visited.nav-link.nav-search svg,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:active.nav-link.nav-search i,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:active.nav-link.nav-search svg,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:focus.nav-link.nav-search i,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:focus.nav-link.nav-search svg,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item button.nav-link.nav-search i,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item button.nav-link.nav-search svg,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a.nav-link.nav-search i,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a.nav-link.nav-search svg,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:link.nav-link.nav-search i,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:link.nav-link.nav-search svg,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:hover.nav-link.nav-search i,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:hover.nav-link.nav-search svg,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:visited.nav-link.nav-search i,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:visited.nav-link.nav-search svg,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:active.nav-link.nav-search i,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:active.nav-link.nav-search svg,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:focus.nav-link.nav-search i,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:focus.nav-link.nav-search svg,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item button.nav-link.nav-search i,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item button.nav-link.nav-search svg {
        margin: 0px auto;
        font-size: 1.25rem
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a.nav-link.nav-login,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:link.nav-link.nav-login,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:hover.nav-link.nav-login,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:visited.nav-link.nav-login,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:active.nav-link.nav-login,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:focus.nav-link.nav-login,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item button.nav-link.nav-login,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a.nav-link.nav-login,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:link.nav-link.nav-login,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:hover.nav-link.nav-login,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:visited.nav-link.nav-login,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:active.nav-link.nav-login,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:focus.nav-link.nav-login,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item button.nav-link.nav-login {
        padding: 8px 16px;
        color: var(--primary);
        background-color: var(--nav-bottom-bg-color);
        border-color: var(--primary)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a.nav-link.nav-open-account,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:link.nav-link.nav-open-account,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:hover.nav-link.nav-open-account,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:visited.nav-link.nav-open-account,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:active.nav-link.nav-open-account,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:focus.nav-link.nav-open-account,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item button.nav-link.nav-open-account,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a.nav-link.nav-open-account,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:link.nav-link.nav-open-account,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:hover.nav-link.nav-open-account,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:visited.nav-link.nav-open-account,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:active.nav-link.nav-open-account,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:focus.nav-link.nav-open-account,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item button.nav-link.nav-open-account {
        padding: 8px 16px;
        color: var(--nav-bottom-bg-color);
        background-color: var(--primary);
        border-color: var(--primary)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a.nav-link.nav-region-mobile img,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:link.nav-link.nav-region-mobile img,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:hover.nav-link.nav-region-mobile img,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:visited.nav-link.nav-region-mobile img,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:active.nav-link.nav-region-mobile img,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:focus.nav-link.nav-region-mobile img,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item button.nav-link.nav-region-mobile img,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a.nav-link.nav-region-mobile img,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:link.nav-link.nav-region-mobile img,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:hover.nav-link.nav-region-mobile img,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:visited.nav-link.nav-region-mobile img,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:active.nav-link.nav-region-mobile img,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:focus.nav-link.nav-region-mobile img,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item button.nav-link.nav-region-mobile img {
        margin: 0px;
        width: 24px;
        height: 24px
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a.nav-link.dropdown-toggle::after,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:link.nav-link.dropdown-toggle::after,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:hover.nav-link.dropdown-toggle::after,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:visited.nav-link.dropdown-toggle::after,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:active.nav-link.dropdown-toggle::after,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:focus.nav-link.dropdown-toggle::after,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item button.nav-link.dropdown-toggle::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a.nav-link.dropdown-toggle::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:link.nav-link.dropdown-toggle::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:hover.nav-link.dropdown-toggle::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:visited.nav-link.dropdown-toggle::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:active.nav-link.dropdown-toggle::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:focus.nav-link.dropdown-toggle::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item button.nav-link.dropdown-toggle::after {
        display: none
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a.nav-link.active,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:link.nav-link.active,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:hover.nav-link.active,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:visited.nav-link.active,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:active.nav-link.active,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:focus.nav-link.active,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item button.nav-link.active,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a.nav-link.active,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:link.nav-link.active,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:hover.nav-link.active,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:visited.nav-link.active,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:active.nav-link.active,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:focus.nav-link.active,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item button.nav-link.active {
        color: var(--primary)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:hover.nav-link,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item button:hover.nav-link,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:hover.nav-link,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item button:hover.nav-link {
        color: var(--nav-bottom-link-color-hover);
        background-color: var(--nav-bottom-link-bg-color-hover);
        border-color: rgba(0, 0, 0, 0)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:hover.nav-link.nav-search,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item button:hover.nav-link.nav-search,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:hover.nav-link.nav-search,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item button:hover.nav-link.nav-search {
        padding: 8px 8px 4px 8px;
        color: var(--nav-bottom-link-color)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:hover.nav-link.nav-search i,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:hover.nav-link.nav-search svg,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item button:hover.nav-link.nav-search i,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item button:hover.nav-link.nav-search svg,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:hover.nav-link.nav-search i,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:hover.nav-link.nav-search svg,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item button:hover.nav-link.nav-search i,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item button:hover.nav-link.nav-search svg {
        margin: 0px auto;
        font-size: 1.25rem
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:hover.nav-link.nav-login,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item button:hover.nav-link.nav-login,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:hover.nav-link.nav-login,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item button:hover.nav-link.nav-login {
        padding: 8px 16px;
        color: var(--primary-dark-20);
        background-color: var(--nav-bottom-bg-color);
        border: 1px solid var(--primary-dark-20)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:hover.nav-link.nav-open-account,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item button:hover.nav-link.nav-open-account,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:hover.nav-link.nav-open-account,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item button:hover.nav-link.nav-open-account {
        padding: 8px 16px;
        color: var(--nav-bottom-bg-color);
        background-color: var(--primary-dark-20);
        border: 1px solid var(--primary-dark-20)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:focus.nav-link,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item button:focus.nav-link,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:focus.nav-link,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item button:focus.nav-link {
        color: var(--nav-bottom-link-color-active);
        background-color: var(--nav-bottom-link-bg-color-active);
        border-color: rgba(0, 0, 0, 0);
        outline: none !important;
        box-shadow: none !important
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:focus.nav-link.nav-search,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item button:focus.nav-link.nav-search,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:focus.nav-link.nav-search,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item button:focus.nav-link.nav-search {
        padding: 8px 8px 4px 8px;
        color: var(--nav-bottom-link-color-active)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:focus.nav-link.nav-search i,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:focus.nav-link.nav-search svg,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item button:focus.nav-link.nav-search i,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item button:focus.nav-link.nav-search svg,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:focus.nav-link.nav-search i,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:focus.nav-link.nav-search svg,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item button:focus.nav-link.nav-search i,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item button:focus.nav-link.nav-search svg {
        margin: 0px auto;
        font-size: 1.25rem
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:focus.nav-link.nav-login,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item button:focus.nav-link.nav-login,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:focus.nav-link.nav-login,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item button:focus.nav-link.nav-login {
        padding: 8px 16px;
        color: var(--primary-dark-20);
        background-color: var(--nav-bottom-bg-color);
        border: 1px solid var(--primary-dark-20)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item a:focus.nav-link.nav-open-account,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item button:focus.nav-link.nav-open-account,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item a:focus.nav-link.nav-open-account,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item button:focus.nav-link.nav-open-account {
        padding: 8px 16px;
        color: var(--nav-bottom-bg-color);
        background-color: var(--primary-dark-20);
        border: 1px solid var(--primary-dark-20)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu {
        right: auto;
        left: 50%;
        margin: 0px;
        margin-left: -555px;
        padding: 10px 0px;
        min-width: 280px;
        height: auto;
        background-color: var(--nav-bottom-dropdown-bg-color);
        border: 0px solid var(--nav-bottom-dropdown-bg-color);
        border-top: 3px solid var(--primary);
        border-radius: var(--border-radius);
        box-shadow: 0px 1px 5px var(--shadow-color);
        overflow: initial
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu::after {
        display: inline-block;
        position: absolute;
        top: -13px;
        left: 50%;
        right: auto;
        margin: 0px;
        margin-left: -10px;
        border-left: 10px solid rgba(0, 0, 0, 0);
        border-right: 10px solid rgba(0, 0, 0, 0);
        border-bottom: 10px solid var(--primary);
        content: ""
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-pricing,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-products,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-technology,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-education,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-account-structures,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-pricing,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-products,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-technology,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-education,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-account-structures {
        left: 50%;
        right: auto;
        margin: 0px;
        margin-left: -140px;
        padding: 10px 0px;
        height: auto
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search {
        right: -265px;
        left: auto;
        margin: 14px 0px 0px 0px;
        margin-left: -300px;
        padding: 20px;
        min-width: 600px;
        width: 600px
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search::after {
        left: 316px
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search_box,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search_box {
        margin: 0px;
        padding: 0px
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search_box .search_form,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search_box .search_form {
        display: flex;
        justify-content: center;
        margin: 0px;
        padding: 0px
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search_box .search_form input.form-control,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search_box .search_form input.form-control {
        display: block;
        width: 100%;
        height: 42px;
        border-radius: var(--border-radius)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search_box .search_form input.form-control:focus,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search_box .search_form input.form-control:focus {
        border-color: var(--black);
        box-shadow: none
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search_box .search_form button.searchsubmit,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search_box .search_form button.searchsubmit {
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: auto;
        right: 21px;
        margin: 1px 0px 0px 0px;
        padding: 10px 5px;
        width: 42px;
        height: 42px;
        font-size: 1.25rem;
        line-height: 1.5rem;
        color: var(--nav-bottom-dropdown-font-color-light);
        background-color: rgba(0, 0, 0, 0);
        border: none;
        box-shadow: none;
        outline: none;
        cursor: pointer
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search_box .search_form button.searchsubmit:hover,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search_box .search_form button.searchsubmit:hover {
        color: var(--primary);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search_box .search_form button.searchsubmit:focus,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search_box .search_form button.searchsubmit:focus {
        color: var(--primary)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search_box ul#saytlist,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search_box ul#saytlist {
        display: none;
        position: absolute;
        z-index: 1041;
        top: 63px;
        margin: 0px;
        padding: 20px 0px;
        width: 560px !important;
        background-color: var(--nav-bottom-dropdown-bg-color);
        border: none;
        box-shadow: 0px 1px 5px var(--shadow-color)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search_box ul#saytlist li,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search_box ul#saytlist li {
        margin: 0px;
        padding: 5px 15px;
        width: 100%;
        list-style-type: none;
        text-align: var(--dir-start);
        color: var(--nav-bottom-dropdown-link-color);
        background-color: var(--nav-bottom-dropdown-link-bg-color)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search_box ul#saytlist li::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search_box ul#saytlist li::after {
        position: absolute;
        right: 20px;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        font-size: .625rem;
        content: var(--fa-chevron-start);
        color: var(--nav-bottom-dropdown-link-color)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search_box ul#saytlist li:hover,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search_box ul#saytlist li:hover {
        color: var(--nav-bottom-dropdown-link-color-hover);
        background-color: var(--nav-bottom-dropdown-link-bg-color-hover);
        cursor: pointer
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search_box ul#saytlist li:hover::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search_box ul#saytlist li:hover::after {
        color: var(--nav-bottom-dropdown-link-color-hover)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search_box+.search-btns,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search_box+.search-btns {
        padding: 15px 0px 0px 0px
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options {
        margin-top: 10px
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options p,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options p {
        margin: 0px;
        padding: 0px;
        font-size: .75rem;
        color: var(--gray)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a:link,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a:visited,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a:hover,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a:active,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a:focus,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options button,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a:link,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a:visited,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a:hover,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a:active,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a:focus,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options button {
        width: auto
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a+a,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a+button,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a:link+a,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a:link+button,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a:visited+a,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a:visited+button,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a:hover+a,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a:hover+button,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a:active+a,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a:active+button,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a:focus+a,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a:focus+button,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options button+a,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options button+button,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a+a,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a+button,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a:link+a,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a:link+button,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a:visited+a,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a:visited+button,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a:hover+a,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a:hover+button,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a:active+a,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a:active+button,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a:focus+a,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options a:focus+button,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options button+a,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-options button+button {
        margin: 0px;
        margin-left: 5px
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns {
        margin: 0px;
        padding: 0px
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p {
        margin: 5px 0px 0px 0px !important;
        padding: 0px !important;
        font-size: .875rem !important;
        color: var(--nav-bottom-dropdown-font-color) !important
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p+p,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p+p {
        margin: 10px 0px 0px 0px !important
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p a.btn.btn-default,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p a:link.btn.btn-default,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p a:visited.btn.btn-default,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p a:hover.btn.btn-default,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p a:active.btn.btn-default,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p a:focus.btn.btn-default,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p button.btn.btn-default,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p a.btn.btn-default,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p a:link.btn.btn-default,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p a:visited.btn.btn-default,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p a:hover.btn.btn-default,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p a:active.btn.btn-default,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p a:focus.btn.btn-default,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p button.btn.btn-default {
        position: relative;
        margin: 2px 5px !important;
        padding: 5px 8px !important;
        padding-right: 20px !important;
        width: auto !important;
        text-align: var(--dir-start) !important;
        color: var(--primary) !important;
        background: var(--nav-bottom-dropdown-bg-color) !important;
        border-color: var(--primary) !important
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p a::after,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p a:link::after,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p a:visited::after,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p a:hover::after,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p a:active::after,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p a:focus::after,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p button::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p a::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p a:link::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p a:visited::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p a:hover::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p a:active::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p a:focus::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p button::after {
        position: absolute;
        right: 6px;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: "";
        color: var(--primary)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p a:hover.btn.btn-default,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p button:hover.btn.btn-default,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p a:hover.btn.btn-default,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p button:hover.btn.btn-default {
        color: var(--primary-dark-20) !important;
        background: var(--nav-bottom-dropdown-bg-color) !important;
        border-color: var(--primary-dark-20) !important
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p a:hover.btn.btn-default::after,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p button:hover.btn.btn-default::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p a:hover.btn.btn-default::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-search .search-btns p button:hover.btn.btn-default::after {
        color: var(--primary-dark-20)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-login,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-login {
        right: -100px;
        left: auto;
        margin: 14px 0px 0px 0px
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-login::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-login::after {
        left: 145px
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-open-account,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-open-account {
        right: -7px;
        left: auto;
        margin: 14px 0px 0px 0px
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-open-account::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-open-account::after {
        left: 206px
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-open-account .dropdown-bg,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-open-account .dropdown-bg {
        margin: 20px 0px -10px 0px;
        padding: 15px 0px;
        border-top: 1px solid var(--border-color);
        background-color: var(--gray-5)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-ir-resources,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-ir-resources {
        margin-left: -140px
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-ir-search,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-ir-search {
        right: 0px;
        left: auto;
        margin-left: 0px;
        min-width: 400px;
        width: 400px
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu.dropdown-ir-search::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu.dropdown-ir-search::after {
        left: 380px
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu p,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu p {
        margin: 0px;
        padding: 10px 20px 5px 20px;
        font-weight: var(--fw-400);
        font-size: .875rem;
        line-height: 1.125rem;
        color: var(--primary)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a.dropdown-item,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu button.dropdown-item,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a.dropdown-item,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu button.dropdown-item {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-content: center;
        align-items: center;
        justify-content: flex-start;
        padding: 5px 20px;
        padding-right: 30px;
        font-weight: var(--fw-400);
        font-size: .875rem;
        line-height: 1.125rem;
        text-align: var(--dir-start);
        white-space: initial;
        color: var(--nav-bottom-dropdown-link-color);
        background-color: var(--nav-bottom-dropdown-link-bg-color);
        border-radius: 0px;
        cursor: pointer
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a.dropdown-item.active,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.active,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.active,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.active,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.active,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.active,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu button.dropdown-item.active,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a.dropdown-item.active,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.active,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.active,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.active,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.active,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.active,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu button.dropdown-item.active {
        color: var(--nav-bottom-dropdown-link-color-active);
        background-color: var(--nav-bottom-dropdown-link-bg-color-active);
        cursor: default
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a.dropdown-item.nav-faqs,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.nav-faqs,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.nav-faqs,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.nav-faqs,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.nav-faqs,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.nav-faqs,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu button.dropdown-item.nav-faqs,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a.dropdown-item.nav-faqs,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.nav-faqs,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.nav-faqs,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.nav-faqs,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.nav-faqs,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.nav-faqs,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu button.dropdown-item.nav-faqs {
        margin: 10px 0px -10px 0px;
        padding: 5px;
        padding-left: 0px;
        font-weight: var(--fw-600);
        font-size: 1rem;
        line-height: 1.25rem;
        color: var(--nav-bottom-dropdown-link-color)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a.dropdown-item.nav-faqs i,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a.dropdown-item.nav-faqs svg,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.nav-faqs i,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.nav-faqs svg,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.nav-faqs i,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.nav-faqs svg,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.nav-faqs i,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.nav-faqs svg,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.nav-faqs i,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.nav-faqs svg,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.nav-faqs i,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.nav-faqs svg,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu button.dropdown-item.nav-faqs i,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu button.dropdown-item.nav-faqs svg,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a.dropdown-item.nav-faqs i,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a.dropdown-item.nav-faqs svg,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.nav-faqs i,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.nav-faqs svg,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.nav-faqs i,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.nav-faqs svg,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.nav-faqs i,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.nav-faqs svg,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.nav-faqs i,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.nav-faqs svg,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.nav-faqs i,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.nav-faqs svg,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu button.dropdown-item.nav-faqs i,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu button.dropdown-item.nav-faqs svg {
        margin: 0px;
        margin-left: 6px
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a.dropdown-item.dropdown-portal,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.dropdown-portal,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-portal,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.dropdown-portal,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.dropdown-portal,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.dropdown-portal,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu button.dropdown-item.dropdown-portal,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a.dropdown-item.dropdown-portal,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.dropdown-portal,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-portal,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.dropdown-portal,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.dropdown-portal,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.dropdown-portal,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu button.dropdown-item.dropdown-portal {
        margin: -10px 0px 20px 0px;
        padding: 20px 20px 15px 20px;
        padding-right: 30px;
        font-weight: var(--fw-400);
        font-size: 1.25rem;
        line-height: 1.75rem;
        color: var(--primary);
        border-bottom: 1px solid var(--border-color)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a.dropdown-item.dropdown-portal::after,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.dropdown-portal::after,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-portal::after,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.dropdown-portal::after,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.dropdown-portal::after,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.dropdown-portal::after,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu button.dropdown-item.dropdown-portal::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a.dropdown-item.dropdown-portal::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.dropdown-portal::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-portal::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.dropdown-portal::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.dropdown-portal::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.dropdown-portal::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu button.dropdown-item.dropdown-portal::after {
        position: absolute;
        right: 30px;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: var(--fa-chevron-start);
        font-size: 1.125rem;
        color: var(--primary)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a.dropdown-item.dropdown-app,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.dropdown-app,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-app,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.dropdown-app,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.dropdown-app,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.dropdown-app,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu button.dropdown-item.dropdown-app,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a.dropdown-item.dropdown-app,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.dropdown-app,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-app,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.dropdown-app,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.dropdown-app,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.dropdown-app,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu button.dropdown-item.dropdown-app {
        margin: -10px 0px 20px 0px;
        padding: 20px 20px 15px 20px;
        padding-right: 30px;
        font-weight: var(--fw-400);
        font-size: 1.25rem;
        line-height: 1.75rem;
        color: var(--primary);
        border-bottom: 1px solid var(--border-color)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a.dropdown-item.dropdown-app::after,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.dropdown-app::after,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-app::after,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.dropdown-app::after,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.dropdown-app::after,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.dropdown-app::after,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu button.dropdown-item.dropdown-app::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a.dropdown-item.dropdown-app::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.dropdown-app::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-app::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.dropdown-app::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.dropdown-app::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.dropdown-app::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu button.dropdown-item.dropdown-app::after {
        position: absolute;
        right: 30px;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: var(--fa-chevron-start);
        font-size: 1.125rem;
        color: var(--primary)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a.dropdown-item.dropdown-app span,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.dropdown-app span,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-app span,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.dropdown-app span,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.dropdown-app span,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.dropdown-app span,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu button.dropdown-item.dropdown-app span,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a.dropdown-item.dropdown-app span,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.dropdown-app span,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-app span,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.dropdown-app span,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.dropdown-app span,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.dropdown-app span,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu button.dropdown-item.dropdown-app span {
        font-weight: var(--fw-600);
        font-size: .875rem;
        line-height: 1.125rem;
        color: var(--black)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a.dropdown-item.btn,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.btn,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.btn,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.btn,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.btn,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.btn,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu button.dropdown-item.btn,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a.dropdown-item.btn,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.btn,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.btn,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.btn,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.btn,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.btn,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu button.dropdown-item.btn {
        padding: 8px 15px;
        font-weight: var(--fw-400);
        text-align: center;
        color: var(--nav-bottom-dropdown-bg-color);
        background-color: var(--primary);
        border: 1px solid var(--primary);
        border-radius: var(--border-radius)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a.dropdown-item.btn:hover,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.btn:hover,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.btn:hover,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.btn:hover,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.btn:hover,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.btn:hover,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu button.dropdown-item.btn:hover,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a.dropdown-item.btn:hover,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.btn:hover,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.btn:hover,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.btn:hover,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.btn:hover,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.btn:hover,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu button.dropdown-item.btn:hover {
        background-color: var(--primary-dark-20);
        border-color: var(--primary-dark-20)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a.dropdown-item.btn.btn-secondary,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.btn.btn-secondary,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.btn.btn-secondary,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.btn.btn-secondary,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.btn.btn-secondary,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.btn.btn-secondary,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu button.dropdown-item.btn.btn-secondary,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a.dropdown-item.btn.btn-secondary,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.btn.btn-secondary,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.btn.btn-secondary,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.btn.btn-secondary,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.btn.btn-secondary,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.btn.btn-secondary,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu button.dropdown-item.btn.btn-secondary {
        padding: 4px 15px;
        color: var(--black-60);
        background-color: var(--white);
        border-color: var(--border-color)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a.dropdown-item.btn+.btn,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.btn+.btn,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.btn+.btn,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.btn+.btn,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.btn+.btn,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.btn+.btn,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu button.dropdown-item.btn+.btn,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a.dropdown-item.btn+.btn,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:link.dropdown-item.btn+.btn,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.btn+.btn,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:visited.dropdown-item.btn+.btn,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:active.dropdown-item.btn+.btn,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:focus.dropdown-item.btn+.btn,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu button.dropdown-item.btn+.btn {
        margin-top: 5px
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu button:hover.dropdown-item,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu button:hover.dropdown-item {
        color: var(--nav-bottom-dropdown-link-color-hover);
        background-color: var(--nav-bottom-dropdown-link-bg-color-hover)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item::after,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu button:hover.dropdown-item::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu button:hover.dropdown-item::after {
        color: var(--nav-bottom-dropdown-link-color-hover)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.nav-faqs,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu button:hover.dropdown-item.nav-faqs,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.nav-faqs,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu button:hover.dropdown-item.nav-faqs {
        color: var(--nav-bottom-dropdown-link-color-hover);
        background-color: var(--nav-bottom-dropdown-bg-color)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-app,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu button:hover.dropdown-item.dropdown-app,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-app,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu button:hover.dropdown-item.dropdown-app {
        color: var(--nav-bottom-dropdown-link-color-hover)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-app::after,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu button:hover.dropdown-item.dropdown-app::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-app::after,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu button:hover.dropdown-item.dropdown-app::after {
        color: var(--nav-bottom-dropdown-link-color-hover)
    }

    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-app span,
    .ibkr-header .navbar.navbar-bottom .container .navbar-nav .nav-item .dropdown-menu button:hover.dropdown-item.dropdown-app span,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-app span,
    .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-nav .nav-item .dropdown-menu button:hover.dropdown-item.dropdown-app span {
        color: var(--nav-bottom-dropdown-link-color-hover)
    }
}

@media(max-width: 575.98px) {
    @layer components {

        .ibkr-header .banner-region-selector .banner-content .container button.btn,
        .ibkr-header .banner-region-selector .banner-content .container-fluid button.btn {
            padding: 13px 10px
        }

        .ibkr-header .navbar.navbar-bottom {
            top: 0px;
            height: 64px;
            border-bottom: 1px solid var(--border-color)
        }

        .ibkr-header .navbar.navbar-bottom .container,
        .ibkr-header .navbar.navbar-bottom .container-fluid {
            display: block;
            padding: 0px 20px
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-brand.brand-logo,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-brand.brand-logo {
            float: var(--dir-start);
            margin: 0px;
            width: var(--brand-logo-mobile-width);
            height: var(--brand-logo-mobile-height);
            background-image: var(--brand-logo-mobile-image)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse {
            position: absolute;
            top: 50px;
            left: 0px;
            margin: 0px;
            padding: 10px 0px;
            width: 100%;
            max-height: 340px;
            background-color: var(--white);
            border-bottom: 1px solid var(--border-color);
            box-shadow: 0px 0px 1px var(--shadow-color);
            overflow-x: hidden;
            overflow-y: scroll
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile {
            margin: -10px 0px 10px 0px;
            padding: 10px 20px 15px 20px;
            width: 100%;
            height: auto;
            background-color: var(--gray-10);
            border-bottom: 1px solid var(--border-color)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box {
            margin: 0px;
            padding: 0px
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box .search_form,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box .search_form {
            display: flex;
            justify-content: center;
            margin: 0px;
            padding: 0px
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box .search_form input.form-control,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box .search_form input.form-control {
            display: block;
            width: 100%;
            height: 36px;
            border-radius: var(--border-radius)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box .search_form input.form-control:focus,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box .search_form input.form-control:focus {
            border-color: var(--black);
            box-shadow: none
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box .search_form button.searchsubmit,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box .search_form button.searchsubmit {
            display: flex;
            align-content: center;
            align-items: center;
            justify-content: center;
            position: absolute;
            left: auto;
            right: 21px;
            margin: 1px 0px 0px 0px;
            padding: 10px 5px;
            width: 42px;
            height: 42px;
            font-size: 1.25rem;
            line-height: 1.5rem;
            color: var(--gray);
            background-color: rgba(0, 0, 0, 0);
            border: none;
            box-shadow: none;
            outline: none;
            cursor: pointer
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box .search_form button.searchsubmit:hover,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box .search_form button.searchsubmit:hover {
            color: var(--primary);
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box .search_form button.searchsubmit:focus,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box .search_form button.searchsubmit:focus {
            color: var(--primary)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box ul#saytlist,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box ul#saytlist {
            display: none;
            position: absolute;
            z-index: 1041;
            top: 59px;
            margin: 0px auto;
            padding: 20px 0px;
            width: 96% !important;
            background-color: var(--white);
            border: 1px solid var(--border-color);
            box-shadow: none
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box ul#saytlist li,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box ul#saytlist li {
            padding: 5px 15px;
            width: 100%;
            list-style-type: none;
            text-align: var(--dir-start);
            background-color: var(--white)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box ul#saytlist li::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box ul#saytlist li::after {
            position: absolute;
            right: 20px;
            display: inline-block;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            font: var(--fa-font-solid);
            font-size: .625rem;
            content: var(--fa-chevron-start);
            color: var(--gray-60)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box ul#saytlist li:hover,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box ul#saytlist li:hover {
            color: var(--primary);
            background-color: var(--gray-20);
            cursor: pointer
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box ul#saytlist li:hover::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box ul#saytlist li:hover::after {
            color: var(--primary)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns {
            margin: 0px;
            padding: 5px 0px 0px 0px
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p {
            margin: 5px 0px 0px 0px !important;
            padding: 0px !important;
            font-size: .875rem !important;
            color: var(--gray) !important
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p+p,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p+p {
            margin: 10px 0px 0px 0px !important
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:link.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:visited.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:hover.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:active.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:focus.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:link.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:visited.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:hover.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:active.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:focus.btn.btn-default {
            position: relative;
            margin: 2px 5px !important;
            padding: 5px 8px !important;
            padding-right: 20px !important;
            width: auto !important;
            text-align: var(--dir-start) !important;
            color: var(--primary) !important;
            background: var(--bg-body) !important;
            border-color: var(--primary) !important
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:link::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:visited::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:hover::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:active::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:focus::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:link::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:visited::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:hover::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:active::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:focus::after {
            position: absolute;
            right: 6px;
            display: inline-block;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            font: var(--fa-font-solid);
            content: "";
            color: var(--primary)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:hover.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:hover.btn.btn-default {
            color: var(--primary-dark-20) !important;
            background: var(--bg-body) !important;
            border-color: var(--primary-dark-20) !important
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:hover.btn.btn-default::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:hover.btn.btn-default::after {
            color: var(--primary-dark-20)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item {
            margin: 0px;
            width: 100%
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a.nav-link,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:link.nav-link,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:hover.nav-link,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:visited.nav-link,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:active.nav-link,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:focus.nav-link,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a.nav-link,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:link.nav-link,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:hover.nav-link,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:visited.nav-link,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:active.nav-link,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:focus.nav-link {
            padding: 5px 20px;
            text-align: var(--dir-start)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:link.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:hover.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:visited.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:active.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:focus.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:link.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:hover.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:visited.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:active.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:focus.nav-link.nav-login {
            padding: 5px 20px;
            color: var(--font-color);
            background-color: rgba(0, 0, 0, 0);
            border: 1px solid rgba(0, 0, 0, 0)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:link.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:hover.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:visited.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:active.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:focus.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:link.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:hover.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:visited.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:active.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:focus.nav-link.nav-open-account {
            padding: 5px 20px;
            color: var(--font-color);
            background-color: rgba(0, 0, 0, 0);
            border: 1px solid rgba(0, 0, 0, 0)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:link.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:hover.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:visited.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:active.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:focus.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:link.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:hover.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:visited.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:active.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:focus.nav-link.dropdown-toggle::after {
            display: inline-block;
            margin-left: .255em;
            vertical-align: .255em;
            content: "";
            border-top: .3em solid;
            border-right: .3em solid rgba(0, 0, 0, 0);
            border-bottom: 0;
            border-left: .3em solid rgba(0, 0, 0, 0)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:hover.nav-link,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:hover.nav-link {
            color: var(--primary);
            background-color: var(--gray-10);
            border-color: var(--gray-10)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:hover.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:hover.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:hover.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:hover.nav-link.nav-open-account {
            color: var(--primary-dark-20);
            background-color: var(--gray-10);
            border-color: var(--gray-10)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:focus.nav-link,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:focus.nav-link {
            color: var(--primary);
            background-color: rgba(0, 0, 0, 0);
            border-color: rgba(0, 0, 0, 0);
            outline: none !important;
            box-shadow: none !important
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:focus.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:focus.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:focus.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:focus.nav-link.nav-open-account {
            color: var(--primary);
            background-color: rgba(0, 0, 0, 0);
            border-color: rgba(0, 0, 0, 0)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu {
            right: auto;
            left: 0px;
            margin: 0px 0px 10px 0px;
            padding: 10px 0px 20px 0px;
            min-width: 100%;
            width: 100%;
            max-width: 100%;
            min-height: auto;
            height: auto;
            background-color: var(--gray-5);
            border: none;
            border-top: 3px solid var(--primary);
            border-bottom: 1px solid var(--border-color);
            box-shadow: inset 0px -1px 3px var(--shadow-color);
            overflow: initial
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu::after {
            display: none
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu p,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu p {
            margin: 20px 0px -2px 0px
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:link.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:visited.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:active.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:focus.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:link.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:visited.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:active.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:focus.dropdown-item.dropdown-app {
            margin: 0px;
            padding: 5px 20px;
            padding-right: 30px;
            font-weight: var(--fw-400);
            font-size: .875rem;
            line-height: 1.125rem;
            border-bottom: none
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:link.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:visited.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:active.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:focus.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:link.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:visited.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:active.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:focus.dropdown-item.dropdown-app::after {
            font-size: .625rem
        }

        .ibkr-header .navbar.navbar-bottom .container::after::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid::after::after {
            display: block;
            content: "";
            clear: both
        }
    }
}

@media(min-width: 576px)and (max-width: 767.98px) {
    @layer components {

        .ibkr-header .banner-region-selector .banner-content .container button.btn,
        .ibkr-header .banner-region-selector .banner-content .container-fluid button.btn {
            padding: 13px 10px
        }

        .ibkr-header .navbar.navbar-bottom {
            top: 0px;
            height: 64px;
            border-bottom: 1px solid var(--border-color)
        }

        .ibkr-header .navbar.navbar-bottom .container,
        .ibkr-header .navbar.navbar-bottom .container-fluid {
            display: block;
            padding: 0px 20px
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-brand.brand-logo,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-brand.brand-logo {
            float: var(--dir-start);
            margin: 0px
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse {
            position: absolute;
            top: 50px;
            left: 0px;
            margin: 0px;
            padding: 10px 0px;
            width: 100%;
            max-height: 340px;
            background-color: var(--white);
            border-bottom: 1px solid var(--border-color);
            box-shadow: 0px 0px 1px var(--shadow-color);
            overflow-x: hidden;
            overflow-y: scroll
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile {
            margin: -10px 0px 10px 0px;
            padding: 10px 20px 15px 20px;
            width: 100%;
            height: auto;
            background-color: var(--gray-10);
            border-bottom: 1px solid var(--border-color)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box {
            margin: 0px;
            padding: 0px
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box .search_form,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box .search_form {
            display: flex;
            justify-content: center;
            margin: 0px;
            padding: 0px
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box .search_form input.form-control,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box .search_form input.form-control {
            display: block;
            width: 100%;
            height: 36px;
            border-radius: var(--border-radius)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box .search_form input.form-control:focus,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box .search_form input.form-control:focus {
            border-color: var(--black);
            box-shadow: none
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box .search_form button.searchsubmit,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box .search_form button.searchsubmit {
            display: flex;
            align-content: center;
            align-items: center;
            justify-content: center;
            position: absolute;
            left: auto;
            right: 21px;
            margin: 1px 0px 0px 0px;
            padding: 10px 5px;
            width: 42px;
            height: 42px;
            font-size: 1.25rem;
            line-height: 1.5rem;
            color: var(--gray);
            background-color: rgba(0, 0, 0, 0);
            border: none;
            box-shadow: none;
            outline: none;
            cursor: pointer
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box .search_form button.searchsubmit:hover,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box .search_form button.searchsubmit:hover {
            color: var(--primary);
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box .search_form button.searchsubmit:focus,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box .search_form button.searchsubmit:focus {
            color: var(--primary)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box ul#saytlist,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box ul#saytlist {
            display: none;
            position: absolute;
            z-index: 1041;
            top: 59px;
            margin: 0px auto;
            padding: 20px 0px;
            width: 96% !important;
            background-color: var(--white);
            border: 1px solid var(--border-color);
            box-shadow: none
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box ul#saytlist li,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box ul#saytlist li {
            padding: 5px 15px;
            width: 100%;
            list-style-type: none;
            text-align: var(--dir-start);
            background-color: var(--white)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box ul#saytlist li::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box ul#saytlist li::after {
            position: absolute;
            right: 20px;
            display: inline-block;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            font: var(--fa-font-solid);
            font-size: .625rem;
            content: var(--fa-chevron-start);
            color: var(--gray-60)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box ul#saytlist li:hover,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box ul#saytlist li:hover {
            color: var(--primary);
            background-color: var(--gray-20);
            cursor: pointer
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box ul#saytlist li:hover::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box ul#saytlist li:hover::after {
            color: var(--primary)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns {
            margin: 0px;
            padding: 5px 0px 0px 0px
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p {
            margin: 5px 0px 0px 0px !important;
            padding: 0px !important;
            font-size: .875rem !important;
            color: var(--gray) !important
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p+p,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p+p {
            margin: 10px 0px 0px 0px !important
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:link.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:visited.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:hover.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:active.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:focus.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:link.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:visited.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:hover.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:active.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:focus.btn.btn-default {
            position: relative;
            margin: 2px 5px !important;
            padding: 5px 8px !important;
            padding-right: 20px !important;
            width: auto !important;
            text-align: var(--dir-start) !important;
            color: var(--primary) !important;
            background: var(--white) !important;
            border-color: var(--primary) !important
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:link::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:visited::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:hover::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:active::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:focus::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:link::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:visited::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:hover::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:active::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:focus::after {
            position: absolute;
            right: 6px;
            display: inline-block;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            font: var(--fa-font-solid);
            content: "";
            color: var(--primary)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:hover.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:hover.btn.btn-default {
            color: var(--black) !important;
            background: var(--white) !important;
            border-color: var(--black) !important
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:hover.btn.btn-default::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:hover.btn.btn-default::after {
            color: var(--black)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item {
            margin: 0px;
            width: 100%
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a.nav-link,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:link.nav-link,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:hover.nav-link,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:visited.nav-link,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:active.nav-link,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:focus.nav-link,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a.nav-link,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:link.nav-link,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:hover.nav-link,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:visited.nav-link,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:active.nav-link,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:focus.nav-link {
            padding: 5px 20px;
            text-align: var(--dir-start)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:link.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:hover.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:visited.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:active.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:focus.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:link.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:hover.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:visited.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:active.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:focus.nav-link.nav-login {
            padding: 5px 20px;
            color: var(--font-color);
            background-color: rgba(0, 0, 0, 0);
            border: 1px solid rgba(0, 0, 0, 0)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:link.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:hover.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:visited.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:active.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:focus.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:link.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:hover.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:visited.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:active.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:focus.nav-link.nav-open-account {
            padding: 5px 20px;
            color: var(--font-color);
            background-color: rgba(0, 0, 0, 0);
            border: 1px solid rgba(0, 0, 0, 0)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:link.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:hover.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:visited.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:active.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:focus.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:link.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:hover.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:visited.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:active.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:focus.nav-link.dropdown-toggle::after {
            display: inline-block;
            margin-left: .255em;
            vertical-align: .255em;
            content: "";
            border-top: .3em solid;
            border-right: .3em solid rgba(0, 0, 0, 0);
            border-bottom: 0;
            border-left: .3em solid rgba(0, 0, 0, 0)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:hover.nav-link,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:hover.nav-link {
            color: var(--primary);
            background-color: var(--gray-10);
            border-color: var(--gray-10)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:hover.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:hover.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:hover.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:hover.nav-link.nav-open-account {
            color: var(--primary);
            background-color: var(--gray-10);
            border-color: var(--gray-10)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:focus.nav-link,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:focus.nav-link {
            color: var(--primary);
            background-color: rgba(0, 0, 0, 0);
            border-color: rgba(0, 0, 0, 0);
            outline: none !important;
            box-shadow: none !important
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:focus.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:focus.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:focus.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:focus.nav-link.nav-open-account {
            color: var(--primary);
            background-color: rgba(0, 0, 0, 0);
            border-color: rgba(0, 0, 0, 0)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu {
            right: auto;
            left: 0px;
            margin: 0px 0px 10px 0px;
            padding: 10px 0px 20px 0px;
            min-width: 100%;
            width: 100%;
            max-width: 100%;
            min-height: auto;
            height: auto;
            background-color: var(--gray-5);
            border: none;
            border-top: 3px solid var(--primary);
            border-bottom: 1px solid var(--border-color);
            box-shadow: inset 0px -1px 3px var(--shadow-color);
            overflow: initial
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu::after {
            display: none
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu p,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu p {
            margin: 20px 0px -2px 0px
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:link.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:visited.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:active.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:focus.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:link.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:visited.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:active.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:focus.dropdown-item.dropdown-app {
            margin: 0px;
            padding: 5px 20px;
            padding-right: 30px;
            font-weight: var(--fw-400);
            font-size: .875rem;
            line-height: 1.125rem;
            border-bottom: none
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:link.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:visited.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:active.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:focus.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:link.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:visited.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:active.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:focus.dropdown-item.dropdown-app::after {
            font-size: .625rem
        }

        .ibkr-header .navbar.navbar-bottom .container::after::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid::after::after {
            display: block;
            content: "";
            clear: both
        }
    }
}

@media(min-width: 768px)and (max-width: 991.98px) {
    @layer components {
        .ibkr-header .navbar.navbar-bottom {
            top: 0px;
            height: 64px;
            border-bottom: 1px solid var(--border-color)
        }

        .ibkr-header .navbar.navbar-bottom .container,
        .ibkr-header .navbar.navbar-bottom .container-fluid {
            display: block;
            padding: 0px 20px
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-brand.brand-logo,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-brand.brand-logo {
            float: var(--dir-start);
            margin: 0px
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse {
            position: absolute;
            top: 50px;
            left: 0px;
            margin: 0px;
            padding: 10px 0px;
            width: 100%;
            max-height: 340px;
            background-color: var(--white);
            border-bottom: 1px solid var(--border-color);
            box-shadow: 0px 0px 1px var(--shadow-color);
            overflow-x: hidden;
            overflow-y: scroll
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile {
            margin: -10px 0px 10px 0px;
            padding: 10px 20px 15px 20px;
            width: 100%;
            height: auto;
            background-color: var(--gray-10);
            border-bottom: 1px solid var(--border-color)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box {
            margin: 0px;
            padding: 0px
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box .search_form,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box .search_form {
            display: flex;
            justify-content: center;
            margin: 0px;
            padding: 0px
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box .search_form input.form-control,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box .search_form input.form-control {
            display: block;
            width: 100%;
            height: 36px;
            border-radius: var(--border-radius)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box .search_form input.form-control:focus,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box .search_form input.form-control:focus {
            border-color: var(--black);
            box-shadow: none
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box .search_form button.searchsubmit,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box .search_form button.searchsubmit {
            display: flex;
            align-content: center;
            align-items: center;
            justify-content: center;
            position: absolute;
            left: auto;
            right: 21px;
            margin: 1px 0px 0px 0px;
            padding: 10px 5px;
            width: 42px;
            height: 42px;
            font-size: 1.25rem;
            line-height: 1.5rem;
            color: var(--gray);
            background-color: rgba(0, 0, 0, 0);
            border: none;
            box-shadow: none;
            outline: none;
            cursor: pointer
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box .search_form button.searchsubmit:hover,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box .search_form button.searchsubmit:hover {
            color: var(--primary);
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box .search_form button.searchsubmit:focus,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box .search_form button.searchsubmit:focus {
            color: var(--primary)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box ul#saytlist,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box ul#saytlist {
            display: none;
            position: absolute;
            z-index: 1041;
            top: 59px;
            margin: 0px auto;
            padding: 20px 0px;
            width: 96% !important;
            background-color: var(--white);
            border: 1px solid var(--border-color);
            box-shadow: none
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box ul#saytlist li,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box ul#saytlist li {
            padding: 5px 15px;
            width: 100%;
            list-style-type: none;
            text-align: var(--dir-start);
            background-color: var(--white)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box ul#saytlist li::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box ul#saytlist li::after {
            position: absolute;
            right: 20px;
            display: inline-block;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            font: var(--fa-font-solid);
            font-size: .625rem;
            content: var(--fa-chevron-start);
            color: var(--gray-60)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box ul#saytlist li:hover,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box ul#saytlist li:hover {
            color: var(--primary);
            background-color: var(--gray-20);
            cursor: pointer
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search_box ul#saytlist li:hover::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search_box ul#saytlist li:hover::after {
            color: var(--primary)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns {
            margin: 0px;
            padding: 5px 0px 0px 0px
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p {
            margin: 5px 0px 0px 0px !important;
            padding: 0px !important;
            font-size: .875rem !important;
            color: var(--gray) !important
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p+p,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p+p {
            margin: 10px 0px 0px 0px !important
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:link.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:visited.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:hover.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:active.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:focus.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:link.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:visited.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:hover.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:active.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:focus.btn.btn-default {
            position: relative;
            margin: 2px 5px !important;
            padding: 5px 8px !important;
            padding-right: 20px !important;
            width: auto !important;
            text-align: var(--dir-start) !important;
            color: var(--primary) !important;
            background: var(--white) !important;
            border-color: var(--primary) !important
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:link::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:visited::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:hover::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:active::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:focus::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:link::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:visited::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:hover::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:active::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:focus::after {
            position: absolute;
            right: 6px;
            display: inline-block;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            font: var(--fa-font-solid);
            content: "";
            color: var(--primary)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:hover.btn.btn-default,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:hover.btn.btn-default {
            color: var(--black) !important;
            background: var(--white) !important;
            border-color: var(--black) !important
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .search-mobile .search-btns p a:hover.btn.btn-default::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .search-mobile .search-btns p a:hover.btn.btn-default::after {
            color: var(--black)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item {
            margin: 0px;
            width: 100%
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a.nav-link,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:link.nav-link,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:hover.nav-link,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:visited.nav-link,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:active.nav-link,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:focus.nav-link,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a.nav-link,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:link.nav-link,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:hover.nav-link,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:visited.nav-link,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:active.nav-link,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:focus.nav-link {
            padding: 5px 20px;
            text-align: var(--dir-start)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:link.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:hover.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:visited.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:active.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:focus.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:link.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:hover.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:visited.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:active.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:focus.nav-link.nav-login {
            padding: 5px 20px;
            color: var(--font-color);
            background-color: rgba(0, 0, 0, 0);
            border: 1px solid rgba(0, 0, 0, 0)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:link.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:hover.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:visited.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:active.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:focus.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:link.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:hover.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:visited.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:active.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:focus.nav-link.nav-open-account {
            padding: 5px 20px;
            color: var(--font-color);
            background-color: rgba(0, 0, 0, 0);
            border: 1px solid rgba(0, 0, 0, 0)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:link.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:hover.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:visited.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:active.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:focus.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:link.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:hover.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:visited.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:active.nav-link.dropdown-toggle::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:focus.nav-link.dropdown-toggle::after {
            display: inline-block;
            margin-left: .255em;
            vertical-align: .255em;
            content: "";
            border-top: .3em solid;
            border-right: .3em solid rgba(0, 0, 0, 0);
            border-bottom: 0;
            border-left: .3em solid rgba(0, 0, 0, 0)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:hover.nav-link,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:hover.nav-link {
            color: var(--primary);
            background-color: var(--gray-5);
            border-color: var(--gray-5)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:hover.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:hover.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:hover.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:hover.nav-link.nav-open-account {
            color: var(--primary);
            background-color: var(--gray-5);
            border-color: var(--gray-5)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:focus.nav-link,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:focus.nav-link {
            color: var(--primary);
            background-color: rgba(0, 0, 0, 0);
            border-color: rgba(0, 0, 0, 0);
            outline: none !important;
            box-shadow: none !important
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:focus.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item a:focus.nav-link.nav-open-account,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:focus.nav-link.nav-login,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item a:focus.nav-link.nav-open-account {
            color: var(--primary);
            background-color: rgba(0, 0, 0, 0);
            border-color: rgba(0, 0, 0, 0)
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu {
            right: auto;
            left: 0px;
            margin: 0px 0px 10px 0px;
            padding: 10px 0px 20px 0px;
            min-width: 100%;
            width: 100%;
            max-width: 100%;
            min-height: auto;
            height: auto;
            background-color: var(--gray-5);
            border: none;
            border-top: 3px solid var(--primary);
            border-bottom: 1px solid var(--border-color);
            box-shadow: inset 0px -1px 3px var(--shadow-color);
            overflow: initial
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu::after {
            display: none
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a.dropdown-item.dropdown-portal,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:link.dropdown-item.dropdown-portal,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-portal,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:visited.dropdown-item.dropdown-portal,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:active.dropdown-item.dropdown-portal,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:focus.dropdown-item.dropdown-portal,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a.dropdown-item.dropdown-portal,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:link.dropdown-item.dropdown-portal,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-portal,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:visited.dropdown-item.dropdown-portal,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:active.dropdown-item.dropdown-portal,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:focus.dropdown-item.dropdown-portal {
            margin: 0px;
            padding: 5px 20px;
            padding-right: 30px;
            font-weight: var(--fw-400);
            font-size: .875rem;
            line-height: 1.125rem;
            border-bottom: none
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a.dropdown-item.dropdown-portal::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:link.dropdown-item.dropdown-portal::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-portal::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:visited.dropdown-item.dropdown-portal::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:active.dropdown-item.dropdown-portal::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:focus.dropdown-item.dropdown-portal::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a.dropdown-item.dropdown-portal::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:link.dropdown-item.dropdown-portal::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-portal::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:visited.dropdown-item.dropdown-portal::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:active.dropdown-item.dropdown-portal::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:focus.dropdown-item.dropdown-portal::after {
            font-size: .625rem
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:link.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:visited.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:active.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:focus.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:link.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:visited.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:active.dropdown-item.dropdown-app,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:focus.dropdown-item.dropdown-app {
            margin: 0px;
            padding: 5px 20px;
            padding-right: 30px;
            font-weight: var(--fw-400);
            font-size: .875rem;
            line-height: 1.125rem;
            border-bottom: none
        }

        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:link.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:visited.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:active.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container .navbar-collapse .nav-item .dropdown-menu a:focus.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:link.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:hover.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:visited.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:active.dropdown-item.dropdown-app::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .navbar-collapse .nav-item .dropdown-menu a:focus.dropdown-item.dropdown-app::after {
            font-size: .625rem
        }

        .ibkr-header .navbar.navbar-bottom .container::after::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid::after::after {
            display: block;
            content: "";
            clear: both
        }
    }
}

@media(min-width: 992px)and (max-width: 1199.98px) {
    @layer components {

        .ibkr-header .navbar.navbar-bottom .container .nav-item .dropdown-menu.dropdown-login,
        .ibkr-header .navbar.navbar-bottom .container-fluid .nav-item .dropdown-menu.dropdown-login {
            right: -100px;
            left: auto;
            margin: 14px 0px 0px 0px
        }

        .ibkr-header .navbar.navbar-bottom .container .nav-item .dropdown-menu.dropdown-login::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .nav-item .dropdown-menu.dropdown-login::after {
            left: 145px
        }

        .ibkr-header .navbar.navbar-bottom .container .nav-item .dropdown-menu.dropdown-open-account,
        .ibkr-header .navbar.navbar-bottom .container-fluid .nav-item .dropdown-menu.dropdown-open-account {
            right: -7px;
            left: auto;
            margin: 14px 0px 0px 0px
        }

        .ibkr-header .navbar.navbar-bottom .container .nav-item .dropdown-menu.dropdown-open-account::after,
        .ibkr-header .navbar.navbar-bottom .container-fluid .nav-item .dropdown-menu.dropdown-open-account::after {
            left: 206px
        }
    }
}

@layer components {
    .menu-mobile {
        display: block;
        position: fixed;
        top: 0;
        right: auto;
        bottom: 0;
        left: 0;
        z-index: 1043;
        margin: 0px;
        padding: 0px;
        width: 400px;
        height: 100vh;
        background-color: var(--nav-bottom-bg-color);
        overflow: hidden;
        overflow-y: auto;
        transform: translateX(-100%) translateZ(0px);
        -webkit-overflow-scrolling: touch
    }

    .menu-mobile .close-button {
        position: absolute;
        top: 12px;
        right: 8px;
        margin: 0px;
        padding: 0px;
        width: 30px;
        height: 30px;
        text-align: center
    }

    .menu-mobile .close-button a,
    .menu-mobile .close-button a:link,
    .menu-mobile .close-button a:visited,
    .menu-mobile .close-button a:hover,
    .menu-mobile .close-button a:active,
    .menu-mobile .close-button a:focus,
    .menu-mobile .close-button button {
        font-size: 1.75rem;
        line-height: 1.75rem;
        color: var(--nav-bottom-link-color)
    }

    .menu-mobile .close-button a:hover,
    .menu-mobile .close-button button:hover {
        color: var(--nav-bottom-link-color-hover)
    }

    .menu-mobile .close-button a:active,
    .menu-mobile .close-button button:active {
        color: var(--nav-bottom-link-color-active)
    }

    .menu-mobile .logo-container {
        margin: 0px;
        padding: 15px 15px 14px 15px;
        border-bottom: 1px solid var(--border-color);
        box-shadow: var(--box-shadow)
    }

    .menu-mobile .logo-container .brand-logo {
        display: var(--brand-logo-display);
        width: var(--brand-logo-width);
        height: var(--brand-logo-height);
        background: rgba(0, 0, 0, 0) var(--brand-logo-image) var(--brand-logo-repeat) var(--brand-logo-position);
        background-size: var(--brand-logo-size)
    }

    .menu-mobile .logo-container .brand-logo span {
        display: none !important;
        color: rgba(0, 0, 0, 0)
    }

    .menu-mobile .search-container {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        margin: 0px auto;
        padding: 10px 10px;
        width: 100%;
        height: auto;
        background-color: var(--gray-5)
    }

    .menu-mobile .search-container .search-box {
        position: relative;
        margin: 0px auto;
        padding: 0px;
        width: 100%;
        height: auto
    }

    .menu-mobile .search-container .search-box input.form-control {
        float: var(--dir-end);
        margin: 0px;
        margin-right: -1px;
        padding: 5px 12px;
        padding-right: 60px;
        width: 100%;
        height: 40px;
        font-style: normal;
        font-weight: var(--fw-400);
        font-size: 1rem;
        line-height: 1.5rem;
        color: var(--nav-bottom-dropdown-font-color);
        background-color: var(--nav-bottom-bg-color)
    }

    .menu-mobile .search-container .search-box input.form-control:focus {
        border-color: var(--black)
    }

    .menu-mobile .search-container .search-box button.btn-search-submit {
        position: absolute;
        top: 0px;
        right: 0px;
        margin: 0px;
        padding: 5px 10px;
        height: 100%;
        font-size: 1rem;
        line-height: 1.25rem;
        color: var(--nav-bottom-link-color);
        background-color: rgba(0, 0, 0, 0);
        border: none;
        box-shadow: none;
        cursor: pointer
    }

    .menu-mobile .search-container .search-box button.btn-search-submit:hover {
        color: var(--nav-bottom-link-color-hover);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .menu-mobile .search-container .search-box button.btn-search-submit:active {
        color: var(--nav-bottom-link-color-active);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .menu-mobile .search-container .search-options {
        margin-top: 10px
    }

    .menu-mobile .search-container .search-options p {
        margin: 0px;
        padding: 0px;
        font-size: .75rem;
        color: var(--gray)
    }

    .menu-mobile .search-container .search-options a,
    .menu-mobile .search-container .search-options a:link,
    .menu-mobile .search-container .search-options a:visited,
    .menu-mobile .search-container .search-options a:hover,
    .menu-mobile .search-container .search-options a:active,
    .menu-mobile .search-container .search-options a:focus,
    .menu-mobile .search-container .search-options button {
        width: auto
    }

    .menu-mobile .search-container .search-options a+a,
    .menu-mobile .search-container .search-options a+button,
    .menu-mobile .search-container .search-options a:link+a,
    .menu-mobile .search-container .search-options a:link+button,
    .menu-mobile .search-container .search-options a:visited+a,
    .menu-mobile .search-container .search-options a:visited+button,
    .menu-mobile .search-container .search-options a:hover+a,
    .menu-mobile .search-container .search-options a:hover+button,
    .menu-mobile .search-container .search-options a:active+a,
    .menu-mobile .search-container .search-options a:active+button,
    .menu-mobile .search-container .search-options a:focus+a,
    .menu-mobile .search-container .search-options a:focus+button,
    .menu-mobile .search-container .search-options button+a,
    .menu-mobile .search-container .search-options button+button {
        margin: 0px;
        margin-left: 5px
    }

    .menu-mobile ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        border-top: 1px solid var(--border-color)
    }

    .menu-mobile ul>li {
        display: block;
        margin: 0px;
        padding: 0px;
        font-size: 1rem;
        line-height: 1.375rem;
        text-align: var(--dir-start)
    }

    .menu-mobile ul>li>a,
    .menu-mobile ul>li>a:link,
    .menu-mobile ul>li>a:visited,
    .menu-mobile ul>li>a:hover,
    .menu-mobile ul>li>a:active,
    .menu-mobile ul>li>a:focus,
    .menu-mobile ul>li>button {
        display: block;
        padding: 9px 30px;
        font-size: 1rem;
        line-height: 1.375rem;
        text-align: var(--dir-start);
        text-decoration: none;
        color: var(--nav-bottom-dropdown-link-color);
        background-color: var(--nav-bottom-dropdown-link-bg-color);
        border-bottom: 1px solid var(--border-color);
        transition: all 150ms
    }

    .menu-mobile ul>li>a.menu-log-in,
    .menu-mobile ul>li>a.menu-open-account,
    .menu-mobile ul>li>a.menu-start-application,
    .menu-mobile ul>li>a:link.menu-log-in,
    .menu-mobile ul>li>a:link.menu-open-account,
    .menu-mobile ul>li>a:link.menu-start-application,
    .menu-mobile ul>li>a:visited.menu-log-in,
    .menu-mobile ul>li>a:visited.menu-open-account,
    .menu-mobile ul>li>a:visited.menu-start-application,
    .menu-mobile ul>li>a:hover.menu-log-in,
    .menu-mobile ul>li>a:hover.menu-open-account,
    .menu-mobile ul>li>a:hover.menu-start-application,
    .menu-mobile ul>li>a:active.menu-log-in,
    .menu-mobile ul>li>a:active.menu-open-account,
    .menu-mobile ul>li>a:active.menu-start-application,
    .menu-mobile ul>li>a:focus.menu-log-in,
    .menu-mobile ul>li>a:focus.menu-open-account,
    .menu-mobile ul>li>a:focus.menu-start-application,
    .menu-mobile ul>li>button.menu-log-in,
    .menu-mobile ul>li>button.menu-open-account,
    .menu-mobile ul>li>button.menu-start-application {
        padding: 12px 30px;
        font-size: 1.125rem;
        color: var(--primary)
    }

    .menu-mobile ul>li>a.active,
    .menu-mobile ul>li>a:link.active,
    .menu-mobile ul>li>a:visited.active,
    .menu-mobile ul>li>a:hover.active,
    .menu-mobile ul>li>a:active.active,
    .menu-mobile ul>li>a:focus.active,
    .menu-mobile ul>li>button.active {
        color: var(--primary);
        background-color: var(--nav-bottom-dropdown-link-bg-color-active);
        cursor: default
    }

    .menu-mobile ul>li>a:hover,
    .menu-mobile ul>li>button:hover {
        color: var(--nav-bottom-dropdown-link-color-hover);
        background-color: var(--nav-bottom-dropdown-link-bg-color-hover);
        border-radius: 3px
    }

    .menu-mobile ul>li>a:hover.menu-log-in,
    .menu-mobile ul>li>button:hover.menu-log-in {
        color: var(--primary)
    }

    .menu-mobile ul>li>a:hover.menu-start-application,
    .menu-mobile ul>li>button:hover.menu-start-application {
        color: var(--primary)
    }

    .menu-mobile ul>li:last-child>a,
    .menu-mobile ul>li:last-child>button {
        border-bottom: none
    }

    .menu-mobile ul>li.has-submenu>a::after,
    .menu-mobile ul>li.has-submenu>a:link::after,
    .menu-mobile ul>li.has-submenu>a:visited::after,
    .menu-mobile ul>li.has-submenu>a:hover::after,
    .menu-mobile ul>li.has-submenu>a:active::after,
    .menu-mobile ul>li.has-submenu>a:focus::after,
    .menu-mobile ul>li.has-submenu>button::after {
        float: var(--dir-end);
        margin: 2px 0px 0px 0px;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        color: var(--gray-30);
        content: var(--fa-chevron-start)
    }

    .menu-mobile p {
        margin: 0px;
        padding: 0px;
        font-size: 1rem;
        line-height: 1.375rem;
        text-align: var(--dir-start)
    }

    .menu-mobile p.nav-link-back {
        margin: 0px;
        padding: 0px;
        font-size: 1rem;
        line-height: 1.375rem;
        text-align: var(--dir-start);
        border-bottom: 1px solid var(--border-color)
    }

    .menu-mobile p.nav-link-back a,
    .menu-mobile p.nav-link-back a:link,
    .menu-mobile p.nav-link-back a:visited,
    .menu-mobile p.nav-link-back a:hover,
    .menu-mobile p.nav-link-back a:active,
    .menu-mobile p.nav-link-back a:focus,
    .menu-mobile p.nav-link-back button {
        display: block;
        padding: 10px 30px;
        background: none;
        border: none;
        outline: none
    }

    .menu-mobile p.nav-link-back a::before,
    .menu-mobile p.nav-link-back a:link::before,
    .menu-mobile p.nav-link-back a:visited::before,
    .menu-mobile p.nav-link-back a:hover::before,
    .menu-mobile p.nav-link-back a:active::before,
    .menu-mobile p.nav-link-back a:focus::before,
    .menu-mobile p.nav-link-back button::before {
        position: absolute;
        margin: 3px 0px 0px 0px;
        margin-left: -20px;
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        color: var(--gray-30);
        content: var(--fa-chevron-end)
    }

    .menu-mobile p.submenu-title {
        display: block;
        margin: 0px;
        padding: 20px 30px 4px 30px;
        font-weight: var(--fw-600);
        font-size: 1rem;
        line-height: 1.375rem;
        text-align: var(--dir-start);
        letter-spacing: .02rem;
        color: var(--nav-bottom-dropdown-font-color-dark);
        background-color: var(--gray-5);
        border-top: 1px solid var(--border-color);
        border-bottom: 1px solid var(--border-color)
    }

    .menu-mobile p.submenu-title+ul {
        margin-top: -1px
    }

    .menu-mobile:not(.no-transition) {
        transition: all 250ms
    }

    .menu-mobile .submenu {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 400px;
        width: 100%;
        min-height: 100%;
        background-color: var(--nav-bottom-bg-color);
        overflow: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }

    .menu-mobile .submenu.opened {
        left: 0
    }

    .menu-mobile .submenu.opened:not(.current) {
        overflow: hidden
    }

    .menu-mobile .submenu:not(.no-transition) {
        transition: all 250ms
    }

    .menu-mobile.opened {
        transform: translateX(0px) translateZ(0px)
    }

    .menu-mobile.submenu-opened {
        overflow: hidden
    }

    .zeynep-opened body {
        overflow: hidden
    }

    .zeynep-opened .website-overlay {
        display: block
    }

    .website-overlay {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1042;
        background-color: var(--overlay-color)
    }
}

@supports(-webkit-touch-callout: none) {
    @layer components {
        .menu-mobile {
            height: -webkit-fill-available
        }
    }
}

@media(max-width: 575.98px) {
    @layer components {
        .menu-mobile {
            width: 100%
        }

        .menu-mobile .logo-container {
            margin: 0px;
            padding: 15px 15px 14px 15px;
            border-bottom: 1px solid var(--border-color)
        }

        .menu-mobile .logo-container .brand-logo {
            width: var(--brand-logo-mobile-width);
            height: var(--brand-logo-mobile-height);
            background-image: var(--brand-logo-mobile-image)
        }

        .menu-mobile .submenu {
            left: 100%
        }
    }
}

@layer components {
    .ibkr-sidebar {
        position: relative;
        z-index: 1;
        margin: 0px;
        padding: 0px;
        min-height: 320px;
        height: 100%;
        background: var(--bg-body);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .ibkr-sidebar ul {
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
        margin: 0px;
        padding: 0px;
        width: 100%;
        height: auto;
        white-space: normal;
        overflow-x: none
    }

    .ibkr-sidebar ul li {
        display: inline-block;
        margin: 0px;
        padding: 0px;
        width: 100%;
        box-sizing: border-box
    }

    .ibkr-sidebar ul li a,
    .ibkr-sidebar ul li a:link,
    .ibkr-sidebar ul li a:visited,
    .ibkr-sidebar ul li a:hover,
    .ibkr-sidebar ul li a:active,
    .ibkr-sidebar ul li a:focus,
    .ibkr-sidebar ul li button {
        display: block;
        margin: 2px 0px;
        padding: 12px 16px;
        padding-left: 24px;
        font-weight: var(--fw-600);
        font-size: 1rem;
        text-align: start;
        text-decoration: none;
        color: var(--font-color);
        background-color: var(--gray-5);
        border: none;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .ibkr-sidebar ul li a:hover,
    .ibkr-sidebar ul li button:hover {
        color: var(--font-color-dark);
        background-color: var(--gray-20)
    }

    .ibkr-sidebar ul li a:active,
    .ibkr-sidebar ul li a.active,
    .ibkr-sidebar ul li button:active,
    .ibkr-sidebar ul li button.active {
        color: var(--font-color-dark);
        background-color: var(--gray-10)
    }

    .ibkr-sidebar ul li a:focus,
    .ibkr-sidebar ul li button:focus {
        background-color: var(--gray-10)
    }

    .ibkr-sidebar ul li a:focus-visible,
    .ibkr-sidebar ul li button:focus-visible {
        outline: 1px solid var(--primary) !important;
        box-shadow: var(--box-shadow) !important;
        border-radius: var(--border-radius) !important
    }

    .ibkr-sidebar ul li.active>a,
    .ibkr-sidebar ul li.active>button {
        color: var(--font-color-dark);
        background-color: var(--gray-20)
    }

    .ibkr-sidebar ul li:first-child a,
    .ibkr-sidebar ul li:first-child a:link,
    .ibkr-sidebar ul li:first-child a:visited,
    .ibkr-sidebar ul li:first-child a:hover,
    .ibkr-sidebar ul li:first-child a:active,
    .ibkr-sidebar ul li:first-child a:focus,
    .ibkr-sidebar ul li:first-child button {
        margin-top: 0px
    }

    .ibkr-sidebar ul li:last-child a,
    .ibkr-sidebar ul li:last-child a:link,
    .ibkr-sidebar ul li:last-child a:visited,
    .ibkr-sidebar ul li:last-child a:hover,
    .ibkr-sidebar ul li:last-child a:active,
    .ibkr-sidebar ul li:last-child a:focus,
    .ibkr-sidebar ul li:last-child button {
        margin-bottom: 0px
    }
}

@media(max-width: 575.98px) {
    @layer components {
        .ibkr-sidebar ul {
            display: inline-block;
            min-height: inherit;
            white-space: nowrap;
            overflow-x: scroll
        }

        .ibkr-sidebar ul li {
            width: auto
        }

        .ibkr-sidebar ul li a,
        .ibkr-sidebar ul li a:link,
        .ibkr-sidebar ul li a:visited,
        .ibkr-sidebar ul li a:hover,
        .ibkr-sidebar ul li a:active,
        .ibkr-sidebar ul li a:focus {
            padding-left: 16px;
            text-align: center;
            border-bottom: none
        }
    }
}

@media(min-width: 576px)and (max-width: 767.98px) {
    @layer components {
        .ibkr-sidebar ul {
            display: inline-block;
            min-height: inherit;
            white-space: nowrap;
            overflow-x: scroll
        }

        .ibkr-sidebar ul li {
            width: auto
        }

        .ibkr-sidebar ul li a,
        .ibkr-sidebar ul li a:link,
        .ibkr-sidebar ul li a:visited,
        .ibkr-sidebar ul li a:hover,
        .ibkr-sidebar ul li a:active,
        .ibkr-sidebar ul li a:focus {
            padding-left: 16px;
            text-align: center;
            border-bottom: none
        }
    }
}

@media(min-width: 768px)and (max-width: 991.98px) {
    @layer components {
        .ibkr-sidebar ul {
            display: inline-block;
            min-height: inherit;
            white-space: nowrap;
            overflow-x: scroll
        }

        .ibkr-sidebar ul li {
            width: auto
        }

        .ibkr-sidebar ul li a,
        .ibkr-sidebar ul li a:link,
        .ibkr-sidebar ul li a:visited,
        .ibkr-sidebar ul li a:hover,
        .ibkr-sidebar ul li a:active,
        .ibkr-sidebar ul li a:focus {
            padding-left: 16px;
            text-align: center;
            border-bottom: none
        }
    }
}

@layer pages {
    section.press-release .headline {
        margin: 0px 0px 40px 0px;
        padding: 40px 0px;
        border-bottom: 1px solid var(--border-color)
    }

    section.press-release .headline h2 {
        margin-top: 0px;
        text-align: center
    }

    section.press-release .headline h3 {
        margin-top: 0px;
        font-size: 1.5rem;
        line-height: 2rem;
        text-align: center
    }

    section.press-release .headline p {
        font-weight: var(--fw-600);
        font-size: .9375rem;
        line-height: 1.125rem;
        letter-spacing: .125rem;
        text-align: center;
        color: var(--gray)
    }
}

.ibkr-header .navbar.navbar-top {
    display: none !important;
}

#search-expand, #nav-log-in, #nav-open-account {
    display: none;
}

#footerSiteLinks {
    display: none;
}

#nav-education {
    display: none;
}

/*# sourceMappingURL=website.min.css.map */