/************************************************** 
	Theme Name: Default
	Last Updated: 2025-03-28 14:54:07
**************************************************/ 
@import url("https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap");
:root{
--bs-body-font-family:"Noto Sans";
--bs-body-font-size:15px;
--bs-body-color:#212529;
--bs-body-color-rgb:33,37,41;
--bs-body-bg:#fff;
--bs-body-bg-rgb:255,255,255;
--bs-secondary-color:#57585a;
--bs-secondary-color-rgb:87,88,90;
--bs-secondary-bg:#e9ecef;
--bs-secondary-bg-rgb:233,236,239;
--bs-tertiary-color:#8e8f90;
--bs-tertiary-color-rgb:33,37,41;
--bs-tertiary-bg:#f8f9fa;
--bs-tertiary-bg-rgb:248,249,250;
--bs-emphasis-color:#000;
--bs-emphasis-color-rgb:0,0,0;
--bs-link-color:#5d20d3;
--bs-link-color-rgb:93,32,211;
--bs-link-hover-color:#531dbd;
--bs-link-hover-color-rgb:83,29,189;
--bs-border-color:#dee2e6;
--bs-border-color-rgb:222,226,230;
--bs-primary:#5d20d3;
--bs-primary-rgb:93,32,211;
--bs-primary-bg-subtle:#d6d0f1;
--bs-primary-border-subtle:#ad9fe5;
--bs-primary-text-emphasis:#36137b;
--bs-success:#198754;
--bs-success-rgb:25,135,84;
--bs-success-bg-subtle:#d1e7dd;
--bs-success-border-subtle:#a3cfbb;
--bs-info:#0dcaf0;
--bs-info-rgb:13,202,240;
--bs-info-bg-subtle:#cff4fc;
--bs-info-border-subtle:#9eeaf9;
--bs-info-text-emphasis:#08768c;
--bs-warning:#ffc107;
--bs-warning-rgb:255,193,7;
--bs-warning-bg-subtle:#fff3cd;
--bs-warning-border-subtle:#ffe69c;
--bs-warning-text-emphasis:#957104;
--bs-danger:#dc3545;
--bs-danger-rgb:220,53,69;
--bs-danger-bg-subtle:#f8d7da;
--bs-danger-border-subtle:#f1aeb5;
--bs-danger-text-emphasis:#801f28;
--bs-light:#f8f9fa;
--bs-light-rgb:248,249,250;
--bs-light-bg-subtle:#fcfcfd;
--bs-light-border-subtle:#e9ecef;
--bs-light-text-emphasis:#919192;
--bs-dark:#212529;
--bs-dark-rgb:33,37,41;
--bs-dark-bg-subtle:#ced4da;
--bs-dark-border-subtle:#adb5bd;
--bs-dark-text-emphasis:#131618;
--bs-active-border-color:#5d20d3;
--bs-active-border-color-rgb:93,32,211;
--bs-active-outline-color:#5d20d3;
--bs-active-outline-color-rgb:93,32,211;
--bs-secondary:#57585a;
--bs-secondary-rgb:87,88,90;
--bs-secondary-disabled-color:#bfbfbf;
--bs-primary-disabled-color:#421795;
--bs-success-disabled-color:#125f3b;
--bs-info-disabled-color:#b5e6f8;
--bs-warning-disabled-color:#ffe2b4;
--bs-danger-disabled-color:#9c2531;
--bs-light-disabled-color:#fcfcfd;
--bs-dark-disabled-color:#171a1d;
--bs-success-text-emphasis:#0f4f31;
--bs-border-radius:0.375rem;
--bs-border-radius-sm:0.25rem;
--bs-border-radius-lg:0.5rem;
}
.btn-primary {
--bs-btn-color: #fff;
--bs-btn-bg: #5d20d3;
--bs-btn-border-color: #5d20d3;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #4819a3;
--bs-btn-hover-border-color: #4819a3;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #531dbd;
--bs-btn-active-border-color: #531dbd;
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #421795;
--bs-btn-disabled-border-color: #421795;
--bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(93,32,211, 0.5);
}
.btn-outline-primary {
--bs-btn-color:#5d20d3;
--bs-btn-border-color: #5d20d3;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #5d20d3;
--bs-btn-hover-border-color: #5d20d3;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #5d20d3;
--bs-btn-active-border-color: #5d20d3;
--bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(93,32,211, 0.5);
--bs-btn-disabled-color: #421795;
--bs-btn-disabled-bg: #5d20d3;
--bs-btn-disabled-border-color: #421795;
}
.btn-secondary {
--bs-btn-color: #fff;
--bs-btn-bg: #57585a;
--bs-btn-border-color: #57585a;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #8a8b8c;
--bs-btn-hover-border-color: #8a8b8c;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #57585a;
--bs-btn-active-border-color: #57585a;
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #bfbfbf;
--bs-btn-disabled-border-color: #bfbfbf;
--bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(87,88,90, 0.5);
}
.btn-outline-secondary {
--bs-btn-color:#57585a;
--bs-btn-border-color: #57585a;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #57585a;
--bs-btn-hover-border-color: #57585a;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #57585a;
--bs-btn-active-border-color: #57585a;
--bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(87,88,90, 0.5);
--bs-btn-disabled-color: #bfbfbf;
--bs-btn-disabled-bg: #57585a;
--bs-btn-disabled-border-color: #bfbfbf;
}
.btn-success {
--bs-btn-color: #fff;
--bs-btn-bg: #198754;
--bs-btn-border-color: #198754;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #136941;
--bs-btn-hover-border-color: #136941;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #16794b;
--bs-btn-active-border-color: #16794b;
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #125f3b;
--bs-btn-disabled-border-color: #125f3b;
--bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(25,135,84, 0.5);
}
.btn-outline-success {
--bs-btn-color:#198754;
--bs-btn-border-color: #198754;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #198754;
--bs-btn-hover-border-color: #198754;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #198754;
--bs-btn-active-border-color: #198754;
--bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(25,135,84, 0.5);
--bs-btn-disabled-color: #125f3b;
--bs-btn-disabled-bg: #198754;
--bs-btn-disabled-border-color: #125f3b;
}
.btn-info {
--bs-btn-color: #000;
--bs-btn-bg: #0dcaf0;
--bs-btn-border-color: #0dcaf0;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #73d6f3;
--bs-btn-hover-border-color: #73d6f3;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #52d0f2;
--bs-btn-active-border-color: #52d0f2;
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #b5e6f8;
--bs-btn-disabled-border-color: #b5e6f8;
--bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(13,202,240, 0.5);
}
.btn-outline-info {
--bs-btn-color:#0dcaf0;
--bs-btn-border-color: #0dcaf0;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #0dcaf0;
--bs-btn-hover-border-color: #0dcaf0;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #0dcaf0;
--bs-btn-active-border-color: #0dcaf0;
--bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(13,202,240, 0.5);
--bs-btn-disabled-color: #b5e6f8;
--bs-btn-disabled-bg: #0dcaf0;
--bs-btn-disabled-border-color: #b5e6f8;
}
.btn-warning {
--bs-btn-color: #000;
--bs-btn-bg: #ffc107;
--bs-btn-border-color: #ffc107;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #ffcf72;
--bs-btn-hover-border-color: #ffcf72;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #ffc851;
--bs-btn-active-border-color: #ffc851;
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #ffe2b4;
--bs-btn-disabled-border-color: #ffe2b4;
--bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(255,193,7, 0.5);
}
.btn-outline-warning {
--bs-btn-color:#ffc107;
--bs-btn-border-color: #ffc107;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #ffc107;
--bs-btn-hover-border-color: #ffc107;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #ffc107;
--bs-btn-active-border-color: #ffc107;
--bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(255,193,7, 0.5);
--bs-btn-disabled-color: #ffe2b4;
--bs-btn-disabled-bg: #ffc107;
--bs-btn-disabled-border-color: #ffe2b4;
}
.btn-danger {
--bs-btn-color: #fff;
--bs-btn-bg: #dc3545;
--bs-btn-border-color: #dc3545;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #aa2935;
--bs-btn-hover-border-color: #aa2935;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #c52f3e;
--bs-btn-active-border-color: #c52f3e;
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #9c2531;
--bs-btn-disabled-border-color: #9c2531;
--bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(220,53,69, 0.5);
}
.btn-outline-danger {
--bs-btn-color:#dc3545;
--bs-btn-border-color: #dc3545;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #dc3545;
--bs-btn-hover-border-color: #dc3545;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #dc3545;
--bs-btn-active-border-color: #dc3545;
--bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(220,53,69, 0.5);
--bs-btn-disabled-color: #9c2531;
--bs-btn-disabled-bg: #dc3545;
--bs-btn-disabled-border-color: #9c2531;
}
.btn-light {
--bs-btn-color: #000;
--bs-btn-bg: #f8f9fa;
--bs-btn-border-color: #f8f9fa;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #f9fafb;
--bs-btn-hover-border-color: #f9fafb;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #f9fafb;
--bs-btn-active-border-color: #f9fafb;
--bs-btn-disabled-color: #000;
--bs-btn-disabled-bg: #fcfcfd;
--bs-btn-disabled-border-color: #fcfcfd;
--bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(248,249,250, 0.5);
}
.btn-outline-light {
--bs-btn-color:#f8f9fa;
--bs-btn-border-color: #f8f9fa;
--bs-btn-hover-color: #000;
--bs-btn-hover-bg: #f8f9fa;
--bs-btn-hover-border-color: #f8f9fa;
--bs-btn-active-color: #000;
--bs-btn-active-bg: #f8f9fa;
--bs-btn-active-border-color: #f8f9fa;
--bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(248,249,250, 0.5);
--bs-btn-disabled-color: #fcfcfd;
--bs-btn-disabled-bg: #f8f9fa;
--bs-btn-disabled-border-color: #fcfcfd;
}
.btn-dark {
--bs-btn-color: #fff;
--bs-btn-bg: #212529;
--bs-btn-border-color: #212529;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #1a1d20;
--bs-btn-hover-border-color: #1a1d20;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #1e2125;
--bs-btn-active-border-color: #1e2125;
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #171a1d;
--bs-btn-disabled-border-color: #171a1d;
--bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(33,37,41, 0.5);
}
.btn-outline-dark {
--bs-btn-color:#212529;
--bs-btn-border-color: #212529;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #212529;
--bs-btn-hover-border-color: #212529;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #212529;
--bs-btn-active-border-color: #212529;
--bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(33,37,41, 0.5);
--bs-btn-disabled-color: #171a1d;
--bs-btn-disabled-bg: #212529;
--bs-btn-disabled-border-color: #171a1d;
}
.accordion{
--bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(93,32,211, 0.5);
}
.pagination{
--bs-pagination-focus-box-shadow:: 0 0 0 .25rem rgba(93,32,211, 0.5);
--bs-pagination-active-color: var(--bs-white);
--bs-pagination-active-bg: var(--bs-primary);
--bs-pagination-active-border-color: var(--bs-primary);
}
html,body {
font-size:15px;
}


