/*https://components.ai/theme/RGB-natural?themeTab=typography&tab=export#colorModes*/
:root {
  --overlay-tint-0: hsla(0, 0%, 100%, .035);
  --overlay-tint-1: hsla(0, 0%, 100%, 0.1);
  --overlay-tint-2: hsla(0, 0%, 100%, 0.19);
  --overlay-tint-3: hsla(0, 0%, 100%, .28);
  --overlay-tint-4: hsla(0, 0%, 100%, 0.36);
  --overlay-tint-5: hsla(0, 0%, 100%, 0.45);
  --overlay-tint-6: hsla(0, 0%, 100%, .55);
  --overlay-tint-7: hsla(0, 0%, 100%, 0.64);
  --overlay-tint-8: hsla(0, 0%, 100%, .73);
  --overlay-tint-9: hsla(0, 0%, 100%, .815);
  --overlay-tint-10: hsla(0, 0%, 100%, .895);
  --overlay-tint-11: hsla(0, 0%, 100%, .94);
  --overlay-shadow-0: hsla(0, 0%, 0%, 0.94);
  --overlay-shadow-1: hsla(0, 0%, 0%, 0.899);
  --overlay-shadow-2: hsla(0, 0%, 0%, 0.8);
  --overlay-shadow-3: hsla(0, 0%, 0%, 0.69);
  --overlay-shadow-4: hsla(0, 0%, 0%, 0.6);
  --overlay-shadow-5: hsla(0, 0%, 0%, 0.5);
  --overlay-shadow-6: hsla(0, 0%, 0%, 0.41);
  --overlay-shadow-7: hsla(0, 0%, 0%, 0.32);
  --overlay-shadow-8: hsla(0, 0%, 0%, 0.24);
  --overlay-shadow-9: hsla(0, 0%, 0%, 0.16);
  --overlay-shadow-10: hsla(0, 0%, 0%, 0.07);
  --overlay-shadow-11: hsla(0, 0%, 0%, 0.035);
  --gray-0: #000000;
  --gray-1: #1a1a1a;
  --gray-2: #353535;
  --gray-3: #4e4e4e;
  --gray-4: #686868;
  --gray-5: #808080;
  --gray-6: #979797;
  --gray-7: #adadad;
  --gray-8: #c2c2c2;
  --gray-9: #d7d7d7;
  --gray-10: #ebebeb;
  --gray-11: #ffffff;
  --slate-gray-0: #0c0c0e;
  --slate-gray-1: #26262c;
  --slate-gray-2: #403f49;
  --slate-gray-3: #595865;
  --slate-gray-4: #71707f;
  --slate-gray-5: #878697;
  --slate-gray-6: #9d9cad;
  --slate-gray-7: #b1b0c0;
  --slate-gray-8: #c4c4d0;
  --slate-gray-9: #d7d6e0;
  --slate-gray-10: #e8e8ee;
  --slate-gray-11: #fafafb;
  --blue-0: #020d23;
  --blue-1: #05235b;
  --blue-2: #0b3991;
  --blue-3: #134fc1;
  --blue-4: #1e64e9;
  --blue-5: #2e7aff;
  --blue-6: #448fff;
  --blue-7: #5fa4ff;
  --blue-8: #7fb9ff;
  --blue-9: #a2cdff;
  --blue-10: #c7e2ff;
  --blue-11: #eef6ff;
  --indigo-0: #09091c;
  --indigo-1: #1d1b55;
  --indigo-2: #312e8a;
  --indigo-3: #4541bb;
  --indigo-4: #5a55e5;
  --indigo-5: #6e6aff;
  --indigo-6: #847fff;
  --indigo-7: #9a95ff;
  --indigo-8: #b0adff;
  --indigo-9: #c7c4ff;
  --indigo-10: #dedcff;
  --indigo-11: #f5f5ff;
  --violet-0: #180222;
  --violet-1: #3f075b;
  --violet-2: #640d8f;
  --violet-3: #8715bf;
  --violet-4: #a621e8;
  --violet-5: #c031ff;
  --violet-6: #d547ff;
  --violet-7: #e462ff;
  --violet-8: #ef81ff;
  --violet-9: #f6a4ff;
  --violet-10: #fbc9ff;
  --violet-11: #feefff;
  --magenta-0: #150311;
  --magenta-1: #3c0a31;
  --magenta-2: #631051;
  --magenta-3: #8b1771;
  --magenta-4: #b21d91;
  --magenta-5: #d923b1;
  --magenta-6: #eb3cc4;
  --magenta-7: #ef60cf;
  --magenta-8: #f384da;
  --magenta-9: #f6a9e5;
  --magenta-10: #facdf0;
  --magenta-11: #fef2fb;
  --red-0: #140407;
  --red-1: #3f0c17;
  --red-2: #691526;
  --red-3: #941d35;
  --red-4: #be2644;
  --red-5: #e92e54;
  --red-6: #fd446a;
  --red-7: #fe6785;
  --red-8: #fe89a1;
  --red-9: #feacbc;
  --red-10: #ffced8;
  --red-11: #fff1f4;
  --red-orange-0: #140602;
  --red-orange-1: #3d1407;
  --red-orange-2: #66210c;
  --red-orange-3: #8f2f10;
  --red-orange-4: #b83c15;
  --red-orange-5: #e24a1a;
  --red-orange-6: #f66030;
  --red-orange-7: #f87d56;
  --red-orange-8: #f99a7d;
  --red-orange-9: #fbb8a3;
  --red-orange-10: #fdd5c9;
  --red-orange-11: #fef3ef;
  --orange-0: #170a00;
  --orange-1: #411f05;
  --orange-2: #693309;
  --orange-3: #8e440a;
  --orange-4: #af5108;
  --orange-5: #ec5f00;
  --orange-6: #ff780d;
  --orange-7: #ff8b2c;
  --orange-8: #ffa355;
  --orange-9: #ffbe85;
  --orange-10: #ffdbb9;
  --orange-11: #fffaf0;
  --gold-0: #0f0b00;
  --gold-1: #2d2204;
  --gold-2: #4c3806;
  --gold-3: #6d5005;
  --gold-4: #936900;
  --gold-5: #c38800;
  --gold-6: #eda500;
  --gold-7: #ffbd0b;
  --gold-8: #ffce34;
  --gold-9: #ffde6b;
  --gold-10: #ffecab;
  --gold-11: #fffbf0;
  --yellow-0: #0d0e01;
  --yellow-1: #2a2905;
  --yellow-2: #474309;
  --yellow-3: #625c0b;
  --yellow-4: #7c730c;
  --yellow-5: #93880a;
  --yellow-6: #d7c500;
  --yellow-7: #eada21;
  --yellow-8: #f0e345;
  --yellow-9: #f4ec72;
  --yellow-10: #f8f5a6;
  --yellow-11: #fbfedc;
  --green-0: #011409;
  --green-1: #01311b;
  --green-2: #024d2d;
  --green-3: #02683c;
  --green-4: #018149;
  --green-5: #009953;
  --green-6: #00be5c;
  --green-7: #03d662;
  --green-8: #50eb94;
  --green-9: #89f2b8;
  --green-10: #b9f8d7;
  --green-11: #ebfff7;
  --teal-0: #07100c;
  --teal-1: #13261c;
  --teal-2: #1c3c2c;
  --teal-3: #1d533e;
  --teal-4: #117156;
  --teal-5: #039474;
  --teal-6: #11b495;
  --teal-7: #2bc3a7;
  --teal-8: #51d1b9;
  --teal-9: #7fdecc;
  --teal-10: #b4ebdf;
  --teal-11: #ecf8f2;
  --cyan-0: #031111;
  --cyan-1: #092e2f;
  --cyan-2: #0e4a4c;
  --cyan-3: #126568;
  --cyan-4: #157e81;
  --cyan-5: #169498;
  --cyan-6: #12b8be;
  --cyan-7: #1cdae2;
  --cyan-8: #40e6ed;
  --cyan-9: #6feff4;
  --cyan-10: #a7f7fa;
  --cyan-11: #e5ffff;
  --border-radius-0: 5px;
  --border-radius-1: 10px;
  --border-radius-2: 15px;
  --border-radius-3: 25px;
  --border-style-0: solid;
  --border-style-1: dotted;
  --border-style-2: dashed;
  --border-style-3: groove;
  --border-style-4: ridge;
  --border-style-5: inset;
  --border-style-6: outset;
}