:root {
  --color-red-50: #fef2f2;
  --color-red-100: #ffe2e2;
  --color-red-200: #ffc9c9;
  --color-red-300: #ffa2a2;
  --color-red-400: #ff6467;
  --color-red-500: #fb2c36;
  --color-red-600: #e7000b;
  --color-red-700: #c10007;
  --color-red-800: #9f0712;
  --color-red-900: #82181a;
  --color-red-950: #460809;
  --color-orange-50: #fff7ed;
  --color-orange-100: #ffedd4;
  --color-orange-200: #ffd6a7;
  --color-orange-300: #ffb86a;
  --color-orange-400: #ff8904;
  --color-orange-500: #ff6900;
  --color-orange-600: #f54900;
  --color-orange-700: #ca3500;
  --color-orange-800: #9f2d00;
  --color-orange-900: #7e2a0c;
  --color-orange-950: #441306;
  --color-amber-50: #fffbeb;
  --color-amber-100: #fef3c6;
  --color-amber-200: #fee685;
  --color-amber-300: #ffd230;
  --color-amber-400: #ffba00;
  --color-amber-500: #fd9a00;
  --color-amber-600: #e17100;
  --color-amber-700: #bb4d00;
  --color-amber-800: #973c00;
  --color-amber-900: #7b3306;
  --color-amber-950: #461901;
  --color-yellow-50: #fefce8;
  --color-yellow-100: #fef9c2;
  --color-yellow-200: #fff085;
  --color-yellow-300: #ffdf20;
  --color-yellow-400: #fcc800;
  --color-yellow-500: #efb100;
  --color-yellow-600: #d08700;
  --color-yellow-700: #a65f00;
  --color-yellow-800: #894b00;
  --color-yellow-900: #733e0a;
  --color-yellow-950: #432004;
  --color-lime-50: #f7fee7;
  --color-lime-100: #ecfcca;
  --color-lime-200: #d8f999;
  --color-lime-300: #bbf451;
  --color-lime-400: #9ae600;
  --color-lime-500: #7ccf00;
  --color-lime-600: #5ea500;
  --color-lime-700: #497d00;
  --color-lime-800: #3c6300;
  --color-lime-900: #35530e;
  --color-lime-950: #192e03;
  --color-green-50: #f0fdf4;
  --color-green-100: #dcfce7;
  --color-green-200: #b9f8cf;
  --color-green-300: #7bf1a8;
  --color-green-400: #05df72;
  --color-green-500: #00c950;
  --color-green-600: #00a63e;
  --color-green-700: #008236;
  --color-green-800: #016630;
  --color-green-900: #0d542b;
  --color-green-950: #032e15;
  --color-emerald-50: #ecfdf5;
  --color-emerald-100: #d0fae5;
  --color-emerald-200: #a4f4cf;
  --color-emerald-300: #5ee9b5;
  --color-emerald-400: #00d492;
  --color-emerald-500: #00bc7d;
  --color-emerald-600: #096;
  --color-emerald-700: #007a55;
  --color-emerald-800: #006045;
  --color-emerald-900: #004f3b;
  --color-emerald-950: #002c22;
  --color-teal-50: #f0fdfa;
  --color-teal-100: #cbfbf1;
  --color-teal-200: #96f7e4;
  --color-teal-300: #46ecd5;
  --color-teal-400: #00d5be;
  --color-teal-500: #00bba7;
  --color-teal-600: #009689;
  --color-teal-700: #00786f;
  --color-teal-800: #005f5a;
  --color-teal-900: #0b4f4a;
  --color-teal-950: #022f2e;
  --color-cyan-50: #ecfeff;
  --color-cyan-100: #cefafe;
  --color-cyan-200: #a2f4fd;
  --color-cyan-300: #53eafd;
  --color-cyan-400: #00d3f2;
  --color-cyan-500: #00b8db;
  --color-cyan-600: #0092b8;
  --color-cyan-700: #007595;
  --color-cyan-800: #005f78;
  --color-cyan-900: #104e64;
  --color-cyan-950: #053345;
  --color-sky-50: #f0f9ff;
  --color-sky-100: #dff2fe;
  --color-sky-200: #b8e6fe;
  --color-sky-300: #74d4ff;
  --color-sky-400: #00bcff;
  --color-sky-500: #00a6f4;
  --color-sky-600: #0084d1;
  --color-sky-700: #0069a8;
  --color-sky-800: #00598a;
  --color-sky-900: #024a70;
  --color-sky-950: #052f4a;
  --color-blue-50: #eff6ff;
  --color-blue-100: #dbeafe;
  --color-blue-200: #bedbff;
  --color-blue-300: #8ec5ff;
  --color-blue-400: #51a2ff;
  --color-blue-500: #2b7fff;
  --color-blue-600: #155dfc;
  --color-blue-700: #1447e6;
  --color-blue-800: #193cb8;
  --color-blue-900: #1c398e;
  --color-blue-950: #162456;
  --color-indigo-50: #eef2ff;
  --color-indigo-100: #e0e7ff;
  --color-indigo-200: #c6d2ff;
  --color-indigo-300: #a3b3ff;
  --color-indigo-400: #7c86ff;
  --color-indigo-500: #615fff;
  --color-indigo-600: #4f39f6;
  --color-indigo-700: #432dd7;
  --color-indigo-800: #372aac;
  --color-indigo-900: #312c85;
  --color-indigo-950: #1e1a4d;
  --color-violet-50: #f5f3ff;
  --color-violet-100: #ede9fe;
  --color-violet-200: #ddd6ff;
  --color-violet-300: #c4b4ff;
  --color-violet-400: #a684ff;
  --color-violet-500: #8e51ff;
  --color-violet-600: #7f22fe;
  --color-violet-700: #7008e7;
  --color-violet-800: #5d0ec0;
  --color-violet-900: #4d179a;
  --color-violet-950: #2f0d68;
  --color-purple-50: #faf5ff;
  --color-purple-100: #f3e8ff;
  --color-purple-200: #e9d4ff;
  --color-purple-300: #dab2ff;
  --color-purple-400: #c27aff;
  --color-purple-500: #ad46ff;
  --color-purple-600: #9810fa;
  --color-purple-700: #8200db;
  --color-purple-800: #6e11b0;
  --color-purple-900: #59168b;
  --color-purple-950: #3c0366;
  --color-fuchsia-50: #fdf4ff;
  --color-fuchsia-100: #fae8ff;
  --color-fuchsia-200: #f6cfff;
  --color-fuchsia-300: #f4a8ff;
  --color-fuchsia-400: #ed6aff;
  --color-fuchsia-500: #e12afb;
  --color-fuchsia-600: #c800de;
  --color-fuchsia-700: #a800b7;
  --color-fuchsia-800: #8a0194;
  --color-fuchsia-900: #721378;
  --color-fuchsia-950: #4b004f;
  --color-pink-50: #fdf2f8;
  --color-pink-100: #fce7f3;
  --color-pink-200: #fccee8;
  --color-pink-300: #fda5d5;
  --color-pink-400: #fb64b6;
  --color-pink-500: #f6339a;
  --color-pink-600: #e60076;
  --color-pink-700: #c6005c;
  --color-pink-800: #a3004c;
  --color-pink-900: #861043;
  --color-pink-950: #510424;
  --color-rose-50: #fff1f2;
  --color-rose-100: #ffe4e6;
  --color-rose-200: #ffccd3;
  --color-rose-300: #ffa1ad;
  --color-rose-400: #ff637e;
  --color-rose-500: #ff2056;
  --color-rose-600: #ec003f;
  --color-rose-700: #c70036;
  --color-rose-800: #a50036;
  --color-rose-900: #8b0836;
  --color-rose-950: #4d0218;
  --color-slate-50: #f8fafc;
  --color-slate-100: #f1f5f9;
  --color-slate-200: #e2e8f0;
  --color-slate-300: #cad5e2;
  --color-slate-400: #90a1b9;
  --color-slate-500: #62748e;
  --color-slate-600: #45556c;
  --color-slate-700: #314158;
  --color-slate-800: #1d293d;
  --color-slate-900: #0f172b;
  --color-slate-950: #020618;
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5dc;
  --color-gray-400: #99a1af;
  --color-gray-500: #6a7282;
  --color-gray-600: #4a5565;
  --color-gray-700: #364153;
  --color-gray-800: #1e2939;
  --color-gray-900: #101828;
  --color-gray-950: #030712;
  --color-zinc-50: #fafafa;
  --color-zinc-100: #f4f4f5;
  --color-zinc-200: #e4e4e7;
  --color-zinc-300: #d4d4d8;
  --color-zinc-400: #9f9fa9;
  --color-zinc-500: #71717b;
  --color-zinc-600: #52525c;
  --color-zinc-700: #3f3f46;
  --color-zinc-800: #27272a;
  --color-zinc-900: #18181b;
  --color-zinc-950: #09090b;
  --color-neutral-50: #fafafa;
  --color-neutral-100: #f5f5f5;
  --color-neutral-200: #e5e5e5;
  --color-neutral-300: #d4d4d4;
  --color-neutral-400: #a1a1a1;
  --color-neutral-500: #737373;
  --color-neutral-600: #525252;
  --color-neutral-700: #404040;
  --color-neutral-800: #262626;
  --color-neutral-900: #171717;
  --color-neutral-950: #0a0a0a;
  --color-stone-50: #fafaf9;
  --color-stone-100: #f5f5f4;
  --color-stone-200: #e7e5e4;
  --color-stone-300: #d6d3d1;
  --color-stone-400: #a6a09b;
  --color-stone-500: #79716b;
  --color-stone-600: #57534d;
  --color-stone-700: #44403b;
  --color-stone-800: #292524;
  --color-stone-900: #1c1917;
  --color-stone-950: #0c0a09;
}

.bg-red-50 {
  background-color: var(--color-red-50);
}

.text-red-50 {
  color: var(--color-red-50);
}

.border-red-50 {
  border-color: var(--color-red-50);
}

.bg-red-100 {
  background-color: var(--color-red-100);
}

.text-red-100 {
  color: var(--color-red-100);
}

.border-red-100 {
  border-color: var(--color-red-100);
}

.bg-red-200 {
  background-color: var(--color-red-200);
}

.text-red-200 {
  color: var(--color-red-200);
}

.border-red-200 {
  border-color: var(--color-red-200);
}

.bg-red-300 {
  background-color: var(--color-red-300);
}

.text-red-300 {
  color: var(--color-red-300);
}

.border-red-300 {
  border-color: var(--color-red-300);
}

.bg-red-400 {
  background-color: var(--color-red-400);
}

.text-red-400 {
  color: var(--color-red-400);
}

.border-red-400 {
  border-color: var(--color-red-400);
}

.bg-red-500 {
  background-color: var(--color-red-500);
}

.text-red-500 {
  color: var(--color-red-500);
}

.border-red-500 {
  border-color: var(--color-red-500);
}

.bg-red {
  background-color: var(--color-red-500);
}

.text-red {
  color: var(--color-red-500);
}

.border-red {
  border-color: var(--color-red-500);
}

.bg-red-600 {
  background-color: var(--color-red-600);
}

.text-red-600 {
  color: var(--color-red-600);
}

.border-red-600 {
  border-color: var(--color-red-600);
}

.bg-red-700 {
  background-color: var(--color-red-700);
}

.text-red-700 {
  color: var(--color-red-700);
}

.border-red-700 {
  border-color: var(--color-red-700);
}

.bg-red-800 {
  background-color: var(--color-red-800);
}

.text-red-800 {
  color: var(--color-red-800);
}

.border-red-800 {
  border-color: var(--color-red-800);
}

.bg-red-900 {
  background-color: var(--color-red-900);
}

.text-red-900 {
  color: var(--color-red-900);
}

.border-red-900 {
  border-color: var(--color-red-900);
}

.bg-red-950 {
  background-color: var(--color-red-950);
}

.text-red-950 {
  color: var(--color-red-950);
}

.border-red-950 {
  border-color: var(--color-red-950);
}

.bg-orange-50 {
  background-color: var(--color-orange-50);
}

.text-orange-50 {
  color: var(--color-orange-50);
}

.border-orange-50 {
  border-color: var(--color-orange-50);
}

.bg-orange-100 {
  background-color: var(--color-orange-100);
}

.text-orange-100 {
  color: var(--color-orange-100);
}

.border-orange-100 {
  border-color: var(--color-orange-100);
}

.bg-orange-200 {
  background-color: var(--color-orange-200);
}

.text-orange-200 {
  color: var(--color-orange-200);
}

.border-orange-200 {
  border-color: var(--color-orange-200);
}

.bg-orange-300 {
  background-color: var(--color-orange-300);
}

.text-orange-300 {
  color: var(--color-orange-300);
}

.border-orange-300 {
  border-color: var(--color-orange-300);
}

.bg-orange-400 {
  background-color: var(--color-orange-400);
}

.text-orange-400 {
  color: var(--color-orange-400);
}

.border-orange-400 {
  border-color: var(--color-orange-400);
}

.bg-orange-500 {
  background-color: var(--color-orange-500);
}

.text-orange-500 {
  color: var(--color-orange-500);
}

.border-orange-500 {
  border-color: var(--color-orange-500);
}

.bg-orange {
  background-color: var(--color-orange-500);
}

.text-orange {
  color: var(--color-orange-500);
}

.border-orange {
  border-color: var(--color-orange-500);
}

.bg-orange-600 {
  background-color: var(--color-orange-600);
}

.text-orange-600 {
  color: var(--color-orange-600);
}

.border-orange-600 {
  border-color: var(--color-orange-600);
}

.bg-orange-700 {
  background-color: var(--color-orange-700);
}

.text-orange-700 {
  color: var(--color-orange-700);
}

.border-orange-700 {
  border-color: var(--color-orange-700);
}

.bg-orange-800 {
  background-color: var(--color-orange-800);
}

.text-orange-800 {
  color: var(--color-orange-800);
}

.border-orange-800 {
  border-color: var(--color-orange-800);
}

.bg-orange-900 {
  background-color: var(--color-orange-900);
}

.text-orange-900 {
  color: var(--color-orange-900);
}

.border-orange-900 {
  border-color: var(--color-orange-900);
}

.bg-orange-950 {
  background-color: var(--color-orange-950);
}

.text-orange-950 {
  color: var(--color-orange-950);
}

.border-orange-950 {
  border-color: var(--color-orange-950);
}

.bg-amber-50 {
  background-color: var(--color-amber-50);
}

.text-amber-50 {
  color: var(--color-amber-50);
}

.border-amber-50 {
  border-color: var(--color-amber-50);
}

.bg-amber-100 {
  background-color: var(--color-amber-100);
}

.text-amber-100 {
  color: var(--color-amber-100);
}

.border-amber-100 {
  border-color: var(--color-amber-100);
}

.bg-amber-200 {
  background-color: var(--color-amber-200);
}

.text-amber-200 {
  color: var(--color-amber-200);
}

.border-amber-200 {
  border-color: var(--color-amber-200);
}

.bg-amber-300 {
  background-color: var(--color-amber-300);
}

.text-amber-300 {
  color: var(--color-amber-300);
}

.border-amber-300 {
  border-color: var(--color-amber-300);
}

.bg-amber-400 {
  background-color: var(--color-amber-400);
}

.text-amber-400 {
  color: var(--color-amber-400);
}

.border-amber-400 {
  border-color: var(--color-amber-400);
}

.bg-amber-500 {
  background-color: var(--color-amber-500);
}

.text-amber-500 {
  color: var(--color-amber-500);
}

.border-amber-500 {
  border-color: var(--color-amber-500);
}

.bg-amber {
  background-color: var(--color-amber-500);
}

.text-amber {
  color: var(--color-amber-500);
}

.border-amber {
  border-color: var(--color-amber-500);
}

.bg-amber-600 {
  background-color: var(--color-amber-600);
}

.text-amber-600 {
  color: var(--color-amber-600);
}

.border-amber-600 {
  border-color: var(--color-amber-600);
}

.bg-amber-700 {
  background-color: var(--color-amber-700);
}

.text-amber-700 {
  color: var(--color-amber-700);
}

.border-amber-700 {
  border-color: var(--color-amber-700);
}

.bg-amber-800 {
  background-color: var(--color-amber-800);
}

.text-amber-800 {
  color: var(--color-amber-800);
}

.border-amber-800 {
  border-color: var(--color-amber-800);
}

.bg-amber-900 {
  background-color: var(--color-amber-900);
}

.text-amber-900 {
  color: var(--color-amber-900);
}

.border-amber-900 {
  border-color: var(--color-amber-900);
}

.bg-amber-950 {
  background-color: var(--color-amber-950);
}

.text-amber-950 {
  color: var(--color-amber-950);
}

.border-amber-950 {
  border-color: var(--color-amber-950);
}

.bg-yellow-50 {
  background-color: var(--color-yellow-50);
}

.text-yellow-50 {
  color: var(--color-yellow-50);
}

.border-yellow-50 {
  border-color: var(--color-yellow-50);
}