.overlay-tint-0 { color: var(--overlay-tint-0); }
.overlay-tint-1 { color: var(--overlay-tint-1); }
.overlay-tint-2 { color: var(--overlay-tint-2); }
.overlay-tint-3 { color: var(--overlay-tint-3); }
.overlay-tint-4 { color: var(--overlay-tint-4); }
.overlay-tint-5 { color: var(--overlay-tint-5); }
.overlay-tint-6 { color: var(--overlay-tint-6); }
.overlay-tint-7 { color: var(--overlay-tint-7); }
.overlay-tint-8 { color: var(--overlay-tint-8); }
.overlay-tint-9 { color: var(--overlay-tint-9); }
.overlay-tint-10 { color: var(--overlay-tint-10); }
.overlay-tint-11 { color: var(--overlay-tint-11); }
.overlay-shadow-0 { color: var(--overlay-shadow-0); }
.overlay-shadow-1 { color: var(--overlay-shadow-1); }
.overlay-shadow-2 { color: var(--overlay-shadow-2); }
.overlay-shadow-3 { color: var(--overlay-shadow-3); }
.overlay-shadow-4 { color: var(--overlay-shadow-4); }
.overlay-shadow-5 { color: var(--overlay-shadow-5); }
.overlay-shadow-6 { color: var(--overlay-shadow-6); }
.overlay-shadow-7 { color: var(--overlay-shadow-7); }
.overlay-shadow-8 { color: var(--overlay-shadow-8); }
.overlay-shadow-9 { color: var(--overlay-shadow-9); }
.overlay-shadow-10 { color: var(--overlay-shadow-10); }
.overlay-shadow-11 { color: var(--overlay-shadow-11); }
.gray-0 { color: var(--gray-0); }
.gray-1 { color: var(--gray-1); }
.gray-2 { color: var(--gray-2); }
.gray-3 { color: var(--gray-3); }
.gray-4 { color: var(--gray-4); }
.gray-5 { color: var(--gray-5); }
.gray-6 { color: var(--gray-6); }
.gray-7 { color: var(--gray-7); }
.gray-8 { color: var(--gray-8); }
.gray-9 { color: var(--gray-9); }
.gray-10 { color: var(--gray-10); }
.gray-11 { color: var(--gray-11); }
.slate-gray-0 { color: var(--slate-gray-0); }
.slate-gray-1 { color: var(--slate-gray-1); }
.slate-gray-2 { color: var(--slate-gray-2); }
.slate-gray-3 { color: var(--slate-gray-3); }
.slate-gray-4 { color: var(--slate-gray-4); }
.slate-gray-5 { color: var(--slate-gray-5); }
.slate-gray-6 { color: var(--slate-gray-6); }
.slate-gray-7 { color: var(--slate-gray-7); }
.slate-gray-8 { color: var(--slate-gray-8); }
.slate-gray-9 { color: var(--slate-gray-9); }
.slate-gray-10 { color: var(--slate-gray-10); }
.slate-gray-11 { color: var(--slate-gray-11); }
.blue-0 { color: var(--blue-0); }
.blue-1 { color: var(--blue-1); }
.blue-2 { color: var(--blue-2); }
.blue-3 { color: var(--blue-3); }
.blue-4 { color: var(--blue-4); }
.blue-5 { color: var(--blue-5); }
.blue-6 { color: var(--blue-6); }
.blue-7 { color: var(--blue-7); }
.blue-8 { color: var(--blue-8); }
.blue-9 { color: var(--blue-9); }
.blue-10 { color: var(--blue-10); }
.blue-11 { color: var(--blue-11); }
.indigo-0 { color: var(--indigo-0); }
.indigo-1 { color: var(--indigo-1); }
.indigo-2 { color: var(--indigo-2); }
.indigo-3 { color: var(--indigo-3); }
.indigo-4 { color: var(--indigo-4); }
.indigo-5 { color: var(--indigo-5); }
.indigo-6 { color: var(--indigo-6); }
.indigo-7 { color: var(--indigo-7); }
.indigo-8 { color: var(--indigo-8); }
.indigo-9 { color: var(--indigo-9); }
.indigo-10 { color: var(--indigo-10); }
.indigo-11 { color: var(--indigo-11); }
.violet-0 { color: var(--violet-0); }
.violet-1 { color: var(--violet-1); }
.violet-2 { color: var(--violet-2); }
.violet-3 { color: var(--violet-3); }
.violet-4 { color: var(--violet-4); }
.violet-5 { color: var(--violet-5); }
.violet-6 { color: var(--violet-6); }
.violet-7 { color: var(--violet-7); }
.violet-8 { color: var(--violet-8); }
.violet-9 { color: var(--violet-9); }
.violet-10 { color: var(--violet-10); }
.violet-11 { color: var(--violet-11); }
.magenta-0 { color: var(--magenta-0); }
.magenta-1 { color: var(--magenta-1); }
.magenta-2 { color: var(--magenta-2); }
.magenta-3 { color: var(--magenta-3); }
.magenta-4 { color: var(--magenta-4); }
.magenta-5 { color: var(--magenta-5); }
.magenta-6 { color: var(--magenta-6); }
.magenta-7 { color: var(--magenta-7); }
.magenta-8 { color: var(--magenta-8); }
.magenta-9 { color: var(--magenta-9); }
.magenta-10 { color: var(--magenta-10); }
.magenta-11 { color: var(--magenta-11); }
.red-0 { color: var(--red-0); }
.red-1 { color: var(--red-1); }
.red-2 { color: var(--red-2); }
.red-3 { color: var(--red-3); }
.red-4 { color: var(--red-4); }
.red-5 { color: var(--red-5); }
.red-6 { color: var(--red-6); }
.red-7 { color: var(--red-7); }
.red-8 { color: var(--red-8); }
.red-9 { color: var(--red-9); }
.red-10 { color: var(--red-10); }
.red-11 { color: var(--red-11); }
.red-orange-0 { color: var(--red-orange-0); }
.red-orange-1 { color: var(--red-orange-1); }
.red-orange-2 { color: var(--red-orange-2); }
.red-orange-3 { color: var(--red-orange-3); }
.red-orange-4 { color: var(--red-orange-4); }
.red-orange-5 { color: var(--red-orange-5); }
.red-orange-6 { color: var(--red-orange-6); }
.red-orange-7 { color: var(--red-orange-7); }
.red-orange-8 { color: var(--red-orange-8); }
.red-orange-9 { color: var(--red-orange-9); }
.red-orange-10 { color: var(--red-orange-10); }
.red-orange-11 { color: var(--red-orange-11); }
.orange-0 { color: var(--orange-0); }
.orange-1 { color: var(--orange-1); }
.orange-2 { color: var(--orange-2); }
.orange-3 { color: var(--orange-3); }
.orange-4 { color: var(--orange-4); }
.orange-5 { color: var(--orange-5); }
.orange-6 { color: var(--orange-6); }
.orange-7 { color: var(--orange-7); }
.orange-8 { color: var(--orange-8); }
.orange-9 { color: var(--orange-9); }
.orange-10 { color: var(--orange-10); }
.orange-11 { color: var(--orange-11); }
.gold-0 { color: var(--gold-0); }
.gold-1 { color: var(--gold-1); }
.gold-2 { color: var(--gold-2); }
.gold-3 { color: var(--gold-3); }
.gold-4 { color: var(--gold-4); }
.gold-5 { color: var(--gold-5); }
.gold-6 { color: var(--gold-6); }
.gold-7 { color: var(--gold-7); }
.gold-8 { color: var(--gold-8); }
.gold-9 { color: var(--gold-9); }
.gold-10 { color: var(--gold-10); }
.gold-11 { color: var(--gold-11); }
.yellow-0 { color: var(--yellow-0); }
.yellow-1 { color: var(--yellow-1); }
.yellow-2 { color: var(--yellow-2); }
.yellow-3 { color: var(--yellow-3); }
.yellow-4 { color: var(--yellow-4); }
.yellow-5 { color: var(--yellow-5); }
.yellow-6 { color: var(--yellow-6); }
.yellow-7 { color: var(--yellow-7); }
.yellow-8 { color: var(--yellow-8); }
.yellow-9 { color: var(--yellow-9); }
.yellow-10 { color: var(--yellow-10); }
.yellow-11 { color: var(--yellow-11); }
.green-0 { color: var(--green-0); }
.green-1 { color: var(--green-1); }
.green-2 { color: var(--green-2); }
.green-3 { color: var(--green-3); }
.green-4 { color: var(--green-4); }
.green-5 { color: var(--green-5); }
.green-6 { color: var(--green-6); }
.green-7 { color: var(--green-7); }
.green-8 { color: var(--green-8); }
.green-9 { color: var(--green-9); }
.green-10 { color: var(--green-10); }
.green-11 { color: var(--green-11); }
.teal-0 { color: var(--teal-0); }
.teal-1 { color: var(--teal-1); }
.teal-2 { color: var(--teal-2); }
.teal-3 { color: var(--teal-3); }
.teal-4 { color: var(--teal-4); }
.teal-5 { color: var(--teal-5); }
.teal-6 { color: var(--teal-6); }
.teal-7 { color: var(--teal-7); }
.teal-8 { color: var(--teal-8); }
.teal-9 { color: var(--teal-9); }
.teal-10 { color: var(--teal-10); }
.teal-11 { color: var(--teal-11); }
.cyan-0 { color: var(--cyan-0); }
.cyan-1 { color: var(--cyan-1); }
.cyan-2 { color: var(--cyan-2); }
.cyan-3 { color: var(--cyan-3); }
.cyan-4 { color: var(--cyan-4); }
.cyan-5 { color: var(--cyan-5); }
.cyan-6 { color: var(--cyan-6); }
.cyan-7 { color: var(--cyan-7); }
.cyan-8 { color: var(--cyan-8); }
.cyan-9 { color: var(--cyan-9); }
.cyan-10 { color: var(--cyan-10); }
.cyan-11 { color: var(--cyan-11); }
.bg-overlay-tint-0 { background-color: var(--overlay-tint-0); }
.bg-overlay-tint-1 { background-color: var(--overlay-tint-1); }
.bg-overlay-tint-2 { background-color: var(--overlay-tint-2); }
.bg-overlay-tint-3 { background-color: var(--overlay-tint-3); }
.bg-overlay-tint-4 { background-color: var(--overlay-tint-4); }
.bg-overlay-tint-5 { background-color: var(--overlay-tint-5); }
.bg-overlay-tint-6 { background-color: var(--overlay-tint-6); }
.bg-overlay-tint-7 { background-color: var(--overlay-tint-7); }
.bg-overlay-tint-8 { background-color: var(--overlay-tint-8); }
.bg-overlay-tint-9 { background-color: var(--overlay-tint-9); }
.bg-overlay-tint-10 { background-color: var(--overlay-tint-10); }
.bg-overlay-tint-11 { background-color: var(--overlay-tint-11); }
.bg-overlay-shadow-0 { background-color: var(--overlay-shadow-0); }
.bg-overlay-shadow-1 { background-color: var(--overlay-shadow-1); }
.bg-overlay-shadow-2 { background-color: var(--overlay-shadow-2); }
.bg-overlay-shadow-3 { background-color: var(--overlay-shadow-3); }
.bg-overlay-shadow-4 { background-color: var(--overlay-shadow-4); }
.bg-overlay-shadow-5 { background-color: var(--overlay-shadow-5); }
.bg-overlay-shadow-6 { background-color: var(--overlay-shadow-6); }
.bg-overlay-shadow-7 { background-color: var(--overlay-shadow-7); }
.bg-overlay-shadow-8 { background-color: var(--overlay-shadow-8); }
.bg-overlay-shadow-9 { background-color: var(--overlay-shadow-9); }
.bg-overlay-shadow-10 { background-color: var(--overlay-shadow-10); }
.bg-overlay-shadow-11 { background-color: var(--overlay-shadow-11); }
.bg-gray-0 { background-color: var(--gray-0); }
.bg-gray-1 { background-color: var(--gray-1); }
.bg-gray-2 { background-color: var(--gray-2); }
.bg-gray-3 { background-color: var(--gray-3); }
.bg-gray-4 { background-color: var(--gray-4); }
.bg-gray-5 { background-color: var(--gray-5); }
.bg-gray-6 { background-color: var(--gray-6); }
.bg-gray-7 { background-color: var(--gray-7); }
.bg-gray-8 { background-color: var(--gray-8); }
.bg-gray-9 { background-color: var(--gray-9); }
.bg-gray-10 { background-color: var(--gray-10); }
.bg-gray-11 { background-color: var(--gray-11); }
.bg-slate-gray-0 { background-color: var(--slate-gray-0); }
.bg-slate-gray-1 { background-color: var(--slate-gray-1); }
.bg-slate-gray-2 { background-color: var(--slate-gray-2); }
.bg-slate-gray-3 { background-color: var(--slate-gray-3); }
.bg-slate-gray-4 { background-color: var(--slate-gray-4); }
.bg-slate-gray-5 { background-color: var(--slate-gray-5); }
.bg-slate-gray-6 { background-color: var(--slate-gray-6); }
.bg-slate-gray-7 { background-color: var(--slate-gray-7); }
.bg-slate-gray-8 { background-color: var(--slate-gray-8); }
.bg-slate-gray-9 { background-color: var(--slate-gray-9); }
.bg-slate-gray-10 { background-color: var(--slate-gray-10); }
.bg-slate-gray-11 { background-color: var(--slate-gray-11); }
.bg-blue-0 { background-color: var(--blue-0); }
.bg-blue-1 { background-color: var(--blue-1); }
.bg-blue-2 { background-color: var(--blue-2); }
.bg-blue-3 { background-color: var(--blue-3); }
.bg-blue-4 { background-color: var(--blue-4); }
.bg-blue-5 { background-color: var(--blue-5); }
.bg-blue-6 { background-color: var(--blue-6); }
.bg-blue-7 { background-color: var(--blue-7); }
.bg-blue-8 { background-color: var(--blue-8); }
.bg-blue-9 { background-color: var(--blue-9); }
.bg-blue-10 { background-color: var(--blue-10); }
.bg-blue-11 { background-color: var(--blue-11); }
.bg-indigo-0 { background-color: var(--indigo-0); }
.bg-indigo-1 { background-color: var(--indigo-1); }
.bg-indigo-2 { background-color: var(--indigo-2); }
.bg-indigo-3 { background-color: var(--indigo-3); }
.bg-indigo-4 { background-color: var(--indigo-4); }
.bg-indigo-5 { background-color: var(--indigo-5); }
.bg-indigo-6 { background-color: var(--indigo-6); }
.bg-indigo-7 { background-color: var(--indigo-7); }
.bg-indigo-8 { background-color: var(--indigo-8); }
.bg-indigo-9 { background-color: var(--indigo-9); }
.bg-indigo-10 { background-color: var(--indigo-10); }
.bg-indigo-11 { background-color: var(--indigo-11); }
.bg-violet-0 { background-color: var(--violet-0); }
.bg-violet-1 { background-color: var(--violet-1); }
.bg-violet-2 { background-color: var(--violet-2); }
.bg-violet-3 { background-color: var(--violet-3); }
.bg-violet-4 { background-color: var(--violet-4); }
.bg-violet-5 { background-color: var(--violet-5); }
.bg-violet-6 { background-color: var(--violet-6); }
.bg-violet-7 { background-color: var(--violet-7); }
.bg-violet-8 { background-color: var(--violet-8); }
.bg-violet-9 { background-color: var(--violet-9); }
.bg-violet-10 { background-color: var(--violet-10); }
.bg-violet-11 { background-color: var(--violet-11); }
.bg-magenta-0 { background-color: var(--magenta-0); }
.bg-magenta-1 { background-color: var(--magenta-1); }
.bg-magenta-2 { background-color: var(--magenta-2); }
.bg-magenta-3 { background-color: var(--magenta-3); }
.bg-magenta-4 { background-color: var(--magenta-4); }
.bg-magenta-5 { background-color: var(--magenta-5); }
.bg-magenta-6 { background-color: var(--magenta-6); }
.bg-magenta-7 { background-color: var(--magenta-7); }
.bg-magenta-8 { background-color: var(--magenta-8); }
.bg-magenta-9 { background-color: var(--magenta-9); }
.bg-magenta-10 { background-color: var(--magenta-10); }
.bg-magenta-11 { background-color: var(--magenta-11); }
.bg-red-0 { background-color: var(--red-0); }
.bg-red-1 { background-color: var(--red-1); }
.bg-red-2 { background-color: var(--red-2); }
.bg-red-3 { background-color: var(--red-3); }
.bg-red-4 { background-color: var(--red-4); }
.bg-red-5 { background-color: var(--red-5); }
.bg-red-6 { background-color: var(--red-6); }
.bg-red-7 { background-color: var(--red-7); }
.bg-red-8 { background-color: var(--red-8); }
.bg-red-9 { background-color: var(--red-9); }
.bg-red-10 { background-color: var(--red-10); }
.bg-red-11 { background-color: var(--red-11); }
.bg-red-orange-0 { background-color: var(--red-orange-0); }
.bg-red-orange-1 { background-color: var(--red-orange-1); }
.bg-red-orange-2 { background-color: var(--red-orange-2); }
.bg-red-orange-3 { background-color: var(--red-orange-3); }
.bg-red-orange-4 { background-color: var(--red-orange-4); }
.bg-red-orange-5 { background-color: var(--red-orange-5); }
.bg-red-orange-6 { background-color: var(--red-orange-6); }
.bg-red-orange-7 { background-color: var(--red-orange-7); }
.bg-red-orange-8 { background-color: var(--red-orange-8); }
.bg-red-orange-9 { background-color: var(--red-orange-9); }
.bg-red-orange-10 { background-color: var(--red-orange-10); }
.bg-red-orange-11 { background-color: var(--red-orange-11); }
.bg-orange-0 { background-color: var(--orange-0); }
.bg-orange-1 { background-color: var(--orange-1); }
.bg-orange-2 { background-color: var(--orange-2); }
.bg-orange-3 { background-color: var(--orange-3); }
.bg-orange-4 { background-color: var(--orange-4); }
.bg-orange-5 { background-color: var(--orange-5); }
.bg-orange-6 { background-color: var(--orange-6); }
.bg-orange-7 { background-color: var(--orange-7); }
.bg-orange-8 { background-color: var(--orange-8); }
.bg-orange-9 { background-color: var(--orange-9); }
.bg-orange-10 { background-color: var(--orange-10); }
.bg-orange-11 { background-color: var(--orange-11); }
.bg-gold-0 { background-color: var(--gold-0); }
.bg-gold-1 { background-color: var(--gold-1); }
.bg-gold-2 { background-color: var(--gold-2); }
.bg-gold-3 { background-color: var(--gold-3); }
.bg-gold-4 { background-color: var(--gold-4); }
.bg-gold-5 { background-color: var(--gold-5); }
.bg-gold-6 { background-color: var(--gold-6); }
.bg-gold-7 { background-color: var(--gold-7); }
.bg-gold-8 { background-color: var(--gold-8); }
.bg-gold-9 { background-color: var(--gold-9); }
.bg-gold-10 { background-color: var(--gold-10); }
.bg-gold-11 { background-color: var(--gold-11); }
.bg-yellow-0 { background-color: var(--yellow-0); }
.bg-yellow-1 { background-color: var(--yellow-1); }
.bg-yellow-2 { background-color: var(--yellow-2); }
.bg-yellow-3 { background-color: var(--yellow-3); }
.bg-yellow-4 { background-color: var(--yellow-4); }
.bg-yellow-5 { background-color: var(--yellow-5); }
.bg-yellow-6 { background-color: var(--yellow-6); }
.bg-yellow-7 { background-color: var(--yellow-7); }
.bg-yellow-8 { background-color: var(--yellow-8); }
.bg-yellow-9 { background-color: var(--yellow-9); }
.bg-yellow-10 { background-color: var(--yellow-10); }
.bg-yellow-11 { background-color: var(--yellow-11); }
.bg-green-0 { background-color: var(--green-0); }
.bg-green-1 { background-color: var(--green-1); }
.bg-green-2 { background-color: var(--green-2); }
.bg-green-3 { background-color: var(--green-3); }
.bg-green-4 { background-color: var(--green-4); }
.bg-green-5 { background-color: var(--green-5); }
.bg-green-6 { background-color: var(--green-6); }
.bg-green-7 { background-color: var(--green-7); }
.bg-green-8 { background-color: var(--green-8); }
.bg-green-9 { background-color: var(--green-9); }
.bg-green-10 { background-color: var(--green-10); }
.bg-green-11 { background-color: var(--green-11); }
.bg-teal-0 { background-color: var(--teal-0); }
.bg-teal-1 { background-color: var(--teal-1); }
.bg-teal-2 { background-color: var(--teal-2); }
.bg-teal-3 { background-color: var(--teal-3); }
.bg-teal-4 { background-color: var(--teal-4); }
.bg-teal-5 { background-color: var(--teal-5); }
.bg-teal-6 { background-color: var(--teal-6); }
.bg-teal-7 { background-color: var(--teal-7); }
.bg-teal-8 { background-color: var(--teal-8); }
.bg-teal-9 { background-color: var(--teal-9); }
.bg-teal-10 { background-color: var(--teal-10); }
.bg-teal-11 { background-color: var(--teal-11); }
.bg-cyan-0 { background-color: var(--cyan-0); }
.bg-cyan-1 { background-color: var(--cyan-1); }
.bg-cyan-2 { background-color: var(--cyan-2); }
.bg-cyan-3 { background-color: var(--cyan-3); }
.bg-cyan-4 { background-color: var(--cyan-4); }
.bg-cyan-5 { background-color: var(--cyan-5); }
.bg-cyan-6 { background-color: var(--cyan-6); }
.bg-cyan-7 { background-color: var(--cyan-7); }
.bg-cyan-8 { background-color: var(--cyan-8); }
.bg-cyan-9 { background-color: var(--cyan-9); }
.bg-cyan-10 { background-color: var(--cyan-10); }
.bg-cyan-11 { background-color: var(--cyan-11); }
.b--overlay-tint-0 { border-color: var(--overlay-tint-0); }
.b--overlay-tint-1 { border-color: var(--overlay-tint-1); }
.b--overlay-tint-2 { border-color: var(--overlay-tint-2); }
.b--overlay-tint-3 { border-color: var(--overlay-tint-3); }
.b--overlay-tint-4 { border-color: var(--overlay-tint-4); }
.b--overlay-tint-5 { border-color: var(--overlay-tint-5); }
.b--overlay-tint-6 { border-color: var(--overlay-tint-6); }
.b--overlay-tint-7 { border-color: var(--overlay-tint-7); }
.b--overlay-tint-8 { border-color: var(--overlay-tint-8); }
.b--overlay-tint-9 { border-color: var(--overlay-tint-9); }
.b--overlay-tint-10 { border-color: var(--overlay-tint-10); }
.b--overlay-tint-11 { border-color: var(--overlay-tint-11); }
.b--overlay-shadow-0 { border-color: var(--overlay-shadow-0); }
.b--overlay-shadow-1 { border-color: var(--overlay-shadow-1); }
.b--overlay-shadow-2 { border-color: var(--overlay-shadow-2); }
.b--overlay-shadow-3 { border-color: var(--overlay-shadow-3); }
.b--overlay-shadow-4 { border-color: var(--overlay-shadow-4); }
.b--overlay-shadow-5 { border-color: var(--overlay-shadow-5); }
.b--overlay-shadow-6 { border-color: var(--overlay-shadow-6); }
.b--overlay-shadow-7 { border-color: var(--overlay-shadow-7); }
.b--overlay-shadow-8 { border-color: var(--overlay-shadow-8); }
.b--overlay-shadow-9 { border-color: var(--overlay-shadow-9); }
.b--overlay-shadow-10 { border-color: var(--overlay-shadow-10); }
.b--overlay-shadow-11 { border-color: var(--overlay-shadow-11); }
.b--gray-0 { border-color: var(--gray-0); }
.b--gray-1 { border-color: var(--gray-1); }
.b--gray-2 { border-color: var(--gray-2); }
.b--gray-3 { border-color: var(--gray-3); }
.b--gray-4 { border-color: var(--gray-4); }
.b--gray-5 { border-color: var(--gray-5); }
.b--gray-6 { border-color: var(--gray-6); }
.b--gray-7 { border-color: var(--gray-7); }
.b--gray-8 { border-color: var(--gray-8); }
.b--gray-9 { border-color: var(--gray-9); }
.b--gray-10 { border-color: var(--gray-10); }
.b--gray-11 { border-color: var(--gray-11); }
.b--slate-gray-0 { border-color: var(--slate-gray-0); }
.b--slate-gray-1 { border-color: var(--slate-gray-1); }
.b--slate-gray-2 { border-color: var(--slate-gray-2); }
.b--slate-gray-3 { border-color: var(--slate-gray-3); }
.b--slate-gray-4 { border-color: var(--slate-gray-4); }
.b--slate-gray-5 { border-color: var(--slate-gray-5); }
.b--slate-gray-6 { border-color: var(--slate-gray-6); }
.b--slate-gray-7 { border-color: var(--slate-gray-7); }
.b--slate-gray-8 { border-color: var(--slate-gray-8); }
.b--slate-gray-9 { border-color: var(--slate-gray-9); }
.b--slate-gray-10 { border-color: var(--slate-gray-10); }
.b--slate-gray-11 { border-color: var(--slate-gray-11); }
.b--blue-0 { border-color: var(--blue-0); }
.b--blue-1 { border-color: var(--blue-1); }
.b--blue-2 { border-color: var(--blue-2); }
.b--blue-3 { border-color: var(--blue-3); }
.b--blue-4 { border-color: var(--blue-4); }
.b--blue-5 { border-color: var(--blue-5); }
.b--blue-6 { border-color: var(--blue-6); }
.b--blue-7 { border-color: var(--blue-7); }
.b--blue-8 { border-color: var(--blue-8); }
.b--blue-9 { border-color: var(--blue-9); }
.b--blue-10 { border-color: var(--blue-10); }
.b--blue-11 { border-color: var(--blue-11); }
.b--indigo-0 { border-color: var(--indigo-0); }
.b--indigo-1 { border-color: var(--indigo-1); }
.b--indigo-2 { border-color: var(--indigo-2); }
.b--indigo-3 { border-color: var(--indigo-3); }
.b--indigo-4 { border-color: var(--indigo-4); }
.b--indigo-5 { border-color: var(--indigo-5); }
.b--indigo-6 { border-color: var(--indigo-6); }
.b--indigo-7 { border-color: var(--indigo-7); }
.b--indigo-8 { border-color: var(--indigo-8); }
.b--indigo-9 { border-color: var(--indigo-9); }
.b--indigo-10 { border-color: var(--indigo-10); }
.b--indigo-11 { border-color: var(--indigo-11); }
.b--violet-0 { border-color: var(--violet-0); }
.b--violet-1 { border-color: var(--violet-1); }
.b--violet-2 { border-color: var(--violet-2); }
.b--violet-3 { border-color: var(--violet-3); }
.b--violet-4 { border-color: var(--violet-4); }
.b--violet-5 { border-color: var(--violet-5); }
.b--violet-6 { border-color: var(--violet-6); }
.b--violet-7 { border-color: var(--violet-7); }
.b--violet-8 { border-color: var(--violet-8); }
.b--violet-9 { border-color: var(--violet-9); }
.b--violet-10 { border-color: var(--violet-10); }
.b--violet-11 { border-color: var(--violet-11); }
.b--magenta-0 { border-color: var(--magenta-0); }
.b--magenta-1 { border-color: var(--magenta-1); }
.b--magenta-2 { border-color: var(--magenta-2); }
.b--magenta-3 { border-color: var(--magenta-3); }
.b--magenta-4 { border-color: var(--magenta-4); }
.b--magenta-5 { border-color: var(--magenta-5); }
.b--magenta-6 { border-color: var(--magenta-6); }
.b--magenta-7 { border-color: var(--magenta-7); }
.b--magenta-8 { border-color: var(--magenta-8); }
.b--magenta-9 { border-color: var(--magenta-9); }
.b--magenta-10 { border-color: var(--magenta-10); }
.b--magenta-11 { border-color: var(--magenta-11); }
.b--red-0 { border-color: var(--red-0); }
.b--red-1 { border-color: var(--red-1); }
.b--red-2 { border-color: var(--red-2); }
.b--red-3 { border-color: var(--red-3); }
.b--red-4 { border-color: var(--red-4); }
.b--red-5 { border-color: var(--red-5); }
.b--red-6 { border-color: var(--red-6); }
.b--red-7 { border-color: var(--red-7); }
.b--red-8 { border-color: var(--red-8); }
.b--red-9 { border-color: var(--red-9); }
.b--red-10 { border-color: var(--red-10); }
.b--red-11 { border-color: var(--red-11); }
.b--red-orange-0 { border-color: var(--red-orange-0); }
.b--red-orange-1 { border-color: var(--red-orange-1); }
.b--red-orange-2 { border-color: var(--red-orange-2); }
.b--red-orange-3 { border-color: var(--red-orange-3); }
.b--red-orange-4 { border-color: var(--red-orange-4); }
.b--red-orange-5 { border-color: var(--red-orange-5); }
.b--red-orange-6 { border-color: var(--red-orange-6); }
.b--red-orange-7 { border-color: var(--red-orange-7); }
.b--red-orange-8 { border-color: var(--red-orange-8); }
.b--red-orange-9 { border-color: var(--red-orange-9); }
.b--red-orange-10 { border-color: var(--red-orange-10); }
.b--red-orange-11 { border-color: var(--red-orange-11); }
.b--orange-0 { border-color: var(--orange-0); }
.b--orange-1 { border-color: var(--orange-1); }
.b--orange-2 { border-color: var(--orange-2); }
.b--orange-3 { border-color: var(--orange-3); }
.b--orange-4 { border-color: var(--orange-4); }
.b--orange-5 { border-color: var(--orange-5); }
.b--orange-6 { border-color: var(--orange-6); }
.b--orange-7 { border-color: var(--orange-7); }
.b--orange-8 { border-color: var(--orange-8); }
.b--orange-9 { border-color: var(--orange-9); }
.b--orange-10 { border-color: var(--orange-10); }
.b--orange-11 { border-color: var(--orange-11); }
.b--gold-0 { border-color: var(--gold-0); }
.b--gold-1 { border-color: var(--gold-1); }
.b--gold-2 { border-color: var(--gold-2); }
.b--gold-3 { border-color: var(--gold-3); }
.b--gold-4 { border-color: var(--gold-4); }
.b--gold-5 { border-color: var(--gold-5); }
.b--gold-6 { border-color: var(--gold-6); }
.b--gold-7 { border-color: var(--gold-7); }
.b--gold-8 { border-color: var(--gold-8); }
.b--gold-9 { border-color: var(--gold-9); }
.b--gold-10 { border-color: var(--gold-10); }
.b--gold-11 { border-color: var(--gold-11); }
.b--yellow-0 { border-color: var(--yellow-0); }
.b--yellow-1 { border-color: var(--yellow-1); }
.b--yellow-2 { border-color: var(--yellow-2); }
.b--yellow-3 { border-color: var(--yellow-3); }
.b--yellow-4 { border-color: var(--yellow-4); }
.b--yellow-5 { border-color: var(--yellow-5); }
.b--yellow-6 { border-color: var(--yellow-6); }
.b--yellow-7 { border-color: var(--yellow-7); }
.b--yellow-8 { border-color: var(--yellow-8); }
.b--yellow-9 { border-color: var(--yellow-9); }
.b--yellow-10 { border-color: var(--yellow-10); }
.b--yellow-11 { border-color: var(--yellow-11); }
.b--green-0 { border-color: var(--green-0); }
.b--green-1 { border-color: var(--green-1); }
.b--green-2 { border-color: var(--green-2); }
.b--green-3 { border-color: var(--green-3); }
.b--green-4 { border-color: var(--green-4); }
.b--green-5 { border-color: var(--green-5); }
.b--green-6 { border-color: var(--green-6); }
.b--green-7 { border-color: var(--green-7); }
.b--green-8 { border-color: var(--green-8); }
.b--green-9 { border-color: var(--green-9); }
.b--green-10 { border-color: var(--green-10); }
.b--green-11 { border-color: var(--green-11); }
.b--teal-0 { border-color: var(--teal-0); }
.b--teal-1 { border-color: var(--teal-1); }
.b--teal-2 { border-color: var(--teal-2); }
.b--teal-3 { border-color: var(--teal-3); }
.b--teal-4 { border-color: var(--teal-4); }
.b--teal-5 { border-color: var(--teal-5); }
.b--teal-6 { border-color: var(--teal-6); }
.b--teal-7 { border-color: var(--teal-7); }
.b--teal-8 { border-color: var(--teal-8); }
.b--teal-9 { border-color: var(--teal-9); }
.b--teal-10 { border-color: var(--teal-10); }
.b--teal-11 { border-color: var(--teal-11); }
.b--cyan-0 { border-color: var(--cyan-0); }
.b--cyan-1 { border-color: var(--cyan-1); }
.b--cyan-2 { border-color: var(--cyan-2); }
.b--cyan-3 { border-color: var(--cyan-3); }
.b--cyan-4 { border-color: var(--cyan-4); }
.b--cyan-5 { border-color: var(--cyan-5); }
.b--cyan-6 { border-color: var(--cyan-6); }
.b--cyan-7 { border-color: var(--cyan-7); }
.b--cyan-8 { border-color: var(--cyan-8); }
.b--cyan-9 { border-color: var(--cyan-9); }
.b--cyan-10 { border-color: var(--cyan-10); }
.b--cyan-11 { border-color: var(--cyan-11); }
.br0 { border-radius: var(--border-radius-0); }
.br1 { border-radius: var(--border-radius-1); }
.br2 { border-radius: var(--border-radius-2); }
.br3 { border-radius: var(--border-radius-3); }
.bs0 { border-style: var(--border-style-0); }
.bs1 { border-style: var(--border-style-1); }
.bs2 { border-style: var(--border-style-2); }
.bs3 { border-style: var(--border-style-3); }
.bs4 { border-style: var(--border-style-4); }
.bs5 { border-style: var(--border-style-5); }
.bs6 { border-style: var(--border-style-6); }