.bg-yellow-100 {
  background-color: var(--color-yellow-100);
}

.text-yellow-100 {
  color: var(--color-yellow-100);
}

.border-yellow-100 {
  border-color: var(--color-yellow-100);
}

.bg-yellow-200 {
  background-color: var(--color-yellow-200);
}

.text-yellow-200 {
  color: var(--color-yellow-200);
}

.border-yellow-200 {
  border-color: var(--color-yellow-200);
}

.bg-yellow-300 {
  background-color: var(--color-yellow-300);
}

.text-yellow-300 {
  color: var(--color-yellow-300);
}

.border-yellow-300 {
  border-color: var(--color-yellow-300);
}

.bg-yellow-400 {
  background-color: var(--color-yellow-400);
}

.text-yellow-400 {
  color: var(--color-yellow-400);
}

.border-yellow-400 {
  border-color: var(--color-yellow-400);
}

.bg-yellow-500 {
  background-color: var(--color-yellow-500);
}

.text-yellow-500 {
  color: var(--color-yellow-500);
}

.border-yellow-500 {
  border-color: var(--color-yellow-500);
}

.bg-yellow {
  background-color: var(--color-yellow-500);
}

.text-yellow {
  color: var(--color-yellow-500);
}

.border-yellow {
  border-color: var(--color-yellow-500);
}

.bg-yellow-600 {
  background-color: var(--color-yellow-600);
}

.text-yellow-600 {
  color: var(--color-yellow-600);
}

.border-yellow-600 {
  border-color: var(--color-yellow-600);
}

.bg-yellow-700 {
  background-color: var(--color-yellow-700);
}

.text-yellow-700 {
  color: var(--color-yellow-700);
}

.border-yellow-700 {
  border-color: var(--color-yellow-700);
}

.bg-yellow-800 {
  background-color: var(--color-yellow-800);
}

.text-yellow-800 {
  color: var(--color-yellow-800);
}

.border-yellow-800 {
  border-color: var(--color-yellow-800);
}

.bg-yellow-900 {
  background-color: var(--color-yellow-900);
}

.text-yellow-900 {
  color: var(--color-yellow-900);
}

.border-yellow-900 {
  border-color: var(--color-yellow-900);
}

.bg-yellow-950 {
  background-color: var(--color-yellow-950);
}

.text-yellow-950 {
  color: var(--color-yellow-950);
}

.border-yellow-950 {
  border-color: var(--color-yellow-950);
}

.bg-lime-50 {
  background-color: var(--color-lime-50);
}

.text-lime-50 {
  color: var(--color-lime-50);
}

.border-lime-50 {
  border-color: var(--color-lime-50);
}

.bg-lime-100 {
  background-color: var(--color-lime-100);
}

.text-lime-100 {
  color: var(--color-lime-100);
}

.border-lime-100 {
  border-color: var(--color-lime-100);
}

.bg-lime-200 {
  background-color: var(--color-lime-200);
}

.text-lime-200 {
  color: var(--color-lime-200);
}

.border-lime-200 {
  border-color: var(--color-lime-200);
}

.bg-lime-300 {
  background-color: var(--color-lime-300);
}

.text-lime-300 {
  color: var(--color-lime-300);
}

.border-lime-300 {
  border-color: var(--color-lime-300);
}

.bg-lime-400 {
  background-color: var(--color-lime-400);
}

.text-lime-400 {
  color: var(--color-lime-400);
}

.border-lime-400 {
  border-color: var(--color-lime-400);
}

.bg-lime-500 {
  background-color: var(--color-lime-500);
}

.text-lime-500 {
  color: var(--color-lime-500);
}

.border-lime-500 {
  border-color: var(--color-lime-500);
}

.bg-lime {
  background-color: var(--color-lime-500);
}

.text-lime {
  color: var(--color-lime-500);
}

.border-lime {
  border-color: var(--color-lime-500);
}

.bg-lime-600 {
  background-color: var(--color-lime-600);
}

.text-lime-600 {
  color: var(--color-lime-600);
}

.border-lime-600 {
  border-color: var(--color-lime-600);
}

.bg-lime-700 {
  background-color: var(--color-lime-700);
}

.text-lime-700 {
  color: var(--color-lime-700);
}

.border-lime-700 {
  border-color: var(--color-lime-700);
}

.bg-lime-800 {
  background-color: var(--color-lime-800);
}

.text-lime-800 {
  color: var(--color-lime-800);
}

.border-lime-800 {
  border-color: var(--color-lime-800);
}

.bg-lime-900 {
  background-color: var(--color-lime-900);
}

.text-lime-900 {
  color: var(--color-lime-900);
}

.border-lime-900 {
  border-color: var(--color-lime-900);
}

.bg-lime-950 {
  background-color: var(--color-lime-950);
}

.text-lime-950 {
  color: var(--color-lime-950);
}

.border-lime-950 {
  border-color: var(--color-lime-950);
}

.bg-green-50 {
  background-color: var(--color-green-50);
}

.text-green-50 {
  color: var(--color-green-50);
}

.border-green-50 {
  border-color: var(--color-green-50);
}

.bg-green-100 {
  background-color: var(--color-green-100);
}

.text-green-100 {
  color: var(--color-green-100);
}

.border-green-100 {
  border-color: var(--color-green-100);
}

.bg-green-200 {
  background-color: var(--color-green-200);
}

.text-green-200 {
  color: var(--color-green-200);
}

.border-green-200 {
  border-color: var(--color-green-200);
}

.bg-green-300 {
  background-color: var(--color-green-300);
}

.text-green-300 {
  color: var(--color-green-300);
}

.border-green-300 {
  border-color: var(--color-green-300);
}

.bg-green-400 {
  background-color: var(--color-green-400);
}

.text-green-400 {
  color: var(--color-green-400);
}

.border-green-400 {
  border-color: var(--color-green-400);
}

.bg-green-500 {
  background-color: var(--color-green-500);
}

.text-green-500 {
  color: var(--color-green-500);
}

.border-green-500 {
  border-color: var(--color-green-500);
}

.bg-green {
  background-color: var(--color-green-500);
}

.text-green {
  color: var(--color-green-500);
}

.border-green {
  border-color: var(--color-green-500);
}

.bg-green-600 {
  background-color: var(--color-green-600);
}

.text-green-600 {
  color: var(--color-green-600);
}

.border-green-600 {
  border-color: var(--color-green-600);
}

.bg-green-700 {
  background-color: var(--color-green-700);
}

.text-green-700 {
  color: var(--color-green-700);
}

.border-green-700 {
  border-color: var(--color-green-700);
}

.bg-green-800 {
  background-color: var(--color-green-800);
}

.text-green-800 {
  color: var(--color-green-800);
}

.border-green-800 {
  border-color: var(--color-green-800);
}

.bg-green-900 {
  background-color: var(--color-green-900);
}

.text-green-900 {
  color: var(--color-green-900);
}

.border-green-900 {
  border-color: var(--color-green-900);
}

.bg-green-950 {
  background-color: var(--color-green-950);
}

.text-green-950 {
  color: var(--color-green-950);
}

.border-green-950 {
  border-color: var(--color-green-950);
}

.bg-emerald-50 {
  background-color: var(--color-emerald-50);
}

.text-emerald-50 {
  color: var(--color-emerald-50);
}

.border-emerald-50 {
  border-color: var(--color-emerald-50);
}

.bg-emerald-100 {
  background-color: var(--color-emerald-100);
}

.text-emerald-100 {
  color: var(--color-emerald-100);
}

.border-emerald-100 {
  border-color: var(--color-emerald-100);
}

.bg-emerald-200 {
  background-color: var(--color-emerald-200);
}

.text-emerald-200 {
  color: var(--color-emerald-200);
}

.border-emerald-200 {
  border-color: var(--color-emerald-200);
}

.bg-emerald-300 {
  background-color: var(--color-emerald-300);
}

.text-emerald-300 {
  color: var(--color-emerald-300);
}

.border-emerald-300 {
  border-color: var(--color-emerald-300);
}

.bg-emerald-400 {
  background-color: var(--color-emerald-400);
}

.text-emerald-400 {
  color: var(--color-emerald-400);
}

.border-emerald-400 {
  border-color: var(--color-emerald-400);
}

.bg-emerald-500 {
  background-color: var(--color-emerald-500);
}

.text-emerald-500 {
  color: var(--color-emerald-500);
}

.border-emerald-500 {
  border-color: var(--color-emerald-500);
}

.bg-emerald {
  background-color: var(--color-emerald-500);
}

.text-emerald {
  color: var(--color-emerald-500);
}

.border-emerald {
  border-color: var(--color-emerald-500);
}

.bg-emerald-600 {
  background-color: var(--color-emerald-600);
}

.text-emerald-600 {
  color: var(--color-emerald-600);
}

.border-emerald-600 {
  border-color: var(--color-emerald-600);
}

.bg-emerald-700 {
  background-color: var(--color-emerald-700);
}

.text-emerald-700 {
  color: var(--color-emerald-700);
}

.border-emerald-700 {
  border-color: var(--color-emerald-700);
}

.bg-emerald-800 {
  background-color: var(--color-emerald-800);
}

.text-emerald-800 {
  color: var(--color-emerald-800);
}

.border-emerald-800 {
  border-color: var(--color-emerald-800);
}

.bg-emerald-900 {
  background-color: var(--color-emerald-900);
}

.text-emerald-900 {
  color: var(--color-emerald-900);
}

.border-emerald-900 {
  border-color: var(--color-emerald-900);
}

.bg-emerald-950 {
  background-color: var(--color-emerald-950);
}

.text-emerald-950 {
  color: var(--color-emerald-950);
}

.border-emerald-950 {
  border-color: var(--color-emerald-950);
}

.bg-teal-50 {
  background-color: var(--color-teal-50);
}

.text-teal-50 {
  color: var(--color-teal-50);
}

.border-teal-50 {
  border-color: var(--color-teal-50);
}

.bg-teal-100 {
  background-color: var(--color-teal-100);
}

.text-teal-100 {
  color: var(--color-teal-100);
}

.border-teal-100 {
  border-color: var(--color-teal-100);
}

.bg-teal-200 {
  background-color: var(--color-teal-200);
}

.text-teal-200 {
  color: var(--color-teal-200);
}

.border-teal-200 {
  border-color: var(--color-teal-200);
}

.bg-teal-300 {
  background-color: var(--color-teal-300);
}

.text-teal-300 {
  color: var(--color-teal-300);
}

.border-teal-300 {
  border-color: var(--color-teal-300);
}

.bg-teal-400 {
  background-color: var(--color-teal-400);
}

.text-teal-400 {
  color: var(--color-teal-400);
}

.border-teal-400 {
  border-color: var(--color-teal-400);
}

.bg-teal-500 {
  background-color: var(--color-teal-500);
}

.text-teal-500 {
  color: var(--color-teal-500);
}

.border-teal-500 {
  border-color: var(--color-teal-500);
}

.bg-teal {
  background-color: var(--color-teal-500);
}

.text-teal {
  color: var(--color-teal-500);
}

.border-teal {
  border-color: var(--color-teal-500);
}

.bg-teal-600 {
  background-color: var(--color-teal-600);
}

.text-teal-600 {
  color: var(--color-teal-600);
}

.border-teal-600 {
  border-color: var(--color-teal-600);
}

.bg-teal-700 {
  background-color: var(--color-teal-700);
}

.text-teal-700 {
  color: var(--color-teal-700);
}

.border-teal-700 {
  border-color: var(--color-teal-700);
}

.bg-teal-800 {
  background-color: var(--color-teal-800);
}

.text-teal-800 {
  color: var(--color-teal-800);
}

.border-teal-800 {
  border-color: var(--color-teal-800);
}

.bg-teal-900 {
  background-color: var(--color-teal-900);
}

.text-teal-900 {
  color: var(--color-teal-900);
}

.border-teal-900 {
  border-color: var(--color-teal-900);
}

.bg-teal-950 {
  background-color: var(--color-teal-950);
}

.text-teal-950 {
  color: var(--color-teal-950);
}

.border-teal-950 {
  border-color: var(--color-teal-950);
}

.bg-cyan-50 {
  background-color: var(--color-cyan-50);
}

.text-cyan-50 {
  color: var(--color-cyan-50);
}

.border-cyan-50 {
  border-color: var(--color-cyan-50);
}

.bg-cyan-100 {
  background-color: var(--color-cyan-100);
}

.text-cyan-100 {
  color: var(--color-cyan-100);
}

.border-cyan-100 {
  border-color: var(--color-cyan-100);
}

.bg-cyan-200 {
  background-color: var(--color-cyan-200);
}

.text-cyan-200 {
  color: var(--color-cyan-200);
}

.border-cyan-200 {
  border-color: var(--color-cyan-200);
}

.bg-cyan-300 {
  background-color: var(--color-cyan-300);
}

.text-cyan-300 {
  color: var(--color-cyan-300);
}

.border-cyan-300 {
  border-color: var(--color-cyan-300);
}

.bg-cyan-400 {
  background-color: var(--color-cyan-400);
}

.text-cyan-400 {
  color: var(--color-cyan-400);
}

.border-cyan-400 {
  border-color: var(--color-cyan-400);
}

.bg-cyan-500 {
  background-color: var(--color-cyan-500);
}

.text-cyan-500 {
  color: var(--color-cyan-500);
}

.border-cyan-500 {
  border-color: var(--color-cyan-500);
}

.bg-cyan {
  background-color: var(--color-cyan-500);
}

.text-cyan {
  color: var(--color-cyan-500);
}

.border-cyan {
  border-color: var(--color-cyan-500);
}

.bg-cyan-600 {
  background-color: var(--color-cyan-600);
}

.text-cyan-600 {
  color: var(--color-cyan-600);
}

.border-cyan-600 {
  border-color: var(--color-cyan-600);
}

.bg-cyan-700 {
  background-color: var(--color-cyan-700);
}

.text-cyan-700 {
  color: var(--color-cyan-700);
}

.border-cyan-700 {
  border-color: var(--color-cyan-700);
}

.bg-cyan-800 {
  background-color: var(--color-cyan-800);
}

.text-cyan-800 {
  color: var(--color-cyan-800);
}

.border-cyan-800 {
  border-color: var(--color-cyan-800);
}

.bg-cyan-900 {
  background-color: var(--color-cyan-900);
}

.text-cyan-900 {
  color: var(--color-cyan-900);
}

.border-cyan-900 {
  border-color: var(--color-cyan-900);
}

.bg-cyan-950 {
  background-color: var(--color-cyan-950);
}

.text-cyan-950 {
  color: var(--color-cyan-950);
}

.border-cyan-950 {
  border-color: var(--color-cyan-950);
}

.bg-sky-50 {
  background-color: var(--color-sky-50);
}

.text-sky-50 {
  color: var(--color-sky-50);
}

.border-sky-50 {
  border-color: var(--color-sky-50);
}

.bg-sky-100 {
  background-color: var(--color-sky-100);
}

.text-sky-100 {
  color: var(--color-sky-100);
}

.border-sky-100 {
  border-color: var(--color-sky-100);
}

.bg-sky-200 {
  background-color: var(--color-sky-200);
}

.text-sky-200 {
  color: var(--color-sky-200);
}

.border-sky-200 {
  border-color: var(--color-sky-200);
}

.bg-sky-300 {
  background-color: var(--color-sky-300);
}

.text-sky-300 {
  color: var(--color-sky-300);
}

.border-sky-300 {
  border-color: var(--color-sky-300);
}

.bg-sky-400 {
  background-color: var(--color-sky-400);
}

.text-sky-400 {
  color: var(--color-sky-400);
}

.border-sky-400 {
  border-color: var(--color-sky-400);
}

.bg-sky-500 {
  background-color: var(--color-sky-500);
}

.text-sky-500 {
  color: var(--color-sky-500);
}

.border-sky-500 {
  border-color: var(--color-sky-500);
}

.bg-sky {
  background-color: var(--color-sky-500);
}

.text-sky {
  color: var(--color-sky-500);
}

.border-sky {
  border-color: var(--color-sky-500);
}

.bg-sky-600 {
  background-color: var(--color-sky-600);
}

.text-sky-600 {
  color: var(--color-sky-600);
}

.border-sky-600 {
  border-color: var(--color-sky-600);
}

.bg-sky-700 {
  background-color: var(--color-sky-700);
}

.text-sky-700 {
  color: var(--color-sky-700);
}

.border-sky-700 {
  border-color: var(--color-sky-700);
}

.bg-sky-800 {
  background-color: var(--color-sky-800);
}

.text-sky-800 {
  color: var(--color-sky-800);
}

.border-sky-800 {
  border-color: var(--color-sky-800);
}

.bg-sky-900 {
  background-color: var(--color-sky-900);
}

.text-sky-900 {
  color: var(--color-sky-900);
}

.border-sky-900 {
  border-color: var(--color-sky-900);
}

.bg-sky-950 {
  background-color: var(--color-sky-950);
}

.text-sky-950 {
  color: var(--color-sky-950);
}

.border-sky-950 {
  border-color: var(--color-sky-950);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bg-indigo-50 {
  background-color: var(--color-indigo-50);
}

.text-indigo-50 {
  color: var(--color-indigo-50);
}

.border-indigo-50 {
  border-color: var(--color-indigo-50);
}

.bg-indigo-100 {
  background-color: var(--color-indigo-100);
}

.text-indigo-100 {
  color: var(--color-indigo-100);
}

.border-indigo-100 {
  border-color: var(--color-indigo-100);
}

.bg-indigo-200 {
  background-color: var(--color-indigo-200);
}

.text-indigo-200 {
  color: var(--color-indigo-200);
}

.border-indigo-200 {
  border-color: var(--color-indigo-200);
}

.bg-indigo-300 {
  background-color: var(--color-indigo-300);
}

.text-indigo-300 {
  color: var(--color-indigo-300);
}

.border-indigo-300 {
  border-color: var(--color-indigo-300);
}

.bg-indigo-400 {
  background-color: var(--color-indigo-400);
}

.text-indigo-400 {
  color: var(--color-indigo-400);
}

.border-indigo-400 {
  border-color: var(--color-indigo-400);
}

.bg-indigo-500 {
  background-color: var(--color-indigo-500);
}

.text-indigo-500 {
  color: var(--color-indigo-500);
}

.border-indigo-500 {
  border-color: var(--color-indigo-500);
}

.bg-indigo {
  background-color: var(--color-indigo-500);
}

.text-indigo {
  color: var(--color-indigo-500);
}

.border-indigo {
  border-color: var(--color-indigo-500);
}

.bg-indigo-600 {
  background-color: var(--color-indigo-600);
}

.text-indigo-600 {
  color: var(--color-indigo-600);
}

.border-indigo-600 {
  border-color: var(--color-indigo-600);
}

.bg-indigo-700 {
  background-color: var(--color-indigo-700);
}

.text-indigo-700 {
  color: var(--color-indigo-700);
}

.border-indigo-700 {
  border-color: var(--color-indigo-700);
}

.bg-indigo-800 {
  background-color: var(--color-indigo-800);
}

.text-indigo-800 {
  color: var(--color-indigo-800);
}

.border-indigo-800 {
  border-color: var(--color-indigo-800);
}

.bg-indigo-900 {
  background-color: var(--color-indigo-900);
}

.text-indigo-900 {
  color: var(--color-indigo-900);
}

.border-indigo-900 {
  border-color: var(--color-indigo-900);
}

.bg-indigo-950 {
  background-color: var(--color-indigo-950);
}

.text-indigo-950 {
  color: var(--color-indigo-950);
}

.border-indigo-950 {
  border-color: var(--color-indigo-950);
}

.bg-violet-50 {
  background-color: var(--color-violet-50);
}

.text-violet-50 {
  color: var(--color-violet-50);
}

.border-violet-50 {
  border-color: var(--color-violet-50);
}

.bg-violet-100 {
  background-color: var(--color-violet-100);
}

.text-violet-100 {
  color: var(--color-violet-100);
}

.border-violet-100 {
  border-color: var(--color-violet-100);
}

.bg-violet-200 {
  background-color: var(--color-violet-200);
}

.text-violet-200 {
  color: var(--color-violet-200);
}

.border-violet-200 {
  border-color: var(--color-violet-200);
}

.bg-violet-300 {
  background-color: var(--color-violet-300);
}

.text-violet-300 {
  color: var(--color-violet-300);
}

.border-violet-300 {
  border-color: var(--color-violet-300);
}

.bg-violet-400 {
  background-color: var(--color-violet-400);
}

.text-violet-400 {
  color: var(--color-violet-400);
}

.border-violet-400 {
  border-color: var(--color-violet-400);
}

.bg-violet-500 {
  background-color: var(--color-violet-500);
}

.text-violet-500 {
  color: var(--color-violet-500);
}

.border-violet-500 {
  border-color: var(--color-violet-500);
}

.bg-violet {
  background-color: var(--color-violet-500);
}

.text-violet {
  color: var(--color-violet-500);
}

.border-violet {
  border-color: var(--color-violet-500);
}

.bg-violet-600 {
  background-color: var(--color-violet-600);
}

.text-violet-600 {
  color: var(--color-violet-600);
}

.border-violet-600 {
  border-color: var(--color-violet-600);
}

.bg-violet-700 {
  background-color: var(--color-violet-700);
}

.text-violet-700 {
  color: var(--color-violet-700);
}

.border-violet-700 {
  border-color: var(--color-violet-700);
}

.bg-violet-800 {
  background-color: var(--color-violet-800);
}

.text-violet-800 {
  color: var(--color-violet-800);
}

.border-violet-800 {
  border-color: var(--color-violet-800);
}

.bg-violet-900 {
  background-color: var(--color-violet-900);
}

.text-violet-900 {
  color: var(--color-violet-900);
}

.border-violet-900 {
  border-color: var(--color-violet-900);
}

.bg-violet-950 {
  background-color: var(--color-violet-950);
}

.text-violet-950 {
  color: var(--color-violet-950);
}

.border-violet-950 {
  border-color: var(--color-violet-950);
}

.bg-purple-50 {
  background-color: var(--color-purple-50);
}

.text-purple-50 {
  color: var(--color-purple-50);
}

.border-purple-50 {
  border-color: var(--color-purple-50);
}

.bg-purple-100 {
  background-color: var(--color-purple-100);
}

.text-purple-100 {
  color: var(--color-purple-100);
}

.border-purple-100 {
  border-color: var(--color-purple-100);
}

.bg-purple-200 {
  background-color: var(--color-purple-200);
}

.text-purple-200 {
  color: var(--color-purple-200);
}

.border-purple-200 {
  border-color: var(--color-purple-200);
}

.bg-purple-300 {
  background-color: var(--color-purple-300);
}

.text-purple-300 {
  color: var(--color-purple-300);
}

.border-purple-300 {
  border-color: var(--color-purple-300);
}

.bg-purple-400 {
  background-color: var(--color-purple-400);
}

.text-purple-400 {
  color: var(--color-purple-400);
}

.border-purple-400 {
  border-color: var(--color-purple-400);
}

.bg-purple-500 {
  background-color: var(--color-purple-500);
}

.text-purple-500 {
  color: var(--color-purple-500);
}

.border-purple-500 {
  border-color: var(--color-purple-500);
}

.bg-purple {
  background-color: var(--color-purple-500);
}

.text-purple {
  color: var(--color-purple-500);
}

.border-purple {
  border-color: var(--color-purple-500);
}

.bg-purple-600 {
  background-color: var(--color-purple-600);
}

.text-purple-600 {
  color: var(--color-purple-600);
}

.border-purple-600 {
  border-color: var(--color-purple-600);
}

.bg-purple-700 {
  background-color: var(--color-purple-700);
}

.text-purple-700 {
  color: var(--color-purple-700);
}

.border-purple-700 {
  border-color: var(--color-purple-700);
}

.bg-purple-800 {
  background-color: var(--color-purple-800);
}

.text-purple-800 {
  color: var(--color-purple-800);
}

.border-purple-800 {
  border-color: var(--color-purple-800);
}

.bg-purple-900 {
  background-color: var(--color-purple-900);
}

.text-purple-900 {
  color: var(--color-purple-900);
}

.border-purple-900 {
  border-color: var(--color-purple-900);
}

.bg-purple-950 {
  background-color: var(--color-purple-950);
}

.text-purple-950 {
  color: var(--color-purple-950);
}

.border-purple-950 {
  border-color: var(--color-purple-950);
}

.bg-fuchsia-50 {
  background-color: var(--color-fuchsia-50);
}

.text-fuchsia-50 {
  color: var(--color-fuchsia-50);
}

.border-fuchsia-50 {
  border-color: var(--color-fuchsia-50);
}

.bg-fuchsia-100 {
  background-color: var(--color-fuchsia-100);
}

.text-fuchsia-100 {
  color: var(--color-fuchsia-100);
}

.border-fuchsia-100 {
  border-color: var(--color-fuchsia-100);
}

.bg-fuchsia-200 {
  background-color: var(--color-fuchsia-200);
}

.text-fuchsia-200 {
  color: var(--color-fuchsia-200);
}

.border-fuchsia-200 {
  border-color: var(--color-fuchsia-200);
}

.bg-fuchsia-300 {
  background-color: var(--color-fuchsia-300);
}

.text-fuchsia-300 {
  color: var(--color-fuchsia-300);
}

.border-fuchsia-300 {
  border-color: var(--color-fuchsia-300);
}

.bg-fuchsia-400 {
  background-color: var(--color-fuchsia-400);
}

.text-fuchsia-400 {
  color: var(--color-fuchsia-400);
}

.border-fuchsia-400 {
  border-color: var(--color-fuchsia-400);
}

.bg-fuchsia-500 {
  background-color: var(--color-fuchsia-500);
}

.text-fuchsia-500 {
  color: var(--color-fuchsia-500);
}

.border-fuchsia-500 {
  border-color: var(--color-fuchsia-500);
}

.bg-fuchsia {
  background-color: var(--color-fuchsia-500);
}

.text-fuchsia {
  color: var(--color-fuchsia-500);
}

.border-fuchsia {
  border-color: var(--color-fuchsia-500);
}

.bg-fuchsia-600 {
  background-color: var(--color-fuchsia-600);
}

.text-fuchsia-600 {
  color: var(--color-fuchsia-600);
}

.border-fuchsia-600 {
  border-color: var(--color-fuchsia-600);
}

.bg-fuchsia-700 {
  background-color: var(--color-fuchsia-700);
}

.text-fuchsia-700 {
  color: var(--color-fuchsia-700);
}

.border-fuchsia-700 {
  border-color: var(--color-fuchsia-700);
}

.bg-fuchsia-800 {
  background-color: var(--color-fuchsia-800);
}

.text-fuchsia-800 {
  color: var(--color-fuchsia-800);
}

.border-fuchsia-800 {
  border-color: var(--color-fuchsia-800);
}

.bg-fuchsia-900 {
  background-color: var(--color-fuchsia-900);
}

.text-fuchsia-900 {
  color: var(--color-fuchsia-900);
}

.border-fuchsia-900 {
  border-color: var(--color-fuchsia-900);
}

.bg-fuchsia-950 {
  background-color: var(--color-fuchsia-950);
}

.text-fuchsia-950 {
  color: var(--color-fuchsia-950);
}

.border-fuchsia-950 {
  border-color: var(--color-fuchsia-950);
}

.bg-pink-50 {
  background-color: var(--color-pink-50);
}

.text-pink-50 {
  color: var(--color-pink-50);
}

.border-pink-50 {
  border-color: var(--color-pink-50);
}

.bg-pink-100 {
  background-color: var(--color-pink-100);
}

.text-pink-100 {
  color: var(--color-pink-100);
}

.border-pink-100 {
  border-color: var(--color-pink-100);
}

.bg-pink-200 {
  background-color: var(--color-pink-200);
}

.text-pink-200 {
  color: var(--color-pink-200);
}

.border-pink-200 {
  border-color: var(--color-pink-200);
}

.bg-pink-300 {
  background-color: var(--color-pink-300);
}

.text-pink-300 {
  color: var(--color-pink-300);
}

.border-pink-300 {
  border-color: var(--color-pink-300);
}

.bg-pink-400 {
  background-color: var(--color-pink-400);
}

.text-pink-400 {
  color: var(--color-pink-400);
}

.border-pink-400 {
  border-color: var(--color-pink-400);
}

.bg-pink-500 {
  background-color: var(--color-pink-500);
}

.text-pink-500 {
  color: var(--color-pink-500);
}

.border-pink-500 {
  border-color: var(--color-pink-500);
}

.bg-pink {
  background-color: var(--color-pink-500);
}

.text-pink {
  color: var(--color-pink-500);
}

.border-pink {
  border-color: var(--color-pink-500);
}

.bg-pink-600 {
  background-color: var(--color-pink-600);
}

.text-pink-600 {
  color: var(--color-pink-600);
}

.border-pink-600 {
  border-color: var(--color-pink-600);
}

.bg-pink-700 {
  background-color: var(--color-pink-700);
}

.text-pink-700 {
  color: var(--color-pink-700);
}

.border-pink-700 {
  border-color: var(--color-pink-700);
}

.bg-pink-800 {
  background-color: var(--color-pink-800);
}

.text-pink-800 {
  color: var(--color-pink-800);
}

.border-pink-800 {
  border-color: var(--color-pink-800);
}

.bg-pink-900 {
  background-color: var(--color-pink-900);
}

.text-pink-900 {
  color: var(--color-pink-900);
}

.border-pink-900 {
  border-color: var(--color-pink-900);
}

.bg-pink-950 {
  background-color: var(--color-pink-950);
}

.text-pink-950 {
  color: var(--color-pink-950);
}

.border-pink-950 {
  border-color: var(--color-pink-950);
}

.bg-rose-50 {
  background-color: var(--color-rose-50);
}

.text-rose-50 {
  color: var(--color-rose-50);
}

.border-rose-50 {
  border-color: var(--color-rose-50);
}

.bg-rose-100 {
  background-color: var(--color-rose-100);
}

.text-rose-100 {
  color: var(--color-rose-100);
}

.border-rose-100 {
  border-color: var(--color-rose-100);
}

.bg-rose-200 {
  background-color: var(--color-rose-200);
}

.text-rose-200 {
  color: var(--color-rose-200);
}

.border-rose-200 {
  border-color: var(--color-rose-200);
}

.bg-rose-300 {
  background-color: var(--color-rose-300);
}

.text-rose-300 {
  color: var(--color-rose-300);
}

.border-rose-300 {
  border-color: var(--color-rose-300);
}

.bg-rose-400 {
  background-color: var(--color-rose-400);
}

.text-rose-400 {
  color: var(--color-rose-400);
}

.border-rose-400 {
  border-color: var(--color-rose-400);
}

.bg-rose-500 {
  background-color: var(--color-rose-500);
}

.text-rose-500 {
  color: var(--color-rose-500);
}

.border-rose-500 {
  border-color: var(--color-rose-500);
}

.bg-rose {
  background-color: var(--color-rose-500);
}

.text-rose {
  color: var(--color-rose-500);
}

.border-rose {
  border-color: var(--color-rose-500);
}

.bg-rose-600 {
  background-color: var(--color-rose-600);
}

.text-rose-600 {
  color: var(--color-rose-600);
}

.border-rose-600 {
  border-color: var(--color-rose-600);
}

.bg-rose-700 {
  background-color: var(--color-rose-700);
}

.text-rose-700 {
  color: var(--color-rose-700);
}

.border-rose-700 {
  border-color: var(--color-rose-700);
}

.bg-rose-800 {
  background-color: var(--color-rose-800);
}

.text-rose-800 {
  color: var(--color-rose-800);
}

.border-rose-800 {
  border-color: var(--color-rose-800);
}

.bg-rose-900 {
  background-color: var(--color-rose-900);
}

.text-rose-900 {
  color: var(--color-rose-900);
}

.border-rose-900 {
  border-color: var(--color-rose-900);
}

.bg-rose-950 {
  background-color: var(--color-rose-950);
}

.text-rose-950 {
  color: var(--color-rose-950);
}

.border-rose-950 {
  border-color: var(--color-rose-950);
}

.bg-slate-50 {
  background-color: var(--color-slate-50);
}

.text-slate-50 {
  color: var(--color-slate-50);
}

.border-slate-50 {
  border-color: var(--color-slate-50);
}

.bg-slate-100 {
  background-color: var(--color-slate-100);
}

.text-slate-100 {
  color: var(--color-slate-100);
}

.border-slate-100 {
  border-color: var(--color-slate-100);
}

.bg-slate-200 {
  background-color: var(--color-slate-200);
}

.text-slate-200 {
  color: var(--color-slate-200);
}

.border-slate-200 {
  border-color: var(--color-slate-200);
}

.bg-slate-300 {
  background-color: var(--color-slate-300);
}

.text-slate-300 {
  color: var(--color-slate-300);
}

.border-slate-300 {
  border-color: var(--color-slate-300);
}

.bg-slate-400 {
  background-color: var(--color-slate-400);
}

.text-slate-400 {
  color: var(--color-slate-400);
}

.border-slate-400 {
  border-color: var(--color-slate-400);
}

.bg-slate-500 {
  background-color: var(--color-slate-500);
}

.text-slate-500 {
  color: var(--color-slate-500);
}

.border-slate-500 {
  border-color: var(--color-slate-500);
}

.bg-slate {
  background-color: var(--color-slate-500);
}

.text-slate {
  color: var(--color-slate-500);
}

.border-slate {
  border-color: var(--color-slate-500);
}

.bg-slate-600 {
  background-color: var(--color-slate-600);
}

.text-slate-600 {
  color: var(--color-slate-600);
}

.border-slate-600 {
  border-color: var(--color-slate-600);
}

.bg-slate-700 {
  background-color: var(--color-slate-700);
}

.text-slate-700 {
  color: var(--color-slate-700);
}

.border-slate-700 {
  border-color: var(--color-slate-700);
}

.bg-slate-800 {
  background-color: var(--color-slate-800);
}

.text-slate-800 {
  color: var(--color-slate-800);
}

.border-slate-800 {
  border-color: var(--color-slate-800);
}

.bg-slate-900 {
  background-color: var(--color-slate-900);
}

.text-slate-900 {
  color: var(--color-slate-900);
}

.border-slate-900 {
  border-color: var(--color-slate-900);
}

.bg-slate-950 {
  background-color: var(--color-slate-950);
}

.text-slate-950 {
  color: var(--color-slate-950);
}

.border-slate-950 {
  border-color: var(--color-slate-950);
}

.bg-gray-50 {
  background-color: var(--color-gray-50);
}

.text-gray-50 {
  color: var(--color-gray-50);
}

.border-gray-50 {
  border-color: var(--color-gray-50);
}

.bg-gray-100 {
  background-color: var(--color-gray-100);
}

.text-gray-100 {
  color: var(--color-gray-100);
}

.border-gray-100 {
  border-color: var(--color-gray-100);
}

.bg-gray-200 {
  background-color: var(--color-gray-200);
}

.text-gray-200 {
  color: var(--color-gray-200);
}

.border-gray-200 {
  border-color: var(--color-gray-200);
}

.bg-gray-300 {
  background-color: var(--color-gray-300);
}

.text-gray-300 {
  color: var(--color-gray-300);
}

.border-gray-300 {
  border-color: var(--color-gray-300);
}

.bg-gray-400 {
  background-color: var(--color-gray-400);
}

.text-gray-400 {
  color: var(--color-gray-400);
}

.border-gray-400 {
  border-color: var(--color-gray-400);
}

.bg-gray-500 {
  background-color: var(--color-gray-500);
}

.text-gray-500 {
  color: var(--color-gray-500);
}

.border-gray-500 {
  border-color: var(--color-gray-500);
}

.bg-gray {
  background-color: var(--color-gray-500);
}

.text-gray {
  color: var(--color-gray-500);
}

.border-gray {
  border-color: var(--color-gray-500);
}

.bg-gray-600 {
  background-color: var(--color-gray-600);
}

.text-gray-600 {
  color: var(--color-gray-600);
}

.border-gray-600 {
  border-color: var(--color-gray-600);
}

.bg-gray-700 {
  background-color: var(--color-gray-700);
}

.text-gray-700 {
  color: var(--color-gray-700);
}

.border-gray-700 {
  border-color: var(--color-gray-700);
}

.bg-gray-800 {
  background-color: var(--color-gray-800);
}

.text-gray-800 {
  color: var(--color-gray-800);
}

.border-gray-800 {
  border-color: var(--color-gray-800);
}

.bg-gray-900 {
  background-color: var(--color-gray-900);
}

.text-gray-900 {
  color: var(--color-gray-900);
}

.border-gray-900 {
  border-color: var(--color-gray-900);
}

.bg-gray-950 {
  background-color: var(--color-gray-950);
}

.text-gray-950 {
  color: var(--color-gray-950);
}

.border-gray-950 {
  border-color: var(--color-gray-950);
}

.bg-zinc-50 {
  background-color: var(--color-zinc-50);
}

.text-zinc-50 {
  color: var(--color-zinc-50);
}

.border-zinc-50 {
  border-color: var(--color-zinc-50);
}

.bg-zinc-100 {
  background-color: var(--color-zinc-100);
}

.text-zinc-100 {
  color: var(--color-zinc-100);
}

.border-zinc-100 {
  border-color: var(--color-zinc-100);
}

.bg-zinc-200 {
  background-color: var(--color-zinc-200);
}

.text-zinc-200 {
  color: var(--color-zinc-200);
}

.border-zinc-200 {
  border-color: var(--color-zinc-200);
}

.bg-zinc-300 {
  background-color: var(--color-zinc-300);
}

.text-zinc-300 {
  color: var(--color-zinc-300);
}

.border-zinc-300 {
  border-color: var(--color-zinc-300);
}

.bg-zinc-400 {
  background-color: var(--color-zinc-400);
}

.text-zinc-400 {
  color: var(--color-zinc-400);
}

.border-zinc-400 {
  border-color: var(--color-zinc-400);
}

.bg-zinc-500 {
  background-color: var(--color-zinc-500);
}

.text-zinc-500 {
  color: var(--color-zinc-500);
}

.border-zinc-500 {
  border-color: var(--color-zinc-500);
}

.bg-zinc {
  background-color: var(--color-zinc-500);
}

.text-zinc {
  color: var(--color-zinc-500);
}

.border-zinc {
  border-color: var(--color-zinc-500);
}

.bg-zinc-600 {
  background-color: var(--color-zinc-600);
}

.text-zinc-600 {
  color: var(--color-zinc-600);
}

.border-zinc-600 {
  border-color: var(--color-zinc-600);
}

.bg-zinc-700 {
  background-color: var(--color-zinc-700);
}

.text-zinc-700 {
  color: var(--color-zinc-700);
}

.border-zinc-700 {
  border-color: var(--color-zinc-700);
}

.bg-zinc-800 {
  background-color: var(--color-zinc-800);
}

.text-zinc-800 {
  color: var(--color-zinc-800);
}

.border-zinc-800 {
  border-color: var(--color-zinc-800);
}

.bg-zinc-900 {
  background-color: var(--color-zinc-900);
}

.text-zinc-900 {
  color: var(--color-zinc-900);
}

.border-zinc-900 {
  border-color: var(--color-zinc-900);
}

.bg-zinc-950 {
  background-color: var(--color-zinc-950);
}

.text-zinc-950 {
  color: var(--color-zinc-950);
}

.border-zinc-950 {
  border-color: var(--color-zinc-950);
}

.bg-neutral-50 {
  background-color: var(--color-neutral-50);
}

.text-neutral-50 {
  color: var(--color-neutral-50);
}

.border-neutral-50 {
  border-color: var(--color-neutral-50);
}

.bg-neutral-100 {
  background-color: var(--color-neutral-100);
}

.text-neutral-100 {
  color: var(--color-neutral-100);
}

.border-neutral-100 {
  border-color: var(--color-neutral-100);
}

.bg-neutral-200 {
  background-color: var(--color-neutral-200);
}

.text-neutral-200 {
  color: var(--color-neutral-200);
}

.border-neutral-200 {
  border-color: var(--color-neutral-200);
}

.bg-neutral-300 {
  background-color: var(--color-neutral-300);
}

.text-neutral-300 {
  color: var(--color-neutral-300);
}

.border-neutral-300 {
  border-color: var(--color-neutral-300);
}

.bg-neutral-400 {
  background-color: var(--color-neutral-400);
}

.text-neutral-400 {
  color: var(--color-neutral-400);
}

.border-neutral-400 {
  border-color: var(--color-neutral-400);
}

.bg-neutral-500 {
  background-color: var(--color-neutral-500);
}

.text-neutral-500 {
  color: var(--color-neutral-500);
}

.border-neutral-500 {
  border-color: var(--color-neutral-500);
}

.bg-neutral {
  background-color: var(--color-neutral-500);
}

.text-neutral {
  color: var(--color-neutral-500);
}

.border-neutral {
  border-color: var(--color-neutral-500);
}

.bg-neutral-600 {
  background-color: var(--color-neutral-600);
}

.text-neutral-600 {
  color: var(--color-neutral-600);
}

.border-neutral-600 {
  border-color: var(--color-neutral-600);
}

.bg-neutral-700 {
  background-color: var(--color-neutral-700);
}

.text-neutral-700 {
  color: var(--color-neutral-700);
}

.border-neutral-700 {
  border-color: var(--color-neutral-700);
}

.bg-neutral-800 {
  background-color: var(--color-neutral-800);
}

.text-neutral-800 {
  color: var(--color-neutral-800);
}

.border-neutral-800 {
  border-color: var(--color-neutral-800);
}

.bg-neutral-900 {
  background-color: var(--color-neutral-900);
}

.text-neutral-900 {
  color: var(--color-neutral-900);
}

.border-neutral-900 {
  border-color: var(--color-neutral-900);
}

.bg-neutral-950 {
  background-color: var(--color-neutral-950);
}

.text-neutral-950 {
  color: var(--color-neutral-950);
}

.border-neutral-950 {
  border-color: var(--color-neutral-950);
}

.bg-stone-50 {
  background-color: var(--color-stone-50);
}

.text-stone-50 {
  color: var(--color-stone-50);
}

.border-stone-50 {
  border-color: var(--color-stone-50);
}

.bg-stone-100 {
  background-color: var(--color-stone-100);
}

.text-stone-100 {
  color: var(--color-stone-100);
}

.border-stone-100 {
  border-color: var(--color-stone-100);
}

.bg-stone-200 {
  background-color: var(--color-stone-200);
}

.text-stone-200 {
  color: var(--color-stone-200);
}

.border-stone-200 {
  border-color: var(--color-stone-200);
}

.bg-stone-300 {
  background-color: var(--color-stone-300);
}

.text-stone-300 {
  color: var(--color-stone-300);
}

.border-stone-300 {
  border-color: var(--color-stone-300);
}

.bg-stone-400 {
  background-color: var(--color-stone-400);
}

.text-stone-400 {
  color: var(--color-stone-400);
}

.border-stone-400 {
  border-color: var(--color-stone-400);
}

.bg-stone-500 {
  background-color: var(--color-stone-500);
}

.text-stone-500 {
  color: var(--color-stone-500);
}

.border-stone-500 {
  border-color: var(--color-stone-500);
}

.bg-stone {
  background-color: var(--color-stone-500);
}

.text-stone {
  color: var(--color-stone-500);
}

.border-stone {
  border-color: var(--color-stone-500);
}

.bg-stone-600 {
  background-color: var(--color-stone-600);
}

.text-stone-600 {
  color: var(--color-stone-600);
}

.border-stone-600 {
  border-color: var(--color-stone-600);
}

.bg-stone-700 {
  background-color: var(--color-stone-700);
}

.text-stone-700 {
  color: var(--color-stone-700);
}

.border-stone-700 {
  border-color: var(--color-stone-700);
}

.bg-stone-800 {
  background-color: var(--color-stone-800);
}

.text-stone-800 {
  color: var(--color-stone-800);
}

.border-stone-800 {
  border-color: var(--color-stone-800);
}

.bg-stone-900 {
  background-color: var(--color-stone-900);
}

.text-stone-900 {
  color: var(--color-stone-900);
}

.border-stone-900 {
  border-color: var(--color-stone-900);
}

.bg-stone-950 {
  background-color: var(--color-stone-950);
}

.text-stone-950 {
  color: var(--color-stone-950);
}

.border-stone-950 {
  border-color: var(--color-stone-950);
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a.btn:hover, a.nav-link:hover {
  text-decoration: none;
}

.nav-link {
  color: inherit;
}

.fs-7 {
  font-size: 0.85rem;
}

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

.anote {
  color: var(--bs-gray-600);
  font-size: 0.85rem;
}

.dropdown-item {
  cursor: pointer;
}

.dropdown-item:focus,
.dropdown-item:hover {
  background-color: #ddd;
}

.minw-100px {
  min-width: 100px;
}

.bg-secondary,
.list-group-item-secondary {
  background-color: var(--bs-gray-400);
  color: var(--bs-gray-700);
}

figure blockquote {
  display: inline-block;
  text-align: left;
}
figure blockquote::before {
  position: absolute;
  color: var(--bs-gray-400);
  font-size: 2rem;
}
figure blockquote p {
  padding-top: 0.5rem;
  margin-left: 2.25rem;
}

.fw-md-normal {
  font-weight: bold;
}
@media (min-width: 768px) {
  .fw-md-normal {
    font-weight: normal;
  }
}

.fw-md-bold {
  font-weight: normal;
}
@media (min-width: 768px) {
  .fw-md-bold {
    font-weight: bold;
  }
}

.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='%23c9a2ff'/%3e%3c/svg%3e");
}

.btn-close {
  --bs-btn-close-color: var(--bs-white) ;
}

label.is-invalid {
  color: var(--bs-danger);
}

input.is-invalid,
textarea.is-invalid {
  border-color: var(--bs-danger);
}

.form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.form-control:focus,
.form-check-input:focus,
.form-select:focus {
  border-color: var(--bs-active-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-active-outline-color-rgb), 0.25);
}

.toast-container {
  position: fixed;
  z-index: 2002;
  bottom: 1rem;
  right: 1rem;
}

.widget-container {
  max-width: 600px;
  min-height: 180px;
}

.btn-row .btn {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  min-width: 8rem;
}
.btn-row .btn:first-child {
  margin-left: 0;
}
.btn-row .btn:last-child {
  margin-right: 0;
}

fieldset .btn-row .btn {
  width: 100%;
}
@media (min-width: 576px) {
  fieldset .btn-row .btn {
    width: auto;
  }
}

hr {
  opacity: 0.1;
  margin: 1.5rem 0;
}

.toast {
  --bs-toast-font-size: 1rem;
}

.space-less {
  line-height: 1.2rem;
}

.progress-bar {
  background-color: var(--bs-primary);
}

.form-label {
  color: var(--bs-gray-600);
  font-weight: bold;
}

.fixed-width {
  max-width: 25rem;
}

.fixed-label {
  flex-wrap: nowrap;
}
.fixed-label label {
  min-width: 7.5rem;
}

.main {
  transition: all 0.5s;
}

.input-group input:first-child + label {
  border-radius: var(--bs-border-radius) 0 0 var(--bs-border-radius) !important;
}
.input-group .btn-check:checked + .btn {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.btn-check:checked + .option-row {
  border: var(--bs-primary) solid 1px !important;
  background-color: var(--bs-primary-bg-subtle);
}

.btn-check:checked + label input {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 0.15rem rgba(var(--bs-active-outline-color-rgb), 0.5);
}

.modal-header {
  background-color: var(--bs-gray-200);
}
.modal-header .btn-close {
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23636363'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}

.border-selected {
  border-color: var(--theme-color-primary) !important;
}

.inline-dropdown {
  position: absolute;
  left: auto;
  right: auto;
}
.inline-dropdown a:hover, .inline-dropdown a.hover {
  text-decoration: none;
  background-color: var(--bs-gray-200);
}

.dropdown-item:hover {
  text-decoration: none;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loader {
  width: 2.5rem;
  height: 2.5rem;
  border: var(--bs-dark) solid 2px;
  border-radius: 3rem;
  border-top-color: var(--bs-gray-400);
  animation: spin 1.5s linear infinite;
  margin: auto;
}

.blocker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
  display: none;
  padding-top: 44vh;
}
.blocker div {
  width: 4rem;
  height: 4rem;
  border: var(--bs-white) solid 3px;
  border-radius: 3rem;
  border-top-color: var(--bs-gray-500);
  animation: spin 1.5s linear infinite;
  margin: auto;
}

.option-container {
  max-height: 250px;
  overflow: auto;
}

.text-break {
  word-wrap: break-word;
}

.grip {
  cursor: move;
}

.page-link {
  color: var(--theme-color-primary);
}
.page-link:hover {
  color: var(--bs-dark);
  background-color: var(--hover--color);
}
.page-link:focus {
  box-shadow: 0 0 0 0.25rem var(--active--color);
  color: var(--bs-dark);
}
.page-link.active {
  background-color: var(--bs-dark);
  border-color: var(--bs-dark);
}
.page-link.active:hover {
  color: var(--bs-white);
  background-color: var(--bs-dark);
}

#ui-datepicker-div {
  box-shadow: 1px 1px 8px var(--bs-gray);
}

.frozen {
  pointer-events: none;
}

@keyframes LoadingBar {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
.badge:empty {
  display: inline-block !important;
}

body {
  background-color: #fff;
}
body.compact {
  background-color: #eee;
}
body.compact footer {
  display: none;
}

.v-extended {
  min-height: 90vh;
}

.h-extended {
  width: 100%;
}

.h-min {
  min-height: 500px;
}

.max-800 {
  max-width: 800px;
}

.max-600 {
  max-width: 600px;
}

.panel {
  background-color: var(--bs-white);
  box-shadow: 0 0 6px var(--bs-gray-300);
}

.panel-standalone {
  width: 540px;
  max-width: 92%;
}

.btn-long .icon {
  align-items: center;
  margin-right: 1rem;
}
.btn-long .icon img {
  width: 48px;
  border-radius: 48px;
}

.home-menu div {
  padding: 0.25rem 0;
}
.home-menu div a {
  font-size: 1rem;
}

.page-content {
  margin-top: 3.5rem;
}

.sortable-list ul {
  margin: 0;
  padding: 0;
}
.sortable-list ul li {
  list-style: none;
  margin: 0.75rem 0;
}
.sortable-list ul li a {
  display: flex;
  align-items: center;
  border: var(--bs-gray-300) solid 1px;
  border-radius: var(--bs-border-radius);
  background-color: var(--bs-gray-100);
}
.sortable-list ul li a .divide {
  border-left: var(--bs-border-color) solid 1px;
  border-radius: 0;
}
.sortable-list ul li a:hover {
  text-decoration: none;
  background-color: var(--hover--color);
  border-color: var(--theme-color-light);
}
.sortable-list ul li a span {
  color: var(--bs-body-color);
}
.sortable-list ul li ul li {
  padding-left: 2rem;
}
.sortable-list .bi {
  font-size: 1.2rem;
}

.grid .grid-body {
  min-height: 100px;
  background-color: var(--bs-white);
  position: relative;
}
.grid .grid-header .cell,
.grid .grid-row .cell {
  padding: 0.5rem;
  position: relative;
}
.grid .grid-header {
  background-color: var(--bs-gray-400);
  font-weight: bold;
  color: var(--bs-gray-700);
}
.grid .grid-header .cell {
  border-right: var(--bs-gray-100) solid 1px;
}
.grid .grid-header .cell[data-key] {
  cursor: pointer;
}
.grid .grid-header div div:last-child .cell {
  border: none;
}
.grid .grid-row {
  border-bottom: var(--bs-border-color) solid 1px;
}
.grid .grid-row.disabled {
  color: var(--bs-gray-500);
}
.grid .grid-row:nth-child(odd) {
  background-color: var(--bs-gray-100);
}
.grid .grid-row:hover {
  background-color: var(--hover--color);
}
.grid .grid-loader {
  background-color: rgba(255, 255, 255, 0.5);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 2;
  box-sizing: border-box;
  display: flex;
}
.grid .grid-sort {
  position: absolute;
  right: 0.3rem;
}

.site-group-block {
  max-width: 300px;
}
.site-group-block .group-block-icon {
  width: 3.3rem;
  box-sizing: border-box;
}
.site-group-block .group-block-icon img {
  width: 100%;
}

.middle-line-v div {
  width: 0;
  height: 2rem;
  border-left: #999 dashed 2px;
  margin: auto;
}

.middle-line-h div {
  width: 50%;
  border-top: #999 dashed 2px;
  margin: auto;
}
.middle-line-h.cw-3 div {
  width: 67.66%;
}
.middle-line-h.cw-4 div {
  width: 75.5%;
}
.middle-line-h.cw-5 div {
  width: 81%;
}
.middle-line-h.cw-6 div {
  width: 84%;
}

.site_group_pick_icon {
  width: 96px;
  height: 96px;
  cursor: pointer;
  border: var(--bs-gray-300) solid 1px;
}
.site_group_pick_icon img {
  width: 100%;
}

/** Product form images */
.product-images {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  display: flex;
  flex-wrap: wrap;
}
.product-images .product-image {
  margin: 0.5rem;
  width: 120px;
  height: 160px;
  background-color: var(--bs-gray-100);
  border: solid 1px var(--bs-gray-300);
  position: relative;
}
.product-images .product-image img {
  max-width: 100%;
}
.product-images .product-image button {
  position: absolute;
  right: 0.25rem;
  bottom: 0.25rem;
  opacity: 0.75;
}

.grid-container {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem;
}
.grid-container .product-item {
  margin: 0.5rem;
  border: 1px solid var(--bs-gray-300);
  border-radius: var(--bs-border-radius);
  max-width: 11.6rem;
}
.grid-container .product-item img {
  max-width: 175px;
}
.grid-container .giftcard-item {
  margin: 0.5rem;
  border-radius: var(--bs-border-radius);
  max-width: 24.2rem;
  width: 100%;
  height: 13.6rem;
  background-image: url("../images/giftcard-background.jpg");
  background-size: cover;
}
.grid-container .giftcard-item img {
  max-width: 175px;
}

.btn-google {
  background-image: url(../images/google-logo.png);
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 3rem;
}

.background-vivid {
  background-image: url("../images/vivid-bgackground.jpg");
  background-position: center 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

header {
  background-color: var(--bs-primary);
  color:var(--bs-white);
  left: 0;
  top: 0;
  right: 0;
  z-index: 1054;
}
header .navbar-toggler {
  border-color: var(--bs-white);
}
header .navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
header .navbar-nav .nav-link {
  color: var(--bs-white);
}
header .navbar-nav .nav-link:hover {
  color: var(--bs-light);
}
header .navbar-nav .nav-link.active {
  color: var(--bs-white);
}
header .navbar-nav .nav-link.active:hover {
  color: var(--bs-light);
}
header .navbar-nav .nav-link.show {
  color: var(--bs-white);
}
header .navbar-nav .nav-link.show:hover {
  color: var(--bs-light);
}
@media (max-width: 576px) {
  header .navbar-nav {
    position: absolute;
    width: 200px;
    right: 1px;
    top: 3.5rem;
    padding: 1rem;
    background-color: var(--bs-primary);
  }
  header .navbar-nav.profile-nav {
    top: 12rem;
  }
}
header .dropdown-menu {
  background-color: var(--bs-dark);
  border: none;
  --bs-dropdown-padding-y: 0.25rem;
}
header .dropdown-menu li {
  padding: 0.25rem 0.5rem;
}
header .dropdown-menu .dropdown-item {
  color: var(--bs-white);
  border-radius: var(--bs-border-radius);
}
header .dropdown-menu .dropdown-item:hover {
  background-color: var(--bs-light);
  color: var(--bs-dark);
  text-decoration: none;
}
header .dropdown-menu .dropdown-divider {
  border-color: var(--bs-white);
}

.header-logo {
  align-self: center;
}
.header-logo img {
  height: 36px;
}

.header-tools {
  align-self: center;
}

nav button.navbar-toggler:focus {
  box-shadow: none;
}

.nav-profile {
  padding-left: 1rem;
  padding-right: 1rem;
  align-self: center;
}
.nav-profile a.nav-link {
  width: 2.4rem;
  height: 2.4rem;
  display: block;
  background-image: url("../images/user-placeholder.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 2.4rem;
  border: var(--bs-gray-200) solid 1px;
}
.nav-profile a.nav-link::after {
  display: none;
}
.nav-profile .dropdown-menu[data-bs-popper] {
  left: auto;
  right: 0;
}

aside {
  width: 3rem;
  position: fixed;
  top: 3.5rem;
  bottom: 0;
  box-shadow: 0 3px 3px var(--theme-color-shadow);
  background-color: var(--bs-white);
  transition: all 0.5s;
  z-index: 2;
}
@media (min-width: 992px) {
  aside {
    width: 15rem;
  }
}
aside > div {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
aside div.menu-container {
  display: none;
}
aside div.menu-container a {
  padding-left: 1rem;
}
@media (min-width: 992px) {
  aside div.menu-container a {
    padding-left: 2rem;
  }
}
aside a {
  color: var(--bs-body-color);
  display: flex;
  padding: 0.6rem 1rem;
  transition: all 0.3s;
  font-size: 1.1rem;
}
aside a:hover {
  color: var(--bs-dark);
  text-decoration: none;
  background-color: var(--bs-dark-bg-subtle);
}
aside a:hover label {
  color: var(--bs-dark);
}
aside a::before {
  margin-right: 0.375rem;
}
aside a i {
  margin-right: 1rem;
  font-size: 1.2rem;
}
aside a label {
  color: var(--bs-gray-500);
}
aside a.active {
  background-color: var(--bs-dark);
  color: var(--bs-white);
}
aside a.active::after {
  content: " ";
  background-color: var(--bs-dark);
}
aside img {
  width: 100%;
  max-width: 200px;
}
aside .handle {
  background-color: var(--bs-gray-400);
  font-family: bootstrap-icons !important;
  right: 0rem;
  top: 0;
  left: 0;
  cursor: pointer;
  padding: 0.3rem 0.5rem;
  height: auto;
  width: auto;
  position: absolute;
}
aside .handle:before {
  content: "\f280";
  margin-left: 40%;
}
@media (min-width: 992px) {
  aside .handle::before {
    content: "\f27f";
    margin-left: 90%;
  }
}

@media (max-width: 991px) {
  .expanded aside {
    width: 15rem;
  }
  .expanded aside .handle::before {
    content: "\f27f";
    margin-left: 90%;
  }
}
.expanded .main {
  margin-left: 16rem;
}
@media (min-width: 992px) {
  .expanded .main {
    margin-left: 17rem;
  }
}

@media (min-width: 992px) {
  .collapsed aside {
    transform: translateX(-15rem);
  }
  .collapsed aside .handle::before {
    content: "\f280";
    margin-left: 40%;
  }
}
.collapsed aside a span {
  display: none;
}
.collapsed aside a label {
  display: none;
}
.collapsed aside div.menu-container {
  display: none;
}
.collapsed aside div.menu-container a {
  padding-left: 1rem;
}
.collapsed .main {
  margin-left: 4rem;
}
@media (min-width: 992px) {
  .collapsed .main {
    margin-left: 5rem;
  }
}

@keyframes sp-open {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0%);
  }
}
@keyframes sp-close {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(100%);
  }
}
.side-panel {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 3.5rem;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 3;
}
.side-panel .sp-inner {
  width: 100%;
  height: 100%;
  background-color: var(--bs-white);
  margin-left: auto;
  display: flex;
  flex-direction: column;
  transition: all 0.2s;
  animation: sp-open 0.4s;
  animation-iteration-count: 1;
}
.side-panel .sp-inner .sp-close {
  position: absolute;
  width: 3rem;
  right: 0.25rem;
  margin-top: 0.25rem;
  z-index: 5;
}
.side-panel .sp-inner .sp-body {
  flex: 1 1 auto;
  overflow: auto;
}
.side-panel .sp-closing {
  transform: translateX(100%);
  animation: sp-close 0.4s;
}

.sp-sm {
  max-width: 600px;
}

.sp-md {
  max-width: 768px;
}

.sp-lg {
  max-width: 992px;
}

.treeview {
  padding-left: 0;
  list-style: none;
}
.treeview ul {
  list-style: none;
  padding-left: 2rem;
}
.treeview a {
  padding: 0.25rem 0.5rem;
  cursor: pointer;
  color: var(--bs-body-color);
  display: inline-block;
  min-width: 80px;
}
.treeview a.active {
  color: var(--theme-color-primary);
  font-weight: bold;
}
.treeview a:hover {
  text-decoration: none;
}
.treeview .collapsed > span:first-child::before {
  content: "\f231";
}
.treeview .collapsed > ul {
  display: none;
}
.treeview .expanded > span:first-child::before {
  content: "\f229";
}
.treeview .expanded > ul {
  display: block;
}

.animated-checkmark {
  width: 52px;
  height: 52px;
  position: relative;
  display: inline-block;
  padding-right: 5px;
  border-radius: 52px;
  border: var(--theme-color-green) solid 2px;
}
.animated-checkmark .checkmark {
  fill: none;
  stroke: var(--theme-color-green);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  animation: checkmark-draw 0.7s ease-in-out forwards;
}
.animated-checkmark .checkmark__path {
  stroke-dasharray: 52;
  stroke-dashoffset: 52;
  animation: checkmark-reveal 0.7s ease-in-out forwards;
}

@keyframes checkmark-draw {
  40% {
    stroke-width: 6;
  }
}
@keyframes checkmark-reveal {
  0% {
    stroke-dashoffset: 52;
  }
  40% {
    stroke-dashoffset: 26;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.file-lib .input-group {
  flex-wrap: nowrap;
}
.file-lib .file-lib-header {
  background-color: var(--bs-gray-100);
}
.file-lib .file-dir {
  position: absolute;
  left: 0;
  right: 0;
  top: 2.5rem;
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 2;
  box-shadow: 0 4px 4px var(--bs-gray-300);
  display: none;
}
@media (min-width: 992px) {
  .file-lib .file-dir:not(.minimal) {
    position: relative;
    display: block;
    width: 250px;
    max-width: 250px;
    flex: 0 0 auto;
    border-right: var(--bs-border-color) solid 1px;
    box-shadow: none;
    top: 0;
    padding-top: 0.25rem;
  }
}
.file-lib .icon-lg::before {
  font-size: 1.25rem;
}
.file-lib .file-progess {
  background-color: var(--bs-gray-200);
  margin: 0.1rem 0.5rem;
  border: var(--bs-gray-300) solid 1px;
  border-radius: var(--bs-border-radius);
  overflow: hidden;
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  right: 0;
}
.file-lib .file-progess div {
  padding: 0.5rem;
  width: 100%;
}
.file-lib .breadcrumb-wrapper {
  border-bottom: var(--bs-border-color) solid 1px;
}
@media (min-width: 992px) {
  .file-lib .breadcrumb-wrapper {
    border: none;
  }
}
.file-lib #breadcrumb {
  cursor: pointer;
}
@media (min-width: 992px) {
  .file-lib #breadcrumb:not(.minimal) {
    cursor: default;
  }
}
.file-lib #breadcrumb::after {
  font-family: bootstrap-icons !important;
  content: "\f229";
  position: absolute;
  right: 2rem;
  top: 0.25rem;
}
@media (min-width: 992px) {
  .file-lib #breadcrumb::after:not(.minimal) {
    display: none;
  }
}

.dropzone {
  background-color: var(--bs-info-bg-subtle);
  border: var(--bs-dark) dashed 3px;
}
.dropzone div {
  display: none;
}

.file-body {
  height: 300px;
  overflow-y: auto;
}
.file-body .gfile {
  width: 120px;
  margin: 0.75rem;
  background-color: var(--bs-gray-100);
  border: var(--bs-gray-200) solid 1px;
  border-radius: var(--bs-border-radius);
  overflow: hidden;
  display: inline-block;
  cursor: pointer;
}
.file-body .gfile .thumb img {
  width: 100%;
  display: block;
}
.file-body .gfile .filetype {
  height: 120px;
  display: flex;
  align-items: center;
}
.file-body .gfile .filetype .bi {
  margin: auto;
  font-size: 4rem;
}
.file-body .gfile .info {
  word-wrap: break-word;
  padding: 0.25rem;
  color: var(--bs-gray-700);
  font-size: 90%;
  height: 3rem;
}
.file-body .gfile:hover {
  border-color: var(--bs-info);
  background-color: var(--bs-info-bg-subtle);
}
.file-body .gfile.active {
  border-color: var(--bs-dark);
  background-color: var(--bs-dark);
}
.file-body .gfile.active .info {
  color: var(--bs-white);
}
.file-body .gfile.active:hover {
  border-color: var(--bs-dark);
  background-color: var(--bs-dark);
}
.file-body .lfile {
  display: flex;
  align-items: center;
  padding: 0.25rem 0;
  cursor: pointer;
}
.file-body .lfile img {
  width: 64px;
  border-radius: var(--bs-border-radius);
  display: block;
}
@media (min-width: 768px) {
  .file-body .lfile img {
    width: 36px;
  }
}
.file-body .lfile .filetype {
  width: 36px;
  height: 36px;
}
.file-body .lfile .filetype .bi {
  font-size: 2rem;
  line-height: 2.57rem;
}
.file-body .lfile .info {
  color: var(--bs-gray-600);
}
@media (min-width: 768px) {
  .file-body .lfile .info {
    width: 25%;
    text-align: right;
    color: var(--bs-body-color);
  }
}
.file-body .lfile:hover {
  background-color: var(--bs-info-bg-subtle);
}
.file-body .lfile.active {
  background-color: var(--bs-dark);
  color: var(--bs-white);
}
.file-body .lfile.active:hover {
  background-color: var(--bs-dark);
}
.file-body .lfile.active .info {
  color: var(--bs-white);
}
.file-body .active .bi-filetype-pdf,
.file-body .active .bi-filetype-doc,
.file-body .active .bi-filetype-docx,
.file-body .active .bi-filetype-xls,
.file-body .active .bi-filetype-xlsx,
.file-body .active .bi-filetype-csv,
.file-body .active .bi-filetype-ppt,
.file-body .active .bi-filetype-pptx,
.file-body .active .bi-filetype-txt,
.file-body .active .bi-filetype-css,
.file-body .active .bi-filetype-js,
.file-body .active .bi-filetype-json,
.file-body .active .bi-filetype-svg,
.file-body .active .bi-filetype-mp3,
.file-body .active .bi-filetype-mp4,
.file-body .active .bi-filetype-mov,
.file-body .active .bi-filetype-wav,
.file-body .active .bi-filetype-ttf,
.file-body .active .bi-filetype-otf,
.file-body .active .bi-filetype-woff,
.file-body .active .bi-filetype-woff2,
.file-body .active .bi-filetype-eof {
  color: var(--bs-white);
}
.file-body .bi-filetype-pdf {
  color: var(--bs-red);
}
.file-body .bi-filetype-doc,
.file-body .bi-filetype-docx {
  color: var(--bs-blue);
}
.file-body .bi-filetype-xls,
.file-body .bi-filetype-xlsx {
  color: var(--bs-green);
}
.file-body .bi-filetype-ppt,
.file-body .bi-filetype-pptx {
  color: var(--bs-orange);
}
.file-body .bi-filetype-js,
.file-body .bi-filetype-json {
  color: var(--bs-indigo);
}
.file-body .bi-filetype-css,
.file-body .bi-filetype-ttf,
.file-body .bi-filetype-otf,
.file-body .bi-filetype-woff,
.file-body .bi-filetype-woff2,
.file-body .bi-filetype-eof {
  color: var(--bs-pink);
}
.file-body .bi-filetype-mp4,
.file-body .bi-filetype-mov {
  color: var(--bs-cyan);
}
.file-body .bi-filetype-mp3,
.file-body .bi-filetype-wav {
  color: var(--bs-teal);
}

.file-preview-info {
  max-width: 475px;
  overflow: auto;
  padding-bottom: 1.5rem;
  text-align: left;
}

.image-picker {
  background-color: var(--bs-gray-100);
  border: var(--bs-border-color) solid 1px;
  cursor: pointer;
  max-height: 100px;
  overflow: hidden;
}
.image-picker img {
  max-width: 100%;
  max-height: 100%;
  cursor: pointer;
  display: block;
  margin: auto;
}

.croptool {
  position: relative;
}
.croptool .crop-bg img {
  width: 100%;
  opacity: 0.4;
}
.croptool .crop-fg {
  border: var(--bs-gray-600) solid 1px;
  width: 100px;
  height: 100px;
  z-index: 2;
  position: absolute;
  background-attachment: fixed;
  cursor: move;
  display: none;
}
.croptool .crop-fg .crop-inner {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: var(--bs-gray-500) solid 1px;
}
.croptool .ui-resizable-handle {
  background-color: var(--bs-gray-600);
}

#color-widget {
  position: absolute;
  z-index: 4;
  top: 100px;
  left: 100px;
  width: 180px;
  display: none;
}
#color-widget .picker_wrapper {
  top: 0;
}

/** Vanila picker **/
.picker_sample, .picker_done, .picker_cancel {
  display: none;
}

.picker_wrapper {
  background: transparent !important;
  box-shadow: none !important;
  width: 100% !important;
}

.designer .main {
  margin-right: 21rem;
  margin-top: 7.5rem;
  margin-left: 15rem;
}
@media (min-width: 992px) {
  .designer .main {
    margin-left: 16rem;
  }
}
.designer .header {
  transition: all 0.5s;
  position: fixed;
  left: 15rem;
  right: 20rem;
  top: 3.5rem;
  z-index: 3;
}
@media (min-width: 992px) {
  .designer .header {
    left: 15rem;
  }
}
.designer.collapsed .header {
  left: 0;
}
.designer.collapsed .main {
  margin-left: 1rem;
}
.designer .right-aside {
  position: fixed;
  bottom: 0;
  top: 3.5rem;
  width: 20rem;
  right: 0;
  z-index: 3;
  box-shadow: 0 3px 3px var(--theme-color-shadow);
}
.designer iframe {
  width: 100%;
  min-height: 300px;
}
.designer .toolbar a {
  border: 1px solid var(--bs-border-color);
  margin-bottom: 0.5rem;
  font-size: 1rem;
  background-color: #fff;
  cursor: pointer;
  transition: none;
}
.designer .toolbar a:hover {
  background-color: var(--hover--color);
}
.designer .prop-item {
  border: 1px solid var(--bs-border-color);
  margin-bottom: 0.5rem;
  font-size: 1rem;
  background-color: #fff;
  cursor: pointer;
  transition: none;
  border-radius: var(--bs-border-radius);
}
.designer .prop-item:hover {
  background-color: var(--hover--color);
}
.designer .prop-item li:last-child {
  border-radius: var(--bs-border-radius);
}

.designer-object {
  border: 1px solid var(--bs-border-color);
  margin-bottom: 0.5rem;
  font-size: 1rem;
  background-color: #fff;
  cursor: pointer;
  transition: none;
  display: block;
  background-color: var(--bs-gray-200);
}
.designer-object:hover {
  text-decoration: none;
}

a.designer-object {
  width: 200px;
  padding: 0.5rem;
}

.ui-draggable-dragging .nss {
  display: none !important;
}

.field_container.disabled {
  display: none;
}

/******* Juery Customization ********/
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-accordion .ui-accordion-content {
  padding: 0;
}
.ui-accordion .ui-widget-content {
  border: 0;
  border-bottom: 1px solid var(--bs-border-color);
  border-radius: 0;
  overflow-y: auto;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0.775rem 1rem;
  font-size: 100%;
  border: none;
  border-radius: 0;
  border-top: 1px solid var(--bs-gray-100);
}
.ui-accordion .ui-accordion-header.ui-state-default {
  background-color: var(--bs-primary-bg-subtle);
  color: var(--bs-body-color);
}
.ui-accordion .ui-accordion-header.ui-state-active {
  background: var(--bs-primary);
  font-weight: bold;
  color: var(--bs-white);
}

.theme-tab a {
  color: var(--bs-gray-600);
}
.theme-tab a.active {
  font-weight: bold;
  color: var(--bs-body-color);
}
.theme-tab a:hover {
  color: var(--bs-black);
}

.breakpoint-tab {
  position: absolute;
  left: 0;
  right: 0;
  top: 2.85rem;
  z-index: 900;
}
.breakpoint-tab a {
  border-radius: 0 !important;
}

#property-panel hr,
#component-properties hr {
  opacity: 0.25;
}
#property-panel .accordion-button,
#component-properties .accordion-button {
  padding: 0.75rem 1.25rem;
  font-size: 0.85rem;
  text-transform: uppercase;
  font-weight: bold;
  background-color: var(--bs-gray-100);
}
#property-panel .accordion-button:focus,
#component-properties .accordion-button:focus {
  box-shadow: none;
}
#property-panel .btn,
#component-properties .btn {
  --bs-btn-padding-x: 0.5rem;
}

#property-panel {
  padding-top: 2rem;
}

#quick-info {
  position: absolute;
  z-index: 102;
  display: none;
  transition: all 0.5ms;
}
#quick-info div {
  margin-left: -2rem;
  background-color: rgba(0, 0, 0, 0.65);
  color: var(--bs-white);
  padding: 0.25rem 0.5rem;
}

.contextbox {
  position: absolute;
  z-index: 3;
  display: none;
}

#textformatter {
  position: absolute;
  z-index: 300;
  display: none;
}
#textformatter a {
  width: 45px;
}
#textformatter a.dropdown-item {
  width: 100%;
  -webkit-user-select: none; /* Safari */ /* IE 10 and IE 11 */
  -moz-user-select: none;
       user-select: none; /* Standard syntax */
}

#previewer {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  transition: all 0.3s;
  background-color: #fff;
}

.picker_wrapper {
  max-width: 12.5rem;
  position: absolute;
  top: 2.25rem;
  z-index: 99;
  background-color: #fff !important;
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  box-shadow: var(--bs-box-shadow) !important;
}

.condition-selector {
  position: relative;
}
.condition-selector a {
  font-size: 0.8rem;
  color: var(--bs-body-color);
}
.condition-selector a:hover {
  text-decoration: none;
}
.condition-selector > a {
  font-weight: bold;
  color: var(--bs-gray-600);
  background-color: #fff;
  margin-top: -1rem;
  position: absolute;
  padding: 0 0.5rem;
}

/****************** Designer styles *********/
/* #02a94c, #f6d701, #0da5f2, #d6237f, #ff8903, #0739ab,  */
.dcanvas {
  padding: 1rem;
}
.dcanvas.design * {
  border-style: dashed;
  border-width: 1px;
  padding: 0.6rem !important;
  margin: 0.3rem 0;
}
.dcanvas.design > .container {
  margin-left: auto;
  margin-right: auto;
}
.dcanvas.design .list-group-item {
  margin: 0;
}
.dcanvas.design .highlight {
  border-style: solid;
  background-color: rgba(0, 0, 0, 0.1);
}
.dcanvas.design .chosen {
  outline-style: solid;
  outline-color: rgba(90, 35, 177, 0.5);
  outline-width: 3px;
}
.dcanvas.design .chosen > .save-prompt {
  display: none;
}
.dcanvas.design .row {
  margin-bottom: 0.8rem !important;
}
.dcanvas.design .table {
  border-collapse: separate;
}
.dcanvas.design img {
  padding: 0 !important;
}
.dcanvas.design span {
  padding: 0 0.6rem !important;
  min-height: 1.5rem;
}
.dcanvas.design [contenteditable=true] span {
  padding: 0 0.2rem !important;
}
.dcanvas.design .widget-container {
  width: 600px;
  margin: auto;
}
.dcanvas.design .error-placeholder {
  display: none;
}
.dcanvas.design .drop-placeholder {
  border-style: solid;
  border-color: var(--bs-primary);
  background-color: rgba(var(--bs-primary-rgb), 0.25);
  min-height: 2rem;
  border-width: 1px;
}
.dcanvas.design .conditional-bar {
  position: relative;
  border: none;
  margin: 0;
  padding: 0 !important;
}
.dcanvas.design .conditional-bar span.conditional-lock {
  position: absolute;
  right: -1rem;
  top: -1.5rem;
  display: block;
  border: none;
  margin: 0;
  padding: 0 !important;
  color: var(--bs-indigo);
}
.dcanvas.design .loading-animation {
  background-color: var(--bs-gray-200);
  border: var(--bs-gray-300) solid 1px;
  border-radius: var(--bs-border-radius);
  margin: 0;
  padding: 0 !important;
  border-style: solid;
}
.dcanvas.design .loading-animation .loading-bar {
  margin: 0;
  padding: 0;
  border: none;
  height: 0.75rem;
  background-color: rgba(var(--bs-primary-rgb), 0.75);
  border-radius: var(--bs-border-radius);
  animation: LoadingBar 3s linear infinite;
}
.dcanvas.design .field_container.disabled {
  background-color: var(--bs-gray-200);
  display: block;
}
.dcanvas.design .field_container.disabled * {
  opacity: 0.5;
  pointer-events: none;
  border: none;
}
.dcanvas.design .component {
  position: relative;
  outline-color: var(--bs-orange);
}
.dcanvas.design .component a.save-prompt {
  position: absolute;
  left: -1rem;
  top: -2rem;
  color: #fff;
  background-color: #dc3545;
  border-radius: 3px;
  box-shadow: 2px 2px 8px #999;
  border: none;
  padding: 0.2rem 0.5rem !important;
  cursor: pointer;
  display: block;
}
.dcanvas.design .component::before, .dcanvas.design .component::after {
  content: "\f229";
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  position: absolute;
  line-height: 1rem;
  font-size: 1.5rem;
  color: var(--bs-orange);
  opacity: 0.75;
}
.dcanvas.design .component::before {
  left: -0.55rem;
  top: -0.36rem;
  rotate: 135deg;
}
.dcanvas.design .component::after {
  right: -0.55rem;
  bottom: -0.35rem;
  rotate: -45deg;
}
.dcanvas.design .form-container {
  position: relative;
  outline-color: var(--bs-green);
}
.dcanvas.design .form-container::before, .dcanvas.design .form-container::after {
  content: "\f229";
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  position: absolute;
  line-height: 1rem;
  font-size: 1.5rem;
  color: var(--bs-green);
  opacity: 0.75;
}
.dcanvas.design .form-container::before {
  left: -0.6rem;
  top: -0.36rem;
  rotate: 135deg;
}
.dcanvas.design .form-container::after {
  right: -0.55rem;
  bottom: -0.35rem;
  rotate: -45deg;
}
.dcanvas.design .widget-cover {
  position: relative;
  outline-color: var(--bs-cyan);
}
.dcanvas.design .widget-cover::before, .dcanvas.design .widget-cover::after {
  content: "\f229";
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  position: absolute;
  line-height: 1rem;
  font-size: 1.5rem;
  color: var(--bs-cyan);
  opacity: 0.75;
}
.dcanvas.design .widget-cover::before {
  left: -0.6rem;
  top: -0.36rem;
  rotate: 135deg;
}
.dcanvas.design .widget-cover::after {
  right: -0.55rem;
  bottom: -0.35rem;
  rotate: -45deg;
}
.dcanvas.design .template,
.dcanvas.design .tlabel,
.dcanvas.design .tloop {
  position: relative;
}
.dcanvas.design .template::before,
.dcanvas.design .tlabel::before,
.dcanvas.design .tloop::before {
  content: "\f392";
  color: var(--bs-indigo);
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  position: absolute;
  line-height: 1rem;
  font-size: 1rem;
  opacity: 0.75;
  left: -0.5rem;
  top: -0.5rem;
}
.dcanvas.design .tlabel::before {
  content: "\f5af";
  background-color: var(--bs-white);
}
.dcanvas.design .tloop::before {
  content: "\f130";
  background-color: var(--bs-white);
}
.dcanvas.design .spinner-border {
  border-color: var(--theme-color-primary);
  border-top-color: transparent;
  border-style: solid;
}
.dcanvas.design .progress,
.dcanvas.design .progress-stacked {
  --bs-progress-height: auto;
}
.dcanvas.design .dropdown-menu {
  z-index: 2;
}
.dcanvas.design .carousel-indicators {
  background-color: var(--bs-gray-300);
}
.dcanvas.design hr {
  padding: 0.3rem !important;
  background-color: var(--bs-gray-400);
  opacity: 1;
}
.dcanvas.design .frozen {
  border: none;
  margin: 0;
  padding: 0;
}
.dcanvas.design .frozen * {
  border: none !important;
}
.dcanvas.design .d-none {
  display: inline-block !important;
  opacity: 0.2;
  background-color: var(--bs-gray-200);
}
.dcanvas.design .carousel .d-none {
  opacity: 1;
}
.dcanvas.design span,
.dcanvas.design label {
  display: inline-block;
}
.dcanvas.design .field_container.disabled * {
  padding: 0.1rem !important;
  margin: 0.1rem 0;
}
.dcanvas.design > * {
  border-color: #02a94c;
}
.dcanvas.design > * > * {
  border-color: #ff8903;
}
.dcanvas.design > * > * > * {
  border-color: #0da5f2;
}
.dcanvas.design > * > * > * > * {
  border-color: #d6237f;
}
.dcanvas.design > * > * > * > * > * {
  border-color: #f6d701;
}
.dcanvas.design > * > * > * > * > * > * {
  border-color: #0739ab;
}
.dcanvas.design > * > * > * > * > * > * > * {
  border-color: #02a94c;
}
.dcanvas.design > * > * > * > * > * > * > * > * {
  border-color: #ff8903;
}
.dcanvas.design > * > * > * > * > * > * > * > * > * {
  border-color: #0da5f2;
}
.dcanvas.design > * > * > * > * > * > * > * > * > * > * {
  border-color: #d6237f;
}
.dcanvas.design > * > * > * > * > * > * > * > * > * > * > * {
  border-color: #f6d701;
}
.dcanvas.design > * > * > * > * > * > * > * > * > * > * > * > * {
  border-color: #0739ab;
}
.dcanvas.design > * > * > * > * > * > * > * > * > * > * > * > * > * {
  border-color: #02a94c;
}
.dcanvas.design > * > * > * > * > * > * > * > * > * > * > * > * > * > * {
  border-color: #ff8903;
}
.dcanvas.design > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {
  border-color: #0da5f2;
}
.dcanvas.design > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {
  border-color: #d6237f;
}
.dcanvas.design > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {
  border-color: #f6d701;
}
.dcanvas.design > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * > * {
  border-color: #0739ab;
}

/*
.chosen:not(.btn) {
    background-color: rgba(255, 255, 0, 0.1);

}
*/
.frozen {
  pointer-events: none;
}

.ui-accordion-content {
  scroll-behavior: smooth;
}

.ticket-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 100%;
}

.ticket-bg-1 {
  background-image: url(../images/ticket-background.png);
}/*# sourceMappingURL=app.css.map */