@charset "UTF-8";
/*!
 * GOVBR-DS: Design System de Governo
 * Versão 3.0.0
 * Suporte:
   - Serpro: DIDES/SUPSE/SESEP
 */
:root {
    --blue-90: #11181d;
    --blue-80: #1f303e;
    --blue-70: #274863;
    --blue-60: #2c608a;
    --blue-50: #2378c3;
    --blue-40: #4f97d1;
    --blue-30: #73b3e7;
    --blue-20: #aacdec;
    --blue-10: #dbe8fb;
    --blue-5: #eff6fb;
    --blue-cool-90: #0f191c;
    --blue-cool-80: #14333d;
    --blue-cool-70: #224a58;
    --blue-cool-60: #2e6276;
    --blue-cool-50: #3a7d95;
    --blue-cool-40: #6499af;
    --blue-cool-30: #82b4c9;
    --blue-cool-20: #adcfdc;
    --blue-cool-10: #dae9ee;
    --blue-cool-5: #e7f2f5;
    --blue-warm-90: #13171f;
    --blue-warm-80: #252f3e;
    --blue-warm-70: #2f4668;
    --blue-warm-60: #345d96;
    --blue-warm-50: #4a77b4;
    --blue-warm-40: #7292c7;
    --blue-warm-30: #98afd2;
    --blue-warm-20: #c5d4eb;
    --blue-warm-10: #e1e7f1;
    --blue-warm-5: #ecf1f7;
    --blue-vivid-80: #112f4e;
    --blue-vivid-70: #0b4778;
    --blue-vivid-60: #005ea2;
    --blue-vivid-50: #0076d6;
    --blue-vivid-40: #2491ff;
    --blue-vivid-30: #58b4ff;
    --blue-vivid-20: #a1d3ff;
    --blue-vivid-10: #cfe8ff;
    --blue-vivid-5: #e8f5ff;
    --blue-cool-vivid-80: #002d3f;
    --blue-cool-vivid-70: #074b69;
    --blue-cool-vivid-60: #07648d;
    --blue-cool-vivid-50: #0d7ea2;
    --blue-cool-vivid-40: #28a0cb;
    --blue-cool-vivid-30: #59b9de;
    --blue-cool-vivid-20: #97d4ea;
    --blue-cool-vivid-10: #c3ebfa;
    --blue-cool-vivid-5: #e1f3f8;
    --blue-warm-vivid-90: #071d41;
    --blue-warm-vivid-80: #0c326f;
    --blue-warm-vivid-70: #1351b4;
    --blue-warm-vivid-60: #155bcb;
    --blue-warm-vivid-50: #2670e8;
    --blue-warm-vivid-40: #5992ed;
    --blue-warm-vivid-30: #81aefc;
    --blue-warm-vivid-20: #adcdff;
    --blue-warm-vivid-10: #d4e5ff;
    --blue-warm-vivid-5: #edf5ff;
    --blue-90-rgb: 17, 24, 29;
    --blue-80-rgb: 31, 48, 62;
    --blue-70-rgb: 39, 72, 99;
    --blue-60-rgb: 44, 96, 138;
    --blue-50-rgb: 35, 120, 195;
    --blue-40-rgb: 79, 151, 209;
    --blue-30-rgb: 115, 179, 231;
    --blue-20-rgb: 170, 205, 236;
    --blue-10-rgb: 219, 232, 251;
    --blue-5-rgb: 239, 246, 251;
    --blue-cool-90-rgb: 15, 25, 28;
    --blue-cool-80-rgb: 20, 51, 61;
    --blue-cool-70-rgb: 34, 74, 88;
    --blue-cool-60-rgb: 46, 98, 118;
    --blue-cool-50-rgb: 58, 125, 149;
    --blue-cool-40-rgb: 100, 153, 175;
    --blue-cool-30-rgb: 130, 180, 201;
    --blue-cool-20-rgb: 173, 207, 220;
    --blue-cool-10-rgb: 218, 233, 238;
    --blue-cool-5-rgb: 231, 242, 245;
    --blue-warm-90-rgb: 19, 23, 31;
    --blue-warm-80-rgb: 37, 47, 62;
    --blue-warm-70-rgb: 47, 70, 104;
    --blue-warm-60-rgb: 52, 93, 150;
    --blue-warm-50-rgb: 74, 119, 180;
    --blue-warm-40-rgb: 114, 146, 199;
    --blue-warm-30-rgb: 152, 175, 210;
    --blue-warm-20-rgb: 197, 212, 235;
    --blue-warm-10-rgb: 225, 231, 241;
    --blue-warm-5-rgb: 236, 241, 247;
    --blue-vivid-80-rgb: 17, 47, 78;
    --blue-vivid-70-rgb: 11, 71, 120;
    --blue-vivid-60-rgb: 0, 94, 162;
    --blue-vivid-50-rgb: 0, 118, 214;
    --blue-vivid-40-rgb: 36, 145, 255;
    --blue-vivid-30-rgb: 88, 180, 255;
    --blue-vivid-20-rgb: 161, 211, 255;
    --blue-vivid-10-rgb: 207, 232, 255;
    --blue-vivid-5-rgb: 232, 245, 255;
    --blue-cool-vivid-80-rgb: 0, 45, 63;
    --blue-cool-vivid-70-rgb: 7, 75, 105;
    --blue-cool-vivid-60-rgb: 7, 100, 141;
    --blue-cool-vivid-50-rgb: 13, 126, 162;
    --blue-cool-vivid-40-rgb: 40, 160, 203;
    --blue-cool-vivid-30-rgb: 89, 185, 222;
    --blue-cool-vivid-20-rgb: 151, 212, 234;
    --blue-cool-vivid-10-rgb: 195, 235, 250;
    --blue-cool-vivid-5-rgb: 225, 243, 248;
    --blue-warm-vivid-90-rgb: 7, 29, 65;
    --blue-warm-vivid-80-rgb: 12, 50, 111;
    --blue-warm-vivid-70-rgb: 19, 81, 180;
    --blue-warm-vivid-60-rgb: 21, 91, 203;
    --blue-warm-vivid-50-rgb: 38, 112, 232;
    --blue-warm-vivid-40-rgb: 89, 146, 237;
    --blue-warm-vivid-30-rgb: 129, 174, 252;
    --blue-warm-vivid-20-rgb: 173, 205, 255;
    --blue-warm-vivid-10-rgb: 212, 229, 255;
    --blue-warm-vivid-5-rgb: 237, 245, 255;
    --cyan-90: #111819;
    --cyan-80: #203133;
    --cyan-70: #2c4a4e;
    --cyan-60: #2a646d;
    --cyan-50: #168092;
    --cyan-40: #449dac;
    --cyan-30: #5dc0d1;
    --cyan-20: #99deea;
    --cyan-10: #ccecf2;
    --cyan-5: #e7f6f8;
    --cyan-vivid-80: #093b44;
    --cyan-vivid-70: #0e4f5c;
    --cyan-vivid-60: #00687d;
    --cyan-vivid-50: #0081a1;
    --cyan-vivid-40: #009ec1;
    --cyan-vivid-30: #00bde3;
    --cyan-vivid-20: #52daf2;
    --cyan-vivid-10: #a8f2ff;
    --cyan-vivid-5: #e5faff;
    --cyan-90-rgb: 17, 24, 25;
    --cyan-80-rgb: 32, 49, 51;
    --cyan-70-rgb: 44, 74, 78;
    --cyan-60-rgb: 42, 100, 109;
    --cyan-50-rgb: 22, 128, 146;
    --cyan-40-rgb: 68, 157, 172;
    --cyan-30-rgb: 93, 192, 209;
    --cyan-20-rgb: 153, 222, 234;
    --cyan-10-rgb: 204, 236, 242;
    --cyan-5-rgb: 231, 246, 248;
    --cyan-vivid-80: #093b44;
    --cyan-vivid-70: #0e4f5c;
    --cyan-vivid-60: #00687d;
    --cyan-vivid-50: #0081a1;
    --cyan-vivid-40: #009ec1;
    --cyan-vivid-30: #00bde3;
    --cyan-vivid-20: #52daf2;
    --cyan-vivid-10: #a8f2ff;
    --cyan-vivid-5: #e5faff;
    --gold-90: #191714;
    --gold-80: #322d26;
    --gold-70: #4d4438;
    --gold-60: #6b5947;
    --gold-50: #8e704f;
    --gold-40: #ad8b65;
    --gold-30: #c7a97b;
    --gold-20: #dec69a;
    --gold-10: #f1e5cd;
    --gold-5: #f5f0e6;
    --gold-vivid-80: #3b2b15;
    --gold-vivid-70: #5c410a;
    --gold-vivid-60: #7a591a;
    --gold-vivid-50: #936f38;
    --gold-vivid-40: #c2850c;
    --gold-vivid-30: #e5a000;
    --gold-vivid-20: #ffbe2e;
    --gold-vivid-10: #ffe396;
    --gold-vivid-5: #fef0c8;
    --gold-90-rgb: 25, 23, 20;
    --gold-80-rgb: 50, 45, 38;
    --gold-70-rgb: 77, 68, 56;
    --gold-60-rgb: 107, 89, 71;
    --gold-50-rgb: 142, 112, 79;
    --gold-40-rgb: 173, 139, 101;
    --gold-30-rgb: 199, 169, 123;
    --gold-20-rgb: 222, 198, 154;
    --gold-10-rgb: 241, 229, 205;
    --gold-5-rgb: 245, 240, 230;
    --gold-vivid-80-rgb: 59, 43, 21;
    --gold-vivid-70-rgb: 92, 65, 10;
    --gold-vivid-60-rgb: 122, 89, 26;
    --gold-vivid-50-rgb: 147, 111, 56;
    --gold-vivid-40-rgb: 194, 133, 12;
    --gold-vivid-30-rgb: 229, 160, 0;
    --gold-vivid-20-rgb: 255, 190, 46;
    --gold-vivid-10-rgb: 255, 227, 150;
    --gold-vivid-5-rgb: 254, 240, 200;
    --gray-90: #1b1b1b;
    --gray-80: #333;
    --gray-70: #555;
    --gray-60: #636363;
    --gray-50: #757575;
    --gray-40: #888;
    --gray-30: #adadad;
    --gray-20: #ccc;
    --gray-10: #e6e6e6;
    --gray-5: #f0f0f0;
    --gray-4: #f3f3f3;
    --gray-3: #f6f6f6;
    --gray-2: #f8f8f8;
    --gray-1: #fcfcfc;
    --gray-cool-90: #1c1d1f;
    --gray-cool-80: #2d2e2f;
    --gray-cool-70: #3d4551;
    --gray-cool-60: #565c65;
    --gray-cool-50: #71767a;
    --gray-cool-40: #8d9297;
    --gray-cool-30: #a9aeb1;
    --gray-cool-20: #c6cace;
    --gray-cool-10: #dfe1e2;
    --gray-cool-5: #edeff0;
    --gray-cool-4: #f1f3f6;
    --gray-cool-3: #f5f6f7;
    --gray-cool-2: #f7f9fa;
    --gray-cool-1: #fbfcfd;
    --gray-warm-90: #171716;
    --gray-warm-80: #2e2e2a;
    --gray-warm-70: #454540;
    --gray-warm-60: #5d5d52;
    --gray-warm-50: #76766a;
    --gray-warm-40: #929285;
    --gray-warm-30: #afaea2;
    --gray-warm-20: #cac9c0;
    --gray-warm-10: #e6e6e2;
    --gray-warm-5: #f0f0ec;
    --gray-warm-4: #f5f5f0;
    --gray-warm-3: #f6f6f2;
    --gray-warm-2: #f9f9f7;
    --gray-warm-1: #fcfcfb;
    --gray-90-rgb: 27, 27, 27;
    --gray-80-rgb: 51, 51, 51;
    --gray-70-rgb: 85, 85, 85;
    --gray-60-rgb: 99, 99, 99;
    --gray-50-rgb: 117, 117, 117;
    --gray-40-rgb: 136, 136, 136;
    --gray-30-rgb: 173, 173, 173;
    --gray-20-rgb: 204, 204, 204;
    --gray-10-rgb: 230, 230, 230;
    --gray-5-rgb: 240, 240, 240;
    --gray-4-rgb: 243, 243, 243;
    --gray-3-rgb: 246, 246, 246;
    --gray-2-rgb: 248, 248, 248;
    --gray-1-rgb: 252, 252, 252;
    --gray-cool-90-rgb: 28, 29, 31;
    --gray-cool-80-rgb: 45, 46, 47;
    --gray-cool-70-rgb: 61, 69, 81;
    --gray-cool-60-rgb: 86, 92, 101;
    --gray-cool-50-rgb: 113, 118, 122;
    --gray-cool-40-rgb: 141, 146, 151;
    --gray-cool-30-rgb: 169, 174, 177;
    --gray-cool-20-rgb: 198, 202, 206;
    --gray-cool-10-rgb: 223, 225, 226;
    --gray-cool-5-rgb: 237, 239, 240;
    --gray-cool-4-rgb: 241, 243, 246;
    --gray-cool-3-rgb: 245, 246, 247;
    --gray-cool-2-rgb: 247, 249, 250;
    --gray-cool-1-rgb: 251, 252, 253;
    --gray-warm-90-rgb: 23, 23, 22;
    --gray-warm-80-rgb: 46, 46, 42;
    --gray-warm-70-rgb: 69, 69, 64;
    --gray-warm-60-rgb: 93, 93, 82;
    --gray-warm-50-rgb: 118, 118, 106;
    --gray-warm-40-rgb: 146, 146, 133;
    --gray-warm-30-rgb: 175, 174, 162;
    --gray-warm-20-rgb: 202, 201, 192;
    --gray-warm-10-rgb: 230, 230, 226;
    --gray-warm-5-rgb: 240, 240, 236;
    --gray-warm-4-rgb: 245, 245, 240;
    --gray-warm-3-rgb: 246, 246, 242;
    --gray-warm-2-rgb: 249, 249, 247;
    --gray-warm-1-rgb: 252, 252, 251;
    --green-90: #161814;
    --green-80: #293021;
    --green-70: #3c4a29;
    --green-60: #4c6424;
    --green-50: #607f35;
    --green-40: #7d9b4e;
    --green-30: #9bb672;
    --green-20: #b8d293;
    --green-10: #dfeacd;
    --green-5: #eaf4dd;
    --green-cool-90: #1a1f1a;
    --green-cool-80: #28312a;
    --green-cool-70: #37493b;
    --green-cool-60: #446443;
    --green-cool-50: #4d8055;
    --green-cool-40: #5e9f69;
    --green-cool-30: #86b98e;
    --green-cool-20: #b4d0b9;
    --green-cool-10: #dbebde;
    --green-cool-5: #ecf3ec;
    --green-warm-90: #171712;
    --green-warm-80: #2d2f21;
    --green-warm-70: #45472f;
    --green-warm-60: #5a5f38;
    --green-warm-50: #6f7a41;
    --green-warm-40: #8a984b;
    --green-warm-30: #a6b557;
    --green-warm-20: #cbd17a;
    --green-warm-10: #e7eab7;
    --green-warm-5: #f1f4d7;
    --green-vivid-80: #243413;
    --green-vivid-70: #2f4a0b;
    --green-vivid-60: #466c04;
    --green-vivid-50: #538200;
    --green-vivid-40: #719f2a;
    --green-vivid-30: #7fb135;
    --green-vivid-20: #98d035;
    --green-vivid-10: #c5ee93;
    --green-vivid-5: #ddf9c7;
    --green-cool-vivid-80: #19311e;
    --green-cool-vivid-70: #154c21;
    --green-cool-vivid-60: #216e1f;
    --green-cool-vivid-50: #168821;
    --green-cool-vivid-40: #00a91c;
    --green-cool-vivid-30: #21c834;
    --green-cool-vivid-20: #70e17b;
    --green-cool-vivid-10: #b7f5bd;
    --green-cool-vivid-5: #e3f5e1;
    --green-warm-vivid-80: #38380b;
    --green-warm-vivid-70: #4b4e10;
    --green-warm-vivid-60: #5a6613;
    --green-warm-vivid-50: #6a7d00;
    --green-warm-vivid-40: #7e9c1d;
    --green-warm-vivid-30: #a3b72c;
    --green-warm-vivid-20: #c5d30a;
    --green-warm-vivid-10: #e7f434;
    --green-warm-vivid-5: #f5fbc1;
    --green-90-rgb: 22, 24, 20;
    --green-80-rgb: 41, 48, 33;
    --green-70-rgb: 60, 74, 41;
    --green-60-rgb: 76, 100, 36;
    --green-50-rgb: 96, 127, 53;
    --green-40-rgb: 125, 155, 78;
    --green-30-rgb: 155, 182, 114;
    --green-20-rgb: 184, 210, 147;
    --green-10-rgb: 223, 234, 205;
    --green-5-rgb: 234, 244, 221;
    --green-cool-90-rgb: 26, 31, 26;
    --green-cool-80-rgb: 40, 49, 42;
    --green-cool-70-rgb: 55, 73, 59;
    --green-cool-60-rgb: 68, 100, 67;
    --green-cool-50-rgb: 77, 128, 85;
    --green-cool-40-rgb: 94, 159, 105;
    --green-cool-30-rgb: 134, 185, 142;
    --green-cool-20-rgb: 180, 208, 185;
    --green-cool-10-rgb: 219, 235, 222;
    --green-cool-5-rgb: 236, 243, 236;
    --green-warm-90-rgb: 23, 23, 18;
    --green-warm-80-rgb: 45, 47, 33;
    --green-warm-70-rgb: 69, 71, 47;
    --green-warm-60-rgb: 90, 95, 56;
    --green-warm-50-rgb: 111, 122, 65;
    --green-warm-40-rgb: 138, 152, 75;
    --green-warm-30-rgb: 166, 181, 87;
    --green-warm-20-rgb: 203, 209, 122;
    --green-warm-10-rgb: 231, 234, 183;
    --green-warm-5-rgb: 241, 244, 215;
    --green-vivid-80-rgb: 36, 52, 19;
    --green-vivid-70-rgb: 47, 74, 11;
    --green-vivid-60-rgb: 70, 108, 4;
    --green-vivid-50-rgb: 83, 130, 0;
    --green-vivid-40-rgb: 113, 159, 42;
    --green-vivid-30-rgb: 127, 177, 53;
    --green-vivid-20-rgb: 152, 208, 53;
    --green-vivid-10-rgb: 197, 238, 147;
    --green-vivid-5-rgb: 221, 249, 199;
    --green-cool-vivid-80-rgb: 25, 49, 30;
    --green-cool-vivid-70-rgb: 21, 76, 33;
    --green-cool-vivid-60-rgb: 33, 110, 31;
    --green-cool-vivid-50-rgb: 22, 136, 33;
    --green-cool-vivid-40-rgb: 0, 169, 28;
    --green-cool-vivid-30-rgb: 33, 200, 52;
    --green-cool-vivid-20-rgb: 112, 225, 123;
    --green-cool-vivid-10-rgb: 183, 245, 189;
    --green-cool-vivid-5-rgb: 227, 245, 225;
    --green-warm-vivid-80-rgb: 56, 56, 11;
    --green-warm-vivid-70-rgb: 75, 78, 16;
    --green-warm-vivid-60-rgb: 90, 102, 19;
    --green-warm-vivid-50-rgb: 106, 125, 0;
    --green-warm-vivid-40-rgb: 126, 156, 29;
    --green-warm-vivid-30-rgb: 163, 183, 44;
    --green-warm-vivid-20-rgb: 197, 211, 10;
    --green-warm-vivid-10-rgb: 231, 244, 52;
    --green-warm-vivid-5-rgb: 245, 251, 193;
    --indigo-90: #16171f;
    --indigo-80: #2b2c40;
    --indigo-70: #3d4076;
    --indigo-60: #4d52af;
    --indigo-50: #676cc8;
    --indigo-40: #8889db;
    --indigo-30: #a5a8eb;
    --indigo-20: #c5c5f3;
    --indigo-10: #e5e4fa;
    --indigo-5: #efeff8;
    --indigo-cool-90: #151622;
    --indigo-cool-80: #292d42;
    --indigo-cool-70: #374274;
    --indigo-cool-60: #3f57a6;
    --indigo-cool-50: #496fd8;
    --indigo-cool-40: #6b8ee8;
    --indigo-cool-30: #96abee;
    --indigo-cool-20: #bbc8f5;
    --indigo-cool-10: #e1e6f9;
    --indigo-cool-5: #eef0f9;
    --indigo-warm-90: #18161d;
    --indigo-warm-80: #2e2c40;
    --indigo-warm-70: #453c7b;
    --indigo-warm-60: #5e519e;
    --indigo-warm-50: #7665d1;
    --indigo-warm-40: #9287d8;
    --indigo-warm-30: #afa5e8;
    --indigo-warm-20: #cbc4f2;
    --indigo-warm-10: #e7e3fa;
    --indigo-warm-5: #f1eff7;
    --indigo-vivid-80: #212463;
    --indigo-vivid-70: #3333a3;
    --indigo-vivid-60: #4a50c4;
    --indigo-vivid-50: #656bd7;
    --indigo-vivid-40: #8289ff;
    --indigo-vivid-30: #a3a7fa;
    --indigo-vivid-20: #ccceff;
    --indigo-vivid-10: #e0e0ff;
    --indigo-vivid-5: #f0f0ff;
    --indigo-cool-vivid-80: #1b2b85;
    --indigo-cool-vivid-70: #222fbf;
    --indigo-cool-vivid-60: #3e4ded;
    --indigo-cool-vivid-50: #4866ff;
    --indigo-cool-vivid-40: #628ef4;
    --indigo-cool-vivid-30: #94adff;
    --indigo-cool-vivid-20: #b8c8ff;
    --indigo-cool-vivid-10: #dee5ff;
    --indigo-cool-vivid-5: #edf0ff;
    --indigo-warm-vivid-80: #261f5b;
    --indigo-warm-vivid-70: #3d2c9d;
    --indigo-warm-vivid-60: #5942d2;
    --indigo-warm-vivid-50: #745fe9;
    --indigo-warm-vivid-40: #967efb;
    --indigo-warm-vivid-30: #b69fff;
    --indigo-warm-vivid-20: #cfc4fd;
    --indigo-warm-vivid-10: #e4deff;
    --indigo-warm-vivid-5: #f5f2ff;
    --indigo-90-rgb: 22, 23, 31;
    --indigo-80-rgb: 43, 44, 64;
    --indigo-70-rgb: 61, 64, 118;
    --indigo-60-rgb: 77, 82, 175;
    --indigo-50-rgb: 103, 108, 200;
    --indigo-40-rgb: 136, 137, 219;
    --indigo-30-rgb: 165, 168, 235;
    --indigo-20-rgb: 197, 197, 243;
    --indigo-10-rgb: 229, 228, 250;
    --indigo-5-rgb: 239, 239, 248;
    --indigo-cool-90-rgb: 21, 22, 34;
    --indigo-cool-80-rgb: 41, 45, 66;
    --indigo-cool-70-rgb: 55, 66, 116;
    --indigo-cool-60-rgb: 63, 87, 166;
    --indigo-cool-50-rgb: 73, 111, 216;
    --indigo-cool-40-rgb: 107, 142, 232;
    --indigo-cool-30-rgb: 150, 171, 238;
    --indigo-cool-20-rgb: 187, 200, 245;
    --indigo-cool-10-rgb: 225, 230, 249;
    --indigo-cool-5-rgb: 238, 240, 249;
    --indigo-warm-90-rgb: 24, 22, 29;
    --indigo-warm-80-rgb: 46, 44, 64;
    --indigo-warm-70-rgb: 69, 60, 123;
    --indigo-warm-60-rgb: 94, 81, 158;
    --indigo-warm-50-rgb: 118, 101, 209;
    --indigo-warm-40-rgb: 146, 135, 216;
    --indigo-warm-30-rgb: 175, 165, 232;
    --indigo-warm-20-rgb: 203, 196, 242;
    --indigo-warm-10-rgb: 231, 227, 250;
    --indigo-warm-5-rgb: 241, 239, 247;
    --indigo-vivid-80-rgb: 33, 36, 99;
    --indigo-vivid-70-rgb: 51, 51, 163;
    --indigo-vivid-60-rgb: 74, 80, 196;
    --indigo-vivid-50-rgb: 101, 107, 215;
    --indigo-vivid-40-rgb: 130, 137, 255;
    --indigo-vivid-30-rgb: 163, 167, 250;
    --indigo-vivid-20-rgb: 204, 206, 255;
    --indigo-vivid-10-rgb: 224, 224, 255;
    --indigo-vivid-5-rgb: 240, 240, 255;
    --indigo-cool-vivid-80-rgb: 27, 43, 133;
    --indigo-cool-vivid-70-rgb: 34, 47, 191;
    --indigo-cool-vivid-60-rgb: 62, 77, 237;
    --indigo-cool-vivid-50-rgb: 72, 102, 255;
    --indigo-cool-vivid-40-rgb: 98, 142, 244;
    --indigo-cool-vivid-30-rgb: 148, 173, 255;
    --indigo-cool-vivid-20-rgb: 184, 200, 255;
    --indigo-cool-vivid-10-rgb: 222, 229, 255;
    --indigo-cool-vivid-5-rgb: 237, 240, 255;
    --indigo-warm-vivid-80-rgb: 38, 31, 91;
    --indigo-warm-vivid-70-rgb: 61, 44, 157;
    --indigo-warm-vivid-60-rgb: 89, 66, 210;
    --indigo-warm-vivid-50-rgb: 116, 95, 233;
    --indigo-warm-vivid-40-rgb: 150, 126, 251;
    --indigo-warm-vivid-30-rgb: 182, 159, 255;
    --indigo-warm-vivid-20-rgb: 207, 196, 253;
    --indigo-warm-vivid-10-rgb: 228, 222, 255;
    --indigo-warm-vivid-5-rgb: 245, 242, 255;
    --magenta-90: #1b1617;
    --magenta-80: #402731;
    --magenta-70: #66364b;
    --magenta-60: #8b4566;
    --magenta-50: #c84281;
    --magenta-40: #e0699f;
    --magenta-30: #e895b3;
    --magenta-20: #f0bbcc;
    --magenta-10: #f6e1e8;
    --magenta-5: #f9f0f2;
    --magenta-vivid-80: #4f172e;
    --magenta-vivid-70: #731f44;
    --magenta-vivid-60: #ab2165;
    --magenta-vivid-50: #d72d79;
    --magenta-vivid-40: #fd4496;
    --magenta-vivid-30: #ff87b2;
    --magenta-vivid-20: #ffb4cf;
    --magenta-vivid-10: #ffddea;
    --magenta-vivid-5: #fff2f5;
    --magenta-90-rgb: 27, 22, 23;
    --magenta-80-rgb: 64, 39, 49;
    --magenta-70-rgb: 102, 54, 75;
    --magenta-60-rgb: 139, 69, 102;
    --magenta-50-rgb: 200, 66, 129;
    --magenta-40-rgb: 224, 105, 159;
    --magenta-30-rgb: 232, 149, 179;
    --magenta-20-rgb: 240, 187, 204;
    --magenta-10-rgb: 246, 225, 232;
    --magenta-5-rgb: 249, 240, 242;
    --magenta-vivid-80-rgb: 79, 23, 46;
    --magenta-vivid-70-rgb: 115, 31, 68;
    --magenta-vivid-60-rgb: 171, 33, 101;
    --magenta-vivid-50-rgb: 215, 45, 121;
    --magenta-vivid-40-rgb: 253, 68, 150;
    --magenta-vivid-30-rgb: 255, 135, 178;
    --magenta-vivid-20-rgb: 255, 180, 207;
    --magenta-vivid-10-rgb: 255, 221, 234;
    --magenta-vivid-5-rgb: 255, 242, 245;
    --mint-90: #0d1a12;
    --mint-80: #193324;
    --mint-70: #204e34;
    --mint-60: #286846;
    --mint-50: #2e8367;
    --mint-40: #34a37e;
    --mint-30: #5abf95;
    --mint-20: #92d9bb;
    --mint-10: #c7efe2;
    --mint-5: #dbf6ed;
    --mint-cool-90: #111818;
    --mint-cool-80: #203131;
    --mint-cool-70: #2a4b45;
    --mint-cool-60: #376462;
    --mint-cool-50: #40807e;
    --mint-cool-40: #4f9e99;
    --mint-cool-30: #6fbab3;
    --mint-cool-20: #9bd4cf;
    --mint-cool-10: #c4eeeb;
    --mint-cool-5: #e0f7f6;
    --mint-vivid-80: #0d351e;
    --mint-vivid-70: #0c4e29;
    --mint-vivid-60: #146947;
    --mint-vivid-50: #008659;
    --mint-vivid-40: #00a871;
    --mint-vivid-30: #04c585;
    --mint-vivid-20: #0ceda6;
    --mint-vivid-10: #83fcd4;
    --mint-vivid-5: #c9fbeb;
    --mint-cool-vivid-80: #123131;
    --mint-cool-vivid-70: #0b4b3f;
    --mint-cool-vivid-60: #0f6460;
    --mint-cool-vivid-50: #008480;
    --mint-cool-vivid-40: #36a191;
    --mint-cool-vivid-30: #1dc2ae;
    --mint-cool-vivid-20: #40e0d0;
    --mint-cool-vivid-10: #7efbe1;
    --mint-cool-vivid-5: #d5fbf3;
    --mint-90-rgb: 13, 26, 18;
    --mint-80-rgb: 25, 51, 36;
    --mint-70-rgb: 32, 78, 52;
    --mint-60-rgb: 40, 104, 70;
    --mint-50-rgb: 46, 131, 103;
    --mint-40-rgb: 52, 163, 126;
    --mint-30-rgb: 90, 191, 149;
    --mint-20-rgb: 146, 217, 187;
    --mint-10-rgb: 199, 239, 226;
    --mint-5-rgb: 219, 246, 237;
    --mint-cool-90-rgb: 17, 24, 24;
    --mint-cool-80-rgb: 32, 49, 49;
    --mint-cool-70-rgb: 42, 75, 69;
    --mint-cool-60-rgb: 55, 100, 98;
    --mint-cool-50-rgb: 64, 128, 126;
    --mint-cool-40-rgb: 79, 158, 153;
    --mint-cool-30-rgb: 111, 186, 179;
    --mint-cool-20-rgb: 155, 212, 207;
    --mint-cool-10-rgb: 196, 238, 235;
    --mint-cool-5-rgb: 224, 247, 246;
    --mint-vivid-80-rgb: 13, 53, 30;
    --mint-vivid-70-rgb: 12, 78, 41;
    --mint-vivid-60-rgb: 20, 105, 71;
    --mint-vivid-50-rgb: 0, 134, 89;
    --mint-vivid-40-rgb: 0, 168, 113;
    --mint-vivid-30-rgb: 4, 197, 133;
    --mint-vivid-20-rgb: 12, 237, 166;
    --mint-vivid-10-rgb: 131, 252, 212;
    --mint-vivid-5-rgb: 201, 251, 235;
    --mint-cool-vivid-80-rgb: 18, 49, 49;
    --mint-cool-vivid-70-rgb: 11, 75, 63;
    --mint-cool-vivid-60-rgb: 15, 100, 96;
    --mint-cool-vivid-50-rgb: 0, 132, 128;
    --mint-cool-vivid-40-rgb: 54, 161, 145;
    --mint-cool-vivid-30-rgb: 29, 194, 174;
    --mint-cool-vivid-20-rgb: 64, 224, 208;
    --mint-cool-vivid-10-rgb: 126, 251, 225;
    --mint-cool-vivid-5-rgb: 213, 251, 243;
    --orange-90: #1b1614;
    --orange-80: #332d27;
    --orange-70: #524236;
    --orange-60: #775540;
    --orange-50: #a26739;
    --orange-40: #dd7533;
    --orange-30: #f09860;
    --orange-20: #f3bf90;
    --orange-10: #f2e4d4;
    --orange-5: #f6efe9;
    --orange-warm-90: #1c1615;
    --orange-warm-80: #3d2925;
    --orange-warm-70: #633a32;
    --orange-warm-60: #914734;
    --orange-warm-50: #bd5727;
    --orange-warm-40: #e17141;
    --orange-warm-30: #f3966d;
    --orange-warm-20: #f7bca2;
    --orange-warm-10: #fbe0d0;
    --orange-warm-5: #faeee5;
    --orange-vivid-80: #352313;
    --orange-vivid-70: #5f3617;
    --orange-vivid-60: #8c471c;
    --orange-vivid-50: #c05600;
    --orange-vivid-40: #e66f0e;
    --orange-vivid-30: #ff8c00;
    --orange-vivid-20: #ffbc78;
    --orange-vivid-10: #fce2c5;
    --orange-vivid-5: #fdf5e6;
    --orange-warm-vivid-80: #3d231d;
    --orange-warm-vivid-70: #782312;
    --orange-warm-vivid-60: #a72f10;
    --orange-warm-vivid-50: #cf4900;
    --orange-warm-vivid-40: #ff580a;
    --orange-warm-vivid-30: #fc906d;
    --orange-warm-vivid-20: #fbbaa7;
    --orange-warm-vivid-10: #ffe2d1;
    --orange-warm-vivid-5: #fff3ea;
    --orange-90-rgb: 27, 22, 20;
    --orange-80-rgb: 51, 45, 39;
    --orange-70-rgb: 82, 66, 54;
    --orange-60-rgb: 119, 85, 64;
    --orange-50-rgb: 162, 103, 57;
    --orange-40-rgb: 221, 117, 51;
    --orange-30-rgb: 240, 152, 96;
    --orange-20-rgb: 243, 191, 144;
    --orange-10-rgb: 242, 228, 212;
    --orange-5-rgb: 246, 239, 233;
    --orange-warm-90-rgb: 28, 22, 21;
    --orange-warm-80-rgb: 61, 41, 37;
    --orange-warm-70-rgb: 99, 58, 50;
    --orange-warm-60-rgb: 145, 71, 52;
    --orange-warm-50-rgb: 189, 87, 39;
    --orange-warm-40-rgb: 225, 113, 65;
    --orange-warm-30-rgb: 243, 150, 109;
    --orange-warm-20-rgb: 247, 188, 162;
    --orange-warm-10-rgb: 251, 224, 208;
    --orange-warm-5-rgb: 250, 238, 229;
    --orange-vivid-80-rgb: 53, 35, 19;
    --orange-vivid-70-rgb: 95, 54, 23;
    --orange-vivid-60-rgb: 140, 71, 28;
    --orange-vivid-50-rgb: 192, 86, 0;
    --orange-vivid-40-rgb: 230, 111, 14;
    --orange-vivid-30-rgb: 255, 140, 0;
    --orange-vivid-20-rgb: 255, 188, 120;
    --orange-vivid-10-rgb: 252, 226, 197;
    --orange-vivid-5-rgb: 253, 245, 230;
    --orange-warm-vivid-80-rgb: 61, 35, 29;
    --orange-warm-vivid-70-rgb: 120, 35, 18;
    --orange-warm-vivid-60-rgb: 167, 47, 16;
    --orange-warm-vivid-50-rgb: 207, 73, 0;
    --orange-warm-vivid-40-rgb: 255, 88, 10;
    --orange-warm-vivid-30-rgb: 252, 144, 109;
    --orange-warm-vivid-20-rgb: 251, 186, 167;
    --orange-warm-vivid-10-rgb: 255, 226, 209;
    --orange-warm-vivid-5-rgb: 255, 243, 234;
    --pure-100: #000;
    --pure-0: #fff;
    --pure-100-rgb: 0, 0, 0;
    --pure-0-rgb: 255, 255, 255;
    --red-90: #1b1616;
    --red-80: #3e2927;
    --red-70: #6f3331;
    --red-60: #a23737;
    --red-50: #d83933;
    --red-40: #e9695f;
    --red-30: #f2938c;
    --red-20: #f7bbb1;
    --red-10: #f8e1de;
    --red-5: #f9eeee;
    --red-cool-90: #1e1517;
    --red-cool-80: #40282c;
    --red-cool-70: #68363f;
    --red-cool-60: #9e394b;
    --red-cool-50: #cd425b;
    --red-cool-40: #e16b80;
    --red-cool-30: #e09aa6;
    --red-cool-20: #ecbec6;
    --red-cool-10: #f3e1e4;
    --red-cool-5: #f8eff1;
    --red-warm-90: #1f1c18;
    --red-warm-80: #332d29;
    --red-warm-70: #524236;
    --red-warm-60: #805039;
    --red-warm-50: #c3512c;
    --red-warm-40: #d27a56;
    --red-warm-30: #dca081;
    --red-warm-20: #ecc0a7;
    --red-warm-10: #f4e3db;
    --red-warm-5: #f6efea;
    --red-vivid-80: #5c1111;
    --red-vivid-70: #8b0a03;
    --red-vivid-60: #b50909;
    --red-vivid-50: #e52207;
    --red-vivid-40: #fb5a47;
    --red-vivid-30: #ff8d7b;
    --red-vivid-20: #fdb8ae;
    --red-vivid-10: #fde0db;
    --red-vivid-5: #fff3f2;
    --red-cool-vivid-80: #4f1c24;
    --red-cool-vivid-70: #822133;
    --red-cool-vivid-60: #b21d38;
    --red-cool-vivid-50: #e41d3d;
    --red-cool-vivid-40: #f45d79;
    --red-cool-vivid-30: #fd8ba0;
    --red-cool-vivid-20: #f8b9c5;
    --red-cool-vivid-10: #f8dfe2;
    --red-cool-vivid-5: #fff2f5;
    --red-warm-vivid-80: #3e2a1e;
    --red-warm-vivid-70: #63340f;
    --red-warm-vivid-60: #9c3d10;
    --red-warm-vivid-50: #d54309;
    --red-warm-vivid-40: #ef5e25;
    --red-warm-vivid-30: #f39268;
    --red-warm-vivid-20: #f6bd9c;
    --red-warm-vivid-10: #fce1d4;
    --red-warm-vivid-5: #fff5ee;
    --red-90-rgb: 27, 22, 22;
    --red-80-rgb: 62, 41, 39;
    --red-70-rgb: 111, 51, 49;
    --red-60-rgb: 162, 55, 55;
    --red-50-rgb: 216, 57, 51;
    --red-40-rgb: 233, 105, 95;
    --red-30-rgb: 242, 147, 140;
    --red-20-rgb: 247, 187, 177;
    --red-10-rgb: 248, 225, 222;
    --red-5-rgb: 249, 238, 238;
    --red-cool-90-rgb: 30, 21, 23;
    --red-cool-80-rgb: 64, 40, 44;
    --red-cool-70-rgb: 104, 54, 63;
    --red-cool-60-rgb: 158, 57, 75;
    --red-cool-50-rgb: 205, 66, 91;
    --red-cool-40-rgb: 225, 107, 128;
    --red-cool-30-rgb: 224, 154, 166;
    --red-cool-20-rgb: 236, 190, 198;
    --red-cool-10-rgb: 243, 225, 228;
    --red-cool-5-rgb: 248, 239, 241;
    --red-warm-90-rgb: 31, 28, 24;
    --red-warm-80-rgb: 51, 45, 41;
    --red-warm-70-rgb: 82, 66, 54;
    --red-warm-60-rgb: 128, 80, 57;
    --red-warm-50-rgb: 195, 81, 44;
    --red-warm-40-rgb: 210, 122, 86;
    --red-warm-30-rgb: 220, 160, 129;
    --red-warm-20-rgb: 236, 192, 167;
    --red-warm-10-rgb: 244, 227, 219;
    --red-warm-5-rgb: 246, 239, 234;
    --red-vivid-80-rgb: 92, 17, 17;
    --red-vivid-70-rgb: 139, 10, 3;
    --red-vivid-60-rgb: 181, 9, 9;
    --red-vivid-50-rgb: 229, 34, 7;
    --red-vivid-40-rgb: 251, 90, 71;
    --red-vivid-30-rgb: 255, 141, 123;
    --red-vivid-20-rgb: 253, 184, 174;
    --red-vivid-10-rgb: 253, 224, 219;
    --red-vivid-5-rgb: 255, 243, 242;
    --red-cool-vivid-80-rgb: 79, 28, 36;
    --red-cool-vivid-70-rgb: 130, 33, 51;
    --red-cool-vivid-60-rgb: 178, 29, 56;
    --red-cool-vivid-50-rgb: 228, 29, 61;
    --red-cool-vivid-40-rgb: 244, 93, 121;
    --red-cool-vivid-30-rgb: 253, 139, 160;
    --red-cool-vivid-20-rgb: 248, 185, 197;
    --red-cool-vivid-10-rgb: 248, 223, 226;
    --red-cool-vivid-5-rgb: 255, 242, 245;
    --red-warm-vivid-80-rgb: 62, 42, 30;
    --red-warm-vivid-70-rgb: 99, 52, 15;
    --red-warm-vivid-60-rgb: 156, 61, 16;
    --red-warm-vivid-50-rgb: 213, 67, 9;
    --red-warm-vivid-40-rgb: 239, 94, 37;
    --red-warm-vivid-30-rgb: 243, 146, 104;
    --red-warm-vivid-20-rgb: 246, 189, 156;
    --red-warm-vivid-10-rgb: 252, 225, 212;
    --red-warm-vivid-5-rgb: 255, 245, 238;
    --violet-90: #18161d;
    --violet-80: #312b3f;
    --violet-70: #4c3d69;
    --violet-60: #665190;
    --violet-50: #8168b3;
    --violet-40: #9d84d2;
    --violet-30: #b8a2e3;
    --violet-20: #d0c3e9;
    --violet-10: #ebe3f9;
    --violet-5: #f4f1f9;
    --violet-warm-90: #1b151b;
    --violet-warm-80: #382936;
    --violet-warm-70: #5c395a;
    --violet-warm-60: #864381;
    --violet-warm-50: #b04abd;
    --violet-warm-40: #bf77c8;
    --violet-warm-30: #d29ad8;
    --violet-warm-20: #e2bee4;
    --violet-warm-10: #f6dff8;
    --violet-warm-5: #f8f0f9;
    --violet-vivid-80: #39215e;
    --violet-vivid-70: #54278f;
    --violet-vivid-60: #783cb9;
    --violet-vivid-50: #9355dc;
    --violet-vivid-40: #ad79e9;
    --violet-vivid-30: #c39deb;
    --violet-vivid-20: #d5bfff;
    --violet-vivid-10: #ede3ff;
    --violet-vivid-5: #f7f2ff;
    --violet-warm-vivid-80: #481441;
    --violet-warm-vivid-70: #711e6c;
    --violet-warm-vivid-60: #93348c;
    --violet-warm-vivid-50: #be32d0;
    --violet-warm-vivid-40: #d85bef;
    --violet-warm-vivid-30: #ee83ff;
    --violet-warm-vivid-20: #f4b2ff;
    --violet-warm-vivid-10: #fbdcff;
    --violet-warm-vivid-5: #fef2ff;
    --violet-90-rgb: 24, 22, 29;
    --violet-80-rgb: 49, 43, 63;
    --violet-70-rgb: 76, 61, 105;
    --violet-60-rgb: 102, 81, 144;
    --violet-50-rgb: 129, 104, 179;
    --violet-40-rgb: 157, 132, 210;
    --violet-30-rgb: 184, 162, 227;
    --violet-20-rgb: 208, 195, 233;
    --violet-10-rgb: 235, 227, 249;
    --violet-5-rgb: 244, 241, 249;
    --violet-warm-90-rgb: 27, 21, 27;
    --violet-warm-80-rgb: 56, 41, 54;
    --violet-warm-70-rgb: 92, 57, 90;
    --violet-warm-60-rgb: 134, 67, 129;
    --violet-warm-50-rgb: 176, 74, 189;
    --violet-warm-40-rgb: 191, 119, 200;
    --violet-warm-30-rgb: 210, 154, 216;
    --violet-warm-20-rgb: 226, 190, 228;
    --violet-warm-10-rgb: 246, 223, 248;
    --violet-warm-5-rgb: 248, 240, 249;
    --violet-vivid-80-rgb: 57, 33, 94;
    --violet-vivid-70-rgb: 84, 39, 143;
    --violet-vivid-60-rgb: 120, 60, 185;
    --violet-vivid-50-rgb: 147, 85, 220;
    --violet-vivid-40-rgb: 173, 121, 233;
    --violet-vivid-30-rgb: 195, 157, 235;
    --violet-vivid-20-rgb: 213, 191, 255;
    --violet-vivid-10-rgb: 237, 227, 255;
    --violet-vivid-5-rgb: 247, 242, 255;
    --violet-warm-vivid-80-rgb: 72, 20, 65;
    --violet-warm-vivid-70-rgb: 113, 30, 108;
    --violet-warm-vivid-60-rgb: 147, 52, 140;
    --violet-warm-vivid-50-rgb: 190, 50, 208;
    --violet-warm-vivid-40-rgb: 216, 91, 239;
    --violet-warm-vivid-30-rgb: 238, 131, 255;
    --violet-warm-vivid-20-rgb: 244, 178, 255;
    --violet-warm-vivid-10-rgb: 251, 220, 255;
    --violet-warm-vivid-5-rgb: 254, 242, 255;
    --yellow-90: #1a1614;
    --yellow-80: #332d27;
    --yellow-70: #504332;
    --yellow-60: #6b5a39;
    --yellow-50: #8a7237;
    --yellow-40: #a88f48;
    --yellow-30: #c9ab48;
    --yellow-20: #e6c74c;
    --yellow-10: #f5e6af;
    --yellow-5: #faf3d1;
    --yellow-vivid-80: #422d19;
    --yellow-vivid-70: #5c4809;
    --yellow-vivid-60: #776017;
    --yellow-vivid-50: #947100;
    --yellow-vivid-40: #b38c00;
    --yellow-vivid-30: #ddaa01;
    --yellow-vivid-20: #ffcd07;
    --yellow-vivid-10: #fee685;
    --yellow-vivid-5: #fff5c2;
    --yellow-90-rgb: 26, 22, 20;
    --yellow-80-rgb: 51, 45, 39;
    --yellow-70-rgb: 80, 67, 50;
    --yellow-60-rgb: 107, 90, 57;
    --yellow-50-rgb: 138, 114, 55;
    --yellow-40-rgb: 168, 143, 72;
    --yellow-30-rgb: 201, 171, 72;
    --yellow-20-rgb: 230, 199, 76;
    --yellow-10-rgb: 245, 230, 175;
    --yellow-5-rgb: 250, 243, 209;
    --yellow-vivid-80-rgb: 66, 45, 25;
    --yellow-vivid-70-rgb: 92, 72, 9;
    --yellow-vivid-60-rgb: 119, 96, 23;
    --yellow-vivid-50-rgb: 148, 113, 0;
    --yellow-vivid-40-rgb: 179, 140, 0;
    --yellow-vivid-30-rgb: 221, 170, 1;
    --yellow-vivid-20-rgb: 255, 205, 7;
    --yellow-vivid-10-rgb: 254, 230, 133;
    --yellow-vivid-5-rgb: 255, 245, 194;
    --background: var(--background-light);
    --background-rgb: var(--background-light-rgb);
    --background-light: var(--pure-0);
    --background-light-rgb: var(--pure-0-rgb);
    --background-alternative: var(--gray-5);
    --background-alternative-rgb: var(--gray-5-rgb);
    --background-dark: var(--blue-warm-vivid-90);
    --background-dark-rgb: var(--blue-warm-vivid-90-rgb);
    --border-color: var(--gray-20);
    --border-color-alternative: var(--gray-40);
    --border-style: solid;
    --border-width: var(--surface-width-sm);
    --color: var(--color-light);
    --color-rgb: var(--color-light-rgb);
    --color-light: var(--gray-80);
    --color-light-rgb: var(--gray-80-rgb);
    --color-dark: var(--pure-0);
    --color-dark-rgb: var(--pure-0-rgb);
    --interactive: var(--interactive-light);
    --interactive-rgb: var(--interactive-light-rgb);
    --interactive-light: var(--blue-warm-vivid-70);
    --interactive-light-rgb: var(--blue-warm-vivid-70-rgb);
    --interactive-dark: var(--blue-warm-20);
    --interactive-dark-rgb: var(--blue-warm-20-rgb);
    --interactive-alternative: var(--green-cool-vivid-50);
    --interactive-alternative-rgb: var(--green-cool-vivid-50-rgb);
    --info: var(--blue-warm-vivid-60);
    --info-alternative: var(--blue-warm-vivid-10);
    --info-rgb: var(--blue-warm-vivid-60-rgb);
    --info-alternative-rgb: var(--blue-warm-vivid-10-rgb);
    --success: var(--green-cool-vivid-50);
    --success-alternative: var(--green-cool-vivid-5);
    --success-rgb: var(--green-cool-vivid-50-rgb);
    --success-alternative-rgb: var(--green-cool-vivid-5-rgb);
    --warning: var(--yellow-vivid-20);
    --warning-alternative: var(--yellow-vivid-5);
    --warning-rgb: var(--yellow-vivid-20-rgb);
    --warning-alternative-rgb: var(--yellow-vivid-5-rgb);
    --danger: var(--red-vivid-50);
    --danger-alternative: var(--red-vivid-10);
    --danger-rgb: var(--red-vivid-50-rgb);
    --danger-alternative-rgb: var(--red-vivid-20-rgb);
    --font-family-base: Rawline, Raleway, sans-serif;
    --surface-overlay-scrim: rgba(var(--rgb-secondary-09), var(--surface-opacity-md));
    --surface-overlay-text: linear-gradient(rgba(var(--rgb-secondary-01), var(--surface-opacity-none)), rgba(var(--rgb-secondary-09), var(--surface-opacity-default)));
    --visited: var(--visited-light);
    --visited-light: var(--blue-warm-vivid-80);
    --visited-dark: var(--gray-20);
    --disabled: var(--surface-opacity-md);
    --hover: var(--hover-light);
    --hover-light: var(--surface-opacity-xs);
    --hover-dark: var(--surface-opacity-sm);
    --hover-effect: linear-gradient( rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)) );
    --pressed: var(--pressed-light);
    --pressed-light: var(--surface-opacity-md);
    --pressed-dark: var(--surface-opacity-lg);
    --pressed-effect: linear-gradient( rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)) );
    --focus-style: dashed;
    --focus-color: var(--focus-color-light);
    --focus-color-light: var(--gold-vivid-40);
    --focus-color-dark: var(--gold-vivid-20);
    --focus: var(--focus-color);
    --focus-offset: var(--spacing-scale-half);
    --focus-width: var(--surface-width-lg);
    --active: var(--blue-warm-vivid-80);
    --active-rgb: var(--blue-warm-vivid-80-rgb);
    --selected: var(--blue-warm-vivid-50);
    --on: var(--blue-warm-vivid-40);
    --on-rgb: var(--blue-warm-vivid-40-rgb);
    --off: var(--gray-20);
    --off-rgb: var(--gray-20-rgb);
    --ondrag-border-color: var(--interactive);
    --ondrag-border-width: var(--surface-width-md);
    --ondrag-border-style: solid;
    --ondrag-shadow-offset-x: var(--surface-offset-none);
    --ondrag-shadow-offset-y: var(--surface-offset-md);
    --ondrag-shadow-blur: var(--surface-blur-lg);
    --ondrag-shadow-color: var(--interactive-rgb);
    --ondrag-shadow-opacity: var(--surface-opacity-sm);
    --ondrag-opacity: var(--surface-opacity-xl);
    --ondrag-rotate: -5deg;
    --ondrag-cursor: grabbing;
    --draggable-icon: grip-vertical;
    --draggable-cursor: grab;
    --dropzone-border-color: var(--interactive);
    --dropzone-border-width: var(--surface-width-sm);
    --dropzone-border-style: dashed;
    --ondrop-background: var(--interactive-rgb);
    --ondrop-opacity: var(--surface-opacity-sm);
    --ondrop-cursor: copy;
    --z-index-layer-0: 0;
    --z-index-layer-1: 1000;
    --z-index-layer-2: 2000;
    --z-index-layer-3: 3000;
    --z-index-layer-4: 4000;
    --color-primary-pastel-01: #c5d4eb;
    --color-primary-pastel-02: #dbe8fb;
    --color-primary-lighten-01: #2670e8;
    --color-primary-lighten-02: #5992ed;
    --color-primary-default: #1351b4;
    --color-primary-darken-01: #0c326f;
    --color-primary-darken-02: #071d41;
    --color-secondary-01: #fff;
    --color-secondary-02: #f8f8f8;
    --color-secondary-03: #ededed;
    --color-secondary-04: #ccc;
    --color-secondary-05: #9e9d9d;
    --color-secondary-06: #888;
    --color-secondary-07: #555;
    --color-secondary-08: #333;
    --color-secondary-09: #000;
    --color-highlight: #268744;
    --color-support-01: #36a191;
    --color-support-02: #f2e317;
    --color-support-03: #db4800;
    --color-support-04: #a26739;
    --color-support-05: #40e0d0;
    --color-support-06: #48cbeb;
    --color-support-07: #c72487;
    --color-support-08: #63007f;
    --color-support-09: #f08080;
    --color-support-10: #ff8c00;
    --color-support-11: #fdf5e6;
    --icon-size-base: 16px;
    --icon-size-xs: 8px;
    --icon-size-sm: 12px;
    --icon-size-lg: 20px;
    --icon-size-2x: 32px;
    --icon-size-3x: 48px;
    --icon-size-4x: 64px;
    --icon-size-5x: 80px;
    --icon-size-6x: 96px;
    --icon-size-7x: 112px;
    --icon-size-8x: 128px;
    --icon-size-9x: 144px;
    --icon-size-10x: 160px;
    --surface-width-none: 0;
    --surface-width-sm: 1px;
    --surface-width-md: 2px;
    --surface-width-lg: 4px;
    --surface-rounder-none: 0;
    --surface-rounder-sm: 4px;
    --surface-rounder-md: 8px;
    --surface-rounder-lg: 16px;
    --surface-rounder-pill: 999em;
    --surface-opacity-none: 0;
    --surface-opacity-default: 1;
    --surface-opacity-xs: 0.16;
    --surface-opacity-sm: 0.3;
    --surface-opacity-md: 0.45;
    --surface-opacity-lg: 0.65;
    --surface-opacity-xl: 0.85;
    --surface-border-solid-none: var(--surface-width-none) solid var(--color-secondary-06);
    --surface-border-solid-sm: var(--surface-width-sm) solid var(--color-secondary-06);
    --surface-border-solid-md: var(--surface-width-md) solid var(--color-secondary-06);
    --surface-border-solid-lg: var(--surface-width-lg) solid var(--color-secondary-06);
    --surface-border-dashed-none: var(--surface-width-none) dashed var(--color-secondary-06);
    --surface-border-dashed-sm: var(--surface-width-sm) dashed var(--color-secondary-06);
    --surface-border-dashed-md: var(--surface-width-md) dashed var(--color-secondary-06);
    --surface-border-dashed-lg: var(--surface-width-lg) dashed var(--color-secondary-06);
    --surface-blur-none: 0;
    --surface-blur-sm: 1px;
    --surface-blur-md: 3px;
    --surface-blur-lg: 6px;
    --surface-blur-xl: 9px;
    --surface-offset-none: 0;
    --surface-offset-sm: 1px;
    --surface-offset-md: 3px;
    --surface-offset-lg: 6px;
    --surface-offset-xl: 9px;
    --surface-offset-sm-n: -1px;
    --surface-offset-md-n: -3px;
    --surface-offset-lg-n: -6px;
    --surface-offset-xl-n: -9px;
    --surface-shadow-color: var(--rgb-secondary-09);
    --surface-shadow-none: none;
    --surface-shadow-sm: var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-md: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-lg: var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-xl: var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-sm-inset: var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-md-inset: var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-lg-inset: var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-xl-inset: var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-sm-up: var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-md-up: var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-lg-up: var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-xl-up: var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-sm-inset-up: var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-md-inset-up: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-lg-inset-up: var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-xl-inset-up: var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-sm-right: var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-md-right: var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-lg-right: var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-xl-right: var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-sm-inset-right: var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-md-inset-right: var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-lg-inset-right: var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-xl-inset-right: var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-sm-left: var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-md-left: var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-lg-left: var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-xl-left: var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-sm-inset-left: var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-md-inset-left: var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-lg-inset-left: var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --surface-shadow-xl-inset-left: var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
    --animation-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
    --animation-ease-in: cubic-bezier(0.42, 0, 1, 1);
    --animation-ease-out: cubic-bezier(0, 0, 0.58, 1);
    --animation-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
    --animation-ease-linear: cubic-bezier(0, 0, 1, 1);
    --duration-very-fast: 0.1s;
    --duration-fast: 0.3s;
    --duration-moderate: 0.5s;
    --duration-slow: 0.8s;
    --duration-very-slow: 1s;
    --font-weight-thin: 100;
    --font-weight-extra-light: 200;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semi-bold: 600;
    --font-weight-bold: 700;
    --font-weight-extra-bold: 800;
    --font-weight-black: 900;
    --font-size-scale-base: 14px;
    --font-size-scale-down-01: 11.662px;
    --font-size-scale-down-02: 9.716px;
    --font-size-scale-down-03: 8.106px;
    --font-size-scale-up-01: 16.8px;
    --font-size-scale-up-02: 20.16px;
    --font-size-scale-up-03: 24.192px;
    --font-size-scale-up-04: 29.036px;
    --font-size-scale-up-05: 34.832px;
    --font-size-scale-up-06: 41.804px;
    --font-size-scale-up-07: 50.162px;
    --font-size-scale-up-08: 60.2px;
    --font-size-scale-up-09: 72.24px;
    --font-size-scale-up-10: 86.688px;
    --font-size-scale-up-11: 104.02px;
    --font-line-height-low: 1.15;
    --font-line-height-medium: 1.45;
    --font-line-height-high: 1.85;
    --grid-breakpoint-xs: 0;
    --grid-breakpoint-xs-max-width: 100%;
    --grid-breakpoint-sm: 576px;
    --grid-breakpoint-sm-max-width: 536px;
    --grid-breakpoint-md: 992px;
    --grid-breakpoint-md-max-width: 952px;
    --grid-breakpoint-lg: 1280px;
    --grid-breakpoint-lg-max-width: 1200px;
    --grid-breakpoint-xl: 1600px;
    --grid-breakpoint-xl-max-width: 1560px;
    --grid-portrait-maxwidth: 100%;
    --grid-portrait-gutter: 16px;
    --grid-portrait-columns: 4;
    --grid-portrait-margin: 8px;
    --grid-tablet-maxwidth: 100%;
    --grid-tablet-gutter: 24px;
    --grid-tablet-columns: 8;
    --grid-tablet-margin: 40px;
    --grid-desktop-maxwidth: 1200px;
    --grid-desktop-gutter: 24px;
    --grid-desktop-columns: 12;
    --grid-desktop-margin: 40px;
    --grid-tv-maxwidth: 1520px;
    --grid-tv-gutter: 40px;
    --grid-tv-columns: 12;
    --grid-tv-margin: 40px;
    --spacing-vertical-top: top;
    --spacing-vertical-center: center;
    --spacing-vertical-bottom: bottom;
    --spacing-horizontal-left: left;
    --spacing-horizontal-center: center;
    --spacing-horizontal-right: right;
    --spacing-scale-default: 0;
    --spacing-scale-half: 4px;
    --spacing-scale-base: 8px;
    --spacing-scale-baseh: 12px;
    --spacing-scale-2x: 16px;
    --spacing-scale-2xh: 20px;
    --spacing-scale-3x: 24px;
    --spacing-scale-3xh: 28px;
    --spacing-scale-4x: 32px;
    --spacing-scale-4xh: 36px;
    --spacing-scale-5x: 40px;
    --spacing-scale-5xh: 44px;
    --spacing-scale-6x: 48px;
    --spacing-scale-6xh: 52px;
    --spacing-scale-7x: 56px;
    --spacing-scale-7xh: 60px;
    --spacing-scale-8x: 64px;
    --spacing-scale-8xh: 68px;
    --spacing-scale-9x: 72px;
    --spacing-scale-9xh: 76px;
    --spacing-scale-10x: 80px;
    --spacing-scale-10xh: 84px;
    --rgb-primary-pastel-01: 197, 212, 235;
    --rgb-primary-pastel-02: 219, 232, 251;
    --rgb-primary-lighten-01: 38, 112, 232;
    --rgb-primary-lighten-02: 89, 146, 237;
    --rgb-primary-default: 19, 81, 180;
    --rgb-primary-darken-01: 12, 50, 111;
    --rgb-primary-darken-02: 7, 29, 65;
    --rgb-secondary-01: 255, 255, 255;
    --rgb-secondary-02: 248, 248, 248;
    --rgb-secondary-03: 237, 237, 237;
    --rgb-secondary-04: 204, 204, 204;
    --rgb-secondary-05: 158, 157, 157;
    --rgb-secondary-06: 136, 136, 136;
    --rgb-secondary-07: 85, 85, 85;
    --rgb-secondary-08: 51, 51, 51;
    --rgb-secondary-09: 0, 0, 0;
    --rgb-highlight: 38, 135, 68;
    --rgb-support-01: 54, 161, 145;
    --rgb-support-02: 242, 227, 23;
    --rgb-support-03: 219, 72, 0;
    --rgb-support-04: 162, 103, 57;
    --rgb-support-05: 64, 224, 208;
    --rgb-support-06: 72, 203, 235;
    --rgb-support-07: 199, 36, 135;
    --rgb-support-08: 99, 0, 127;
    --rgb-support-09: 240, 128, 128;
    --rgb-support-10: 255, 140, 0;
    --rgb-support-11: 253, 245, 230;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    margin: 0;
}

main {
    display: block;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: 0;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: var(--font-line-height-medium);
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
    appearance: button;
}

    button::-moz-focus-inner,
    [type=button]::-moz-focus-inner,
    [type=reset]::-moz-focus-inner,
    [type=submit]::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

    button:-moz-focusring,
    [type=button]:-moz-focusring,
    [type=reset]:-moz-focusring,
    [type=submit]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

[type=search] {
    appearance: textfield;
    outline-offset: -2px;
}

    [type=search]::-webkit-search-decoration {
        appearance: none;
    }

::-webkit-file-upload-button {
    appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

.d-none {
    display: none !important;
}

.d-block {
    display: block !important;
}

.d-flex {
    display: flex !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-flex {
        display: flex !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-flex {
        display: flex !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 1280px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-flex {
        display: flex !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 1600px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-flex {
        display: flex !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-inline-flex {
        display: inline-flex !important;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

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

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

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

.order-0 {
    order: 0 !important;
}

.order-1 {
    order: 1 !important;
}

.order-2 {
    order: 2 !important;
}

.order-3 {
    order: 3 !important;
}

.order-4 {
    order: 4 !important;
}

.order-5 {
    order: 5 !important;
}

.order-6 {
    order: 6 !important;
}

.order-7 {
    order: 7 !important;
}

.order-8 {
    order: 8 !important;
}

.order-9 {
    order: 9 !important;
}

.order-10 {
    order: 10 !important;
}

.order-11 {
    order: 11 !important;
}

.order-12 {
    order: 12 !important;
}

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

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

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

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

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

.align-content-evenly {
    align-content: space-evenly !important;
}

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

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .align-self-sm-start {
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        align-self: center !important;
    }

    .align-self-sm-baseline {
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        align-self: stretch !important;
    }

    .flex-sm-fill {
        flex: 1 1 auto !important;
    }

    .flex-grow-sm-1 {
        flex-grow: 1 !important;
    }

    .flex-grow-sm-0 {
        flex-grow: 0 !important;
    }

    .flex-shrink-sm-1 {
        flex-shrink: 1 !important;
    }

    .flex-shrink-sm-0 {
        flex-shrink: 0 !important;
    }

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

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

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

    .order-sm-0 {
        order: 0 !important;
    }

    .order-sm-1 {
        order: 1 !important;
    }

    .order-sm-2 {
        order: 2 !important;
    }

    .order-sm-3 {
        order: 3 !important;
    }

    .order-sm-4 {
        order: 4 !important;
    }

    .order-sm-5 {
        order: 5 !important;
    }

    .order-sm-6 {
        order: 6 !important;
    }

    .order-sm-7 {
        order: 7 !important;
    }

    .order-sm-8 {
        order: 8 !important;
    }

    .order-sm-9 {
        order: 9 !important;
    }

    .order-sm-10 {
        order: 10 !important;
    }

    .order-sm-11 {
        order: 11 !important;
    }

    .order-sm-12 {
        order: 12 !important;
    }

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

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

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

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

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

    .align-content-sm-evenly {
        align-content: space-evenly !important;
    }

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

@media (min-width: 992px) {
    .flex-md-row {
        flex-direction: row !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .align-self-md-start {
        align-self: flex-start !important;
    }

    .align-self-md-end {
        align-self: flex-end !important;
    }

    .align-self-md-center {
        align-self: center !important;
    }

    .align-self-md-baseline {
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        align-self: stretch !important;
    }

    .flex-md-fill {
        flex: 1 1 auto !important;
    }

    .flex-grow-md-1 {
        flex-grow: 1 !important;
    }

    .flex-grow-md-0 {
        flex-grow: 0 !important;
    }

    .flex-shrink-md-1 {
        flex-shrink: 1 !important;
    }

    .flex-shrink-md-0 {
        flex-shrink: 0 !important;
    }

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

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

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

    .order-md-0 {
        order: 0 !important;
    }

    .order-md-1 {
        order: 1 !important;
    }

    .order-md-2 {
        order: 2 !important;
    }

    .order-md-3 {
        order: 3 !important;
    }

    .order-md-4 {
        order: 4 !important;
    }

    .order-md-5 {
        order: 5 !important;
    }

    .order-md-6 {
        order: 6 !important;
    }

    .order-md-7 {
        order: 7 !important;
    }

    .order-md-8 {
        order: 8 !important;
    }

    .order-md-9 {
        order: 9 !important;
    }

    .order-md-10 {
        order: 10 !important;
    }

    .order-md-11 {
        order: 11 !important;
    }

    .order-md-12 {
        order: 12 !important;
    }

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

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

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

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

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

    .align-content-md-evenly {
        align-content: space-evenly !important;
    }

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

@media (min-width: 1280px) {
    .flex-lg-row {
        flex-direction: row !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .align-self-lg-start {
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        align-self: center !important;
    }

    .align-self-lg-baseline {
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        align-self: stretch !important;
    }

    .flex-lg-fill {
        flex: 1 1 auto !important;
    }

    .flex-grow-lg-1 {
        flex-grow: 1 !important;
    }

    .flex-grow-lg-0 {
        flex-grow: 0 !important;
    }

    .flex-shrink-lg-1 {
        flex-shrink: 1 !important;
    }

    .flex-shrink-lg-0 {
        flex-shrink: 0 !important;
    }

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

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

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

    .order-lg-0 {
        order: 0 !important;
    }

    .order-lg-1 {
        order: 1 !important;
    }

    .order-lg-2 {
        order: 2 !important;
    }

    .order-lg-3 {
        order: 3 !important;
    }

    .order-lg-4 {
        order: 4 !important;
    }

    .order-lg-5 {
        order: 5 !important;
    }

    .order-lg-6 {
        order: 6 !important;
    }

    .order-lg-7 {
        order: 7 !important;
    }

    .order-lg-8 {
        order: 8 !important;
    }

    .order-lg-9 {
        order: 9 !important;
    }

    .order-lg-10 {
        order: 10 !important;
    }

    .order-lg-11 {
        order: 11 !important;
    }

    .order-lg-12 {
        order: 12 !important;
    }

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

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

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

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

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

    .align-content-lg-evenly {
        align-content: space-evenly !important;
    }

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

@media (min-width: 1600px) {
    .flex-xl-row {
        flex-direction: row !important;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .align-self-xl-start {
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        align-self: center !important;
    }

    .align-self-xl-baseline {
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        align-self: stretch !important;
    }

    .flex-xl-fill {
        flex: 1 1 auto !important;
    }

    .flex-grow-xl-1 {
        flex-grow: 1 !important;
    }

    .flex-grow-xl-0 {
        flex-grow: 0 !important;
    }

    .flex-shrink-xl-1 {
        flex-shrink: 1 !important;
    }

    .flex-shrink-xl-0 {
        flex-shrink: 0 !important;
    }

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

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

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

    .order-xl-0 {
        order: 0 !important;
    }

    .order-xl-1 {
        order: 1 !important;
    }

    .order-xl-2 {
        order: 2 !important;
    }

    .order-xl-3 {
        order: 3 !important;
    }

    .order-xl-4 {
        order: 4 !important;
    }

    .order-xl-5 {
        order: 5 !important;
    }

    .order-xl-6 {
        order: 6 !important;
    }

    .order-xl-7 {
        order: 7 !important;
    }

    .order-xl-8 {
        order: 8 !important;
    }

    .order-xl-9 {
        order: 9 !important;
    }

    .order-xl-10 {
        order: 10 !important;
    }

    .order-xl-11 {
        order: 11 !important;
    }

    .order-xl-12 {
        order: 12 !important;
    }

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

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

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

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

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

    .align-content-xl-evenly {
        align-content: space-evenly !important;
    }

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

.col,
[class*=col-] {
    padding-left: calc(var(--grid-gutter) * 0.5);
    padding-right: calc(var(--grid-gutter) * 0.5);
    width: 100%;
}

.col {
    flex: 1 0 0%;
    min-width: 8.3333333333%;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
}

.col-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
}

.col-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
}

.col-3 {
    flex-basis: 25%;
    max-width: 25%;
}

.col-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
}

.col-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
}

.col-6 {
    flex-basis: 50%;
    max-width: 50%;
}

.col-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
}

.col-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
}

.col-9 {
    flex-basis: 75%;
    max-width: 75%;
}

.col-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
}

.col-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
}

.col-12 {
    flex-basis: 100%;
    max-width: 100%;
}

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
    --grid-margin: var(--grid-portrait-margin);
    --grid-maxwidth: var(--grid-portrait-maxwidth);
    margin-left: auto;
    margin-right: auto;
    max-width: var(--grid-maxwidth);
    padding-left: var(--grid-margin);
    padding-right: var(--grid-margin);
    width: 100%;
}

.row {
    --grid-gutter: var(--grid-portrait-gutter);
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--grid-gutter) * -0.5);
    margin-right: calc(var(--grid-gutter) * -0.5);
}

@media (min-width: 576px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-fluid {
        --grid-margin: var(--grid-tablet-margin);
    }

    .row {
        --grid-gutter: var(--grid-tablet-gutter);
    }

    .container,
    .container-sm {
        --grid-maxwidth: calc( var(--grid-breakpoint-sm) - var(--grid-tablet-margin) );
    }

    .col-sm {
        flex: 1 0 0%;
        min-width: 8.3333333333%;
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-sm-1 {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%;
    }

    .col-sm-2 {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-sm-3 {
        flex-basis: 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .col-sm-5 {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%;
    }

    .col-sm-6 {
        flex-basis: 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%;
    }

    .col-sm-8 {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%;
    }

    .col-sm-9 {
        flex-basis: 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%;
    }

    .col-sm-11 {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%;
    }

    .col-sm-12 {
        flex-basis: 100%;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-fluid {
        --grid-margin: var(--grid-tablet-margin);
    }

    .row {
        --grid-gutter: var(--grid-tablet-gutter);
    }

    .container,
    .container-sm,
    .container-md {
        --grid-maxwidth: calc( var(--grid-breakpoint-md) - var(--grid-tablet-margin) );
    }

    .col-md {
        flex: 1 0 0%;
        min-width: 8.3333333333%;
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-md-1 {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%;
    }

    .col-md-2 {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-md-3 {
        flex-basis: 25%;
        max-width: 25%;
    }

    .col-md-4 {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .col-md-5 {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%;
    }

    .col-md-6 {
        flex-basis: 50%;
        max-width: 50%;
    }

    .col-md-7 {
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%;
    }

    .col-md-8 {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%;
    }

    .col-md-9 {
        flex-basis: 75%;
        max-width: 75%;
    }

    .col-md-10 {
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%;
    }

    .col-md-11 {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%;
    }

    .col-md-12 {
        flex-basis: 100%;
        max-width: 100%;
    }
}

@media (min-width: 1280px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-fluid {
        --grid-margin: var(--grid-desktop-margin);
    }

    .row {
        --grid-gutter: var(--grid-desktop-gutter);
    }

    .container,
    .container-sm,
    .container-md,
    .container-lg {
        --grid-maxwidth: calc( var(--grid-breakpoint-lg) - var(--grid-desktop-margin) );
    }

    .col-lg {
        flex: 1 0 0%;
        min-width: 8.3333333333%;
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-lg-1 {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%;
    }

    .col-lg-2 {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-lg-3 {
        flex-basis: 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .col-lg-5 {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%;
    }

    .col-lg-6 {
        flex-basis: 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%;
    }

    .col-lg-8 {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%;
    }

    .col-lg-9 {
        flex-basis: 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%;
    }

    .col-lg-11 {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%;
    }

    .col-lg-12 {
        flex-basis: 100%;
        max-width: 100%;
    }
}

@media (min-width: 1600px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-fluid {
        --grid-margin: var(--grid-tv-margin);
    }

    .row {
        --grid-gutter: var(--grid-tv-gutter);
    }

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        --grid-maxwidth: calc( var(--grid-breakpoint-xl) - var(--grid-tv-margin) );
    }

    .col-xl {
        flex: 1 0 0%;
        min-width: 8.3333333333%;
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-xl-1 {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%;
    }

    .col-xl-2 {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-xl-3 {
        flex-basis: 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .col-xl-5 {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%;
    }

    .col-xl-6 {
        flex-basis: 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%;
    }

    .col-xl-8 {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%;
    }

    .col-xl-9 {
        flex-basis: 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%;
    }

    .col-xl-11 {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%;
    }

    .col-xl-12 {
        flex-basis: 100%;
        max-width: 100%;
    }
}

.m-0 {
    margin: var(--spacing-scale-default) !important;
}

.mx-0 {
    margin-left: var(--spacing-scale-default) !important;
    margin-right: var(--spacing-scale-default) !important;
}

.my-0 {
    margin-bottom: var(--spacing-scale-default) !important;
    margin-top: var(--spacing-scale-default) !important;
}

.mt-0 {
    margin-top: var(--spacing-scale-default) !important;
}

.mr-0 {
    margin-right: var(--spacing-scale-default) !important;
}

.mb-0 {
    margin-bottom: var(--spacing-scale-default) !important;
}

.ml-0 {
    margin-left: var(--spacing-scale-default) !important;
}

.m-half {
    margin: var(--spacing-scale-half) !important;
}

.mx-half {
    margin-left: var(--spacing-scale-half) !important;
    margin-right: var(--spacing-scale-half) !important;
}

.my-half {
    margin-bottom: var(--spacing-scale-half) !important;
    margin-top: var(--spacing-scale-half) !important;
}

.mt-half {
    margin-top: var(--spacing-scale-half) !important;
}

.mt-nhalf {
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
}

.mr-half {
    margin-right: var(--spacing-scale-half) !important;
}

.mr-nhalf {
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
}

.mb-half {
    margin-bottom: var(--spacing-scale-half) !important;
}

.mb-nhalf {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
}

.ml-half {
    margin-left: var(--spacing-scale-half) !important;
}

.ml-nhalf {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
}

.m-nhalf {
    margin: calc(var(--spacing-scale-half) * -1) !important;
}

.mx-nhalf {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
}

.my-nhalf {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
}

.m-base {
    margin: var(--spacing-scale-base) !important;
}

.mx-base {
    margin-left: var(--spacing-scale-base) !important;
    margin-right: var(--spacing-scale-base) !important;
}

.my-base {
    margin-bottom: var(--spacing-scale-base) !important;
    margin-top: var(--spacing-scale-base) !important;
}

.mt-base {
    margin-top: var(--spacing-scale-base) !important;
}

.mt-nbase {
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
}

.mr-base {
    margin-right: var(--spacing-scale-base) !important;
}

.mr-nbase {
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
}

.mb-base {
    margin-bottom: var(--spacing-scale-base) !important;
}

.mb-nbase {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
}

.ml-base {
    margin-left: var(--spacing-scale-base) !important;
}

.ml-nbase {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
}

.m-nbase {
    margin: calc(var(--spacing-scale-base) * -1) !important;
}

.mx-nbase {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
}

.my-nbase {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
}

.m-baseh {
    margin: var(--spacing-scale-baseh) !important;
}

.mx-baseh {
    margin-left: var(--spacing-scale-baseh) !important;
    margin-right: var(--spacing-scale-baseh) !important;
}

.my-baseh {
    margin-bottom: var(--spacing-scale-baseh) !important;
    margin-top: var(--spacing-scale-baseh) !important;
}

.mt-baseh {
    margin-top: var(--spacing-scale-baseh) !important;
}

.mt-nbaseh {
    margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
}

.mr-baseh {
    margin-right: var(--spacing-scale-baseh) !important;
}

.mr-nbaseh {
    margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
}

.mb-baseh {
    margin-bottom: var(--spacing-scale-baseh) !important;
}

.mb-nbaseh {
    margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
}

.ml-baseh {
    margin-left: var(--spacing-scale-baseh) !important;
}

.ml-nbaseh {
    margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
}

.m-nbaseh {
    margin: calc(var(--spacing-scale-baseh) * -1) !important;
}

.mx-nbaseh {
    margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
    margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
}

.my-nbaseh {
    margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
}

.m-1 {
    margin: var(--spacing-scale-half) !important;
}

.mx-1 {
    margin-left: var(--spacing-scale-half) !important;
    margin-right: var(--spacing-scale-half) !important;
}

.my-1 {
    margin-bottom: var(--spacing-scale-half) !important;
    margin-top: var(--spacing-scale-half) !important;
}

.mt-1 {
    margin-top: var(--spacing-scale-half) !important;
}

.mt-n1 {
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
}

.mr-1 {
    margin-right: var(--spacing-scale-half) !important;
}

.mr-n1 {
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
}

.mb-1 {
    margin-bottom: var(--spacing-scale-half) !important;
}

.mb-n1 {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
}

.ml-1 {
    margin-left: var(--spacing-scale-half) !important;
}

.ml-n1 {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
}

.m-n1 {
    margin: calc(var(--spacing-scale-half) * -1) !important;
}

.mx-n1 {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
}

.my-n1 {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
}

.m-2 {
    margin: var(--spacing-scale-base) !important;
}

.mx-2 {
    margin-left: var(--spacing-scale-base) !important;
    margin-right: var(--spacing-scale-base) !important;
}

.my-2 {
    margin-bottom: var(--spacing-scale-base) !important;
    margin-top: var(--spacing-scale-base) !important;
}

.mt-2 {
    margin-top: var(--spacing-scale-base) !important;
}

.mt-n2 {
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
}

.mr-2 {
    margin-right: var(--spacing-scale-base) !important;
}

.mr-n2 {
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
}

.mb-2 {
    margin-bottom: var(--spacing-scale-base) !important;
}

.mb-n2 {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
}

.ml-2 {
    margin-left: var(--spacing-scale-base) !important;
}

.ml-n2 {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
}

.m-n2 {
    margin: calc(var(--spacing-scale-base) * -1) !important;
}

.mx-n2 {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
}

.my-n2 {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
}

.m-3 {
    margin: var(--spacing-scale-2x) !important;
}

.mx-3 {
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: var(--spacing-scale-2x) !important;
}

.my-3 {
    margin-bottom: var(--spacing-scale-2x) !important;
    margin-top: var(--spacing-scale-2x) !important;
}

.mt-3 {
    margin-top: var(--spacing-scale-2x) !important;
}

.mt-n3 {
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}

.mr-3 {
    margin-right: var(--spacing-scale-2x) !important;
}

.mr-n3 {
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}

.mb-3 {
    margin-bottom: var(--spacing-scale-2x) !important;
}

.mb-n3 {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}

.ml-3 {
    margin-left: var(--spacing-scale-2x) !important;
}

.ml-n3 {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
}

.m-n3 {
    margin: calc(var(--spacing-scale-2x) * -1) !important;
}

.mx-n3 {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}

.my-n3 {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}

.m-4 {
    margin: var(--spacing-scale-3x) !important;
}

.mx-4 {
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: var(--spacing-scale-3x) !important;
}

.my-4 {
    margin-bottom: var(--spacing-scale-3x) !important;
    margin-top: var(--spacing-scale-3x) !important;
}

.mt-4 {
    margin-top: var(--spacing-scale-3x) !important;
}

.mt-n4 {
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}

.mr-4 {
    margin-right: var(--spacing-scale-3x) !important;
}

.mr-n4 {
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}

.mb-4 {
    margin-bottom: var(--spacing-scale-3x) !important;
}

.mb-n4 {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}

.ml-4 {
    margin-left: var(--spacing-scale-3x) !important;
}

.ml-n4 {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
}

.m-n4 {
    margin: calc(var(--spacing-scale-3x) * -1) !important;
}

.mx-n4 {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}

.my-n4 {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}

.m-5 {
    margin: var(--spacing-scale-4x) !important;
}

.mx-5 {
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: var(--spacing-scale-4x) !important;
}

.my-5 {
    margin-bottom: var(--spacing-scale-4x) !important;
    margin-top: var(--spacing-scale-4x) !important;
}

.mt-5 {
    margin-top: var(--spacing-scale-4x) !important;
}

.mt-n5 {
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}

.mr-5 {
    margin-right: var(--spacing-scale-4x) !important;
}

.mr-n5 {
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}

.mb-5 {
    margin-bottom: var(--spacing-scale-4x) !important;
}

.mb-n5 {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}

.ml-5 {
    margin-left: var(--spacing-scale-4x) !important;
}

.ml-n5 {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
}

.m-n5 {
    margin: calc(var(--spacing-scale-4x) * -1) !important;
}

.mx-n5 {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}

.my-n5 {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}

.m-6 {
    margin: var(--spacing-scale-5x) !important;
}

.mx-6 {
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: var(--spacing-scale-5x) !important;
}

.my-6 {
    margin-bottom: var(--spacing-scale-5x) !important;
    margin-top: var(--spacing-scale-5x) !important;
}

.mt-6 {
    margin-top: var(--spacing-scale-5x) !important;
}

.mt-n6 {
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}

.mr-6 {
    margin-right: var(--spacing-scale-5x) !important;
}

.mr-n6 {
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}

.mb-6 {
    margin-bottom: var(--spacing-scale-5x) !important;
}

.mb-n6 {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}

.ml-6 {
    margin-left: var(--spacing-scale-5x) !important;
}

.ml-n6 {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
}

.m-n6 {
    margin: calc(var(--spacing-scale-5x) * -1) !important;
}

.mx-n6 {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}

.my-n6 {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}

.m-2x {
    margin: var(--spacing-scale-2x) !important;
}

.mx-2x {
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: var(--spacing-scale-2x) !important;
}

.my-2x {
    margin-bottom: var(--spacing-scale-2x) !important;
    margin-top: var(--spacing-scale-2x) !important;
}

.mt-2x {
    margin-top: var(--spacing-scale-2x) !important;
}

.mt-n2x {
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}

.mr-2x {
    margin-right: var(--spacing-scale-2x) !important;
}

.mr-n2x {
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}

.mb-2x {
    margin-bottom: var(--spacing-scale-2x) !important;
}

.mb-n2x {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}

.ml-2x {
    margin-left: var(--spacing-scale-2x) !important;
}

.ml-n2x {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
}

.m-n2x {
    margin: calc(var(--spacing-scale-2x) * -1) !important;
}

.mx-n2x {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}

.my-n2x {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}

.m-2xh {
    margin: var(--spacing-scale-2xh) !important;
}

.mx-2xh {
    margin-left: var(--spacing-scale-2xh) !important;
    margin-right: var(--spacing-scale-2xh) !important;
}

.my-2xh {
    margin-bottom: var(--spacing-scale-2xh) !important;
    margin-top: var(--spacing-scale-2xh) !important;
}

.mt-2xh {
    margin-top: var(--spacing-scale-2xh) !important;
}

.mt-n2xh {
    margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
}

.mr-2xh {
    margin-right: var(--spacing-scale-2xh) !important;
}

.mr-n2xh {
    margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
}

.mb-2xh {
    margin-bottom: var(--spacing-scale-2xh) !important;
}

.mb-n2xh {
    margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
}

.ml-2xh {
    margin-left: var(--spacing-scale-2xh) !important;
}

.ml-n2xh {
    margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
}

.m-n2xh {
    margin: calc(var(--spacing-scale-2xh) * -1) !important;
}

.mx-n2xh {
    margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
}

.my-n2xh {
    margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
}

.m-3x {
    margin: var(--spacing-scale-3x) !important;
}

.mx-3x {
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: var(--spacing-scale-3x) !important;
}

.my-3x {
    margin-bottom: var(--spacing-scale-3x) !important;
    margin-top: var(--spacing-scale-3x) !important;
}

.mt-3x {
    margin-top: var(--spacing-scale-3x) !important;
}

.mt-n3x {
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}

.mr-3x {
    margin-right: var(--spacing-scale-3x) !important;
}

.mr-n3x {
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}

.mb-3x {
    margin-bottom: var(--spacing-scale-3x) !important;
}

.mb-n3x {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}

.ml-3x {
    margin-left: var(--spacing-scale-3x) !important;
}

.ml-n3x {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
}

.m-n3x {
    margin: calc(var(--spacing-scale-3x) * -1) !important;
}

.mx-n3x {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}

.my-n3x {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}

.m-3xh {
    margin: var(--spacing-scale-3xh) !important;
}

.mx-3xh {
    margin-left: var(--spacing-scale-3xh) !important;
    margin-right: var(--spacing-scale-3xh) !important;
}

.my-3xh {
    margin-bottom: var(--spacing-scale-3xh) !important;
    margin-top: var(--spacing-scale-3xh) !important;
}

.mt-3xh {
    margin-top: var(--spacing-scale-3xh) !important;
}

.mt-n3xh {
    margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
}

.mr-3xh {
    margin-right: var(--spacing-scale-3xh) !important;
}

.mr-n3xh {
    margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
}

.mb-3xh {
    margin-bottom: var(--spacing-scale-3xh) !important;
}

.mb-n3xh {
    margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
}

.ml-3xh {
    margin-left: var(--spacing-scale-3xh) !important;
}

.ml-n3xh {
    margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
}

.m-n3xh {
    margin: calc(var(--spacing-scale-3xh) * -1) !important;
}

.mx-n3xh {
    margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
}

.my-n3xh {
    margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
}

.m-4x {
    margin: var(--spacing-scale-4x) !important;
}

.mx-4x {
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: var(--spacing-scale-4x) !important;
}

.my-4x {
    margin-bottom: var(--spacing-scale-4x) !important;
    margin-top: var(--spacing-scale-4x) !important;
}

.mt-4x {
    margin-top: var(--spacing-scale-4x) !important;
}

.mt-n4x {
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}

.mr-4x {
    margin-right: var(--spacing-scale-4x) !important;
}

.mr-n4x {
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}

.mb-4x {
    margin-bottom: var(--spacing-scale-4x) !important;
}

.mb-n4x {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}

.ml-4x {
    margin-left: var(--spacing-scale-4x) !important;
}

.ml-n4x {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
}

.m-n4x {
    margin: calc(var(--spacing-scale-4x) * -1) !important;
}

.mx-n4x {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}

.my-n4x {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}

.m-4xh {
    margin: var(--spacing-scale-4xh) !important;
}

.mx-4xh {
    margin-left: var(--spacing-scale-4xh) !important;
    margin-right: var(--spacing-scale-4xh) !important;
}

.my-4xh {
    margin-bottom: var(--spacing-scale-4xh) !important;
    margin-top: var(--spacing-scale-4xh) !important;
}

.mt-4xh {
    margin-top: var(--spacing-scale-4xh) !important;
}

.mt-n4xh {
    margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
}

.mr-4xh {
    margin-right: var(--spacing-scale-4xh) !important;
}

.mr-n4xh {
    margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
}

.mb-4xh {
    margin-bottom: var(--spacing-scale-4xh) !important;
}

.mb-n4xh {
    margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
}

.ml-4xh {
    margin-left: var(--spacing-scale-4xh) !important;
}

.ml-n4xh {
    margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
}

.m-n4xh {
    margin: calc(var(--spacing-scale-4xh) * -1) !important;
}

.mx-n4xh {
    margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
}

.my-n4xh {
    margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
}

.m-5x {
    margin: var(--spacing-scale-5x) !important;
}

.mx-5x {
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: var(--spacing-scale-5x) !important;
}

.my-5x {
    margin-bottom: var(--spacing-scale-5x) !important;
    margin-top: var(--spacing-scale-5x) !important;
}

.mt-5x {
    margin-top: var(--spacing-scale-5x) !important;
}

.mt-n5x {
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}

.mr-5x {
    margin-right: var(--spacing-scale-5x) !important;
}

.mr-n5x {
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}

.mb-5x {
    margin-bottom: var(--spacing-scale-5x) !important;
}

.mb-n5x {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}

.ml-5x {
    margin-left: var(--spacing-scale-5x) !important;
}

.ml-n5x {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
}

.m-n5x {
    margin: calc(var(--spacing-scale-5x) * -1) !important;
}

.mx-n5x {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}

.my-n5x {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}

.m-5xh {
    margin: var(--spacing-scale-5xh) !important;
}

.mx-5xh {
    margin-left: var(--spacing-scale-5xh) !important;
    margin-right: var(--spacing-scale-5xh) !important;
}

.my-5xh {
    margin-bottom: var(--spacing-scale-5xh) !important;
    margin-top: var(--spacing-scale-5xh) !important;
}

.mt-5xh {
    margin-top: var(--spacing-scale-5xh) !important;
}

.mt-n5xh {
    margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
}

.mr-5xh {
    margin-right: var(--spacing-scale-5xh) !important;
}

.mr-n5xh {
    margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
}

.mb-5xh {
    margin-bottom: var(--spacing-scale-5xh) !important;
}

.mb-n5xh {
    margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
}

.ml-5xh {
    margin-left: var(--spacing-scale-5xh) !important;
}

.ml-n5xh {
    margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
}

.m-n5xh {
    margin: calc(var(--spacing-scale-5xh) * -1) !important;
}

.mx-n5xh {
    margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
}

.my-n5xh {
    margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
}

.m-6x {
    margin: var(--spacing-scale-6x) !important;
}

.mx-6x {
    margin-left: var(--spacing-scale-6x) !important;
    margin-right: var(--spacing-scale-6x) !important;
}

.my-6x {
    margin-bottom: var(--spacing-scale-6x) !important;
    margin-top: var(--spacing-scale-6x) !important;
}

.mt-6x {
    margin-top: var(--spacing-scale-6x) !important;
}

.mt-n6x {
    margin-top: calc(var(--spacing-scale-6x) * -1) !important;
}

.mr-6x {
    margin-right: var(--spacing-scale-6x) !important;
}

.mr-n6x {
    margin-right: calc(var(--spacing-scale-6x) * -1) !important;
}

.mb-6x {
    margin-bottom: var(--spacing-scale-6x) !important;
}

.mb-n6x {
    margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
}

.ml-6x {
    margin-left: var(--spacing-scale-6x) !important;
}

.ml-n6x {
    margin-left: calc(var(--spacing-scale-6x) * -1) !important;
}

.m-n6x {
    margin: calc(var(--spacing-scale-6x) * -1) !important;
}

.mx-n6x {
    margin-left: calc(var(--spacing-scale-6x) * -1) !important;
    margin-right: calc(var(--spacing-scale-6x) * -1) !important;
}

.my-n6x {
    margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    margin-top: calc(var(--spacing-scale-6x) * -1) !important;
}

.m-6xh {
    margin: var(--spacing-scale-6xh) !important;
}

.mx-6xh {
    margin-left: var(--spacing-scale-6xh) !important;
    margin-right: var(--spacing-scale-6xh) !important;
}

.my-6xh {
    margin-bottom: var(--spacing-scale-6xh) !important;
    margin-top: var(--spacing-scale-6xh) !important;
}

.mt-6xh {
    margin-top: var(--spacing-scale-6xh) !important;
}

.mt-n6xh {
    margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
}

.mr-6xh {
    margin-right: var(--spacing-scale-6xh) !important;
}

.mr-n6xh {
    margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
}

.mb-6xh {
    margin-bottom: var(--spacing-scale-6xh) !important;
}

.mb-n6xh {
    margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
}

.ml-6xh {
    margin-left: var(--spacing-scale-6xh) !important;
}

.ml-n6xh {
    margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
}

.m-n6xh {
    margin: calc(var(--spacing-scale-6xh) * -1) !important;
}

.mx-n6xh {
    margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
}

.my-n6xh {
    margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
}

.m-7x {
    margin: var(--spacing-scale-7x) !important;
}

.mx-7x {
    margin-left: var(--spacing-scale-7x) !important;
    margin-right: var(--spacing-scale-7x) !important;
}

.my-7x {
    margin-bottom: var(--spacing-scale-7x) !important;
    margin-top: var(--spacing-scale-7x) !important;
}

.mt-7x {
    margin-top: var(--spacing-scale-7x) !important;
}

.mt-n7x {
    margin-top: calc(var(--spacing-scale-7x) * -1) !important;
}

.mr-7x {
    margin-right: var(--spacing-scale-7x) !important;
}

.mr-n7x {
    margin-right: calc(var(--spacing-scale-7x) * -1) !important;
}

.mb-7x {
    margin-bottom: var(--spacing-scale-7x) !important;
}

.mb-n7x {
    margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
}

.ml-7x {
    margin-left: var(--spacing-scale-7x) !important;
}

.ml-n7x {
    margin-left: calc(var(--spacing-scale-7x) * -1) !important;
}

.m-n7x {
    margin: calc(var(--spacing-scale-7x) * -1) !important;
}

.mx-n7x {
    margin-left: calc(var(--spacing-scale-7x) * -1) !important;
    margin-right: calc(var(--spacing-scale-7x) * -1) !important;
}

.my-n7x {
    margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    margin-top: calc(var(--spacing-scale-7x) * -1) !important;
}

.m-7xh {
    margin: var(--spacing-scale-7xh) !important;
}

.mx-7xh {
    margin-left: var(--spacing-scale-7xh) !important;
    margin-right: var(--spacing-scale-7xh) !important;
}

.my-7xh {
    margin-bottom: var(--spacing-scale-7xh) !important;
    margin-top: var(--spacing-scale-7xh) !important;
}

.mt-7xh {
    margin-top: var(--spacing-scale-7xh) !important;
}

.mt-n7xh {
    margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
}

.mr-7xh {
    margin-right: var(--spacing-scale-7xh) !important;
}

.mr-n7xh {
    margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
}

.mb-7xh {
    margin-bottom: var(--spacing-scale-7xh) !important;
}

.mb-n7xh {
    margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
}

.ml-7xh {
    margin-left: var(--spacing-scale-7xh) !important;
}

.ml-n7xh {
    margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
}

.m-n7xh {
    margin: calc(var(--spacing-scale-7xh) * -1) !important;
}

.mx-n7xh {
    margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
}

.my-n7xh {
    margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
}

.m-8x {
    margin: var(--spacing-scale-8x) !important;
}

.mx-8x {
    margin-left: var(--spacing-scale-8x) !important;
    margin-right: var(--spacing-scale-8x) !important;
}

.my-8x {
    margin-bottom: var(--spacing-scale-8x) !important;
    margin-top: var(--spacing-scale-8x) !important;
}

.mt-8x {
    margin-top: var(--spacing-scale-8x) !important;
}

.mt-n8x {
    margin-top: calc(var(--spacing-scale-8x) * -1) !important;
}

.mr-8x {
    margin-right: var(--spacing-scale-8x) !important;
}

.mr-n8x {
    margin-right: calc(var(--spacing-scale-8x) * -1) !important;
}

.mb-8x {
    margin-bottom: var(--spacing-scale-8x) !important;
}

.mb-n8x {
    margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
}

.ml-8x {
    margin-left: var(--spacing-scale-8x) !important;
}

.ml-n8x {
    margin-left: calc(var(--spacing-scale-8x) * -1) !important;
}

.m-n8x {
    margin: calc(var(--spacing-scale-8x) * -1) !important;
}

.mx-n8x {
    margin-left: calc(var(--spacing-scale-8x) * -1) !important;
    margin-right: calc(var(--spacing-scale-8x) * -1) !important;
}

.my-n8x {
    margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    margin-top: calc(var(--spacing-scale-8x) * -1) !important;
}

.m-8xh {
    margin: var(--spacing-scale-8xh) !important;
}

.mx-8xh {
    margin-left: var(--spacing-scale-8xh) !important;
    margin-right: var(--spacing-scale-8xh) !important;
}

.my-8xh {
    margin-bottom: var(--spacing-scale-8xh) !important;
    margin-top: var(--spacing-scale-8xh) !important;
}

.mt-8xh {
    margin-top: var(--spacing-scale-8xh) !important;
}

.mt-n8xh {
    margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
}

.mr-8xh {
    margin-right: var(--spacing-scale-8xh) !important;
}

.mr-n8xh {
    margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
}

.mb-8xh {
    margin-bottom: var(--spacing-scale-8xh) !important;
}

.mb-n8xh {
    margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
}

.ml-8xh {
    margin-left: var(--spacing-scale-8xh) !important;
}

.ml-n8xh {
    margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
}

.m-n8xh {
    margin: calc(var(--spacing-scale-8xh) * -1) !important;
}

.mx-n8xh {
    margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
}

.my-n8xh {
    margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
}

.m-9x {
    margin: var(--spacing-scale-9x) !important;
}

.mx-9x {
    margin-left: var(--spacing-scale-9x) !important;
    margin-right: var(--spacing-scale-9x) !important;
}

.my-9x {
    margin-bottom: var(--spacing-scale-9x) !important;
    margin-top: var(--spacing-scale-9x) !important;
}

.mt-9x {
    margin-top: var(--spacing-scale-9x) !important;
}

.mt-n9x {
    margin-top: calc(var(--spacing-scale-9x) * -1) !important;
}

.mr-9x {
    margin-right: var(--spacing-scale-9x) !important;
}

.mr-n9x {
    margin-right: calc(var(--spacing-scale-9x) * -1) !important;
}

.mb-9x {
    margin-bottom: var(--spacing-scale-9x) !important;
}

.mb-n9x {
    margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
}

.ml-9x {
    margin-left: var(--spacing-scale-9x) !important;
}

.ml-n9x {
    margin-left: calc(var(--spacing-scale-9x) * -1) !important;
}

.m-n9x {
    margin: calc(var(--spacing-scale-9x) * -1) !important;
}

.mx-n9x {
    margin-left: calc(var(--spacing-scale-9x) * -1) !important;
    margin-right: calc(var(--spacing-scale-9x) * -1) !important;
}

.my-n9x {
    margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    margin-top: calc(var(--spacing-scale-9x) * -1) !important;
}

.m-9xh {
    margin: var(--spacing-scale-9xh) !important;
}

.mx-9xh {
    margin-left: var(--spacing-scale-9xh) !important;
    margin-right: var(--spacing-scale-9xh) !important;
}

.my-9xh {
    margin-bottom: var(--spacing-scale-9xh) !important;
    margin-top: var(--spacing-scale-9xh) !important;
}

.mt-9xh {
    margin-top: var(--spacing-scale-9xh) !important;
}

.mt-n9xh {
    margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
}

.mr-9xh {
    margin-right: var(--spacing-scale-9xh) !important;
}

.mr-n9xh {
    margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
}

.mb-9xh {
    margin-bottom: var(--spacing-scale-9xh) !important;
}

.mb-n9xh {
    margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
}

.ml-9xh {
    margin-left: var(--spacing-scale-9xh) !important;
}

.ml-n9xh {
    margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
}

.m-n9xh {
    margin: calc(var(--spacing-scale-9xh) * -1) !important;
}

.mx-n9xh {
    margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
}

.my-n9xh {
    margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
}

.m-10x {
    margin: var(--spacing-scale-10x) !important;
}

.mx-10x {
    margin-left: var(--spacing-scale-10x) !important;
    margin-right: var(--spacing-scale-10x) !important;
}

.my-10x {
    margin-bottom: var(--spacing-scale-10x) !important;
    margin-top: var(--spacing-scale-10x) !important;
}

.mt-10x {
    margin-top: var(--spacing-scale-10x) !important;
}

.mt-n10x {
    margin-top: calc(var(--spacing-scale-10x) * -1) !important;
}

.mr-10x {
    margin-right: var(--spacing-scale-10x) !important;
}

.mr-n10x {
    margin-right: calc(var(--spacing-scale-10x) * -1) !important;
}

.mb-10x {
    margin-bottom: var(--spacing-scale-10x) !important;
}

.mb-n10x {
    margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
}

.ml-10x {
    margin-left: var(--spacing-scale-10x) !important;
}

.ml-n10x {
    margin-left: calc(var(--spacing-scale-10x) * -1) !important;
}

.m-n10x {
    margin: calc(var(--spacing-scale-10x) * -1) !important;
}

.mx-n10x {
    margin-left: calc(var(--spacing-scale-10x) * -1) !important;
    margin-right: calc(var(--spacing-scale-10x) * -1) !important;
}

.my-n10x {
    margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    margin-top: calc(var(--spacing-scale-10x) * -1) !important;
}

.m-10xh {
    margin: var(--spacing-scale-10xh) !important;
}

.mx-10xh {
    margin-left: var(--spacing-scale-10xh) !important;
    margin-right: var(--spacing-scale-10xh) !important;
}

.my-10xh {
    margin-bottom: var(--spacing-scale-10xh) !important;
    margin-top: var(--spacing-scale-10xh) !important;
}

.mt-10xh {
    margin-top: var(--spacing-scale-10xh) !important;
}

.mt-n10xh {
    margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
}

.mr-10xh {
    margin-right: var(--spacing-scale-10xh) !important;
}

.mr-n10xh {
    margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
}

.mb-10xh {
    margin-bottom: var(--spacing-scale-10xh) !important;
}

.mb-n10xh {
    margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
}

.ml-10xh {
    margin-left: var(--spacing-scale-10xh) !important;
}

.ml-n10xh {
    margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
}

.m-n10xh {
    margin: calc(var(--spacing-scale-10xh) * -1) !important;
}

.mx-n10xh {
    margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
}

.my-n10xh {
    margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
}

.m-auto {
    margin: auto !important;
}

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

.my-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
}

.mt-auto {
    margin-top: auto !important;
}

.mr-auto {
    margin-right: auto !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ml-auto {
    margin-left: auto !important;
}

.p-0 {
    padding: var(--spacing-scale-default) !important;
}

.px-0 {
    padding-left: var(--spacing-scale-default) !important;
    padding-right: var(--spacing-scale-default) !important;
}

.py-0 {
    padding-bottom: var(--spacing-scale-default) !important;
    padding-top: var(--spacing-scale-default) !important;
}

.pt-0 {
    padding-top: var(--spacing-scale-default) !important;
}

.pr-0 {
    padding-right: var(--spacing-scale-default) !important;
}

.pb-0 {
    padding-bottom: var(--spacing-scale-default) !important;
}

.pl-0 {
    padding-left: var(--spacing-scale-default) !important;
}

.p-half {
    padding: var(--spacing-scale-half) !important;
}

.px-half {
    padding-left: var(--spacing-scale-half) !important;
    padding-right: var(--spacing-scale-half) !important;
}

.py-half {
    padding-bottom: var(--spacing-scale-half) !important;
    padding-top: var(--spacing-scale-half) !important;
}

.pt-half {
    padding-top: var(--spacing-scale-half) !important;
}

.pt-nhalf {
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
}

.pr-half {
    padding-right: var(--spacing-scale-half) !important;
}

.pr-nhalf {
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
}

.pb-half {
    padding-bottom: var(--spacing-scale-half) !important;
}

.pb-nhalf {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
}

.pl-half {
    padding-left: var(--spacing-scale-half) !important;
}

.pl-nhalf {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
}

.p-nhalf {
    padding: calc(var(--spacing-scale-half) * -1) !important;
}

.px-nhalf {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
}

.py-nhalf {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
}

.p-base {
    padding: var(--spacing-scale-base) !important;
}

.px-base {
    padding-left: var(--spacing-scale-base) !important;
    padding-right: var(--spacing-scale-base) !important;
}

.py-base {
    padding-bottom: var(--spacing-scale-base) !important;
    padding-top: var(--spacing-scale-base) !important;
}

.pt-base {
    padding-top: var(--spacing-scale-base) !important;
}

.pt-nbase {
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
}

.pr-base {
    padding-right: var(--spacing-scale-base) !important;
}

.pr-nbase {
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
}

.pb-base {
    padding-bottom: var(--spacing-scale-base) !important;
}

.pb-nbase {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
}

.pl-base {
    padding-left: var(--spacing-scale-base) !important;
}

.pl-nbase {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
}

.p-nbase {
    padding: calc(var(--spacing-scale-base) * -1) !important;
}

.px-nbase {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
}

.py-nbase {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
}

.p-baseh {
    padding: var(--spacing-scale-baseh) !important;
}

.px-baseh {
    padding-left: var(--spacing-scale-baseh) !important;
    padding-right: var(--spacing-scale-baseh) !important;
}

.py-baseh {
    padding-bottom: var(--spacing-scale-baseh) !important;
    padding-top: var(--spacing-scale-baseh) !important;
}

.pt-baseh {
    padding-top: var(--spacing-scale-baseh) !important;
}

.pt-nbaseh {
    padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
}

.pr-baseh {
    padding-right: var(--spacing-scale-baseh) !important;
}

.pr-nbaseh {
    padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
}

.pb-baseh {
    padding-bottom: var(--spacing-scale-baseh) !important;
}

.pb-nbaseh {
    padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
}

.pl-baseh {
    padding-left: var(--spacing-scale-baseh) !important;
}

.pl-nbaseh {
    padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
}

.p-nbaseh {
    padding: calc(var(--spacing-scale-baseh) * -1) !important;
}

.px-nbaseh {
    padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
    padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
}

.py-nbaseh {
    padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
}

.p-1 {
    padding: var(--spacing-scale-half) !important;
}

.px-1 {
    padding-left: var(--spacing-scale-half) !important;
    padding-right: var(--spacing-scale-half) !important;
}

.py-1 {
    padding-bottom: var(--spacing-scale-half) !important;
    padding-top: var(--spacing-scale-half) !important;
}

.pt-1 {
    padding-top: var(--spacing-scale-half) !important;
}

.pt-n1 {
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
}

.pr-1 {
    padding-right: var(--spacing-scale-half) !important;
}

.pr-n1 {
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
}

.pb-1 {
    padding-bottom: var(--spacing-scale-half) !important;
}

.pb-n1 {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
}

.pl-1 {
    padding-left: var(--spacing-scale-half) !important;
}

.pl-n1 {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
}

.p-n1 {
    padding: calc(var(--spacing-scale-half) * -1) !important;
}

.px-n1 {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
}

.py-n1 {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
}

.p-2 {
    padding: var(--spacing-scale-base) !important;
}

.px-2 {
    padding-left: var(--spacing-scale-base) !important;
    padding-right: var(--spacing-scale-base) !important;
}

.py-2 {
    padding-bottom: var(--spacing-scale-base) !important;
    padding-top: var(--spacing-scale-base) !important;
}

.pt-2 {
    padding-top: var(--spacing-scale-base) !important;
}

.pt-n2 {
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
}

.pr-2 {
    padding-right: var(--spacing-scale-base) !important;
}

.pr-n2 {
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
}

.pb-2 {
    padding-bottom: var(--spacing-scale-base) !important;
}

.pb-n2 {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
}

.pl-2 {
    padding-left: var(--spacing-scale-base) !important;
}

.pl-n2 {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
}

.p-n2 {
    padding: calc(var(--spacing-scale-base) * -1) !important;
}

.px-n2 {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
}

.py-n2 {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
}

.p-3 {
    padding: var(--spacing-scale-2x) !important;
}

.px-3 {
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: var(--spacing-scale-2x) !important;
}

.py-3 {
    padding-bottom: var(--spacing-scale-2x) !important;
    padding-top: var(--spacing-scale-2x) !important;
}

.pt-3 {
    padding-top: var(--spacing-scale-2x) !important;
}

.pt-n3 {
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}

.pr-3 {
    padding-right: var(--spacing-scale-2x) !important;
}

.pr-n3 {
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}

.pb-3 {
    padding-bottom: var(--spacing-scale-2x) !important;
}

.pb-n3 {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}

.pl-3 {
    padding-left: var(--spacing-scale-2x) !important;
}

.pl-n3 {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
}

.p-n3 {
    padding: calc(var(--spacing-scale-2x) * -1) !important;
}

.px-n3 {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}

.py-n3 {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}

.p-4 {
    padding: var(--spacing-scale-3x) !important;
}

.px-4 {
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: var(--spacing-scale-3x) !important;
}

.py-4 {
    padding-bottom: var(--spacing-scale-3x) !important;
    padding-top: var(--spacing-scale-3x) !important;
}

.pt-4 {
    padding-top: var(--spacing-scale-3x) !important;
}

.pt-n4 {
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}

.pr-4 {
    padding-right: var(--spacing-scale-3x) !important;
}

.pr-n4 {
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}

.pb-4 {
    padding-bottom: var(--spacing-scale-3x) !important;
}

.pb-n4 {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}

.pl-4 {
    padding-left: var(--spacing-scale-3x) !important;
}

.pl-n4 {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
}

.p-n4 {
    padding: calc(var(--spacing-scale-3x) * -1) !important;
}

.px-n4 {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}

.py-n4 {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}

.p-5 {
    padding: var(--spacing-scale-4x) !important;
}

.px-5 {
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: var(--spacing-scale-4x) !important;
}

.py-5 {
    padding-bottom: var(--spacing-scale-4x) !important;
    padding-top: var(--spacing-scale-4x) !important;
}

.pt-5 {
    padding-top: var(--spacing-scale-4x) !important;
}

.pt-n5 {
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}

.pr-5 {
    padding-right: var(--spacing-scale-4x) !important;
}

.pr-n5 {
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}

.pb-5 {
    padding-bottom: var(--spacing-scale-4x) !important;
}

.pb-n5 {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}

.pl-5 {
    padding-left: var(--spacing-scale-4x) !important;
}

.pl-n5 {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
}

.p-n5 {
    padding: calc(var(--spacing-scale-4x) * -1) !important;
}

.px-n5 {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}

.py-n5 {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}

.p-6 {
    padding: var(--spacing-scale-5x) !important;
}

.px-6 {
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: var(--spacing-scale-5x) !important;
}

.py-6 {
    padding-bottom: var(--spacing-scale-5x) !important;
    padding-top: var(--spacing-scale-5x) !important;
}

.pt-6 {
    padding-top: var(--spacing-scale-5x) !important;
}

.pt-n6 {
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}

.pr-6 {
    padding-right: var(--spacing-scale-5x) !important;
}

.pr-n6 {
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}

.pb-6 {
    padding-bottom: var(--spacing-scale-5x) !important;
}

.pb-n6 {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}

.pl-6 {
    padding-left: var(--spacing-scale-5x) !important;
}

.pl-n6 {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
}

.p-n6 {
    padding: calc(var(--spacing-scale-5x) * -1) !important;
}

.px-n6 {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}

.py-n6 {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}

.p-2x {
    padding: var(--spacing-scale-2x) !important;
}

.px-2x {
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: var(--spacing-scale-2x) !important;
}

.py-2x {
    padding-bottom: var(--spacing-scale-2x) !important;
    padding-top: var(--spacing-scale-2x) !important;
}

.pt-2x {
    padding-top: var(--spacing-scale-2x) !important;
}

.pt-n2x {
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}

.pr-2x {
    padding-right: var(--spacing-scale-2x) !important;
}

.pr-n2x {
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}

.pb-2x {
    padding-bottom: var(--spacing-scale-2x) !important;
}

.pb-n2x {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}

.pl-2x {
    padding-left: var(--spacing-scale-2x) !important;
}

.pl-n2x {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
}

.p-n2x {
    padding: calc(var(--spacing-scale-2x) * -1) !important;
}

.px-n2x {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}

.py-n2x {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}

.p-2xh {
    padding: var(--spacing-scale-2xh) !important;
}

.px-2xh {
    padding-left: var(--spacing-scale-2xh) !important;
    padding-right: var(--spacing-scale-2xh) !important;
}

.py-2xh {
    padding-bottom: var(--spacing-scale-2xh) !important;
    padding-top: var(--spacing-scale-2xh) !important;
}

.pt-2xh {
    padding-top: var(--spacing-scale-2xh) !important;
}

.pt-n2xh {
    padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
}

.pr-2xh {
    padding-right: var(--spacing-scale-2xh) !important;
}

.pr-n2xh {
    padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
}

.pb-2xh {
    padding-bottom: var(--spacing-scale-2xh) !important;
}

.pb-n2xh {
    padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
}

.pl-2xh {
    padding-left: var(--spacing-scale-2xh) !important;
}

.pl-n2xh {
    padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
}

.p-n2xh {
    padding: calc(var(--spacing-scale-2xh) * -1) !important;
}

.px-n2xh {
    padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
}

.py-n2xh {
    padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
}

.p-3x {
    padding: var(--spacing-scale-3x) !important;
}

.px-3x {
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: var(--spacing-scale-3x) !important;
}

.py-3x {
    padding-bottom: var(--spacing-scale-3x) !important;
    padding-top: var(--spacing-scale-3x) !important;
}

.pt-3x {
    padding-top: var(--spacing-scale-3x) !important;
}

.pt-n3x {
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}

.pr-3x {
    padding-right: var(--spacing-scale-3x) !important;
}

.pr-n3x {
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}

.pb-3x {
    padding-bottom: var(--spacing-scale-3x) !important;
}

.pb-n3x {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}

.pl-3x {
    padding-left: var(--spacing-scale-3x) !important;
}

.pl-n3x {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
}

.p-n3x {
    padding: calc(var(--spacing-scale-3x) * -1) !important;
}

.px-n3x {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}

.py-n3x {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}

.p-3xh {
    padding: var(--spacing-scale-3xh) !important;
}

.px-3xh {
    padding-left: var(--spacing-scale-3xh) !important;
    padding-right: var(--spacing-scale-3xh) !important;
}

.py-3xh {
    padding-bottom: var(--spacing-scale-3xh) !important;
    padding-top: var(--spacing-scale-3xh) !important;
}

.pt-3xh {
    padding-top: var(--spacing-scale-3xh) !important;
}

.pt-n3xh {
    padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
}

.pr-3xh {
    padding-right: var(--spacing-scale-3xh) !important;
}

.pr-n3xh {
    padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
}

.pb-3xh {
    padding-bottom: var(--spacing-scale-3xh) !important;
}

.pb-n3xh {
    padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
}

.pl-3xh {
    padding-left: var(--spacing-scale-3xh) !important;
}

.pl-n3xh {
    padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
}

.p-n3xh {
    padding: calc(var(--spacing-scale-3xh) * -1) !important;
}

.px-n3xh {
    padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
}

.py-n3xh {
    padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
}

.p-4x {
    padding: var(--spacing-scale-4x) !important;
}

.px-4x {
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: var(--spacing-scale-4x) !important;
}

.py-4x {
    padding-bottom: var(--spacing-scale-4x) !important;
    padding-top: var(--spacing-scale-4x) !important;
}

.pt-4x {
    padding-top: var(--spacing-scale-4x) !important;
}

.pt-n4x {
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}

.pr-4x {
    padding-right: var(--spacing-scale-4x) !important;
}

.pr-n4x {
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}

.pb-4x {
    padding-bottom: var(--spacing-scale-4x) !important;
}

.pb-n4x {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}

.pl-4x {
    padding-left: var(--spacing-scale-4x) !important;
}

.pl-n4x {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
}

.p-n4x {
    padding: calc(var(--spacing-scale-4x) * -1) !important;
}

.px-n4x {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}

.py-n4x {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}

.p-4xh {
    padding: var(--spacing-scale-4xh) !important;
}

.px-4xh {
    padding-left: var(--spacing-scale-4xh) !important;
    padding-right: var(--spacing-scale-4xh) !important;
}

.py-4xh {
    padding-bottom: var(--spacing-scale-4xh) !important;
    padding-top: var(--spacing-scale-4xh) !important;
}

.pt-4xh {
    padding-top: var(--spacing-scale-4xh) !important;
}

.pt-n4xh {
    padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
}

.pr-4xh {
    padding-right: var(--spacing-scale-4xh) !important;
}

.pr-n4xh {
    padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
}

.pb-4xh {
    padding-bottom: var(--spacing-scale-4xh) !important;
}

.pb-n4xh {
    padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
}

.pl-4xh {
    padding-left: var(--spacing-scale-4xh) !important;
}

.pl-n4xh {
    padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
}

.p-n4xh {
    padding: calc(var(--spacing-scale-4xh) * -1) !important;
}

.px-n4xh {
    padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
}

.py-n4xh {
    padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
}

.p-5x {
    padding: var(--spacing-scale-5x) !important;
}

.px-5x {
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: var(--spacing-scale-5x) !important;
}

.py-5x {
    padding-bottom: var(--spacing-scale-5x) !important;
    padding-top: var(--spacing-scale-5x) !important;
}

.pt-5x {
    padding-top: var(--spacing-scale-5x) !important;
}

.pt-n5x {
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}

.pr-5x {
    padding-right: var(--spacing-scale-5x) !important;
}

.pr-n5x {
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}

.pb-5x {
    padding-bottom: var(--spacing-scale-5x) !important;
}

.pb-n5x {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}

.pl-5x {
    padding-left: var(--spacing-scale-5x) !important;
}

.pl-n5x {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
}

.p-n5x {
    padding: calc(var(--spacing-scale-5x) * -1) !important;
}

.px-n5x {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}

.py-n5x {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}

.p-5xh {
    padding: var(--spacing-scale-5xh) !important;
}

.px-5xh {
    padding-left: var(--spacing-scale-5xh) !important;
    padding-right: var(--spacing-scale-5xh) !important;
}

.py-5xh {
    padding-bottom: var(--spacing-scale-5xh) !important;
    padding-top: var(--spacing-scale-5xh) !important;
}

.pt-5xh {
    padding-top: var(--spacing-scale-5xh) !important;
}

.pt-n5xh {
    padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
}

.pr-5xh {
    padding-right: var(--spacing-scale-5xh) !important;
}

.pr-n5xh {
    padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
}

.pb-5xh {
    padding-bottom: var(--spacing-scale-5xh) !important;
}

.pb-n5xh {
    padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
}

.pl-5xh {
    padding-left: var(--spacing-scale-5xh) !important;
}

.pl-n5xh {
    padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
}

.p-n5xh {
    padding: calc(var(--spacing-scale-5xh) * -1) !important;
}

.px-n5xh {
    padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
}

.py-n5xh {
    padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
}

.p-6x {
    padding: var(--spacing-scale-6x) !important;
}

.px-6x {
    padding-left: var(--spacing-scale-6x) !important;
    padding-right: var(--spacing-scale-6x) !important;
}

.py-6x {
    padding-bottom: var(--spacing-scale-6x) !important;
    padding-top: var(--spacing-scale-6x) !important;
}

.pt-6x {
    padding-top: var(--spacing-scale-6x) !important;
}

.pt-n6x {
    padding-top: calc(var(--spacing-scale-6x) * -1) !important;
}

.pr-6x {
    padding-right: var(--spacing-scale-6x) !important;
}

.pr-n6x {
    padding-right: calc(var(--spacing-scale-6x) * -1) !important;
}

.pb-6x {
    padding-bottom: var(--spacing-scale-6x) !important;
}

.pb-n6x {
    padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
}

.pl-6x {
    padding-left: var(--spacing-scale-6x) !important;
}

.pl-n6x {
    padding-left: calc(var(--spacing-scale-6x) * -1) !important;
}

.p-n6x {
    padding: calc(var(--spacing-scale-6x) * -1) !important;
}

.px-n6x {
    padding-left: calc(var(--spacing-scale-6x) * -1) !important;
    padding-right: calc(var(--spacing-scale-6x) * -1) !important;
}

.py-n6x {
    padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    padding-top: calc(var(--spacing-scale-6x) * -1) !important;
}

.p-6xh {
    padding: var(--spacing-scale-6xh) !important;
}

.px-6xh {
    padding-left: var(--spacing-scale-6xh) !important;
    padding-right: var(--spacing-scale-6xh) !important;
}

.py-6xh {
    padding-bottom: var(--spacing-scale-6xh) !important;
    padding-top: var(--spacing-scale-6xh) !important;
}

.pt-6xh {
    padding-top: var(--spacing-scale-6xh) !important;
}

.pt-n6xh {
    padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
}

.pr-6xh {
    padding-right: var(--spacing-scale-6xh) !important;
}

.pr-n6xh {
    padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
}

.pb-6xh {
    padding-bottom: var(--spacing-scale-6xh) !important;
}

.pb-n6xh {
    padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
}

.pl-6xh {
    padding-left: var(--spacing-scale-6xh) !important;
}

.pl-n6xh {
    padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
}

.p-n6xh {
    padding: calc(var(--spacing-scale-6xh) * -1) !important;
}

.px-n6xh {
    padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
}

.py-n6xh {
    padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
}

.p-7x {
    padding: var(--spacing-scale-7x) !important;
}

.px-7x {
    padding-left: var(--spacing-scale-7x) !important;
    padding-right: var(--spacing-scale-7x) !important;
}

.py-7x {
    padding-bottom: var(--spacing-scale-7x) !important;
    padding-top: var(--spacing-scale-7x) !important;
}

.pt-7x {
    padding-top: var(--spacing-scale-7x) !important;
}

.pt-n7x {
    padding-top: calc(var(--spacing-scale-7x) * -1) !important;
}

.pr-7x {
    padding-right: var(--spacing-scale-7x) !important;
}

.pr-n7x {
    padding-right: calc(var(--spacing-scale-7x) * -1) !important;
}

.pb-7x {
    padding-bottom: var(--spacing-scale-7x) !important;
}

.pb-n7x {
    padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
}

.pl-7x {
    padding-left: var(--spacing-scale-7x) !important;
}

.pl-n7x {
    padding-left: calc(var(--spacing-scale-7x) * -1) !important;
}

.p-n7x {
    padding: calc(var(--spacing-scale-7x) * -1) !important;
}

.px-n7x {
    padding-left: calc(var(--spacing-scale-7x) * -1) !important;
    padding-right: calc(var(--spacing-scale-7x) * -1) !important;
}

.py-n7x {
    padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    padding-top: calc(var(--spacing-scale-7x) * -1) !important;
}

.p-7xh {
    padding: var(--spacing-scale-7xh) !important;
}

.px-7xh {
    padding-left: var(--spacing-scale-7xh) !important;
    padding-right: var(--spacing-scale-7xh) !important;
}

.py-7xh {
    padding-bottom: var(--spacing-scale-7xh) !important;
    padding-top: var(--spacing-scale-7xh) !important;
}

.pt-7xh {
    padding-top: var(--spacing-scale-7xh) !important;
}

.pt-n7xh {
    padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
}

.pr-7xh {
    padding-right: var(--spacing-scale-7xh) !important;
}

.pr-n7xh {
    padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
}

.pb-7xh {
    padding-bottom: var(--spacing-scale-7xh) !important;
}

.pb-n7xh {
    padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
}

.pl-7xh {
    padding-left: var(--spacing-scale-7xh) !important;
}

.pl-n7xh {
    padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
}

.p-n7xh {
    padding: calc(var(--spacing-scale-7xh) * -1) !important;
}

.px-n7xh {
    padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
}

.py-n7xh {
    padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
}

.p-8x {
    padding: var(--spacing-scale-8x) !important;
}

.px-8x {
    padding-left: var(--spacing-scale-8x) !important;
    padding-right: var(--spacing-scale-8x) !important;
}

.py-8x {
    padding-bottom: var(--spacing-scale-8x) !important;
    padding-top: var(--spacing-scale-8x) !important;
}

.pt-8x {
    padding-top: var(--spacing-scale-8x) !important;
}

.pt-n8x {
    padding-top: calc(var(--spacing-scale-8x) * -1) !important;
}

.pr-8x {
    padding-right: var(--spacing-scale-8x) !important;
}

.pr-n8x {
    padding-right: calc(var(--spacing-scale-8x) * -1) !important;
}

.pb-8x {
    padding-bottom: var(--spacing-scale-8x) !important;
}

.pb-n8x {
    padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
}

.pl-8x {
    padding-left: var(--spacing-scale-8x) !important;
}

.pl-n8x {
    padding-left: calc(var(--spacing-scale-8x) * -1) !important;
}

.p-n8x {
    padding: calc(var(--spacing-scale-8x) * -1) !important;
}

.px-n8x {
    padding-left: calc(var(--spacing-scale-8x) * -1) !important;
    padding-right: calc(var(--spacing-scale-8x) * -1) !important;
}

.py-n8x {
    padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    padding-top: calc(var(--spacing-scale-8x) * -1) !important;
}

.p-8xh {
    padding: var(--spacing-scale-8xh) !important;
}

.px-8xh {
    padding-left: var(--spacing-scale-8xh) !important;
    padding-right: var(--spacing-scale-8xh) !important;
}

.py-8xh {
    padding-bottom: var(--spacing-scale-8xh) !important;
    padding-top: var(--spacing-scale-8xh) !important;
}

.pt-8xh {
    padding-top: var(--spacing-scale-8xh) !important;
}

.pt-n8xh {
    padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
}

.pr-8xh {
    padding-right: var(--spacing-scale-8xh) !important;
}

.pr-n8xh {
    padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
}

.pb-8xh {
    padding-bottom: var(--spacing-scale-8xh) !important;
}

.pb-n8xh {
    padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
}

.pl-8xh {
    padding-left: var(--spacing-scale-8xh) !important;
}

.pl-n8xh {
    padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
}

.p-n8xh {
    padding: calc(var(--spacing-scale-8xh) * -1) !important;
}

.px-n8xh {
    padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
}

.py-n8xh {
    padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
}

.p-9x {
    padding: var(--spacing-scale-9x) !important;
}

.px-9x {
    padding-left: var(--spacing-scale-9x) !important;
    padding-right: var(--spacing-scale-9x) !important;
}

.py-9x {
    padding-bottom: var(--spacing-scale-9x) !important;
    padding-top: var(--spacing-scale-9x) !important;
}

.pt-9x {
    padding-top: var(--spacing-scale-9x) !important;
}

.pt-n9x {
    padding-top: calc(var(--spacing-scale-9x) * -1) !important;
}

.pr-9x {
    padding-right: var(--spacing-scale-9x) !important;
}

.pr-n9x {
    padding-right: calc(var(--spacing-scale-9x) * -1) !important;
}

.pb-9x {
    padding-bottom: var(--spacing-scale-9x) !important;
}

.pb-n9x {
    padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
}

.pl-9x {
    padding-left: var(--spacing-scale-9x) !important;
}

.pl-n9x {
    padding-left: calc(var(--spacing-scale-9x) * -1) !important;
}

.p-n9x {
    padding: calc(var(--spacing-scale-9x) * -1) !important;
}

.px-n9x {
    padding-left: calc(var(--spacing-scale-9x) * -1) !important;
    padding-right: calc(var(--spacing-scale-9x) * -1) !important;
}

.py-n9x {
    padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    padding-top: calc(var(--spacing-scale-9x) * -1) !important;
}

.p-9xh {
    padding: var(--spacing-scale-9xh) !important;
}

.px-9xh {
    padding-left: var(--spacing-scale-9xh) !important;
    padding-right: var(--spacing-scale-9xh) !important;
}

.py-9xh {
    padding-bottom: var(--spacing-scale-9xh) !important;
    padding-top: var(--spacing-scale-9xh) !important;
}

.pt-9xh {
    padding-top: var(--spacing-scale-9xh) !important;
}

.pt-n9xh {
    padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
}

.pr-9xh {
    padding-right: var(--spacing-scale-9xh) !important;
}

.pr-n9xh {
    padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
}

.pb-9xh {
    padding-bottom: var(--spacing-scale-9xh) !important;
}

.pb-n9xh {
    padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
}

.pl-9xh {
    padding-left: var(--spacing-scale-9xh) !important;
}

.pl-n9xh {
    padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
}

.p-n9xh {
    padding: calc(var(--spacing-scale-9xh) * -1) !important;
}

.px-n9xh {
    padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
}

.py-n9xh {
    padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
}

.p-10x {
    padding: var(--spacing-scale-10x) !important;
}

.px-10x {
    padding-left: var(--spacing-scale-10x) !important;
    padding-right: var(--spacing-scale-10x) !important;
}

.py-10x {
    padding-bottom: var(--spacing-scale-10x) !important;
    padding-top: var(--spacing-scale-10x) !important;
}

.pt-10x {
    padding-top: var(--spacing-scale-10x) !important;
}

.pt-n10x {
    padding-top: calc(var(--spacing-scale-10x) * -1) !important;
}

.pr-10x {
    padding-right: var(--spacing-scale-10x) !important;
}

.pr-n10x {
    padding-right: calc(var(--spacing-scale-10x) * -1) !important;
}

.pb-10x {
    padding-bottom: var(--spacing-scale-10x) !important;
}

.pb-n10x {
    padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
}

.pl-10x {
    padding-left: var(--spacing-scale-10x) !important;
}

.pl-n10x {
    padding-left: calc(var(--spacing-scale-10x) * -1) !important;
}

.p-n10x {
    padding: calc(var(--spacing-scale-10x) * -1) !important;
}

.px-n10x {
    padding-left: calc(var(--spacing-scale-10x) * -1) !important;
    padding-right: calc(var(--spacing-scale-10x) * -1) !important;
}

.py-n10x {
    padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    padding-top: calc(var(--spacing-scale-10x) * -1) !important;
}

.p-10xh {
    padding: var(--spacing-scale-10xh) !important;
}

.px-10xh {
    padding-left: var(--spacing-scale-10xh) !important;
    padding-right: var(--spacing-scale-10xh) !important;
}

.py-10xh {
    padding-bottom: var(--spacing-scale-10xh) !important;
    padding-top: var(--spacing-scale-10xh) !important;
}

.pt-10xh {
    padding-top: var(--spacing-scale-10xh) !important;
}

.pt-n10xh {
    padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
}

.pr-10xh {
    padding-right: var(--spacing-scale-10xh) !important;
}

.pr-n10xh {
    padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
}

.pb-10xh {
    padding-bottom: var(--spacing-scale-10xh) !important;
}

.pb-n10xh {
    padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
}

.pl-10xh {
    padding-left: var(--spacing-scale-10xh) !important;
}

.pl-n10xh {
    padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
}

.p-n10xh {
    padding: calc(var(--spacing-scale-10xh) * -1) !important;
}

.px-n10xh {
    padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
}

.py-n10xh {
    padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: var(--spacing-scale-default) !important;
    }

    .mx-sm-0 {
        margin-left: var(--spacing-scale-default) !important;
        margin-right: var(--spacing-scale-default) !important;
    }

    .my-sm-0 {
        margin-bottom: var(--spacing-scale-default) !important;
        margin-top: var(--spacing-scale-default) !important;
    }

    .mt-sm-0 {
        margin-top: var(--spacing-scale-default) !important;
    }

    .mr-sm-0 {
        margin-right: var(--spacing-scale-default) !important;
    }

    .mb-sm-0 {
        margin-bottom: var(--spacing-scale-default) !important;
    }

    .ml-sm-0 {
        margin-left: var(--spacing-scale-default) !important;
    }

    .m-sm-half {
        margin: var(--spacing-scale-half) !important;
    }

    .mx-sm-half {
        margin-left: var(--spacing-scale-half) !important;
        margin-right: var(--spacing-scale-half) !important;
    }

    .my-sm-half {
        margin-bottom: var(--spacing-scale-half) !important;
        margin-top: var(--spacing-scale-half) !important;
    }

    .mt-sm-half {
        margin-top: var(--spacing-scale-half) !important;
    }

    .mt-sm-nhalf {
        margin-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .mr-sm-half {
        margin-right: var(--spacing-scale-half) !important;
    }

    .mr-sm-nhalf {
        margin-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .mb-sm-half {
        margin-bottom: var(--spacing-scale-half) !important;
    }

    .mb-sm-nhalf {
        margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    }

    .ml-sm-half {
        margin-left: var(--spacing-scale-half) !important;
    }

    .ml-sm-nhalf {
        margin-left: calc(var(--spacing-scale-half) * -1) !important;
    }

    .m-sm-nhalf {
        margin: calc(var(--spacing-scale-half) * -1) !important;
    }

    .mx-sm-nhalf {
        margin-left: calc(var(--spacing-scale-half) * -1) !important;
        margin-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .my-sm-nhalf {
        margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
        margin-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .m-sm-base {
        margin: var(--spacing-scale-base) !important;
    }

    .mx-sm-base {
        margin-left: var(--spacing-scale-base) !important;
        margin-right: var(--spacing-scale-base) !important;
    }

    .my-sm-base {
        margin-bottom: var(--spacing-scale-base) !important;
        margin-top: var(--spacing-scale-base) !important;
    }

    .mt-sm-base {
        margin-top: var(--spacing-scale-base) !important;
    }

    .mt-sm-nbase {
        margin-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .mr-sm-base {
        margin-right: var(--spacing-scale-base) !important;
    }

    .mr-sm-nbase {
        margin-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .mb-sm-base {
        margin-bottom: var(--spacing-scale-base) !important;
    }

    .mb-sm-nbase {
        margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    }

    .ml-sm-base {
        margin-left: var(--spacing-scale-base) !important;
    }

    .ml-sm-nbase {
        margin-left: calc(var(--spacing-scale-base) * -1) !important;
    }

    .m-sm-nbase {
        margin: calc(var(--spacing-scale-base) * -1) !important;
    }

    .mx-sm-nbase {
        margin-left: calc(var(--spacing-scale-base) * -1) !important;
        margin-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .my-sm-nbase {
        margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
        margin-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .m-sm-baseh {
        margin: var(--spacing-scale-baseh) !important;
    }

    .mx-sm-baseh {
        margin-left: var(--spacing-scale-baseh) !important;
        margin-right: var(--spacing-scale-baseh) !important;
    }

    .my-sm-baseh {
        margin-bottom: var(--spacing-scale-baseh) !important;
        margin-top: var(--spacing-scale-baseh) !important;
    }

    .mt-sm-baseh {
        margin-top: var(--spacing-scale-baseh) !important;
    }

    .mt-sm-nbaseh {
        margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .mr-sm-baseh {
        margin-right: var(--spacing-scale-baseh) !important;
    }

    .mr-sm-nbaseh {
        margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .mb-sm-baseh {
        margin-bottom: var(--spacing-scale-baseh) !important;
    }

    .mb-sm-nbaseh {
        margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .ml-sm-baseh {
        margin-left: var(--spacing-scale-baseh) !important;
    }

    .ml-sm-nbaseh {
        margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .m-sm-nbaseh {
        margin: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .mx-sm-nbaseh {
        margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
        margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .my-sm-nbaseh {
        margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
        margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .m-sm-1 {
        margin: var(--spacing-scale-half) !important;
    }

    .mx-sm-1 {
        margin-left: var(--spacing-scale-half) !important;
        margin-right: var(--spacing-scale-half) !important;
    }

    .my-sm-1 {
        margin-bottom: var(--spacing-scale-half) !important;
        margin-top: var(--spacing-scale-half) !important;
    }

    .mt-sm-1 {
        margin-top: var(--spacing-scale-half) !important;
    }

    .mt-sm-n1 {
        margin-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .mr-sm-1 {
        margin-right: var(--spacing-scale-half) !important;
    }

    .mr-sm-n1 {
        margin-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .mb-sm-1 {
        margin-bottom: var(--spacing-scale-half) !important;
    }

    .mb-sm-n1 {
        margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    }

    .ml-sm-1 {
        margin-left: var(--spacing-scale-half) !important;
    }

    .ml-sm-n1 {
        margin-left: calc(var(--spacing-scale-half) * -1) !important;
    }

    .m-sm-n1 {
        margin: calc(var(--spacing-scale-half) * -1) !important;
    }

    .mx-sm-n1 {
        margin-left: calc(var(--spacing-scale-half) * -1) !important;
        margin-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .my-sm-n1 {
        margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
        margin-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .m-sm-2 {
        margin: var(--spacing-scale-base) !important;
    }

    .mx-sm-2 {
        margin-left: var(--spacing-scale-base) !important;
        margin-right: var(--spacing-scale-base) !important;
    }

    .my-sm-2 {
        margin-bottom: var(--spacing-scale-base) !important;
        margin-top: var(--spacing-scale-base) !important;
    }

    .mt-sm-2 {
        margin-top: var(--spacing-scale-base) !important;
    }

    .mt-sm-n2 {
        margin-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .mr-sm-2 {
        margin-right: var(--spacing-scale-base) !important;
    }

    .mr-sm-n2 {
        margin-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .mb-sm-2 {
        margin-bottom: var(--spacing-scale-base) !important;
    }

    .mb-sm-n2 {
        margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    }

    .ml-sm-2 {
        margin-left: var(--spacing-scale-base) !important;
    }

    .ml-sm-n2 {
        margin-left: calc(var(--spacing-scale-base) * -1) !important;
    }

    .m-sm-n2 {
        margin: calc(var(--spacing-scale-base) * -1) !important;
    }

    .mx-sm-n2 {
        margin-left: calc(var(--spacing-scale-base) * -1) !important;
        margin-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .my-sm-n2 {
        margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
        margin-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .m-sm-3 {
        margin: var(--spacing-scale-2x) !important;
    }

    .mx-sm-3 {
        margin-left: var(--spacing-scale-2x) !important;
        margin-right: var(--spacing-scale-2x) !important;
    }

    .my-sm-3 {
        margin-bottom: var(--spacing-scale-2x) !important;
        margin-top: var(--spacing-scale-2x) !important;
    }

    .mt-sm-3 {
        margin-top: var(--spacing-scale-2x) !important;
    }

    .mt-sm-n3 {
        margin-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .mr-sm-3 {
        margin-right: var(--spacing-scale-2x) !important;
    }

    .mr-sm-n3 {
        margin-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .mb-sm-3 {
        margin-bottom: var(--spacing-scale-2x) !important;
    }

    .mb-sm-n3 {
        margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .ml-sm-3 {
        margin-left: var(--spacing-scale-2x) !important;
    }

    .ml-sm-n3 {
        margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .m-sm-n3 {
        margin: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .mx-sm-n3 {
        margin-left: calc(var(--spacing-scale-2x) * -1) !important;
        margin-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .my-sm-n3 {
        margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
        margin-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .m-sm-4 {
        margin: var(--spacing-scale-3x) !important;
    }

    .mx-sm-4 {
        margin-left: var(--spacing-scale-3x) !important;
        margin-right: var(--spacing-scale-3x) !important;
    }

    .my-sm-4 {
        margin-bottom: var(--spacing-scale-3x) !important;
        margin-top: var(--spacing-scale-3x) !important;
    }

    .mt-sm-4 {
        margin-top: var(--spacing-scale-3x) !important;
    }

    .mt-sm-n4 {
        margin-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .mr-sm-4 {
        margin-right: var(--spacing-scale-3x) !important;
    }

    .mr-sm-n4 {
        margin-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .mb-sm-4 {
        margin-bottom: var(--spacing-scale-3x) !important;
    }

    .mb-sm-n4 {
        margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .ml-sm-4 {
        margin-left: var(--spacing-scale-3x) !important;
    }

    .ml-sm-n4 {
        margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .m-sm-n4 {
        margin: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .mx-sm-n4 {
        margin-left: calc(var(--spacing-scale-3x) * -1) !important;
        margin-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .my-sm-n4 {
        margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
        margin-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .m-sm-5 {
        margin: var(--spacing-scale-4x) !important;
    }

    .mx-sm-5 {
        margin-left: var(--spacing-scale-4x) !important;
        margin-right: var(--spacing-scale-4x) !important;
    }

    .my-sm-5 {
        margin-bottom: var(--spacing-scale-4x) !important;
        margin-top: var(--spacing-scale-4x) !important;
    }

    .mt-sm-5 {
        margin-top: var(--spacing-scale-4x) !important;
    }

    .mt-sm-n5 {
        margin-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .mr-sm-5 {
        margin-right: var(--spacing-scale-4x) !important;
    }

    .mr-sm-n5 {
        margin-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .mb-sm-5 {
        margin-bottom: var(--spacing-scale-4x) !important;
    }

    .mb-sm-n5 {
        margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .ml-sm-5 {
        margin-left: var(--spacing-scale-4x) !important;
    }

    .ml-sm-n5 {
        margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .m-sm-n5 {
        margin: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .mx-sm-n5 {
        margin-left: calc(var(--spacing-scale-4x) * -1) !important;
        margin-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .my-sm-n5 {
        margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
        margin-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .m-sm-6 {
        margin: var(--spacing-scale-5x) !important;
    }

    .mx-sm-6 {
        margin-left: var(--spacing-scale-5x) !important;
        margin-right: var(--spacing-scale-5x) !important;
    }

    .my-sm-6 {
        margin-bottom: var(--spacing-scale-5x) !important;
        margin-top: var(--spacing-scale-5x) !important;
    }

    .mt-sm-6 {
        margin-top: var(--spacing-scale-5x) !important;
    }

    .mt-sm-n6 {
        margin-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .mr-sm-6 {
        margin-right: var(--spacing-scale-5x) !important;
    }

    .mr-sm-n6 {
        margin-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .mb-sm-6 {
        margin-bottom: var(--spacing-scale-5x) !important;
    }

    .mb-sm-n6 {
        margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .ml-sm-6 {
        margin-left: var(--spacing-scale-5x) !important;
    }

    .ml-sm-n6 {
        margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .m-sm-n6 {
        margin: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .mx-sm-n6 {
        margin-left: calc(var(--spacing-scale-5x) * -1) !important;
        margin-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .my-sm-n6 {
        margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
        margin-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .m-sm-2x {
        margin: var(--spacing-scale-2x) !important;
    }

    .mx-sm-2x {
        margin-left: var(--spacing-scale-2x) !important;
        margin-right: var(--spacing-scale-2x) !important;
    }

    .my-sm-2x {
        margin-bottom: var(--spacing-scale-2x) !important;
        margin-top: var(--spacing-scale-2x) !important;
    }

    .mt-sm-2x {
        margin-top: var(--spacing-scale-2x) !important;
    }

    .mt-sm-n2x {
        margin-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .mr-sm-2x {
        margin-right: var(--spacing-scale-2x) !important;
    }

    .mr-sm-n2x {
        margin-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .mb-sm-2x {
        margin-bottom: var(--spacing-scale-2x) !important;
    }

    .mb-sm-n2x {
        margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .ml-sm-2x {
        margin-left: var(--spacing-scale-2x) !important;
    }

    .ml-sm-n2x {
        margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .m-sm-n2x {
        margin: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .mx-sm-n2x {
        margin-left: calc(var(--spacing-scale-2x) * -1) !important;
        margin-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .my-sm-n2x {
        margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
        margin-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .m-sm-2xh {
        margin: var(--spacing-scale-2xh) !important;
    }

    .mx-sm-2xh {
        margin-left: var(--spacing-scale-2xh) !important;
        margin-right: var(--spacing-scale-2xh) !important;
    }

    .my-sm-2xh {
        margin-bottom: var(--spacing-scale-2xh) !important;
        margin-top: var(--spacing-scale-2xh) !important;
    }

    .mt-sm-2xh {
        margin-top: var(--spacing-scale-2xh) !important;
    }

    .mt-sm-n2xh {
        margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .mr-sm-2xh {
        margin-right: var(--spacing-scale-2xh) !important;
    }

    .mr-sm-n2xh {
        margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .mb-sm-2xh {
        margin-bottom: var(--spacing-scale-2xh) !important;
    }

    .mb-sm-n2xh {
        margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .ml-sm-2xh {
        margin-left: var(--spacing-scale-2xh) !important;
    }

    .ml-sm-n2xh {
        margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .m-sm-n2xh {
        margin: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .mx-sm-n2xh {
        margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .my-sm-n2xh {
        margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .m-sm-3x {
        margin: var(--spacing-scale-3x) !important;
    }

    .mx-sm-3x {
        margin-left: var(--spacing-scale-3x) !important;
        margin-right: var(--spacing-scale-3x) !important;
    }

    .my-sm-3x {
        margin-bottom: var(--spacing-scale-3x) !important;
        margin-top: var(--spacing-scale-3x) !important;
    }

    .mt-sm-3x {
        margin-top: var(--spacing-scale-3x) !important;
    }

    .mt-sm-n3x {
        margin-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .mr-sm-3x {
        margin-right: var(--spacing-scale-3x) !important;
    }

    .mr-sm-n3x {
        margin-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .mb-sm-3x {
        margin-bottom: var(--spacing-scale-3x) !important;
    }

    .mb-sm-n3x {
        margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .ml-sm-3x {
        margin-left: var(--spacing-scale-3x) !important;
    }

    .ml-sm-n3x {
        margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .m-sm-n3x {
        margin: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .mx-sm-n3x {
        margin-left: calc(var(--spacing-scale-3x) * -1) !important;
        margin-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .my-sm-n3x {
        margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
        margin-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .m-sm-3xh {
        margin: var(--spacing-scale-3xh) !important;
    }

    .mx-sm-3xh {
        margin-left: var(--spacing-scale-3xh) !important;
        margin-right: var(--spacing-scale-3xh) !important;
    }

    .my-sm-3xh {
        margin-bottom: var(--spacing-scale-3xh) !important;
        margin-top: var(--spacing-scale-3xh) !important;
    }

    .mt-sm-3xh {
        margin-top: var(--spacing-scale-3xh) !important;
    }

    .mt-sm-n3xh {
        margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .mr-sm-3xh {
        margin-right: var(--spacing-scale-3xh) !important;
    }

    .mr-sm-n3xh {
        margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .mb-sm-3xh {
        margin-bottom: var(--spacing-scale-3xh) !important;
    }

    .mb-sm-n3xh {
        margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .ml-sm-3xh {
        margin-left: var(--spacing-scale-3xh) !important;
    }

    .ml-sm-n3xh {
        margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .m-sm-n3xh {
        margin: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .mx-sm-n3xh {
        margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .my-sm-n3xh {
        margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .m-sm-4x {
        margin: var(--spacing-scale-4x) !important;
    }

    .mx-sm-4x {
        margin-left: var(--spacing-scale-4x) !important;
        margin-right: var(--spacing-scale-4x) !important;
    }

    .my-sm-4x {
        margin-bottom: var(--spacing-scale-4x) !important;
        margin-top: var(--spacing-scale-4x) !important;
    }

    .mt-sm-4x {
        margin-top: var(--spacing-scale-4x) !important;
    }

    .mt-sm-n4x {
        margin-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .mr-sm-4x {
        margin-right: var(--spacing-scale-4x) !important;
    }

    .mr-sm-n4x {
        margin-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .mb-sm-4x {
        margin-bottom: var(--spacing-scale-4x) !important;
    }

    .mb-sm-n4x {
        margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .ml-sm-4x {
        margin-left: var(--spacing-scale-4x) !important;
    }

    .ml-sm-n4x {
        margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .m-sm-n4x {
        margin: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .mx-sm-n4x {
        margin-left: calc(var(--spacing-scale-4x) * -1) !important;
        margin-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .my-sm-n4x {
        margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
        margin-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .m-sm-4xh {
        margin: var(--spacing-scale-4xh) !important;
    }

    .mx-sm-4xh {
        margin-left: var(--spacing-scale-4xh) !important;
        margin-right: var(--spacing-scale-4xh) !important;
    }

    .my-sm-4xh {
        margin-bottom: var(--spacing-scale-4xh) !important;
        margin-top: var(--spacing-scale-4xh) !important;
    }

    .mt-sm-4xh {
        margin-top: var(--spacing-scale-4xh) !important;
    }

    .mt-sm-n4xh {
        margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .mr-sm-4xh {
        margin-right: var(--spacing-scale-4xh) !important;
    }

    .mr-sm-n4xh {
        margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .mb-sm-4xh {
        margin-bottom: var(--spacing-scale-4xh) !important;
    }

    .mb-sm-n4xh {
        margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .ml-sm-4xh {
        margin-left: var(--spacing-scale-4xh) !important;
    }

    .ml-sm-n4xh {
        margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .m-sm-n4xh {
        margin: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .mx-sm-n4xh {
        margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .my-sm-n4xh {
        margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .m-sm-5x {
        margin: var(--spacing-scale-5x) !important;
    }

    .mx-sm-5x {
        margin-left: var(--spacing-scale-5x) !important;
        margin-right: var(--spacing-scale-5x) !important;
    }

    .my-sm-5x {
        margin-bottom: var(--spacing-scale-5x) !important;
        margin-top: var(--spacing-scale-5x) !important;
    }

    .mt-sm-5x {
        margin-top: var(--spacing-scale-5x) !important;
    }

    .mt-sm-n5x {
        margin-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .mr-sm-5x {
        margin-right: var(--spacing-scale-5x) !important;
    }

    .mr-sm-n5x {
        margin-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .mb-sm-5x {
        margin-bottom: var(--spacing-scale-5x) !important;
    }

    .mb-sm-n5x {
        margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .ml-sm-5x {
        margin-left: var(--spacing-scale-5x) !important;
    }

    .ml-sm-n5x {
        margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .m-sm-n5x {
        margin: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .mx-sm-n5x {
        margin-left: calc(var(--spacing-scale-5x) * -1) !important;
        margin-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .my-sm-n5x {
        margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
        margin-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .m-sm-5xh {
        margin: var(--spacing-scale-5xh) !important;
    }

    .mx-sm-5xh {
        margin-left: var(--spacing-scale-5xh) !important;
        margin-right: var(--spacing-scale-5xh) !important;
    }

    .my-sm-5xh {
        margin-bottom: var(--spacing-scale-5xh) !important;
        margin-top: var(--spacing-scale-5xh) !important;
    }

    .mt-sm-5xh {
        margin-top: var(--spacing-scale-5xh) !important;
    }

    .mt-sm-n5xh {
        margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .mr-sm-5xh {
        margin-right: var(--spacing-scale-5xh) !important;
    }

    .mr-sm-n5xh {
        margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .mb-sm-5xh {
        margin-bottom: var(--spacing-scale-5xh) !important;
    }

    .mb-sm-n5xh {
        margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .ml-sm-5xh {
        margin-left: var(--spacing-scale-5xh) !important;
    }

    .ml-sm-n5xh {
        margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .m-sm-n5xh {
        margin: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .mx-sm-n5xh {
        margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .my-sm-n5xh {
        margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .m-sm-6x {
        margin: var(--spacing-scale-6x) !important;
    }

    .mx-sm-6x {
        margin-left: var(--spacing-scale-6x) !important;
        margin-right: var(--spacing-scale-6x) !important;
    }

    .my-sm-6x {
        margin-bottom: var(--spacing-scale-6x) !important;
        margin-top: var(--spacing-scale-6x) !important;
    }

    .mt-sm-6x {
        margin-top: var(--spacing-scale-6x) !important;
    }

    .mt-sm-n6x {
        margin-top: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .mr-sm-6x {
        margin-right: var(--spacing-scale-6x) !important;
    }

    .mr-sm-n6x {
        margin-right: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .mb-sm-6x {
        margin-bottom: var(--spacing-scale-6x) !important;
    }

    .mb-sm-n6x {
        margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .ml-sm-6x {
        margin-left: var(--spacing-scale-6x) !important;
    }

    .ml-sm-n6x {
        margin-left: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .m-sm-n6x {
        margin: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .mx-sm-n6x {
        margin-left: calc(var(--spacing-scale-6x) * -1) !important;
        margin-right: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .my-sm-n6x {
        margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
        margin-top: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .m-sm-6xh {
        margin: var(--spacing-scale-6xh) !important;
    }

    .mx-sm-6xh {
        margin-left: var(--spacing-scale-6xh) !important;
        margin-right: var(--spacing-scale-6xh) !important;
    }

    .my-sm-6xh {
        margin-bottom: var(--spacing-scale-6xh) !important;
        margin-top: var(--spacing-scale-6xh) !important;
    }

    .mt-sm-6xh {
        margin-top: var(--spacing-scale-6xh) !important;
    }

    .mt-sm-n6xh {
        margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .mr-sm-6xh {
        margin-right: var(--spacing-scale-6xh) !important;
    }

    .mr-sm-n6xh {
        margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .mb-sm-6xh {
        margin-bottom: var(--spacing-scale-6xh) !important;
    }

    .mb-sm-n6xh {
        margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .ml-sm-6xh {
        margin-left: var(--spacing-scale-6xh) !important;
    }

    .ml-sm-n6xh {
        margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .m-sm-n6xh {
        margin: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .mx-sm-n6xh {
        margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .my-sm-n6xh {
        margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .m-sm-7x {
        margin: var(--spacing-scale-7x) !important;
    }

    .mx-sm-7x {
        margin-left: var(--spacing-scale-7x) !important;
        margin-right: var(--spacing-scale-7x) !important;
    }

    .my-sm-7x {
        margin-bottom: var(--spacing-scale-7x) !important;
        margin-top: var(--spacing-scale-7x) !important;
    }

    .mt-sm-7x {
        margin-top: var(--spacing-scale-7x) !important;
    }

    .mt-sm-n7x {
        margin-top: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .mr-sm-7x {
        margin-right: var(--spacing-scale-7x) !important;
    }

    .mr-sm-n7x {
        margin-right: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .mb-sm-7x {
        margin-bottom: var(--spacing-scale-7x) !important;
    }

    .mb-sm-n7x {
        margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .ml-sm-7x {
        margin-left: var(--spacing-scale-7x) !important;
    }

    .ml-sm-n7x {
        margin-left: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .m-sm-n7x {
        margin: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .mx-sm-n7x {
        margin-left: calc(var(--spacing-scale-7x) * -1) !important;
        margin-right: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .my-sm-n7x {
        margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
        margin-top: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .m-sm-7xh {
        margin: var(--spacing-scale-7xh) !important;
    }

    .mx-sm-7xh {
        margin-left: var(--spacing-scale-7xh) !important;
        margin-right: var(--spacing-scale-7xh) !important;
    }

    .my-sm-7xh {
        margin-bottom: var(--spacing-scale-7xh) !important;
        margin-top: var(--spacing-scale-7xh) !important;
    }

    .mt-sm-7xh {
        margin-top: var(--spacing-scale-7xh) !important;
    }

    .mt-sm-n7xh {
        margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .mr-sm-7xh {
        margin-right: var(--spacing-scale-7xh) !important;
    }

    .mr-sm-n7xh {
        margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .mb-sm-7xh {
        margin-bottom: var(--spacing-scale-7xh) !important;
    }

    .mb-sm-n7xh {
        margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .ml-sm-7xh {
        margin-left: var(--spacing-scale-7xh) !important;
    }

    .ml-sm-n7xh {
        margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .m-sm-n7xh {
        margin: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .mx-sm-n7xh {
        margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .my-sm-n7xh {
        margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .m-sm-8x {
        margin: var(--spacing-scale-8x) !important;
    }

    .mx-sm-8x {
        margin-left: var(--spacing-scale-8x) !important;
        margin-right: var(--spacing-scale-8x) !important;
    }

    .my-sm-8x {
        margin-bottom: var(--spacing-scale-8x) !important;
        margin-top: var(--spacing-scale-8x) !important;
    }

    .mt-sm-8x {
        margin-top: var(--spacing-scale-8x) !important;
    }

    .mt-sm-n8x {
        margin-top: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .mr-sm-8x {
        margin-right: var(--spacing-scale-8x) !important;
    }

    .mr-sm-n8x {
        margin-right: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .mb-sm-8x {
        margin-bottom: var(--spacing-scale-8x) !important;
    }

    .mb-sm-n8x {
        margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .ml-sm-8x {
        margin-left: var(--spacing-scale-8x) !important;
    }

    .ml-sm-n8x {
        margin-left: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .m-sm-n8x {
        margin: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .mx-sm-n8x {
        margin-left: calc(var(--spacing-scale-8x) * -1) !important;
        margin-right: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .my-sm-n8x {
        margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
        margin-top: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .m-sm-8xh {
        margin: var(--spacing-scale-8xh) !important;
    }

    .mx-sm-8xh {
        margin-left: var(--spacing-scale-8xh) !important;
        margin-right: var(--spacing-scale-8xh) !important;
    }

    .my-sm-8xh {
        margin-bottom: var(--spacing-scale-8xh) !important;
        margin-top: var(--spacing-scale-8xh) !important;
    }

    .mt-sm-8xh {
        margin-top: var(--spacing-scale-8xh) !important;
    }

    .mt-sm-n8xh {
        margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .mr-sm-8xh {
        margin-right: var(--spacing-scale-8xh) !important;
    }

    .mr-sm-n8xh {
        margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .mb-sm-8xh {
        margin-bottom: var(--spacing-scale-8xh) !important;
    }

    .mb-sm-n8xh {
        margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .ml-sm-8xh {
        margin-left: var(--spacing-scale-8xh) !important;
    }

    .ml-sm-n8xh {
        margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .m-sm-n8xh {
        margin: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .mx-sm-n8xh {
        margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .my-sm-n8xh {
        margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .m-sm-9x {
        margin: var(--spacing-scale-9x) !important;
    }

    .mx-sm-9x {
        margin-left: var(--spacing-scale-9x) !important;
        margin-right: var(--spacing-scale-9x) !important;
    }

    .my-sm-9x {
        margin-bottom: var(--spacing-scale-9x) !important;
        margin-top: var(--spacing-scale-9x) !important;
    }

    .mt-sm-9x {
        margin-top: var(--spacing-scale-9x) !important;
    }

    .mt-sm-n9x {
        margin-top: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .mr-sm-9x {
        margin-right: var(--spacing-scale-9x) !important;
    }

    .mr-sm-n9x {
        margin-right: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .mb-sm-9x {
        margin-bottom: var(--spacing-scale-9x) !important;
    }

    .mb-sm-n9x {
        margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .ml-sm-9x {
        margin-left: var(--spacing-scale-9x) !important;
    }

    .ml-sm-n9x {
        margin-left: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .m-sm-n9x {
        margin: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .mx-sm-n9x {
        margin-left: calc(var(--spacing-scale-9x) * -1) !important;
        margin-right: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .my-sm-n9x {
        margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
        margin-top: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .m-sm-9xh {
        margin: var(--spacing-scale-9xh) !important;
    }

    .mx-sm-9xh {
        margin-left: var(--spacing-scale-9xh) !important;
        margin-right: var(--spacing-scale-9xh) !important;
    }

    .my-sm-9xh {
        margin-bottom: var(--spacing-scale-9xh) !important;
        margin-top: var(--spacing-scale-9xh) !important;
    }

    .mt-sm-9xh {
        margin-top: var(--spacing-scale-9xh) !important;
    }

    .mt-sm-n9xh {
        margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .mr-sm-9xh {
        margin-right: var(--spacing-scale-9xh) !important;
    }

    .mr-sm-n9xh {
        margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .mb-sm-9xh {
        margin-bottom: var(--spacing-scale-9xh) !important;
    }

    .mb-sm-n9xh {
        margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .ml-sm-9xh {
        margin-left: var(--spacing-scale-9xh) !important;
    }

    .ml-sm-n9xh {
        margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .m-sm-n9xh {
        margin: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .mx-sm-n9xh {
        margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .my-sm-n9xh {
        margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .m-sm-10x {
        margin: var(--spacing-scale-10x) !important;
    }

    .mx-sm-10x {
        margin-left: var(--spacing-scale-10x) !important;
        margin-right: var(--spacing-scale-10x) !important;
    }

    .my-sm-10x {
        margin-bottom: var(--spacing-scale-10x) !important;
        margin-top: var(--spacing-scale-10x) !important;
    }

    .mt-sm-10x {
        margin-top: var(--spacing-scale-10x) !important;
    }

    .mt-sm-n10x {
        margin-top: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .mr-sm-10x {
        margin-right: var(--spacing-scale-10x) !important;
    }

    .mr-sm-n10x {
        margin-right: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .mb-sm-10x {
        margin-bottom: var(--spacing-scale-10x) !important;
    }

    .mb-sm-n10x {
        margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .ml-sm-10x {
        margin-left: var(--spacing-scale-10x) !important;
    }

    .ml-sm-n10x {
        margin-left: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .m-sm-n10x {
        margin: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .mx-sm-n10x {
        margin-left: calc(var(--spacing-scale-10x) * -1) !important;
        margin-right: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .my-sm-n10x {
        margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
        margin-top: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .m-sm-10xh {
        margin: var(--spacing-scale-10xh) !important;
    }

    .mx-sm-10xh {
        margin-left: var(--spacing-scale-10xh) !important;
        margin-right: var(--spacing-scale-10xh) !important;
    }

    .my-sm-10xh {
        margin-bottom: var(--spacing-scale-10xh) !important;
        margin-top: var(--spacing-scale-10xh) !important;
    }

    .mt-sm-10xh {
        margin-top: var(--spacing-scale-10xh) !important;
    }

    .mt-sm-n10xh {
        margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .mr-sm-10xh {
        margin-right: var(--spacing-scale-10xh) !important;
    }

    .mr-sm-n10xh {
        margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .mb-sm-10xh {
        margin-bottom: var(--spacing-scale-10xh) !important;
    }

    .mb-sm-n10xh {
        margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .ml-sm-10xh {
        margin-left: var(--spacing-scale-10xh) !important;
    }

    .ml-sm-n10xh {
        margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .m-sm-n10xh {
        margin: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .mx-sm-n10xh {
        margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .my-sm-n10xh {
        margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mx-sm-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .my-sm-auto {
        margin-bottom: auto !important;
        margin-top: auto !important;
    }

    .mt-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-auto {
        margin-left: auto !important;
    }

    .p-sm-0 {
        padding: var(--spacing-scale-default) !important;
    }

    .px-sm-0 {
        padding-left: var(--spacing-scale-default) !important;
        padding-right: var(--spacing-scale-default) !important;
    }

    .py-sm-0 {
        padding-bottom: var(--spacing-scale-default) !important;
        padding-top: var(--spacing-scale-default) !important;
    }

    .pt-sm-0 {
        padding-top: var(--spacing-scale-default) !important;
    }

    .pr-sm-0 {
        padding-right: var(--spacing-scale-default) !important;
    }

    .pb-sm-0 {
        padding-bottom: var(--spacing-scale-default) !important;
    }

    .pl-sm-0 {
        padding-left: var(--spacing-scale-default) !important;
    }

    .p-sm-half {
        padding: var(--spacing-scale-half) !important;
    }

    .px-sm-half {
        padding-left: var(--spacing-scale-half) !important;
        padding-right: var(--spacing-scale-half) !important;
    }

    .py-sm-half {
        padding-bottom: var(--spacing-scale-half) !important;
        padding-top: var(--spacing-scale-half) !important;
    }

    .pt-sm-half {
        padding-top: var(--spacing-scale-half) !important;
    }

    .pt-sm-nhalf {
        padding-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .pr-sm-half {
        padding-right: var(--spacing-scale-half) !important;
    }

    .pr-sm-nhalf {
        padding-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .pb-sm-half {
        padding-bottom: var(--spacing-scale-half) !important;
    }

    .pb-sm-nhalf {
        padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    }

    .pl-sm-half {
        padding-left: var(--spacing-scale-half) !important;
    }

    .pl-sm-nhalf {
        padding-left: calc(var(--spacing-scale-half) * -1) !important;
    }

    .p-sm-nhalf {
        padding: calc(var(--spacing-scale-half) * -1) !important;
    }

    .px-sm-nhalf {
        padding-left: calc(var(--spacing-scale-half) * -1) !important;
        padding-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .py-sm-nhalf {
        padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
        padding-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .p-sm-base {
        padding: var(--spacing-scale-base) !important;
    }

    .px-sm-base {
        padding-left: var(--spacing-scale-base) !important;
        padding-right: var(--spacing-scale-base) !important;
    }

    .py-sm-base {
        padding-bottom: var(--spacing-scale-base) !important;
        padding-top: var(--spacing-scale-base) !important;
    }

    .pt-sm-base {
        padding-top: var(--spacing-scale-base) !important;
    }

    .pt-sm-nbase {
        padding-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .pr-sm-base {
        padding-right: var(--spacing-scale-base) !important;
    }

    .pr-sm-nbase {
        padding-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .pb-sm-base {
        padding-bottom: var(--spacing-scale-base) !important;
    }

    .pb-sm-nbase {
        padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    }

    .pl-sm-base {
        padding-left: var(--spacing-scale-base) !important;
    }

    .pl-sm-nbase {
        padding-left: calc(var(--spacing-scale-base) * -1) !important;
    }

    .p-sm-nbase {
        padding: calc(var(--spacing-scale-base) * -1) !important;
    }

    .px-sm-nbase {
        padding-left: calc(var(--spacing-scale-base) * -1) !important;
        padding-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .py-sm-nbase {
        padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
        padding-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .p-sm-baseh {
        padding: var(--spacing-scale-baseh) !important;
    }

    .px-sm-baseh {
        padding-left: var(--spacing-scale-baseh) !important;
        padding-right: var(--spacing-scale-baseh) !important;
    }

    .py-sm-baseh {
        padding-bottom: var(--spacing-scale-baseh) !important;
        padding-top: var(--spacing-scale-baseh) !important;
    }

    .pt-sm-baseh {
        padding-top: var(--spacing-scale-baseh) !important;
    }

    .pt-sm-nbaseh {
        padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .pr-sm-baseh {
        padding-right: var(--spacing-scale-baseh) !important;
    }

    .pr-sm-nbaseh {
        padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .pb-sm-baseh {
        padding-bottom: var(--spacing-scale-baseh) !important;
    }

    .pb-sm-nbaseh {
        padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .pl-sm-baseh {
        padding-left: var(--spacing-scale-baseh) !important;
    }

    .pl-sm-nbaseh {
        padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .p-sm-nbaseh {
        padding: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .px-sm-nbaseh {
        padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
        padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .py-sm-nbaseh {
        padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
        padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .p-sm-1 {
        padding: var(--spacing-scale-half) !important;
    }

    .px-sm-1 {
        padding-left: var(--spacing-scale-half) !important;
        padding-right: var(--spacing-scale-half) !important;
    }

    .py-sm-1 {
        padding-bottom: var(--spacing-scale-half) !important;
        padding-top: var(--spacing-scale-half) !important;
    }

    .pt-sm-1 {
        padding-top: var(--spacing-scale-half) !important;
    }

    .pt-sm-n1 {
        padding-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .pr-sm-1 {
        padding-right: var(--spacing-scale-half) !important;
    }

    .pr-sm-n1 {
        padding-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .pb-sm-1 {
        padding-bottom: var(--spacing-scale-half) !important;
    }

    .pb-sm-n1 {
        padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    }

    .pl-sm-1 {
        padding-left: var(--spacing-scale-half) !important;
    }

    .pl-sm-n1 {
        padding-left: calc(var(--spacing-scale-half) * -1) !important;
    }

    .p-sm-n1 {
        padding: calc(var(--spacing-scale-half) * -1) !important;
    }

    .px-sm-n1 {
        padding-left: calc(var(--spacing-scale-half) * -1) !important;
        padding-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .py-sm-n1 {
        padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
        padding-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .p-sm-2 {
        padding: var(--spacing-scale-base) !important;
    }

    .px-sm-2 {
        padding-left: var(--spacing-scale-base) !important;
        padding-right: var(--spacing-scale-base) !important;
    }

    .py-sm-2 {
        padding-bottom: var(--spacing-scale-base) !important;
        padding-top: var(--spacing-scale-base) !important;
    }

    .pt-sm-2 {
        padding-top: var(--spacing-scale-base) !important;
    }

    .pt-sm-n2 {
        padding-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .pr-sm-2 {
        padding-right: var(--spacing-scale-base) !important;
    }

    .pr-sm-n2 {
        padding-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .pb-sm-2 {
        padding-bottom: var(--spacing-scale-base) !important;
    }

    .pb-sm-n2 {
        padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    }

    .pl-sm-2 {
        padding-left: var(--spacing-scale-base) !important;
    }

    .pl-sm-n2 {
        padding-left: calc(var(--spacing-scale-base) * -1) !important;
    }

    .p-sm-n2 {
        padding: calc(var(--spacing-scale-base) * -1) !important;
    }

    .px-sm-n2 {
        padding-left: calc(var(--spacing-scale-base) * -1) !important;
        padding-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .py-sm-n2 {
        padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
        padding-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .p-sm-3 {
        padding: var(--spacing-scale-2x) !important;
    }

    .px-sm-3 {
        padding-left: var(--spacing-scale-2x) !important;
        padding-right: var(--spacing-scale-2x) !important;
    }

    .py-sm-3 {
        padding-bottom: var(--spacing-scale-2x) !important;
        padding-top: var(--spacing-scale-2x) !important;
    }

    .pt-sm-3 {
        padding-top: var(--spacing-scale-2x) !important;
    }

    .pt-sm-n3 {
        padding-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .pr-sm-3 {
        padding-right: var(--spacing-scale-2x) !important;
    }

    .pr-sm-n3 {
        padding-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .pb-sm-3 {
        padding-bottom: var(--spacing-scale-2x) !important;
    }

    .pb-sm-n3 {
        padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .pl-sm-3 {
        padding-left: var(--spacing-scale-2x) !important;
    }

    .pl-sm-n3 {
        padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .p-sm-n3 {
        padding: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .px-sm-n3 {
        padding-left: calc(var(--spacing-scale-2x) * -1) !important;
        padding-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .py-sm-n3 {
        padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
        padding-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .p-sm-4 {
        padding: var(--spacing-scale-3x) !important;
    }

    .px-sm-4 {
        padding-left: var(--spacing-scale-3x) !important;
        padding-right: var(--spacing-scale-3x) !important;
    }

    .py-sm-4 {
        padding-bottom: var(--spacing-scale-3x) !important;
        padding-top: var(--spacing-scale-3x) !important;
    }

    .pt-sm-4 {
        padding-top: var(--spacing-scale-3x) !important;
    }

    .pt-sm-n4 {
        padding-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .pr-sm-4 {
        padding-right: var(--spacing-scale-3x) !important;
    }

    .pr-sm-n4 {
        padding-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .pb-sm-4 {
        padding-bottom: var(--spacing-scale-3x) !important;
    }

    .pb-sm-n4 {
        padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .pl-sm-4 {
        padding-left: var(--spacing-scale-3x) !important;
    }

    .pl-sm-n4 {
        padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .p-sm-n4 {
        padding: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .px-sm-n4 {
        padding-left: calc(var(--spacing-scale-3x) * -1) !important;
        padding-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .py-sm-n4 {
        padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
        padding-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .p-sm-5 {
        padding: var(--spacing-scale-4x) !important;
    }

    .px-sm-5 {
        padding-left: var(--spacing-scale-4x) !important;
        padding-right: var(--spacing-scale-4x) !important;
    }

    .py-sm-5 {
        padding-bottom: var(--spacing-scale-4x) !important;
        padding-top: var(--spacing-scale-4x) !important;
    }

    .pt-sm-5 {
        padding-top: var(--spacing-scale-4x) !important;
    }

    .pt-sm-n5 {
        padding-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .pr-sm-5 {
        padding-right: var(--spacing-scale-4x) !important;
    }

    .pr-sm-n5 {
        padding-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .pb-sm-5 {
        padding-bottom: var(--spacing-scale-4x) !important;
    }

    .pb-sm-n5 {
        padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .pl-sm-5 {
        padding-left: var(--spacing-scale-4x) !important;
    }

    .pl-sm-n5 {
        padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .p-sm-n5 {
        padding: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .px-sm-n5 {
        padding-left: calc(var(--spacing-scale-4x) * -1) !important;
        padding-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .py-sm-n5 {
        padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
        padding-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .p-sm-6 {
        padding: var(--spacing-scale-5x) !important;
    }

    .px-sm-6 {
        padding-left: var(--spacing-scale-5x) !important;
        padding-right: var(--spacing-scale-5x) !important;
    }

    .py-sm-6 {
        padding-bottom: var(--spacing-scale-5x) !important;
        padding-top: var(--spacing-scale-5x) !important;
    }

    .pt-sm-6 {
        padding-top: var(--spacing-scale-5x) !important;
    }

    .pt-sm-n6 {
        padding-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .pr-sm-6 {
        padding-right: var(--spacing-scale-5x) !important;
    }

    .pr-sm-n6 {
        padding-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .pb-sm-6 {
        padding-bottom: var(--spacing-scale-5x) !important;
    }

    .pb-sm-n6 {
        padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .pl-sm-6 {
        padding-left: var(--spacing-scale-5x) !important;
    }

    .pl-sm-n6 {
        padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .p-sm-n6 {
        padding: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .px-sm-n6 {
        padding-left: calc(var(--spacing-scale-5x) * -1) !important;
        padding-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .py-sm-n6 {
        padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
        padding-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .p-sm-2x {
        padding: var(--spacing-scale-2x) !important;
    }

    .px-sm-2x {
        padding-left: var(--spacing-scale-2x) !important;
        padding-right: var(--spacing-scale-2x) !important;
    }

    .py-sm-2x {
        padding-bottom: var(--spacing-scale-2x) !important;
        padding-top: var(--spacing-scale-2x) !important;
    }

    .pt-sm-2x {
        padding-top: var(--spacing-scale-2x) !important;
    }

    .pt-sm-n2x {
        padding-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .pr-sm-2x {
        padding-right: var(--spacing-scale-2x) !important;
    }

    .pr-sm-n2x {
        padding-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .pb-sm-2x {
        padding-bottom: var(--spacing-scale-2x) !important;
    }

    .pb-sm-n2x {
        padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .pl-sm-2x {
        padding-left: var(--spacing-scale-2x) !important;
    }

    .pl-sm-n2x {
        padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .p-sm-n2x {
        padding: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .px-sm-n2x {
        padding-left: calc(var(--spacing-scale-2x) * -1) !important;
        padding-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .py-sm-n2x {
        padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
        padding-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .p-sm-2xh {
        padding: var(--spacing-scale-2xh) !important;
    }

    .px-sm-2xh {
        padding-left: var(--spacing-scale-2xh) !important;
        padding-right: var(--spacing-scale-2xh) !important;
    }

    .py-sm-2xh {
        padding-bottom: var(--spacing-scale-2xh) !important;
        padding-top: var(--spacing-scale-2xh) !important;
    }

    .pt-sm-2xh {
        padding-top: var(--spacing-scale-2xh) !important;
    }

    .pt-sm-n2xh {
        padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .pr-sm-2xh {
        padding-right: var(--spacing-scale-2xh) !important;
    }

    .pr-sm-n2xh {
        padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .pb-sm-2xh {
        padding-bottom: var(--spacing-scale-2xh) !important;
    }

    .pb-sm-n2xh {
        padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .pl-sm-2xh {
        padding-left: var(--spacing-scale-2xh) !important;
    }

    .pl-sm-n2xh {
        padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .p-sm-n2xh {
        padding: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .px-sm-n2xh {
        padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .py-sm-n2xh {
        padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .p-sm-3x {
        padding: var(--spacing-scale-3x) !important;
    }

    .px-sm-3x {
        padding-left: var(--spacing-scale-3x) !important;
        padding-right: var(--spacing-scale-3x) !important;
    }

    .py-sm-3x {
        padding-bottom: var(--spacing-scale-3x) !important;
        padding-top: var(--spacing-scale-3x) !important;
    }

    .pt-sm-3x {
        padding-top: var(--spacing-scale-3x) !important;
    }

    .pt-sm-n3x {
        padding-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .pr-sm-3x {
        padding-right: var(--spacing-scale-3x) !important;
    }

    .pr-sm-n3x {
        padding-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .pb-sm-3x {
        padding-bottom: var(--spacing-scale-3x) !important;
    }

    .pb-sm-n3x {
        padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .pl-sm-3x {
        padding-left: var(--spacing-scale-3x) !important;
    }

    .pl-sm-n3x {
        padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .p-sm-n3x {
        padding: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .px-sm-n3x {
        padding-left: calc(var(--spacing-scale-3x) * -1) !important;
        padding-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .py-sm-n3x {
        padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
        padding-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .p-sm-3xh {
        padding: var(--spacing-scale-3xh) !important;
    }

    .px-sm-3xh {
        padding-left: var(--spacing-scale-3xh) !important;
        padding-right: var(--spacing-scale-3xh) !important;
    }

    .py-sm-3xh {
        padding-bottom: var(--spacing-scale-3xh) !important;
        padding-top: var(--spacing-scale-3xh) !important;
    }

    .pt-sm-3xh {
        padding-top: var(--spacing-scale-3xh) !important;
    }

    .pt-sm-n3xh {
        padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .pr-sm-3xh {
        padding-right: var(--spacing-scale-3xh) !important;
    }

    .pr-sm-n3xh {
        padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .pb-sm-3xh {
        padding-bottom: var(--spacing-scale-3xh) !important;
    }

    .pb-sm-n3xh {
        padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .pl-sm-3xh {
        padding-left: var(--spacing-scale-3xh) !important;
    }

    .pl-sm-n3xh {
        padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .p-sm-n3xh {
        padding: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .px-sm-n3xh {
        padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .py-sm-n3xh {
        padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .p-sm-4x {
        padding: var(--spacing-scale-4x) !important;
    }

    .px-sm-4x {
        padding-left: var(--spacing-scale-4x) !important;
        padding-right: var(--spacing-scale-4x) !important;
    }

    .py-sm-4x {
        padding-bottom: var(--spacing-scale-4x) !important;
        padding-top: var(--spacing-scale-4x) !important;
    }

    .pt-sm-4x {
        padding-top: var(--spacing-scale-4x) !important;
    }

    .pt-sm-n4x {
        padding-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .pr-sm-4x {
        padding-right: var(--spacing-scale-4x) !important;
    }

    .pr-sm-n4x {
        padding-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .pb-sm-4x {
        padding-bottom: var(--spacing-scale-4x) !important;
    }

    .pb-sm-n4x {
        padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .pl-sm-4x {
        padding-left: var(--spacing-scale-4x) !important;
    }

    .pl-sm-n4x {
        padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .p-sm-n4x {
        padding: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .px-sm-n4x {
        padding-left: calc(var(--spacing-scale-4x) * -1) !important;
        padding-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .py-sm-n4x {
        padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
        padding-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .p-sm-4xh {
        padding: var(--spacing-scale-4xh) !important;
    }

    .px-sm-4xh {
        padding-left: var(--spacing-scale-4xh) !important;
        padding-right: var(--spacing-scale-4xh) !important;
    }

    .py-sm-4xh {
        padding-bottom: var(--spacing-scale-4xh) !important;
        padding-top: var(--spacing-scale-4xh) !important;
    }

    .pt-sm-4xh {
        padding-top: var(--spacing-scale-4xh) !important;
    }

    .pt-sm-n4xh {
        padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .pr-sm-4xh {
        padding-right: var(--spacing-scale-4xh) !important;
    }

    .pr-sm-n4xh {
        padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .pb-sm-4xh {
        padding-bottom: var(--spacing-scale-4xh) !important;
    }

    .pb-sm-n4xh {
        padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .pl-sm-4xh {
        padding-left: var(--spacing-scale-4xh) !important;
    }

    .pl-sm-n4xh {
        padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .p-sm-n4xh {
        padding: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .px-sm-n4xh {
        padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .py-sm-n4xh {
        padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .p-sm-5x {
        padding: var(--spacing-scale-5x) !important;
    }

    .px-sm-5x {
        padding-left: var(--spacing-scale-5x) !important;
        padding-right: var(--spacing-scale-5x) !important;
    }

    .py-sm-5x {
        padding-bottom: var(--spacing-scale-5x) !important;
        padding-top: var(--spacing-scale-5x) !important;
    }

    .pt-sm-5x {
        padding-top: var(--spacing-scale-5x) !important;
    }

    .pt-sm-n5x {
        padding-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .pr-sm-5x {
        padding-right: var(--spacing-scale-5x) !important;
    }

    .pr-sm-n5x {
        padding-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .pb-sm-5x {
        padding-bottom: var(--spacing-scale-5x) !important;
    }

    .pb-sm-n5x {
        padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .pl-sm-5x {
        padding-left: var(--spacing-scale-5x) !important;
    }

    .pl-sm-n5x {
        padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .p-sm-n5x {
        padding: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .px-sm-n5x {
        padding-left: calc(var(--spacing-scale-5x) * -1) !important;
        padding-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .py-sm-n5x {
        padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
        padding-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .p-sm-5xh {
        padding: var(--spacing-scale-5xh) !important;
    }

    .px-sm-5xh {
        padding-left: var(--spacing-scale-5xh) !important;
        padding-right: var(--spacing-scale-5xh) !important;
    }

    .py-sm-5xh {
        padding-bottom: var(--spacing-scale-5xh) !important;
        padding-top: var(--spacing-scale-5xh) !important;
    }

    .pt-sm-5xh {
        padding-top: var(--spacing-scale-5xh) !important;
    }

    .pt-sm-n5xh {
        padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .pr-sm-5xh {
        padding-right: var(--spacing-scale-5xh) !important;
    }

    .pr-sm-n5xh {
        padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .pb-sm-5xh {
        padding-bottom: var(--spacing-scale-5xh) !important;
    }

    .pb-sm-n5xh {
        padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .pl-sm-5xh {
        padding-left: var(--spacing-scale-5xh) !important;
    }

    .pl-sm-n5xh {
        padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .p-sm-n5xh {
        padding: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .px-sm-n5xh {
        padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .py-sm-n5xh {
        padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .p-sm-6x {
        padding: var(--spacing-scale-6x) !important;
    }

    .px-sm-6x {
        padding-left: var(--spacing-scale-6x) !important;
        padding-right: var(--spacing-scale-6x) !important;
    }

    .py-sm-6x {
        padding-bottom: var(--spacing-scale-6x) !important;
        padding-top: var(--spacing-scale-6x) !important;
    }

    .pt-sm-6x {
        padding-top: var(--spacing-scale-6x) !important;
    }

    .pt-sm-n6x {
        padding-top: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .pr-sm-6x {
        padding-right: var(--spacing-scale-6x) !important;
    }

    .pr-sm-n6x {
        padding-right: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .pb-sm-6x {
        padding-bottom: var(--spacing-scale-6x) !important;
    }

    .pb-sm-n6x {
        padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .pl-sm-6x {
        padding-left: var(--spacing-scale-6x) !important;
    }

    .pl-sm-n6x {
        padding-left: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .p-sm-n6x {
        padding: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .px-sm-n6x {
        padding-left: calc(var(--spacing-scale-6x) * -1) !important;
        padding-right: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .py-sm-n6x {
        padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
        padding-top: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .p-sm-6xh {
        padding: var(--spacing-scale-6xh) !important;
    }

    .px-sm-6xh {
        padding-left: var(--spacing-scale-6xh) !important;
        padding-right: var(--spacing-scale-6xh) !important;
    }

    .py-sm-6xh {
        padding-bottom: var(--spacing-scale-6xh) !important;
        padding-top: var(--spacing-scale-6xh) !important;
    }

    .pt-sm-6xh {
        padding-top: var(--spacing-scale-6xh) !important;
    }

    .pt-sm-n6xh {
        padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .pr-sm-6xh {
        padding-right: var(--spacing-scale-6xh) !important;
    }

    .pr-sm-n6xh {
        padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .pb-sm-6xh {
        padding-bottom: var(--spacing-scale-6xh) !important;
    }

    .pb-sm-n6xh {
        padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .pl-sm-6xh {
        padding-left: var(--spacing-scale-6xh) !important;
    }

    .pl-sm-n6xh {
        padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .p-sm-n6xh {
        padding: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .px-sm-n6xh {
        padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .py-sm-n6xh {
        padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .p-sm-7x {
        padding: var(--spacing-scale-7x) !important;
    }

    .px-sm-7x {
        padding-left: var(--spacing-scale-7x) !important;
        padding-right: var(--spacing-scale-7x) !important;
    }

    .py-sm-7x {
        padding-bottom: var(--spacing-scale-7x) !important;
        padding-top: var(--spacing-scale-7x) !important;
    }

    .pt-sm-7x {
        padding-top: var(--spacing-scale-7x) !important;
    }

    .pt-sm-n7x {
        padding-top: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .pr-sm-7x {
        padding-right: var(--spacing-scale-7x) !important;
    }

    .pr-sm-n7x {
        padding-right: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .pb-sm-7x {
        padding-bottom: var(--spacing-scale-7x) !important;
    }

    .pb-sm-n7x {
        padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .pl-sm-7x {
        padding-left: var(--spacing-scale-7x) !important;
    }

    .pl-sm-n7x {
        padding-left: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .p-sm-n7x {
        padding: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .px-sm-n7x {
        padding-left: calc(var(--spacing-scale-7x) * -1) !important;
        padding-right: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .py-sm-n7x {
        padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
        padding-top: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .p-sm-7xh {
        padding: var(--spacing-scale-7xh) !important;
    }

    .px-sm-7xh {
        padding-left: var(--spacing-scale-7xh) !important;
        padding-right: var(--spacing-scale-7xh) !important;
    }

    .py-sm-7xh {
        padding-bottom: var(--spacing-scale-7xh) !important;
        padding-top: var(--spacing-scale-7xh) !important;
    }

    .pt-sm-7xh {
        padding-top: var(--spacing-scale-7xh) !important;
    }

    .pt-sm-n7xh {
        padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .pr-sm-7xh {
        padding-right: var(--spacing-scale-7xh) !important;
    }

    .pr-sm-n7xh {
        padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .pb-sm-7xh {
        padding-bottom: var(--spacing-scale-7xh) !important;
    }

    .pb-sm-n7xh {
        padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .pl-sm-7xh {
        padding-left: var(--spacing-scale-7xh) !important;
    }

    .pl-sm-n7xh {
        padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .p-sm-n7xh {
        padding: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .px-sm-n7xh {
        padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .py-sm-n7xh {
        padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .p-sm-8x {
        padding: var(--spacing-scale-8x) !important;
    }

    .px-sm-8x {
        padding-left: var(--spacing-scale-8x) !important;
        padding-right: var(--spacing-scale-8x) !important;
    }

    .py-sm-8x {
        padding-bottom: var(--spacing-scale-8x) !important;
        padding-top: var(--spacing-scale-8x) !important;
    }

    .pt-sm-8x {
        padding-top: var(--spacing-scale-8x) !important;
    }

    .pt-sm-n8x {
        padding-top: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .pr-sm-8x {
        padding-right: var(--spacing-scale-8x) !important;
    }

    .pr-sm-n8x {
        padding-right: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .pb-sm-8x {
        padding-bottom: var(--spacing-scale-8x) !important;
    }

    .pb-sm-n8x {
        padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .pl-sm-8x {
        padding-left: var(--spacing-scale-8x) !important;
    }

    .pl-sm-n8x {
        padding-left: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .p-sm-n8x {
        padding: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .px-sm-n8x {
        padding-left: calc(var(--spacing-scale-8x) * -1) !important;
        padding-right: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .py-sm-n8x {
        padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
        padding-top: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .p-sm-8xh {
        padding: var(--spacing-scale-8xh) !important;
    }

    .px-sm-8xh {
        padding-left: var(--spacing-scale-8xh) !important;
        padding-right: var(--spacing-scale-8xh) !important;
    }

    .py-sm-8xh {
        padding-bottom: var(--spacing-scale-8xh) !important;
        padding-top: var(--spacing-scale-8xh) !important;
    }

    .pt-sm-8xh {
        padding-top: var(--spacing-scale-8xh) !important;
    }

    .pt-sm-n8xh {
        padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .pr-sm-8xh {
        padding-right: var(--spacing-scale-8xh) !important;
    }

    .pr-sm-n8xh {
        padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .pb-sm-8xh {
        padding-bottom: var(--spacing-scale-8xh) !important;
    }

    .pb-sm-n8xh {
        padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .pl-sm-8xh {
        padding-left: var(--spacing-scale-8xh) !important;
    }

    .pl-sm-n8xh {
        padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .p-sm-n8xh {
        padding: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .px-sm-n8xh {
        padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .py-sm-n8xh {
        padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .p-sm-9x {
        padding: var(--spacing-scale-9x) !important;
    }

    .px-sm-9x {
        padding-left: var(--spacing-scale-9x) !important;
        padding-right: var(--spacing-scale-9x) !important;
    }

    .py-sm-9x {
        padding-bottom: var(--spacing-scale-9x) !important;
        padding-top: var(--spacing-scale-9x) !important;
    }

    .pt-sm-9x {
        padding-top: var(--spacing-scale-9x) !important;
    }

    .pt-sm-n9x {
        padding-top: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .pr-sm-9x {
        padding-right: var(--spacing-scale-9x) !important;
    }

    .pr-sm-n9x {
        padding-right: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .pb-sm-9x {
        padding-bottom: var(--spacing-scale-9x) !important;
    }

    .pb-sm-n9x {
        padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .pl-sm-9x {
        padding-left: var(--spacing-scale-9x) !important;
    }

    .pl-sm-n9x {
        padding-left: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .p-sm-n9x {
        padding: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .px-sm-n9x {
        padding-left: calc(var(--spacing-scale-9x) * -1) !important;
        padding-right: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .py-sm-n9x {
        padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
        padding-top: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .p-sm-9xh {
        padding: var(--spacing-scale-9xh) !important;
    }

    .px-sm-9xh {
        padding-left: var(--spacing-scale-9xh) !important;
        padding-right: var(--spacing-scale-9xh) !important;
    }

    .py-sm-9xh {
        padding-bottom: var(--spacing-scale-9xh) !important;
        padding-top: var(--spacing-scale-9xh) !important;
    }

    .pt-sm-9xh {
        padding-top: var(--spacing-scale-9xh) !important;
    }

    .pt-sm-n9xh {
        padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .pr-sm-9xh {
        padding-right: var(--spacing-scale-9xh) !important;
    }

    .pr-sm-n9xh {
        padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .pb-sm-9xh {
        padding-bottom: var(--spacing-scale-9xh) !important;
    }

    .pb-sm-n9xh {
        padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .pl-sm-9xh {
        padding-left: var(--spacing-scale-9xh) !important;
    }

    .pl-sm-n9xh {
        padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .p-sm-n9xh {
        padding: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .px-sm-n9xh {
        padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .py-sm-n9xh {
        padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .p-sm-10x {
        padding: var(--spacing-scale-10x) !important;
    }

    .px-sm-10x {
        padding-left: var(--spacing-scale-10x) !important;
        padding-right: var(--spacing-scale-10x) !important;
    }

    .py-sm-10x {
        padding-bottom: var(--spacing-scale-10x) !important;
        padding-top: var(--spacing-scale-10x) !important;
    }

    .pt-sm-10x {
        padding-top: var(--spacing-scale-10x) !important;
    }

    .pt-sm-n10x {
        padding-top: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .pr-sm-10x {
        padding-right: var(--spacing-scale-10x) !important;
    }

    .pr-sm-n10x {
        padding-right: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .pb-sm-10x {
        padding-bottom: var(--spacing-scale-10x) !important;
    }

    .pb-sm-n10x {
        padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .pl-sm-10x {
        padding-left: var(--spacing-scale-10x) !important;
    }

    .pl-sm-n10x {
        padding-left: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .p-sm-n10x {
        padding: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .px-sm-n10x {
        padding-left: calc(var(--spacing-scale-10x) * -1) !important;
        padding-right: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .py-sm-n10x {
        padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
        padding-top: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .p-sm-10xh {
        padding: var(--spacing-scale-10xh) !important;
    }

    .px-sm-10xh {
        padding-left: var(--spacing-scale-10xh) !important;
        padding-right: var(--spacing-scale-10xh) !important;
    }

    .py-sm-10xh {
        padding-bottom: var(--spacing-scale-10xh) !important;
        padding-top: var(--spacing-scale-10xh) !important;
    }

    .pt-sm-10xh {
        padding-top: var(--spacing-scale-10xh) !important;
    }

    .pt-sm-n10xh {
        padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .pr-sm-10xh {
        padding-right: var(--spacing-scale-10xh) !important;
    }

    .pr-sm-n10xh {
        padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .pb-sm-10xh {
        padding-bottom: var(--spacing-scale-10xh) !important;
    }

    .pb-sm-n10xh {
        padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .pl-sm-10xh {
        padding-left: var(--spacing-scale-10xh) !important;
    }

    .pl-sm-n10xh {
        padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .p-sm-n10xh {
        padding: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .px-sm-n10xh {
        padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .py-sm-n10xh {
        padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
    }
}

@media (min-width: 992px) {
    .m-md-0 {
        margin: var(--spacing-scale-default) !important;
    }

    .mx-md-0 {
        margin-left: var(--spacing-scale-default) !important;
        margin-right: var(--spacing-scale-default) !important;
    }

    .my-md-0 {
        margin-bottom: var(--spacing-scale-default) !important;
        margin-top: var(--spacing-scale-default) !important;
    }

    .mt-md-0 {
        margin-top: var(--spacing-scale-default) !important;
    }

    .mr-md-0 {
        margin-right: var(--spacing-scale-default) !important;
    }

    .mb-md-0 {
        margin-bottom: var(--spacing-scale-default) !important;
    }

    .ml-md-0 {
        margin-left: var(--spacing-scale-default) !important;
    }

    .m-md-half {
        margin: var(--spacing-scale-half) !important;
    }

    .mx-md-half {
        margin-left: var(--spacing-scale-half) !important;
        margin-right: var(--spacing-scale-half) !important;
    }

    .my-md-half {
        margin-bottom: var(--spacing-scale-half) !important;
        margin-top: var(--spacing-scale-half) !important;
    }

    .mt-md-half {
        margin-top: var(--spacing-scale-half) !important;
    }

    .mt-md-nhalf {
        margin-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .mr-md-half {
        margin-right: var(--spacing-scale-half) !important;
    }

    .mr-md-nhalf {
        margin-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .mb-md-half {
        margin-bottom: var(--spacing-scale-half) !important;
    }

    .mb-md-nhalf {
        margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    }

    .ml-md-half {
        margin-left: var(--spacing-scale-half) !important;
    }

    .ml-md-nhalf {
        margin-left: calc(var(--spacing-scale-half) * -1) !important;
    }

    .m-md-nhalf {
        margin: calc(var(--spacing-scale-half) * -1) !important;
    }

    .mx-md-nhalf {
        margin-left: calc(var(--spacing-scale-half) * -1) !important;
        margin-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .my-md-nhalf {
        margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
        margin-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .m-md-base {
        margin: var(--spacing-scale-base) !important;
    }

    .mx-md-base {
        margin-left: var(--spacing-scale-base) !important;
        margin-right: var(--spacing-scale-base) !important;
    }

    .my-md-base {
        margin-bottom: var(--spacing-scale-base) !important;
        margin-top: var(--spacing-scale-base) !important;
    }

    .mt-md-base {
        margin-top: var(--spacing-scale-base) !important;
    }

    .mt-md-nbase {
        margin-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .mr-md-base {
        margin-right: var(--spacing-scale-base) !important;
    }

    .mr-md-nbase {
        margin-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .mb-md-base {
        margin-bottom: var(--spacing-scale-base) !important;
    }

    .mb-md-nbase {
        margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    }

    .ml-md-base {
        margin-left: var(--spacing-scale-base) !important;
    }

    .ml-md-nbase {
        margin-left: calc(var(--spacing-scale-base) * -1) !important;
    }

    .m-md-nbase {
        margin: calc(var(--spacing-scale-base) * -1) !important;
    }

    .mx-md-nbase {
        margin-left: calc(var(--spacing-scale-base) * -1) !important;
        margin-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .my-md-nbase {
        margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
        margin-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .m-md-baseh {
        margin: var(--spacing-scale-baseh) !important;
    }

    .mx-md-baseh {
        margin-left: var(--spacing-scale-baseh) !important;
        margin-right: var(--spacing-scale-baseh) !important;
    }

    .my-md-baseh {
        margin-bottom: var(--spacing-scale-baseh) !important;
        margin-top: var(--spacing-scale-baseh) !important;
    }

    .mt-md-baseh {
        margin-top: var(--spacing-scale-baseh) !important;
    }

    .mt-md-nbaseh {
        margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .mr-md-baseh {
        margin-right: var(--spacing-scale-baseh) !important;
    }

    .mr-md-nbaseh {
        margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .mb-md-baseh {
        margin-bottom: var(--spacing-scale-baseh) !important;
    }

    .mb-md-nbaseh {
        margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .ml-md-baseh {
        margin-left: var(--spacing-scale-baseh) !important;
    }

    .ml-md-nbaseh {
        margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .m-md-nbaseh {
        margin: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .mx-md-nbaseh {
        margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
        margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .my-md-nbaseh {
        margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
        margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .m-md-1 {
        margin: var(--spacing-scale-half) !important;
    }

    .mx-md-1 {
        margin-left: var(--spacing-scale-half) !important;
        margin-right: var(--spacing-scale-half) !important;
    }

    .my-md-1 {
        margin-bottom: var(--spacing-scale-half) !important;
        margin-top: var(--spacing-scale-half) !important;
    }

    .mt-md-1 {
        margin-top: var(--spacing-scale-half) !important;
    }

    .mt-md-n1 {
        margin-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .mr-md-1 {
        margin-right: var(--spacing-scale-half) !important;
    }

    .mr-md-n1 {
        margin-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .mb-md-1 {
        margin-bottom: var(--spacing-scale-half) !important;
    }

    .mb-md-n1 {
        margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    }

    .ml-md-1 {
        margin-left: var(--spacing-scale-half) !important;
    }

    .ml-md-n1 {
        margin-left: calc(var(--spacing-scale-half) * -1) !important;
    }

    .m-md-n1 {
        margin: calc(var(--spacing-scale-half) * -1) !important;
    }

    .mx-md-n1 {
        margin-left: calc(var(--spacing-scale-half) * -1) !important;
        margin-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .my-md-n1 {
        margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
        margin-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .m-md-2 {
        margin: var(--spacing-scale-base) !important;
    }

    .mx-md-2 {
        margin-left: var(--spacing-scale-base) !important;
        margin-right: var(--spacing-scale-base) !important;
    }

    .my-md-2 {
        margin-bottom: var(--spacing-scale-base) !important;
        margin-top: var(--spacing-scale-base) !important;
    }

    .mt-md-2 {
        margin-top: var(--spacing-scale-base) !important;
    }

    .mt-md-n2 {
        margin-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .mr-md-2 {
        margin-right: var(--spacing-scale-base) !important;
    }

    .mr-md-n2 {
        margin-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .mb-md-2 {
        margin-bottom: var(--spacing-scale-base) !important;
    }

    .mb-md-n2 {
        margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    }

    .ml-md-2 {
        margin-left: var(--spacing-scale-base) !important;
    }

    .ml-md-n2 {
        margin-left: calc(var(--spacing-scale-base) * -1) !important;
    }

    .m-md-n2 {
        margin: calc(var(--spacing-scale-base) * -1) !important;
    }

    .mx-md-n2 {
        margin-left: calc(var(--spacing-scale-base) * -1) !important;
        margin-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .my-md-n2 {
        margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
        margin-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .m-md-3 {
        margin: var(--spacing-scale-2x) !important;
    }

    .mx-md-3 {
        margin-left: var(--spacing-scale-2x) !important;
        margin-right: var(--spacing-scale-2x) !important;
    }

    .my-md-3 {
        margin-bottom: var(--spacing-scale-2x) !important;
        margin-top: var(--spacing-scale-2x) !important;
    }

    .mt-md-3 {
        margin-top: var(--spacing-scale-2x) !important;
    }

    .mt-md-n3 {
        margin-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .mr-md-3 {
        margin-right: var(--spacing-scale-2x) !important;
    }

    .mr-md-n3 {
        margin-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .mb-md-3 {
        margin-bottom: var(--spacing-scale-2x) !important;
    }

    .mb-md-n3 {
        margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .ml-md-3 {
        margin-left: var(--spacing-scale-2x) !important;
    }

    .ml-md-n3 {
        margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .m-md-n3 {
        margin: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .mx-md-n3 {
        margin-left: calc(var(--spacing-scale-2x) * -1) !important;
        margin-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .my-md-n3 {
        margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
        margin-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .m-md-4 {
        margin: var(--spacing-scale-3x) !important;
    }

    .mx-md-4 {
        margin-left: var(--spacing-scale-3x) !important;
        margin-right: var(--spacing-scale-3x) !important;
    }

    .my-md-4 {
        margin-bottom: var(--spacing-scale-3x) !important;
        margin-top: var(--spacing-scale-3x) !important;
    }

    .mt-md-4 {
        margin-top: var(--spacing-scale-3x) !important;
    }

    .mt-md-n4 {
        margin-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .mr-md-4 {
        margin-right: var(--spacing-scale-3x) !important;
    }

    .mr-md-n4 {
        margin-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .mb-md-4 {
        margin-bottom: var(--spacing-scale-3x) !important;
    }

    .mb-md-n4 {
        margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .ml-md-4 {
        margin-left: var(--spacing-scale-3x) !important;
    }

    .ml-md-n4 {
        margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .m-md-n4 {
        margin: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .mx-md-n4 {
        margin-left: calc(var(--spacing-scale-3x) * -1) !important;
        margin-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .my-md-n4 {
        margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
        margin-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .m-md-5 {
        margin: var(--spacing-scale-4x) !important;
    }

    .mx-md-5 {
        margin-left: var(--spacing-scale-4x) !important;
        margin-right: var(--spacing-scale-4x) !important;
    }

    .my-md-5 {
        margin-bottom: var(--spacing-scale-4x) !important;
        margin-top: var(--spacing-scale-4x) !important;
    }

    .mt-md-5 {
        margin-top: var(--spacing-scale-4x) !important;
    }

    .mt-md-n5 {
        margin-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .mr-md-5 {
        margin-right: var(--spacing-scale-4x) !important;
    }

    .mr-md-n5 {
        margin-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .mb-md-5 {
        margin-bottom: var(--spacing-scale-4x) !important;
    }

    .mb-md-n5 {
        margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .ml-md-5 {
        margin-left: var(--spacing-scale-4x) !important;
    }

    .ml-md-n5 {
        margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .m-md-n5 {
        margin: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .mx-md-n5 {
        margin-left: calc(var(--spacing-scale-4x) * -1) !important;
        margin-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .my-md-n5 {
        margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
        margin-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .m-md-6 {
        margin: var(--spacing-scale-5x) !important;
    }

    .mx-md-6 {
        margin-left: var(--spacing-scale-5x) !important;
        margin-right: var(--spacing-scale-5x) !important;
    }

    .my-md-6 {
        margin-bottom: var(--spacing-scale-5x) !important;
        margin-top: var(--spacing-scale-5x) !important;
    }

    .mt-md-6 {
        margin-top: var(--spacing-scale-5x) !important;
    }

    .mt-md-n6 {
        margin-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .mr-md-6 {
        margin-right: var(--spacing-scale-5x) !important;
    }

    .mr-md-n6 {
        margin-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .mb-md-6 {
        margin-bottom: var(--spacing-scale-5x) !important;
    }

    .mb-md-n6 {
        margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .ml-md-6 {
        margin-left: var(--spacing-scale-5x) !important;
    }

    .ml-md-n6 {
        margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .m-md-n6 {
        margin: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .mx-md-n6 {
        margin-left: calc(var(--spacing-scale-5x) * -1) !important;
        margin-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .my-md-n6 {
        margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
        margin-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .m-md-2x {
        margin: var(--spacing-scale-2x) !important;
    }

    .mx-md-2x {
        margin-left: var(--spacing-scale-2x) !important;
        margin-right: var(--spacing-scale-2x) !important;
    }

    .my-md-2x {
        margin-bottom: var(--spacing-scale-2x) !important;
        margin-top: var(--spacing-scale-2x) !important;
    }

    .mt-md-2x {
        margin-top: var(--spacing-scale-2x) !important;
    }

    .mt-md-n2x {
        margin-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .mr-md-2x {
        margin-right: var(--spacing-scale-2x) !important;
    }

    .mr-md-n2x {
        margin-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .mb-md-2x {
        margin-bottom: var(--spacing-scale-2x) !important;
    }

    .mb-md-n2x {
        margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .ml-md-2x {
        margin-left: var(--spacing-scale-2x) !important;
    }

    .ml-md-n2x {
        margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .m-md-n2x {
        margin: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .mx-md-n2x {
        margin-left: calc(var(--spacing-scale-2x) * -1) !important;
        margin-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .my-md-n2x {
        margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
        margin-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .m-md-2xh {
        margin: var(--spacing-scale-2xh) !important;
    }

    .mx-md-2xh {
        margin-left: var(--spacing-scale-2xh) !important;
        margin-right: var(--spacing-scale-2xh) !important;
    }

    .my-md-2xh {
        margin-bottom: var(--spacing-scale-2xh) !important;
        margin-top: var(--spacing-scale-2xh) !important;
    }

    .mt-md-2xh {
        margin-top: var(--spacing-scale-2xh) !important;
    }

    .mt-md-n2xh {
        margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .mr-md-2xh {
        margin-right: var(--spacing-scale-2xh) !important;
    }

    .mr-md-n2xh {
        margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .mb-md-2xh {
        margin-bottom: var(--spacing-scale-2xh) !important;
    }

    .mb-md-n2xh {
        margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .ml-md-2xh {
        margin-left: var(--spacing-scale-2xh) !important;
    }

    .ml-md-n2xh {
        margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .m-md-n2xh {
        margin: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .mx-md-n2xh {
        margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .my-md-n2xh {
        margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .m-md-3x {
        margin: var(--spacing-scale-3x) !important;
    }

    .mx-md-3x {
        margin-left: var(--spacing-scale-3x) !important;
        margin-right: var(--spacing-scale-3x) !important;
    }

    .my-md-3x {
        margin-bottom: var(--spacing-scale-3x) !important;
        margin-top: var(--spacing-scale-3x) !important;
    }

    .mt-md-3x {
        margin-top: var(--spacing-scale-3x) !important;
    }

    .mt-md-n3x {
        margin-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .mr-md-3x {
        margin-right: var(--spacing-scale-3x) !important;
    }

    .mr-md-n3x {
        margin-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .mb-md-3x {
        margin-bottom: var(--spacing-scale-3x) !important;
    }

    .mb-md-n3x {
        margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .ml-md-3x {
        margin-left: var(--spacing-scale-3x) !important;
    }

    .ml-md-n3x {
        margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .m-md-n3x {
        margin: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .mx-md-n3x {
        margin-left: calc(var(--spacing-scale-3x) * -1) !important;
        margin-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .my-md-n3x {
        margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
        margin-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .m-md-3xh {
        margin: var(--spacing-scale-3xh) !important;
    }

    .mx-md-3xh {
        margin-left: var(--spacing-scale-3xh) !important;
        margin-right: var(--spacing-scale-3xh) !important;
    }

    .my-md-3xh {
        margin-bottom: var(--spacing-scale-3xh) !important;
        margin-top: var(--spacing-scale-3xh) !important;
    }

    .mt-md-3xh {
        margin-top: var(--spacing-scale-3xh) !important;
    }

    .mt-md-n3xh {
        margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .mr-md-3xh {
        margin-right: var(--spacing-scale-3xh) !important;
    }

    .mr-md-n3xh {
        margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .mb-md-3xh {
        margin-bottom: var(--spacing-scale-3xh) !important;
    }

    .mb-md-n3xh {
        margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .ml-md-3xh {
        margin-left: var(--spacing-scale-3xh) !important;
    }

    .ml-md-n3xh {
        margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .m-md-n3xh {
        margin: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .mx-md-n3xh {
        margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .my-md-n3xh {
        margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .m-md-4x {
        margin: var(--spacing-scale-4x) !important;
    }

    .mx-md-4x {
        margin-left: var(--spacing-scale-4x) !important;
        margin-right: var(--spacing-scale-4x) !important;
    }

    .my-md-4x {
        margin-bottom: var(--spacing-scale-4x) !important;
        margin-top: var(--spacing-scale-4x) !important;
    }

    .mt-md-4x {
        margin-top: var(--spacing-scale-4x) !important;
    }

    .mt-md-n4x {
        margin-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .mr-md-4x {
        margin-right: var(--spacing-scale-4x) !important;
    }

    .mr-md-n4x {
        margin-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .mb-md-4x {
        margin-bottom: var(--spacing-scale-4x) !important;
    }

    .mb-md-n4x {
        margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .ml-md-4x {
        margin-left: var(--spacing-scale-4x) !important;
    }

    .ml-md-n4x {
        margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .m-md-n4x {
        margin: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .mx-md-n4x {
        margin-left: calc(var(--spacing-scale-4x) * -1) !important;
        margin-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .my-md-n4x {
        margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
        margin-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .m-md-4xh {
        margin: var(--spacing-scale-4xh) !important;
    }

    .mx-md-4xh {
        margin-left: var(--spacing-scale-4xh) !important;
        margin-right: var(--spacing-scale-4xh) !important;
    }

    .my-md-4xh {
        margin-bottom: var(--spacing-scale-4xh) !important;
        margin-top: var(--spacing-scale-4xh) !important;
    }

    .mt-md-4xh {
        margin-top: var(--spacing-scale-4xh) !important;
    }

    .mt-md-n4xh {
        margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .mr-md-4xh {
        margin-right: var(--spacing-scale-4xh) !important;
    }

    .mr-md-n4xh {
        margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .mb-md-4xh {
        margin-bottom: var(--spacing-scale-4xh) !important;
    }

    .mb-md-n4xh {
        margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .ml-md-4xh {
        margin-left: var(--spacing-scale-4xh) !important;
    }

    .ml-md-n4xh {
        margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .m-md-n4xh {
        margin: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .mx-md-n4xh {
        margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .my-md-n4xh {
        margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .m-md-5x {
        margin: var(--spacing-scale-5x) !important;
    }

    .mx-md-5x {
        margin-left: var(--spacing-scale-5x) !important;
        margin-right: var(--spacing-scale-5x) !important;
    }

    .my-md-5x {
        margin-bottom: var(--spacing-scale-5x) !important;
        margin-top: var(--spacing-scale-5x) !important;
    }

    .mt-md-5x {
        margin-top: var(--spacing-scale-5x) !important;
    }

    .mt-md-n5x {
        margin-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .mr-md-5x {
        margin-right: var(--spacing-scale-5x) !important;
    }

    .mr-md-n5x {
        margin-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .mb-md-5x {
        margin-bottom: var(--spacing-scale-5x) !important;
    }

    .mb-md-n5x {
        margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .ml-md-5x {
        margin-left: var(--spacing-scale-5x) !important;
    }

    .ml-md-n5x {
        margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .m-md-n5x {
        margin: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .mx-md-n5x {
        margin-left: calc(var(--spacing-scale-5x) * -1) !important;
        margin-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .my-md-n5x {
        margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
        margin-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .m-md-5xh {
        margin: var(--spacing-scale-5xh) !important;
    }

    .mx-md-5xh {
        margin-left: var(--spacing-scale-5xh) !important;
        margin-right: var(--spacing-scale-5xh) !important;
    }

    .my-md-5xh {
        margin-bottom: var(--spacing-scale-5xh) !important;
        margin-top: var(--spacing-scale-5xh) !important;
    }

    .mt-md-5xh {
        margin-top: var(--spacing-scale-5xh) !important;
    }

    .mt-md-n5xh {
        margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .mr-md-5xh {
        margin-right: var(--spacing-scale-5xh) !important;
    }

    .mr-md-n5xh {
        margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .mb-md-5xh {
        margin-bottom: var(--spacing-scale-5xh) !important;
    }

    .mb-md-n5xh {
        margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .ml-md-5xh {
        margin-left: var(--spacing-scale-5xh) !important;
    }

    .ml-md-n5xh {
        margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .m-md-n5xh {
        margin: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .mx-md-n5xh {
        margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .my-md-n5xh {
        margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .m-md-6x {
        margin: var(--spacing-scale-6x) !important;
    }

    .mx-md-6x {
        margin-left: var(--spacing-scale-6x) !important;
        margin-right: var(--spacing-scale-6x) !important;
    }

    .my-md-6x {
        margin-bottom: var(--spacing-scale-6x) !important;
        margin-top: var(--spacing-scale-6x) !important;
    }

    .mt-md-6x {
        margin-top: var(--spacing-scale-6x) !important;
    }

    .mt-md-n6x {
        margin-top: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .mr-md-6x {
        margin-right: var(--spacing-scale-6x) !important;
    }

    .mr-md-n6x {
        margin-right: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .mb-md-6x {
        margin-bottom: var(--spacing-scale-6x) !important;
    }

    .mb-md-n6x {
        margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .ml-md-6x {
        margin-left: var(--spacing-scale-6x) !important;
    }

    .ml-md-n6x {
        margin-left: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .m-md-n6x {
        margin: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .mx-md-n6x {
        margin-left: calc(var(--spacing-scale-6x) * -1) !important;
        margin-right: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .my-md-n6x {
        margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
        margin-top: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .m-md-6xh {
        margin: var(--spacing-scale-6xh) !important;
    }

    .mx-md-6xh {
        margin-left: var(--spacing-scale-6xh) !important;
        margin-right: var(--spacing-scale-6xh) !important;
    }

    .my-md-6xh {
        margin-bottom: var(--spacing-scale-6xh) !important;
        margin-top: var(--spacing-scale-6xh) !important;
    }

    .mt-md-6xh {
        margin-top: var(--spacing-scale-6xh) !important;
    }

    .mt-md-n6xh {
        margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .mr-md-6xh {
        margin-right: var(--spacing-scale-6xh) !important;
    }

    .mr-md-n6xh {
        margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .mb-md-6xh {
        margin-bottom: var(--spacing-scale-6xh) !important;
    }

    .mb-md-n6xh {
        margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .ml-md-6xh {
        margin-left: var(--spacing-scale-6xh) !important;
    }

    .ml-md-n6xh {
        margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .m-md-n6xh {
        margin: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .mx-md-n6xh {
        margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .my-md-n6xh {
        margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .m-md-7x {
        margin: var(--spacing-scale-7x) !important;
    }

    .mx-md-7x {
        margin-left: var(--spacing-scale-7x) !important;
        margin-right: var(--spacing-scale-7x) !important;
    }

    .my-md-7x {
        margin-bottom: var(--spacing-scale-7x) !important;
        margin-top: var(--spacing-scale-7x) !important;
    }

    .mt-md-7x {
        margin-top: var(--spacing-scale-7x) !important;
    }

    .mt-md-n7x {
        margin-top: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .mr-md-7x {
        margin-right: var(--spacing-scale-7x) !important;
    }

    .mr-md-n7x {
        margin-right: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .mb-md-7x {
        margin-bottom: var(--spacing-scale-7x) !important;
    }

    .mb-md-n7x {
        margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .ml-md-7x {
        margin-left: var(--spacing-scale-7x) !important;
    }

    .ml-md-n7x {
        margin-left: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .m-md-n7x {
        margin: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .mx-md-n7x {
        margin-left: calc(var(--spacing-scale-7x) * -1) !important;
        margin-right: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .my-md-n7x {
        margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
        margin-top: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .m-md-7xh {
        margin: var(--spacing-scale-7xh) !important;
    }

    .mx-md-7xh {
        margin-left: var(--spacing-scale-7xh) !important;
        margin-right: var(--spacing-scale-7xh) !important;
    }

    .my-md-7xh {
        margin-bottom: var(--spacing-scale-7xh) !important;
        margin-top: var(--spacing-scale-7xh) !important;
    }

    .mt-md-7xh {
        margin-top: var(--spacing-scale-7xh) !important;
    }

    .mt-md-n7xh {
        margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .mr-md-7xh {
        margin-right: var(--spacing-scale-7xh) !important;
    }

    .mr-md-n7xh {
        margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .mb-md-7xh {
        margin-bottom: var(--spacing-scale-7xh) !important;
    }

    .mb-md-n7xh {
        margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .ml-md-7xh {
        margin-left: var(--spacing-scale-7xh) !important;
    }

    .ml-md-n7xh {
        margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .m-md-n7xh {
        margin: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .mx-md-n7xh {
        margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .my-md-n7xh {
        margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .m-md-8x {
        margin: var(--spacing-scale-8x) !important;
    }

    .mx-md-8x {
        margin-left: var(--spacing-scale-8x) !important;
        margin-right: var(--spacing-scale-8x) !important;
    }

    .my-md-8x {
        margin-bottom: var(--spacing-scale-8x) !important;
        margin-top: var(--spacing-scale-8x) !important;
    }

    .mt-md-8x {
        margin-top: var(--spacing-scale-8x) !important;
    }

    .mt-md-n8x {
        margin-top: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .mr-md-8x {
        margin-right: var(--spacing-scale-8x) !important;
    }

    .mr-md-n8x {
        margin-right: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .mb-md-8x {
        margin-bottom: var(--spacing-scale-8x) !important;
    }

    .mb-md-n8x {
        margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .ml-md-8x {
        margin-left: var(--spacing-scale-8x) !important;
    }

    .ml-md-n8x {
        margin-left: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .m-md-n8x {
        margin: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .mx-md-n8x {
        margin-left: calc(var(--spacing-scale-8x) * -1) !important;
        margin-right: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .my-md-n8x {
        margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
        margin-top: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .m-md-8xh {
        margin: var(--spacing-scale-8xh) !important;
    }

    .mx-md-8xh {
        margin-left: var(--spacing-scale-8xh) !important;
        margin-right: var(--spacing-scale-8xh) !important;
    }

    .my-md-8xh {
        margin-bottom: var(--spacing-scale-8xh) !important;
        margin-top: var(--spacing-scale-8xh) !important;
    }

    .mt-md-8xh {
        margin-top: var(--spacing-scale-8xh) !important;
    }

    .mt-md-n8xh {
        margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .mr-md-8xh {
        margin-right: var(--spacing-scale-8xh) !important;
    }

    .mr-md-n8xh {
        margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .mb-md-8xh {
        margin-bottom: var(--spacing-scale-8xh) !important;
    }

    .mb-md-n8xh {
        margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .ml-md-8xh {
        margin-left: var(--spacing-scale-8xh) !important;
    }

    .ml-md-n8xh {
        margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .m-md-n8xh {
        margin: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .mx-md-n8xh {
        margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .my-md-n8xh {
        margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .m-md-9x {
        margin: var(--spacing-scale-9x) !important;
    }

    .mx-md-9x {
        margin-left: var(--spacing-scale-9x) !important;
        margin-right: var(--spacing-scale-9x) !important;
    }

    .my-md-9x {
        margin-bottom: var(--spacing-scale-9x) !important;
        margin-top: var(--spacing-scale-9x) !important;
    }

    .mt-md-9x {
        margin-top: var(--spacing-scale-9x) !important;
    }

    .mt-md-n9x {
        margin-top: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .mr-md-9x {
        margin-right: var(--spacing-scale-9x) !important;
    }

    .mr-md-n9x {
        margin-right: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .mb-md-9x {
        margin-bottom: var(--spacing-scale-9x) !important;
    }

    .mb-md-n9x {
        margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .ml-md-9x {
        margin-left: var(--spacing-scale-9x) !important;
    }

    .ml-md-n9x {
        margin-left: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .m-md-n9x {
        margin: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .mx-md-n9x {
        margin-left: calc(var(--spacing-scale-9x) * -1) !important;
        margin-right: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .my-md-n9x {
        margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
        margin-top: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .m-md-9xh {
        margin: var(--spacing-scale-9xh) !important;
    }

    .mx-md-9xh {
        margin-left: var(--spacing-scale-9xh) !important;
        margin-right: var(--spacing-scale-9xh) !important;
    }

    .my-md-9xh {
        margin-bottom: var(--spacing-scale-9xh) !important;
        margin-top: var(--spacing-scale-9xh) !important;
    }

    .mt-md-9xh {
        margin-top: var(--spacing-scale-9xh) !important;
    }

    .mt-md-n9xh {
        margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .mr-md-9xh {
        margin-right: var(--spacing-scale-9xh) !important;
    }

    .mr-md-n9xh {
        margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .mb-md-9xh {
        margin-bottom: var(--spacing-scale-9xh) !important;
    }

    .mb-md-n9xh {
        margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .ml-md-9xh {
        margin-left: var(--spacing-scale-9xh) !important;
    }

    .ml-md-n9xh {
        margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .m-md-n9xh {
        margin: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .mx-md-n9xh {
        margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .my-md-n9xh {
        margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .m-md-10x {
        margin: var(--spacing-scale-10x) !important;
    }

    .mx-md-10x {
        margin-left: var(--spacing-scale-10x) !important;
        margin-right: var(--spacing-scale-10x) !important;
    }

    .my-md-10x {
        margin-bottom: var(--spacing-scale-10x) !important;
        margin-top: var(--spacing-scale-10x) !important;
    }

    .mt-md-10x {
        margin-top: var(--spacing-scale-10x) !important;
    }

    .mt-md-n10x {
        margin-top: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .mr-md-10x {
        margin-right: var(--spacing-scale-10x) !important;
    }

    .mr-md-n10x {
        margin-right: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .mb-md-10x {
        margin-bottom: var(--spacing-scale-10x) !important;
    }

    .mb-md-n10x {
        margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .ml-md-10x {
        margin-left: var(--spacing-scale-10x) !important;
    }

    .ml-md-n10x {
        margin-left: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .m-md-n10x {
        margin: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .mx-md-n10x {
        margin-left: calc(var(--spacing-scale-10x) * -1) !important;
        margin-right: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .my-md-n10x {
        margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
        margin-top: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .m-md-10xh {
        margin: var(--spacing-scale-10xh) !important;
    }

    .mx-md-10xh {
        margin-left: var(--spacing-scale-10xh) !important;
        margin-right: var(--spacing-scale-10xh) !important;
    }

    .my-md-10xh {
        margin-bottom: var(--spacing-scale-10xh) !important;
        margin-top: var(--spacing-scale-10xh) !important;
    }

    .mt-md-10xh {
        margin-top: var(--spacing-scale-10xh) !important;
    }

    .mt-md-n10xh {
        margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .mr-md-10xh {
        margin-right: var(--spacing-scale-10xh) !important;
    }

    .mr-md-n10xh {
        margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .mb-md-10xh {
        margin-bottom: var(--spacing-scale-10xh) !important;
    }

    .mb-md-n10xh {
        margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .ml-md-10xh {
        margin-left: var(--spacing-scale-10xh) !important;
    }

    .ml-md-n10xh {
        margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .m-md-n10xh {
        margin: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .mx-md-n10xh {
        margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .my-md-n10xh {
        margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mx-md-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .my-md-auto {
        margin-bottom: auto !important;
        margin-top: auto !important;
    }

    .mt-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto {
        margin-right: auto !important;
    }

    .mb-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto {
        margin-left: auto !important;
    }

    .p-md-0 {
        padding: var(--spacing-scale-default) !important;
    }

    .px-md-0 {
        padding-left: var(--spacing-scale-default) !important;
        padding-right: var(--spacing-scale-default) !important;
    }

    .py-md-0 {
        padding-bottom: var(--spacing-scale-default) !important;
        padding-top: var(--spacing-scale-default) !important;
    }

    .pt-md-0 {
        padding-top: var(--spacing-scale-default) !important;
    }

    .pr-md-0 {
        padding-right: var(--spacing-scale-default) !important;
    }

    .pb-md-0 {
        padding-bottom: var(--spacing-scale-default) !important;
    }

    .pl-md-0 {
        padding-left: var(--spacing-scale-default) !important;
    }

    .p-md-half {
        padding: var(--spacing-scale-half) !important;
    }

    .px-md-half {
        padding-left: var(--spacing-scale-half) !important;
        padding-right: var(--spacing-scale-half) !important;
    }

    .py-md-half {
        padding-bottom: var(--spacing-scale-half) !important;
        padding-top: var(--spacing-scale-half) !important;
    }

    .pt-md-half {
        padding-top: var(--spacing-scale-half) !important;
    }

    .pt-md-nhalf {
        padding-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .pr-md-half {
        padding-right: var(--spacing-scale-half) !important;
    }

    .pr-md-nhalf {
        padding-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .pb-md-half {
        padding-bottom: var(--spacing-scale-half) !important;
    }

    .pb-md-nhalf {
        padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    }

    .pl-md-half {
        padding-left: var(--spacing-scale-half) !important;
    }

    .pl-md-nhalf {
        padding-left: calc(var(--spacing-scale-half) * -1) !important;
    }

    .p-md-nhalf {
        padding: calc(var(--spacing-scale-half) * -1) !important;
    }

    .px-md-nhalf {
        padding-left: calc(var(--spacing-scale-half) * -1) !important;
        padding-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .py-md-nhalf {
        padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
        padding-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .p-md-base {
        padding: var(--spacing-scale-base) !important;
    }

    .px-md-base {
        padding-left: var(--spacing-scale-base) !important;
        padding-right: var(--spacing-scale-base) !important;
    }

    .py-md-base {
        padding-bottom: var(--spacing-scale-base) !important;
        padding-top: var(--spacing-scale-base) !important;
    }

    .pt-md-base {
        padding-top: var(--spacing-scale-base) !important;
    }

    .pt-md-nbase {
        padding-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .pr-md-base {
        padding-right: var(--spacing-scale-base) !important;
    }

    .pr-md-nbase {
        padding-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .pb-md-base {
        padding-bottom: var(--spacing-scale-base) !important;
    }

    .pb-md-nbase {
        padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    }

    .pl-md-base {
        padding-left: var(--spacing-scale-base) !important;
    }

    .pl-md-nbase {
        padding-left: calc(var(--spacing-scale-base) * -1) !important;
    }

    .p-md-nbase {
        padding: calc(var(--spacing-scale-base) * -1) !important;
    }

    .px-md-nbase {
        padding-left: calc(var(--spacing-scale-base) * -1) !important;
        padding-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .py-md-nbase {
        padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
        padding-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .p-md-baseh {
        padding: var(--spacing-scale-baseh) !important;
    }

    .px-md-baseh {
        padding-left: var(--spacing-scale-baseh) !important;
        padding-right: var(--spacing-scale-baseh) !important;
    }

    .py-md-baseh {
        padding-bottom: var(--spacing-scale-baseh) !important;
        padding-top: var(--spacing-scale-baseh) !important;
    }

    .pt-md-baseh {
        padding-top: var(--spacing-scale-baseh) !important;
    }

    .pt-md-nbaseh {
        padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .pr-md-baseh {
        padding-right: var(--spacing-scale-baseh) !important;
    }

    .pr-md-nbaseh {
        padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .pb-md-baseh {
        padding-bottom: var(--spacing-scale-baseh) !important;
    }

    .pb-md-nbaseh {
        padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .pl-md-baseh {
        padding-left: var(--spacing-scale-baseh) !important;
    }

    .pl-md-nbaseh {
        padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .p-md-nbaseh {
        padding: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .px-md-nbaseh {
        padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
        padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .py-md-nbaseh {
        padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
        padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .p-md-1 {
        padding: var(--spacing-scale-half) !important;
    }

    .px-md-1 {
        padding-left: var(--spacing-scale-half) !important;
        padding-right: var(--spacing-scale-half) !important;
    }

    .py-md-1 {
        padding-bottom: var(--spacing-scale-half) !important;
        padding-top: var(--spacing-scale-half) !important;
    }

    .pt-md-1 {
        padding-top: var(--spacing-scale-half) !important;
    }

    .pt-md-n1 {
        padding-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .pr-md-1 {
        padding-right: var(--spacing-scale-half) !important;
    }

    .pr-md-n1 {
        padding-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .pb-md-1 {
        padding-bottom: var(--spacing-scale-half) !important;
    }

    .pb-md-n1 {
        padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    }

    .pl-md-1 {
        padding-left: var(--spacing-scale-half) !important;
    }

    .pl-md-n1 {
        padding-left: calc(var(--spacing-scale-half) * -1) !important;
    }

    .p-md-n1 {
        padding: calc(var(--spacing-scale-half) * -1) !important;
    }

    .px-md-n1 {
        padding-left: calc(var(--spacing-scale-half) * -1) !important;
        padding-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .py-md-n1 {
        padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
        padding-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .p-md-2 {
        padding: var(--spacing-scale-base) !important;
    }

    .px-md-2 {
        padding-left: var(--spacing-scale-base) !important;
        padding-right: var(--spacing-scale-base) !important;
    }

    .py-md-2 {
        padding-bottom: var(--spacing-scale-base) !important;
        padding-top: var(--spacing-scale-base) !important;
    }

    .pt-md-2 {
        padding-top: var(--spacing-scale-base) !important;
    }

    .pt-md-n2 {
        padding-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .pr-md-2 {
        padding-right: var(--spacing-scale-base) !important;
    }

    .pr-md-n2 {
        padding-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .pb-md-2 {
        padding-bottom: var(--spacing-scale-base) !important;
    }

    .pb-md-n2 {
        padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    }

    .pl-md-2 {
        padding-left: var(--spacing-scale-base) !important;
    }

    .pl-md-n2 {
        padding-left: calc(var(--spacing-scale-base) * -1) !important;
    }

    .p-md-n2 {
        padding: calc(var(--spacing-scale-base) * -1) !important;
    }

    .px-md-n2 {
        padding-left: calc(var(--spacing-scale-base) * -1) !important;
        padding-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .py-md-n2 {
        padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
        padding-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .p-md-3 {
        padding: var(--spacing-scale-2x) !important;
    }

    .px-md-3 {
        padding-left: var(--spacing-scale-2x) !important;
        padding-right: var(--spacing-scale-2x) !important;
    }

    .py-md-3 {
        padding-bottom: var(--spacing-scale-2x) !important;
        padding-top: var(--spacing-scale-2x) !important;
    }

    .pt-md-3 {
        padding-top: var(--spacing-scale-2x) !important;
    }

    .pt-md-n3 {
        padding-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .pr-md-3 {
        padding-right: var(--spacing-scale-2x) !important;
    }

    .pr-md-n3 {
        padding-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .pb-md-3 {
        padding-bottom: var(--spacing-scale-2x) !important;
    }

    .pb-md-n3 {
        padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .pl-md-3 {
        padding-left: var(--spacing-scale-2x) !important;
    }

    .pl-md-n3 {
        padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .p-md-n3 {
        padding: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .px-md-n3 {
        padding-left: calc(var(--spacing-scale-2x) * -1) !important;
        padding-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .py-md-n3 {
        padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
        padding-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .p-md-4 {
        padding: var(--spacing-scale-3x) !important;
    }

    .px-md-4 {
        padding-left: var(--spacing-scale-3x) !important;
        padding-right: var(--spacing-scale-3x) !important;
    }

    .py-md-4 {
        padding-bottom: var(--spacing-scale-3x) !important;
        padding-top: var(--spacing-scale-3x) !important;
    }

    .pt-md-4 {
        padding-top: var(--spacing-scale-3x) !important;
    }

    .pt-md-n4 {
        padding-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .pr-md-4 {
        padding-right: var(--spacing-scale-3x) !important;
    }

    .pr-md-n4 {
        padding-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .pb-md-4 {
        padding-bottom: var(--spacing-scale-3x) !important;
    }

    .pb-md-n4 {
        padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .pl-md-4 {
        padding-left: var(--spacing-scale-3x) !important;
    }

    .pl-md-n4 {
        padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .p-md-n4 {
        padding: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .px-md-n4 {
        padding-left: calc(var(--spacing-scale-3x) * -1) !important;
        padding-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .py-md-n4 {
        padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
        padding-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .p-md-5 {
        padding: var(--spacing-scale-4x) !important;
    }

    .px-md-5 {
        padding-left: var(--spacing-scale-4x) !important;
        padding-right: var(--spacing-scale-4x) !important;
    }

    .py-md-5 {
        padding-bottom: var(--spacing-scale-4x) !important;
        padding-top: var(--spacing-scale-4x) !important;
    }

    .pt-md-5 {
        padding-top: var(--spacing-scale-4x) !important;
    }

    .pt-md-n5 {
        padding-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .pr-md-5 {
        padding-right: var(--spacing-scale-4x) !important;
    }

    .pr-md-n5 {
        padding-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .pb-md-5 {
        padding-bottom: var(--spacing-scale-4x) !important;
    }

    .pb-md-n5 {
        padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .pl-md-5 {
        padding-left: var(--spacing-scale-4x) !important;
    }

    .pl-md-n5 {
        padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .p-md-n5 {
        padding: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .px-md-n5 {
        padding-left: calc(var(--spacing-scale-4x) * -1) !important;
        padding-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .py-md-n5 {
        padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
        padding-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .p-md-6 {
        padding: var(--spacing-scale-5x) !important;
    }

    .px-md-6 {
        padding-left: var(--spacing-scale-5x) !important;
        padding-right: var(--spacing-scale-5x) !important;
    }

    .py-md-6 {
        padding-bottom: var(--spacing-scale-5x) !important;
        padding-top: var(--spacing-scale-5x) !important;
    }

    .pt-md-6 {
        padding-top: var(--spacing-scale-5x) !important;
    }

    .pt-md-n6 {
        padding-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .pr-md-6 {
        padding-right: var(--spacing-scale-5x) !important;
    }

    .pr-md-n6 {
        padding-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .pb-md-6 {
        padding-bottom: var(--spacing-scale-5x) !important;
    }

    .pb-md-n6 {
        padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .pl-md-6 {
        padding-left: var(--spacing-scale-5x) !important;
    }

    .pl-md-n6 {
        padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .p-md-n6 {
        padding: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .px-md-n6 {
        padding-left: calc(var(--spacing-scale-5x) * -1) !important;
        padding-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .py-md-n6 {
        padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
        padding-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .p-md-2x {
        padding: var(--spacing-scale-2x) !important;
    }

    .px-md-2x {
        padding-left: var(--spacing-scale-2x) !important;
        padding-right: var(--spacing-scale-2x) !important;
    }

    .py-md-2x {
        padding-bottom: var(--spacing-scale-2x) !important;
        padding-top: var(--spacing-scale-2x) !important;
    }

    .pt-md-2x {
        padding-top: var(--spacing-scale-2x) !important;
    }

    .pt-md-n2x {
        padding-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .pr-md-2x {
        padding-right: var(--spacing-scale-2x) !important;
    }

    .pr-md-n2x {
        padding-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .pb-md-2x {
        padding-bottom: var(--spacing-scale-2x) !important;
    }

    .pb-md-n2x {
        padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .pl-md-2x {
        padding-left: var(--spacing-scale-2x) !important;
    }

    .pl-md-n2x {
        padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .p-md-n2x {
        padding: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .px-md-n2x {
        padding-left: calc(var(--spacing-scale-2x) * -1) !important;
        padding-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .py-md-n2x {
        padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
        padding-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .p-md-2xh {
        padding: var(--spacing-scale-2xh) !important;
    }

    .px-md-2xh {
        padding-left: var(--spacing-scale-2xh) !important;
        padding-right: var(--spacing-scale-2xh) !important;
    }

    .py-md-2xh {
        padding-bottom: var(--spacing-scale-2xh) !important;
        padding-top: var(--spacing-scale-2xh) !important;
    }

    .pt-md-2xh {
        padding-top: var(--spacing-scale-2xh) !important;
    }

    .pt-md-n2xh {
        padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .pr-md-2xh {
        padding-right: var(--spacing-scale-2xh) !important;
    }

    .pr-md-n2xh {
        padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .pb-md-2xh {
        padding-bottom: var(--spacing-scale-2xh) !important;
    }

    .pb-md-n2xh {
        padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .pl-md-2xh {
        padding-left: var(--spacing-scale-2xh) !important;
    }

    .pl-md-n2xh {
        padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .p-md-n2xh {
        padding: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .px-md-n2xh {
        padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .py-md-n2xh {
        padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .p-md-3x {
        padding: var(--spacing-scale-3x) !important;
    }

    .px-md-3x {
        padding-left: var(--spacing-scale-3x) !important;
        padding-right: var(--spacing-scale-3x) !important;
    }

    .py-md-3x {
        padding-bottom: var(--spacing-scale-3x) !important;
        padding-top: var(--spacing-scale-3x) !important;
    }

    .pt-md-3x {
        padding-top: var(--spacing-scale-3x) !important;
    }

    .pt-md-n3x {
        padding-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .pr-md-3x {
        padding-right: var(--spacing-scale-3x) !important;
    }

    .pr-md-n3x {
        padding-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .pb-md-3x {
        padding-bottom: var(--spacing-scale-3x) !important;
    }

    .pb-md-n3x {
        padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .pl-md-3x {
        padding-left: var(--spacing-scale-3x) !important;
    }

    .pl-md-n3x {
        padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .p-md-n3x {
        padding: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .px-md-n3x {
        padding-left: calc(var(--spacing-scale-3x) * -1) !important;
        padding-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .py-md-n3x {
        padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
        padding-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .p-md-3xh {
        padding: var(--spacing-scale-3xh) !important;
    }

    .px-md-3xh {
        padding-left: var(--spacing-scale-3xh) !important;
        padding-right: var(--spacing-scale-3xh) !important;
    }

    .py-md-3xh {
        padding-bottom: var(--spacing-scale-3xh) !important;
        padding-top: var(--spacing-scale-3xh) !important;
    }

    .pt-md-3xh {
        padding-top: var(--spacing-scale-3xh) !important;
    }

    .pt-md-n3xh {
        padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .pr-md-3xh {
        padding-right: var(--spacing-scale-3xh) !important;
    }

    .pr-md-n3xh {
        padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .pb-md-3xh {
        padding-bottom: var(--spacing-scale-3xh) !important;
    }

    .pb-md-n3xh {
        padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .pl-md-3xh {
        padding-left: var(--spacing-scale-3xh) !important;
    }

    .pl-md-n3xh {
        padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .p-md-n3xh {
        padding: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .px-md-n3xh {
        padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .py-md-n3xh {
        padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .p-md-4x {
        padding: var(--spacing-scale-4x) !important;
    }

    .px-md-4x {
        padding-left: var(--spacing-scale-4x) !important;
        padding-right: var(--spacing-scale-4x) !important;
    }

    .py-md-4x {
        padding-bottom: var(--spacing-scale-4x) !important;
        padding-top: var(--spacing-scale-4x) !important;
    }

    .pt-md-4x {
        padding-top: var(--spacing-scale-4x) !important;
    }

    .pt-md-n4x {
        padding-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .pr-md-4x {
        padding-right: var(--spacing-scale-4x) !important;
    }

    .pr-md-n4x {
        padding-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .pb-md-4x {
        padding-bottom: var(--spacing-scale-4x) !important;
    }

    .pb-md-n4x {
        padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .pl-md-4x {
        padding-left: var(--spacing-scale-4x) !important;
    }

    .pl-md-n4x {
        padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .p-md-n4x {
        padding: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .px-md-n4x {
        padding-left: calc(var(--spacing-scale-4x) * -1) !important;
        padding-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .py-md-n4x {
        padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
        padding-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .p-md-4xh {
        padding: var(--spacing-scale-4xh) !important;
    }

    .px-md-4xh {
        padding-left: var(--spacing-scale-4xh) !important;
        padding-right: var(--spacing-scale-4xh) !important;
    }

    .py-md-4xh {
        padding-bottom: var(--spacing-scale-4xh) !important;
        padding-top: var(--spacing-scale-4xh) !important;
    }

    .pt-md-4xh {
        padding-top: var(--spacing-scale-4xh) !important;
    }

    .pt-md-n4xh {
        padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .pr-md-4xh {
        padding-right: var(--spacing-scale-4xh) !important;
    }

    .pr-md-n4xh {
        padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .pb-md-4xh {
        padding-bottom: var(--spacing-scale-4xh) !important;
    }

    .pb-md-n4xh {
        padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .pl-md-4xh {
        padding-left: var(--spacing-scale-4xh) !important;
    }

    .pl-md-n4xh {
        padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .p-md-n4xh {
        padding: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .px-md-n4xh {
        padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .py-md-n4xh {
        padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .p-md-5x {
        padding: var(--spacing-scale-5x) !important;
    }

    .px-md-5x {
        padding-left: var(--spacing-scale-5x) !important;
        padding-right: var(--spacing-scale-5x) !important;
    }

    .py-md-5x {
        padding-bottom: var(--spacing-scale-5x) !important;
        padding-top: var(--spacing-scale-5x) !important;
    }

    .pt-md-5x {
        padding-top: var(--spacing-scale-5x) !important;
    }

    .pt-md-n5x {
        padding-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .pr-md-5x {
        padding-right: var(--spacing-scale-5x) !important;
    }

    .pr-md-n5x {
        padding-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .pb-md-5x {
        padding-bottom: var(--spacing-scale-5x) !important;
    }

    .pb-md-n5x {
        padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .pl-md-5x {
        padding-left: var(--spacing-scale-5x) !important;
    }

    .pl-md-n5x {
        padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .p-md-n5x {
        padding: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .px-md-n5x {
        padding-left: calc(var(--spacing-scale-5x) * -1) !important;
        padding-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .py-md-n5x {
        padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
        padding-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .p-md-5xh {
        padding: var(--spacing-scale-5xh) !important;
    }

    .px-md-5xh {
        padding-left: var(--spacing-scale-5xh) !important;
        padding-right: var(--spacing-scale-5xh) !important;
    }

    .py-md-5xh {
        padding-bottom: var(--spacing-scale-5xh) !important;
        padding-top: var(--spacing-scale-5xh) !important;
    }

    .pt-md-5xh {
        padding-top: var(--spacing-scale-5xh) !important;
    }

    .pt-md-n5xh {
        padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .pr-md-5xh {
        padding-right: var(--spacing-scale-5xh) !important;
    }

    .pr-md-n5xh {
        padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .pb-md-5xh {
        padding-bottom: var(--spacing-scale-5xh) !important;
    }

    .pb-md-n5xh {
        padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .pl-md-5xh {
        padding-left: var(--spacing-scale-5xh) !important;
    }

    .pl-md-n5xh {
        padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .p-md-n5xh {
        padding: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .px-md-n5xh {
        padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .py-md-n5xh {
        padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .p-md-6x {
        padding: var(--spacing-scale-6x) !important;
    }

    .px-md-6x {
        padding-left: var(--spacing-scale-6x) !important;
        padding-right: var(--spacing-scale-6x) !important;
    }

    .py-md-6x {
        padding-bottom: var(--spacing-scale-6x) !important;
        padding-top: var(--spacing-scale-6x) !important;
    }

    .pt-md-6x {
        padding-top: var(--spacing-scale-6x) !important;
    }

    .pt-md-n6x {
        padding-top: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .pr-md-6x {
        padding-right: var(--spacing-scale-6x) !important;
    }

    .pr-md-n6x {
        padding-right: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .pb-md-6x {
        padding-bottom: var(--spacing-scale-6x) !important;
    }

    .pb-md-n6x {
        padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .pl-md-6x {
        padding-left: var(--spacing-scale-6x) !important;
    }

    .pl-md-n6x {
        padding-left: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .p-md-n6x {
        padding: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .px-md-n6x {
        padding-left: calc(var(--spacing-scale-6x) * -1) !important;
        padding-right: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .py-md-n6x {
        padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
        padding-top: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .p-md-6xh {
        padding: var(--spacing-scale-6xh) !important;
    }

    .px-md-6xh {
        padding-left: var(--spacing-scale-6xh) !important;
        padding-right: var(--spacing-scale-6xh) !important;
    }

    .py-md-6xh {
        padding-bottom: var(--spacing-scale-6xh) !important;
        padding-top: var(--spacing-scale-6xh) !important;
    }

    .pt-md-6xh {
        padding-top: var(--spacing-scale-6xh) !important;
    }

    .pt-md-n6xh {
        padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .pr-md-6xh {
        padding-right: var(--spacing-scale-6xh) !important;
    }

    .pr-md-n6xh {
        padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .pb-md-6xh {
        padding-bottom: var(--spacing-scale-6xh) !important;
    }

    .pb-md-n6xh {
        padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .pl-md-6xh {
        padding-left: var(--spacing-scale-6xh) !important;
    }

    .pl-md-n6xh {
        padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .p-md-n6xh {
        padding: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .px-md-n6xh {
        padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .py-md-n6xh {
        padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .p-md-7x {
        padding: var(--spacing-scale-7x) !important;
    }

    .px-md-7x {
        padding-left: var(--spacing-scale-7x) !important;
        padding-right: var(--spacing-scale-7x) !important;
    }

    .py-md-7x {
        padding-bottom: var(--spacing-scale-7x) !important;
        padding-top: var(--spacing-scale-7x) !important;
    }

    .pt-md-7x {
        padding-top: var(--spacing-scale-7x) !important;
    }

    .pt-md-n7x {
        padding-top: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .pr-md-7x {
        padding-right: var(--spacing-scale-7x) !important;
    }

    .pr-md-n7x {
        padding-right: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .pb-md-7x {
        padding-bottom: var(--spacing-scale-7x) !important;
    }

    .pb-md-n7x {
        padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .pl-md-7x {
        padding-left: var(--spacing-scale-7x) !important;
    }

    .pl-md-n7x {
        padding-left: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .p-md-n7x {
        padding: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .px-md-n7x {
        padding-left: calc(var(--spacing-scale-7x) * -1) !important;
        padding-right: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .py-md-n7x {
        padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
        padding-top: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .p-md-7xh {
        padding: var(--spacing-scale-7xh) !important;
    }

    .px-md-7xh {
        padding-left: var(--spacing-scale-7xh) !important;
        padding-right: var(--spacing-scale-7xh) !important;
    }

    .py-md-7xh {
        padding-bottom: var(--spacing-scale-7xh) !important;
        padding-top: var(--spacing-scale-7xh) !important;
    }

    .pt-md-7xh {
        padding-top: var(--spacing-scale-7xh) !important;
    }

    .pt-md-n7xh {
        padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .pr-md-7xh {
        padding-right: var(--spacing-scale-7xh) !important;
    }

    .pr-md-n7xh {
        padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .pb-md-7xh {
        padding-bottom: var(--spacing-scale-7xh) !important;
    }

    .pb-md-n7xh {
        padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .pl-md-7xh {
        padding-left: var(--spacing-scale-7xh) !important;
    }

    .pl-md-n7xh {
        padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .p-md-n7xh {
        padding: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .px-md-n7xh {
        padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .py-md-n7xh {
        padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .p-md-8x {
        padding: var(--spacing-scale-8x) !important;
    }

    .px-md-8x {
        padding-left: var(--spacing-scale-8x) !important;
        padding-right: var(--spacing-scale-8x) !important;
    }

    .py-md-8x {
        padding-bottom: var(--spacing-scale-8x) !important;
        padding-top: var(--spacing-scale-8x) !important;
    }

    .pt-md-8x {
        padding-top: var(--spacing-scale-8x) !important;
    }

    .pt-md-n8x {
        padding-top: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .pr-md-8x {
        padding-right: var(--spacing-scale-8x) !important;
    }

    .pr-md-n8x {
        padding-right: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .pb-md-8x {
        padding-bottom: var(--spacing-scale-8x) !important;
    }

    .pb-md-n8x {
        padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .pl-md-8x {
        padding-left: var(--spacing-scale-8x) !important;
    }

    .pl-md-n8x {
        padding-left: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .p-md-n8x {
        padding: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .px-md-n8x {
        padding-left: calc(var(--spacing-scale-8x) * -1) !important;
        padding-right: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .py-md-n8x {
        padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
        padding-top: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .p-md-8xh {
        padding: var(--spacing-scale-8xh) !important;
    }

    .px-md-8xh {
        padding-left: var(--spacing-scale-8xh) !important;
        padding-right: var(--spacing-scale-8xh) !important;
    }

    .py-md-8xh {
        padding-bottom: var(--spacing-scale-8xh) !important;
        padding-top: var(--spacing-scale-8xh) !important;
    }

    .pt-md-8xh {
        padding-top: var(--spacing-scale-8xh) !important;
    }

    .pt-md-n8xh {
        padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .pr-md-8xh {
        padding-right: var(--spacing-scale-8xh) !important;
    }

    .pr-md-n8xh {
        padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .pb-md-8xh {
        padding-bottom: var(--spacing-scale-8xh) !important;
    }

    .pb-md-n8xh {
        padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .pl-md-8xh {
        padding-left: var(--spacing-scale-8xh) !important;
    }

    .pl-md-n8xh {
        padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .p-md-n8xh {
        padding: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .px-md-n8xh {
        padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .py-md-n8xh {
        padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .p-md-9x {
        padding: var(--spacing-scale-9x) !important;
    }

    .px-md-9x {
        padding-left: var(--spacing-scale-9x) !important;
        padding-right: var(--spacing-scale-9x) !important;
    }

    .py-md-9x {
        padding-bottom: var(--spacing-scale-9x) !important;
        padding-top: var(--spacing-scale-9x) !important;
    }

    .pt-md-9x {
        padding-top: var(--spacing-scale-9x) !important;
    }

    .pt-md-n9x {
        padding-top: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .pr-md-9x {
        padding-right: var(--spacing-scale-9x) !important;
    }

    .pr-md-n9x {
        padding-right: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .pb-md-9x {
        padding-bottom: var(--spacing-scale-9x) !important;
    }

    .pb-md-n9x {
        padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .pl-md-9x {
        padding-left: var(--spacing-scale-9x) !important;
    }

    .pl-md-n9x {
        padding-left: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .p-md-n9x {
        padding: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .px-md-n9x {
        padding-left: calc(var(--spacing-scale-9x) * -1) !important;
        padding-right: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .py-md-n9x {
        padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
        padding-top: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .p-md-9xh {
        padding: var(--spacing-scale-9xh) !important;
    }

    .px-md-9xh {
        padding-left: var(--spacing-scale-9xh) !important;
        padding-right: var(--spacing-scale-9xh) !important;
    }

    .py-md-9xh {
        padding-bottom: var(--spacing-scale-9xh) !important;
        padding-top: var(--spacing-scale-9xh) !important;
    }

    .pt-md-9xh {
        padding-top: var(--spacing-scale-9xh) !important;
    }

    .pt-md-n9xh {
        padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .pr-md-9xh {
        padding-right: var(--spacing-scale-9xh) !important;
    }

    .pr-md-n9xh {
        padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .pb-md-9xh {
        padding-bottom: var(--spacing-scale-9xh) !important;
    }

    .pb-md-n9xh {
        padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .pl-md-9xh {
        padding-left: var(--spacing-scale-9xh) !important;
    }

    .pl-md-n9xh {
        padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .p-md-n9xh {
        padding: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .px-md-n9xh {
        padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .py-md-n9xh {
        padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .p-md-10x {
        padding: var(--spacing-scale-10x) !important;
    }

    .px-md-10x {
        padding-left: var(--spacing-scale-10x) !important;
        padding-right: var(--spacing-scale-10x) !important;
    }

    .py-md-10x {
        padding-bottom: var(--spacing-scale-10x) !important;
        padding-top: var(--spacing-scale-10x) !important;
    }

    .pt-md-10x {
        padding-top: var(--spacing-scale-10x) !important;
    }

    .pt-md-n10x {
        padding-top: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .pr-md-10x {
        padding-right: var(--spacing-scale-10x) !important;
    }

    .pr-md-n10x {
        padding-right: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .pb-md-10x {
        padding-bottom: var(--spacing-scale-10x) !important;
    }

    .pb-md-n10x {
        padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .pl-md-10x {
        padding-left: var(--spacing-scale-10x) !important;
    }

    .pl-md-n10x {
        padding-left: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .p-md-n10x {
        padding: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .px-md-n10x {
        padding-left: calc(var(--spacing-scale-10x) * -1) !important;
        padding-right: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .py-md-n10x {
        padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
        padding-top: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .p-md-10xh {
        padding: var(--spacing-scale-10xh) !important;
    }

    .px-md-10xh {
        padding-left: var(--spacing-scale-10xh) !important;
        padding-right: var(--spacing-scale-10xh) !important;
    }

    .py-md-10xh {
        padding-bottom: var(--spacing-scale-10xh) !important;
        padding-top: var(--spacing-scale-10xh) !important;
    }

    .pt-md-10xh {
        padding-top: var(--spacing-scale-10xh) !important;
    }

    .pt-md-n10xh {
        padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .pr-md-10xh {
        padding-right: var(--spacing-scale-10xh) !important;
    }

    .pr-md-n10xh {
        padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .pb-md-10xh {
        padding-bottom: var(--spacing-scale-10xh) !important;
    }

    .pb-md-n10xh {
        padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .pl-md-10xh {
        padding-left: var(--spacing-scale-10xh) !important;
    }

    .pl-md-n10xh {
        padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .p-md-n10xh {
        padding: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .px-md-n10xh {
        padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .py-md-n10xh {
        padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
    }
}

@media (min-width: 1280px) {
    .m-lg-0 {
        margin: var(--spacing-scale-default) !important;
    }

    .mx-lg-0 {
        margin-left: var(--spacing-scale-default) !important;
        margin-right: var(--spacing-scale-default) !important;
    }

    .my-lg-0 {
        margin-bottom: var(--spacing-scale-default) !important;
        margin-top: var(--spacing-scale-default) !important;
    }

    .mt-lg-0 {
        margin-top: var(--spacing-scale-default) !important;
    }

    .mr-lg-0 {
        margin-right: var(--spacing-scale-default) !important;
    }

    .mb-lg-0 {
        margin-bottom: var(--spacing-scale-default) !important;
    }

    .ml-lg-0 {
        margin-left: var(--spacing-scale-default) !important;
    }

    .m-lg-half {
        margin: var(--spacing-scale-half) !important;
    }

    .mx-lg-half {
        margin-left: var(--spacing-scale-half) !important;
        margin-right: var(--spacing-scale-half) !important;
    }

    .my-lg-half {
        margin-bottom: var(--spacing-scale-half) !important;
        margin-top: var(--spacing-scale-half) !important;
    }

    .mt-lg-half {
        margin-top: var(--spacing-scale-half) !important;
    }

    .mt-lg-nhalf {
        margin-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .mr-lg-half {
        margin-right: var(--spacing-scale-half) !important;
    }

    .mr-lg-nhalf {
        margin-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .mb-lg-half {
        margin-bottom: var(--spacing-scale-half) !important;
    }

    .mb-lg-nhalf {
        margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    }

    .ml-lg-half {
        margin-left: var(--spacing-scale-half) !important;
    }

    .ml-lg-nhalf {
        margin-left: calc(var(--spacing-scale-half) * -1) !important;
    }

    .m-lg-nhalf {
        margin: calc(var(--spacing-scale-half) * -1) !important;
    }

    .mx-lg-nhalf {
        margin-left: calc(var(--spacing-scale-half) * -1) !important;
        margin-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .my-lg-nhalf {
        margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
        margin-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .m-lg-base {
        margin: var(--spacing-scale-base) !important;
    }

    .mx-lg-base {
        margin-left: var(--spacing-scale-base) !important;
        margin-right: var(--spacing-scale-base) !important;
    }

    .my-lg-base {
        margin-bottom: var(--spacing-scale-base) !important;
        margin-top: var(--spacing-scale-base) !important;
    }

    .mt-lg-base {
        margin-top: var(--spacing-scale-base) !important;
    }

    .mt-lg-nbase {
        margin-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .mr-lg-base {
        margin-right: var(--spacing-scale-base) !important;
    }

    .mr-lg-nbase {
        margin-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .mb-lg-base {
        margin-bottom: var(--spacing-scale-base) !important;
    }

    .mb-lg-nbase {
        margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    }

    .ml-lg-base {
        margin-left: var(--spacing-scale-base) !important;
    }

    .ml-lg-nbase {
        margin-left: calc(var(--spacing-scale-base) * -1) !important;
    }

    .m-lg-nbase {
        margin: calc(var(--spacing-scale-base) * -1) !important;
    }

    .mx-lg-nbase {
        margin-left: calc(var(--spacing-scale-base) * -1) !important;
        margin-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .my-lg-nbase {
        margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
        margin-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .m-lg-baseh {
        margin: var(--spacing-scale-baseh) !important;
    }

    .mx-lg-baseh {
        margin-left: var(--spacing-scale-baseh) !important;
        margin-right: var(--spacing-scale-baseh) !important;
    }

    .my-lg-baseh {
        margin-bottom: var(--spacing-scale-baseh) !important;
        margin-top: var(--spacing-scale-baseh) !important;
    }

    .mt-lg-baseh {
        margin-top: var(--spacing-scale-baseh) !important;
    }

    .mt-lg-nbaseh {
        margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .mr-lg-baseh {
        margin-right: var(--spacing-scale-baseh) !important;
    }

    .mr-lg-nbaseh {
        margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .mb-lg-baseh {
        margin-bottom: var(--spacing-scale-baseh) !important;
    }

    .mb-lg-nbaseh {
        margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .ml-lg-baseh {
        margin-left: var(--spacing-scale-baseh) !important;
    }

    .ml-lg-nbaseh {
        margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .m-lg-nbaseh {
        margin: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .mx-lg-nbaseh {
        margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
        margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .my-lg-nbaseh {
        margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
        margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .m-lg-1 {
        margin: var(--spacing-scale-half) !important;
    }

    .mx-lg-1 {
        margin-left: var(--spacing-scale-half) !important;
        margin-right: var(--spacing-scale-half) !important;
    }

    .my-lg-1 {
        margin-bottom: var(--spacing-scale-half) !important;
        margin-top: var(--spacing-scale-half) !important;
    }

    .mt-lg-1 {
        margin-top: var(--spacing-scale-half) !important;
    }

    .mt-lg-n1 {
        margin-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .mr-lg-1 {
        margin-right: var(--spacing-scale-half) !important;
    }

    .mr-lg-n1 {
        margin-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .mb-lg-1 {
        margin-bottom: var(--spacing-scale-half) !important;
    }

    .mb-lg-n1 {
        margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    }

    .ml-lg-1 {
        margin-left: var(--spacing-scale-half) !important;
    }

    .ml-lg-n1 {
        margin-left: calc(var(--spacing-scale-half) * -1) !important;
    }

    .m-lg-n1 {
        margin: calc(var(--spacing-scale-half) * -1) !important;
    }

    .mx-lg-n1 {
        margin-left: calc(var(--spacing-scale-half) * -1) !important;
        margin-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .my-lg-n1 {
        margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
        margin-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .m-lg-2 {
        margin: var(--spacing-scale-base) !important;
    }

    .mx-lg-2 {
        margin-left: var(--spacing-scale-base) !important;
        margin-right: var(--spacing-scale-base) !important;
    }

    .my-lg-2 {
        margin-bottom: var(--spacing-scale-base) !important;
        margin-top: var(--spacing-scale-base) !important;
    }

    .mt-lg-2 {
        margin-top: var(--spacing-scale-base) !important;
    }

    .mt-lg-n2 {
        margin-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .mr-lg-2 {
        margin-right: var(--spacing-scale-base) !important;
    }

    .mr-lg-n2 {
        margin-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .mb-lg-2 {
        margin-bottom: var(--spacing-scale-base) !important;
    }

    .mb-lg-n2 {
        margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    }

    .ml-lg-2 {
        margin-left: var(--spacing-scale-base) !important;
    }

    .ml-lg-n2 {
        margin-left: calc(var(--spacing-scale-base) * -1) !important;
    }

    .m-lg-n2 {
        margin: calc(var(--spacing-scale-base) * -1) !important;
    }

    .mx-lg-n2 {
        margin-left: calc(var(--spacing-scale-base) * -1) !important;
        margin-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .my-lg-n2 {
        margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
        margin-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .m-lg-3 {
        margin: var(--spacing-scale-2x) !important;
    }

    .mx-lg-3 {
        margin-left: var(--spacing-scale-2x) !important;
        margin-right: var(--spacing-scale-2x) !important;
    }

    .my-lg-3 {
        margin-bottom: var(--spacing-scale-2x) !important;
        margin-top: var(--spacing-scale-2x) !important;
    }

    .mt-lg-3 {
        margin-top: var(--spacing-scale-2x) !important;
    }

    .mt-lg-n3 {
        margin-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .mr-lg-3 {
        margin-right: var(--spacing-scale-2x) !important;
    }

    .mr-lg-n3 {
        margin-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .mb-lg-3 {
        margin-bottom: var(--spacing-scale-2x) !important;
    }

    .mb-lg-n3 {
        margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .ml-lg-3 {
        margin-left: var(--spacing-scale-2x) !important;
    }

    .ml-lg-n3 {
        margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .m-lg-n3 {
        margin: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .mx-lg-n3 {
        margin-left: calc(var(--spacing-scale-2x) * -1) !important;
        margin-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .my-lg-n3 {
        margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
        margin-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .m-lg-4 {
        margin: var(--spacing-scale-3x) !important;
    }

    .mx-lg-4 {
        margin-left: var(--spacing-scale-3x) !important;
        margin-right: var(--spacing-scale-3x) !important;
    }

    .my-lg-4 {
        margin-bottom: var(--spacing-scale-3x) !important;
        margin-top: var(--spacing-scale-3x) !important;
    }

    .mt-lg-4 {
        margin-top: var(--spacing-scale-3x) !important;
    }

    .mt-lg-n4 {
        margin-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .mr-lg-4 {
        margin-right: var(--spacing-scale-3x) !important;
    }

    .mr-lg-n4 {
        margin-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .mb-lg-4 {
        margin-bottom: var(--spacing-scale-3x) !important;
    }

    .mb-lg-n4 {
        margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .ml-lg-4 {
        margin-left: var(--spacing-scale-3x) !important;
    }

    .ml-lg-n4 {
        margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .m-lg-n4 {
        margin: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .mx-lg-n4 {
        margin-left: calc(var(--spacing-scale-3x) * -1) !important;
        margin-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .my-lg-n4 {
        margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
        margin-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .m-lg-5 {
        margin: var(--spacing-scale-4x) !important;
    }

    .mx-lg-5 {
        margin-left: var(--spacing-scale-4x) !important;
        margin-right: var(--spacing-scale-4x) !important;
    }

    .my-lg-5 {
        margin-bottom: var(--spacing-scale-4x) !important;
        margin-top: var(--spacing-scale-4x) !important;
    }

    .mt-lg-5 {
        margin-top: var(--spacing-scale-4x) !important;
    }

    .mt-lg-n5 {
        margin-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .mr-lg-5 {
        margin-right: var(--spacing-scale-4x) !important;
    }

    .mr-lg-n5 {
        margin-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .mb-lg-5 {
        margin-bottom: var(--spacing-scale-4x) !important;
    }

    .mb-lg-n5 {
        margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .ml-lg-5 {
        margin-left: var(--spacing-scale-4x) !important;
    }

    .ml-lg-n5 {
        margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .m-lg-n5 {
        margin: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .mx-lg-n5 {
        margin-left: calc(var(--spacing-scale-4x) * -1) !important;
        margin-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .my-lg-n5 {
        margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
        margin-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .m-lg-6 {
        margin: var(--spacing-scale-5x) !important;
    }

    .mx-lg-6 {
        margin-left: var(--spacing-scale-5x) !important;
        margin-right: var(--spacing-scale-5x) !important;
    }

    .my-lg-6 {
        margin-bottom: var(--spacing-scale-5x) !important;
        margin-top: var(--spacing-scale-5x) !important;
    }

    .mt-lg-6 {
        margin-top: var(--spacing-scale-5x) !important;
    }

    .mt-lg-n6 {
        margin-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .mr-lg-6 {
        margin-right: var(--spacing-scale-5x) !important;
    }

    .mr-lg-n6 {
        margin-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .mb-lg-6 {
        margin-bottom: var(--spacing-scale-5x) !important;
    }

    .mb-lg-n6 {
        margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .ml-lg-6 {
        margin-left: var(--spacing-scale-5x) !important;
    }

    .ml-lg-n6 {
        margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .m-lg-n6 {
        margin: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .mx-lg-n6 {
        margin-left: calc(var(--spacing-scale-5x) * -1) !important;
        margin-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .my-lg-n6 {
        margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
        margin-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .m-lg-2x {
        margin: var(--spacing-scale-2x) !important;
    }

    .mx-lg-2x {
        margin-left: var(--spacing-scale-2x) !important;
        margin-right: var(--spacing-scale-2x) !important;
    }

    .my-lg-2x {
        margin-bottom: var(--spacing-scale-2x) !important;
        margin-top: var(--spacing-scale-2x) !important;
    }

    .mt-lg-2x {
        margin-top: var(--spacing-scale-2x) !important;
    }

    .mt-lg-n2x {
        margin-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .mr-lg-2x {
        margin-right: var(--spacing-scale-2x) !important;
    }

    .mr-lg-n2x {
        margin-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .mb-lg-2x {
        margin-bottom: var(--spacing-scale-2x) !important;
    }

    .mb-lg-n2x {
        margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .ml-lg-2x {
        margin-left: var(--spacing-scale-2x) !important;
    }

    .ml-lg-n2x {
        margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .m-lg-n2x {
        margin: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .mx-lg-n2x {
        margin-left: calc(var(--spacing-scale-2x) * -1) !important;
        margin-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .my-lg-n2x {
        margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
        margin-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .m-lg-2xh {
        margin: var(--spacing-scale-2xh) !important;
    }

    .mx-lg-2xh {
        margin-left: var(--spacing-scale-2xh) !important;
        margin-right: var(--spacing-scale-2xh) !important;
    }

    .my-lg-2xh {
        margin-bottom: var(--spacing-scale-2xh) !important;
        margin-top: var(--spacing-scale-2xh) !important;
    }

    .mt-lg-2xh {
        margin-top: var(--spacing-scale-2xh) !important;
    }

    .mt-lg-n2xh {
        margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .mr-lg-2xh {
        margin-right: var(--spacing-scale-2xh) !important;
    }

    .mr-lg-n2xh {
        margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .mb-lg-2xh {
        margin-bottom: var(--spacing-scale-2xh) !important;
    }

    .mb-lg-n2xh {
        margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .ml-lg-2xh {
        margin-left: var(--spacing-scale-2xh) !important;
    }

    .ml-lg-n2xh {
        margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .m-lg-n2xh {
        margin: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .mx-lg-n2xh {
        margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .my-lg-n2xh {
        margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .m-lg-3x {
        margin: var(--spacing-scale-3x) !important;
    }

    .mx-lg-3x {
        margin-left: var(--spacing-scale-3x) !important;
        margin-right: var(--spacing-scale-3x) !important;
    }

    .my-lg-3x {
        margin-bottom: var(--spacing-scale-3x) !important;
        margin-top: var(--spacing-scale-3x) !important;
    }

    .mt-lg-3x {
        margin-top: var(--spacing-scale-3x) !important;
    }

    .mt-lg-n3x {
        margin-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .mr-lg-3x {
        margin-right: var(--spacing-scale-3x) !important;
    }

    .mr-lg-n3x {
        margin-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .mb-lg-3x {
        margin-bottom: var(--spacing-scale-3x) !important;
    }

    .mb-lg-n3x {
        margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .ml-lg-3x {
        margin-left: var(--spacing-scale-3x) !important;
    }

    .ml-lg-n3x {
        margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .m-lg-n3x {
        margin: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .mx-lg-n3x {
        margin-left: calc(var(--spacing-scale-3x) * -1) !important;
        margin-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .my-lg-n3x {
        margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
        margin-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .m-lg-3xh {
        margin: var(--spacing-scale-3xh) !important;
    }

    .mx-lg-3xh {
        margin-left: var(--spacing-scale-3xh) !important;
        margin-right: var(--spacing-scale-3xh) !important;
    }

    .my-lg-3xh {
        margin-bottom: var(--spacing-scale-3xh) !important;
        margin-top: var(--spacing-scale-3xh) !important;
    }

    .mt-lg-3xh {
        margin-top: var(--spacing-scale-3xh) !important;
    }

    .mt-lg-n3xh {
        margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .mr-lg-3xh {
        margin-right: var(--spacing-scale-3xh) !important;
    }

    .mr-lg-n3xh {
        margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .mb-lg-3xh {
        margin-bottom: var(--spacing-scale-3xh) !important;
    }

    .mb-lg-n3xh {
        margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .ml-lg-3xh {
        margin-left: var(--spacing-scale-3xh) !important;
    }

    .ml-lg-n3xh {
        margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .m-lg-n3xh {
        margin: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .mx-lg-n3xh {
        margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .my-lg-n3xh {
        margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .m-lg-4x {
        margin: var(--spacing-scale-4x) !important;
    }

    .mx-lg-4x {
        margin-left: var(--spacing-scale-4x) !important;
        margin-right: var(--spacing-scale-4x) !important;
    }

    .my-lg-4x {
        margin-bottom: var(--spacing-scale-4x) !important;
        margin-top: var(--spacing-scale-4x) !important;
    }

    .mt-lg-4x {
        margin-top: var(--spacing-scale-4x) !important;
    }

    .mt-lg-n4x {
        margin-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .mr-lg-4x {
        margin-right: var(--spacing-scale-4x) !important;
    }

    .mr-lg-n4x {
        margin-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .mb-lg-4x {
        margin-bottom: var(--spacing-scale-4x) !important;
    }

    .mb-lg-n4x {
        margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .ml-lg-4x {
        margin-left: var(--spacing-scale-4x) !important;
    }

    .ml-lg-n4x {
        margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .m-lg-n4x {
        margin: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .mx-lg-n4x {
        margin-left: calc(var(--spacing-scale-4x) * -1) !important;
        margin-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .my-lg-n4x {
        margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
        margin-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .m-lg-4xh {
        margin: var(--spacing-scale-4xh) !important;
    }

    .mx-lg-4xh {
        margin-left: var(--spacing-scale-4xh) !important;
        margin-right: var(--spacing-scale-4xh) !important;
    }

    .my-lg-4xh {
        margin-bottom: var(--spacing-scale-4xh) !important;
        margin-top: var(--spacing-scale-4xh) !important;
    }

    .mt-lg-4xh {
        margin-top: var(--spacing-scale-4xh) !important;
    }

    .mt-lg-n4xh {
        margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .mr-lg-4xh {
        margin-right: var(--spacing-scale-4xh) !important;
    }

    .mr-lg-n4xh {
        margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .mb-lg-4xh {
        margin-bottom: var(--spacing-scale-4xh) !important;
    }

    .mb-lg-n4xh {
        margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .ml-lg-4xh {
        margin-left: var(--spacing-scale-4xh) !important;
    }

    .ml-lg-n4xh {
        margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .m-lg-n4xh {
        margin: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .mx-lg-n4xh {
        margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .my-lg-n4xh {
        margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .m-lg-5x {
        margin: var(--spacing-scale-5x) !important;
    }

    .mx-lg-5x {
        margin-left: var(--spacing-scale-5x) !important;
        margin-right: var(--spacing-scale-5x) !important;
    }

    .my-lg-5x {
        margin-bottom: var(--spacing-scale-5x) !important;
        margin-top: var(--spacing-scale-5x) !important;
    }

    .mt-lg-5x {
        margin-top: var(--spacing-scale-5x) !important;
    }

    .mt-lg-n5x {
        margin-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .mr-lg-5x {
        margin-right: var(--spacing-scale-5x) !important;
    }

    .mr-lg-n5x {
        margin-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .mb-lg-5x {
        margin-bottom: var(--spacing-scale-5x) !important;
    }

    .mb-lg-n5x {
        margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .ml-lg-5x {
        margin-left: var(--spacing-scale-5x) !important;
    }

    .ml-lg-n5x {
        margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .m-lg-n5x {
        margin: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .mx-lg-n5x {
        margin-left: calc(var(--spacing-scale-5x) * -1) !important;
        margin-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .my-lg-n5x {
        margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
        margin-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .m-lg-5xh {
        margin: var(--spacing-scale-5xh) !important;
    }

    .mx-lg-5xh {
        margin-left: var(--spacing-scale-5xh) !important;
        margin-right: var(--spacing-scale-5xh) !important;
    }

    .my-lg-5xh {
        margin-bottom: var(--spacing-scale-5xh) !important;
        margin-top: var(--spacing-scale-5xh) !important;
    }

    .mt-lg-5xh {
        margin-top: var(--spacing-scale-5xh) !important;
    }

    .mt-lg-n5xh {
        margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .mr-lg-5xh {
        margin-right: var(--spacing-scale-5xh) !important;
    }

    .mr-lg-n5xh {
        margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .mb-lg-5xh {
        margin-bottom: var(--spacing-scale-5xh) !important;
    }

    .mb-lg-n5xh {
        margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .ml-lg-5xh {
        margin-left: var(--spacing-scale-5xh) !important;
    }

    .ml-lg-n5xh {
        margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .m-lg-n5xh {
        margin: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .mx-lg-n5xh {
        margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .my-lg-n5xh {
        margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .m-lg-6x {
        margin: var(--spacing-scale-6x) !important;
    }

    .mx-lg-6x {
        margin-left: var(--spacing-scale-6x) !important;
        margin-right: var(--spacing-scale-6x) !important;
    }

    .my-lg-6x {
        margin-bottom: var(--spacing-scale-6x) !important;
        margin-top: var(--spacing-scale-6x) !important;
    }

    .mt-lg-6x {
        margin-top: var(--spacing-scale-6x) !important;
    }

    .mt-lg-n6x {
        margin-top: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .mr-lg-6x {
        margin-right: var(--spacing-scale-6x) !important;
    }

    .mr-lg-n6x {
        margin-right: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .mb-lg-6x {
        margin-bottom: var(--spacing-scale-6x) !important;
    }

    .mb-lg-n6x {
        margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .ml-lg-6x {
        margin-left: var(--spacing-scale-6x) !important;
    }

    .ml-lg-n6x {
        margin-left: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .m-lg-n6x {
        margin: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .mx-lg-n6x {
        margin-left: calc(var(--spacing-scale-6x) * -1) !important;
        margin-right: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .my-lg-n6x {
        margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
        margin-top: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .m-lg-6xh {
        margin: var(--spacing-scale-6xh) !important;
    }

    .mx-lg-6xh {
        margin-left: var(--spacing-scale-6xh) !important;
        margin-right: var(--spacing-scale-6xh) !important;
    }

    .my-lg-6xh {
        margin-bottom: var(--spacing-scale-6xh) !important;
        margin-top: var(--spacing-scale-6xh) !important;
    }

    .mt-lg-6xh {
        margin-top: var(--spacing-scale-6xh) !important;
    }

    .mt-lg-n6xh {
        margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .mr-lg-6xh {
        margin-right: var(--spacing-scale-6xh) !important;
    }

    .mr-lg-n6xh {
        margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .mb-lg-6xh {
        margin-bottom: var(--spacing-scale-6xh) !important;
    }

    .mb-lg-n6xh {
        margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .ml-lg-6xh {
        margin-left: var(--spacing-scale-6xh) !important;
    }

    .ml-lg-n6xh {
        margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .m-lg-n6xh {
        margin: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .mx-lg-n6xh {
        margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .my-lg-n6xh {
        margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .m-lg-7x {
        margin: var(--spacing-scale-7x) !important;
    }

    .mx-lg-7x {
        margin-left: var(--spacing-scale-7x) !important;
        margin-right: var(--spacing-scale-7x) !important;
    }

    .my-lg-7x {
        margin-bottom: var(--spacing-scale-7x) !important;
        margin-top: var(--spacing-scale-7x) !important;
    }

    .mt-lg-7x {
        margin-top: var(--spacing-scale-7x) !important;
    }

    .mt-lg-n7x {
        margin-top: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .mr-lg-7x {
        margin-right: var(--spacing-scale-7x) !important;
    }

    .mr-lg-n7x {
        margin-right: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .mb-lg-7x {
        margin-bottom: var(--spacing-scale-7x) !important;
    }

    .mb-lg-n7x {
        margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .ml-lg-7x {
        margin-left: var(--spacing-scale-7x) !important;
    }

    .ml-lg-n7x {
        margin-left: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .m-lg-n7x {
        margin: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .mx-lg-n7x {
        margin-left: calc(var(--spacing-scale-7x) * -1) !important;
        margin-right: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .my-lg-n7x {
        margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
        margin-top: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .m-lg-7xh {
        margin: var(--spacing-scale-7xh) !important;
    }

    .mx-lg-7xh {
        margin-left: var(--spacing-scale-7xh) !important;
        margin-right: var(--spacing-scale-7xh) !important;
    }

    .my-lg-7xh {
        margin-bottom: var(--spacing-scale-7xh) !important;
        margin-top: var(--spacing-scale-7xh) !important;
    }

    .mt-lg-7xh {
        margin-top: var(--spacing-scale-7xh) !important;
    }

    .mt-lg-n7xh {
        margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .mr-lg-7xh {
        margin-right: var(--spacing-scale-7xh) !important;
    }

    .mr-lg-n7xh {
        margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .mb-lg-7xh {
        margin-bottom: var(--spacing-scale-7xh) !important;
    }

    .mb-lg-n7xh {
        margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .ml-lg-7xh {
        margin-left: var(--spacing-scale-7xh) !important;
    }

    .ml-lg-n7xh {
        margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .m-lg-n7xh {
        margin: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .mx-lg-n7xh {
        margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .my-lg-n7xh {
        margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .m-lg-8x {
        margin: var(--spacing-scale-8x) !important;
    }

    .mx-lg-8x {
        margin-left: var(--spacing-scale-8x) !important;
        margin-right: var(--spacing-scale-8x) !important;
    }

    .my-lg-8x {
        margin-bottom: var(--spacing-scale-8x) !important;
        margin-top: var(--spacing-scale-8x) !important;
    }

    .mt-lg-8x {
        margin-top: var(--spacing-scale-8x) !important;
    }

    .mt-lg-n8x {
        margin-top: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .mr-lg-8x {
        margin-right: var(--spacing-scale-8x) !important;
    }

    .mr-lg-n8x {
        margin-right: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .mb-lg-8x {
        margin-bottom: var(--spacing-scale-8x) !important;
    }

    .mb-lg-n8x {
        margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .ml-lg-8x {
        margin-left: var(--spacing-scale-8x) !important;
    }

    .ml-lg-n8x {
        margin-left: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .m-lg-n8x {
        margin: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .mx-lg-n8x {
        margin-left: calc(var(--spacing-scale-8x) * -1) !important;
        margin-right: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .my-lg-n8x {
        margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
        margin-top: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .m-lg-8xh {
        margin: var(--spacing-scale-8xh) !important;
    }

    .mx-lg-8xh {
        margin-left: var(--spacing-scale-8xh) !important;
        margin-right: var(--spacing-scale-8xh) !important;
    }

    .my-lg-8xh {
        margin-bottom: var(--spacing-scale-8xh) !important;
        margin-top: var(--spacing-scale-8xh) !important;
    }

    .mt-lg-8xh {
        margin-top: var(--spacing-scale-8xh) !important;
    }

    .mt-lg-n8xh {
        margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .mr-lg-8xh {
        margin-right: var(--spacing-scale-8xh) !important;
    }

    .mr-lg-n8xh {
        margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .mb-lg-8xh {
        margin-bottom: var(--spacing-scale-8xh) !important;
    }

    .mb-lg-n8xh {
        margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .ml-lg-8xh {
        margin-left: var(--spacing-scale-8xh) !important;
    }

    .ml-lg-n8xh {
        margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .m-lg-n8xh {
        margin: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .mx-lg-n8xh {
        margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .my-lg-n8xh {
        margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .m-lg-9x {
        margin: var(--spacing-scale-9x) !important;
    }

    .mx-lg-9x {
        margin-left: var(--spacing-scale-9x) !important;
        margin-right: var(--spacing-scale-9x) !important;
    }

    .my-lg-9x {
        margin-bottom: var(--spacing-scale-9x) !important;
        margin-top: var(--spacing-scale-9x) !important;
    }

    .mt-lg-9x {
        margin-top: var(--spacing-scale-9x) !important;
    }

    .mt-lg-n9x {
        margin-top: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .mr-lg-9x {
        margin-right: var(--spacing-scale-9x) !important;
    }

    .mr-lg-n9x {
        margin-right: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .mb-lg-9x {
        margin-bottom: var(--spacing-scale-9x) !important;
    }

    .mb-lg-n9x {
        margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .ml-lg-9x {
        margin-left: var(--spacing-scale-9x) !important;
    }

    .ml-lg-n9x {
        margin-left: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .m-lg-n9x {
        margin: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .mx-lg-n9x {
        margin-left: calc(var(--spacing-scale-9x) * -1) !important;
        margin-right: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .my-lg-n9x {
        margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
        margin-top: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .m-lg-9xh {
        margin: var(--spacing-scale-9xh) !important;
    }

    .mx-lg-9xh {
        margin-left: var(--spacing-scale-9xh) !important;
        margin-right: var(--spacing-scale-9xh) !important;
    }

    .my-lg-9xh {
        margin-bottom: var(--spacing-scale-9xh) !important;
        margin-top: var(--spacing-scale-9xh) !important;
    }

    .mt-lg-9xh {
        margin-top: var(--spacing-scale-9xh) !important;
    }

    .mt-lg-n9xh {
        margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .mr-lg-9xh {
        margin-right: var(--spacing-scale-9xh) !important;
    }

    .mr-lg-n9xh {
        margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .mb-lg-9xh {
        margin-bottom: var(--spacing-scale-9xh) !important;
    }

    .mb-lg-n9xh {
        margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .ml-lg-9xh {
        margin-left: var(--spacing-scale-9xh) !important;
    }

    .ml-lg-n9xh {
        margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .m-lg-n9xh {
        margin: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .mx-lg-n9xh {
        margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .my-lg-n9xh {
        margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .m-lg-10x {
        margin: var(--spacing-scale-10x) !important;
    }

    .mx-lg-10x {
        margin-left: var(--spacing-scale-10x) !important;
        margin-right: var(--spacing-scale-10x) !important;
    }

    .my-lg-10x {
        margin-bottom: var(--spacing-scale-10x) !important;
        margin-top: var(--spacing-scale-10x) !important;
    }

    .mt-lg-10x {
        margin-top: var(--spacing-scale-10x) !important;
    }

    .mt-lg-n10x {
        margin-top: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .mr-lg-10x {
        margin-right: var(--spacing-scale-10x) !important;
    }

    .mr-lg-n10x {
        margin-right: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .mb-lg-10x {
        margin-bottom: var(--spacing-scale-10x) !important;
    }

    .mb-lg-n10x {
        margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .ml-lg-10x {
        margin-left: var(--spacing-scale-10x) !important;
    }

    .ml-lg-n10x {
        margin-left: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .m-lg-n10x {
        margin: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .mx-lg-n10x {
        margin-left: calc(var(--spacing-scale-10x) * -1) !important;
        margin-right: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .my-lg-n10x {
        margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
        margin-top: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .m-lg-10xh {
        margin: var(--spacing-scale-10xh) !important;
    }

    .mx-lg-10xh {
        margin-left: var(--spacing-scale-10xh) !important;
        margin-right: var(--spacing-scale-10xh) !important;
    }

    .my-lg-10xh {
        margin-bottom: var(--spacing-scale-10xh) !important;
        margin-top: var(--spacing-scale-10xh) !important;
    }

    .mt-lg-10xh {
        margin-top: var(--spacing-scale-10xh) !important;
    }

    .mt-lg-n10xh {
        margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .mr-lg-10xh {
        margin-right: var(--spacing-scale-10xh) !important;
    }

    .mr-lg-n10xh {
        margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .mb-lg-10xh {
        margin-bottom: var(--spacing-scale-10xh) !important;
    }

    .mb-lg-n10xh {
        margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .ml-lg-10xh {
        margin-left: var(--spacing-scale-10xh) !important;
    }

    .ml-lg-n10xh {
        margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .m-lg-n10xh {
        margin: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .mx-lg-n10xh {
        margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .my-lg-n10xh {
        margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mx-lg-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .my-lg-auto {
        margin-bottom: auto !important;
        margin-top: auto !important;
    }

    .mt-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-auto {
        margin-left: auto !important;
    }

    .p-lg-0 {
        padding: var(--spacing-scale-default) !important;
    }

    .px-lg-0 {
        padding-left: var(--spacing-scale-default) !important;
        padding-right: var(--spacing-scale-default) !important;
    }

    .py-lg-0 {
        padding-bottom: var(--spacing-scale-default) !important;
        padding-top: var(--spacing-scale-default) !important;
    }

    .pt-lg-0 {
        padding-top: var(--spacing-scale-default) !important;
    }

    .pr-lg-0 {
        padding-right: var(--spacing-scale-default) !important;
    }

    .pb-lg-0 {
        padding-bottom: var(--spacing-scale-default) !important;
    }

    .pl-lg-0 {
        padding-left: var(--spacing-scale-default) !important;
    }

    .p-lg-half {
        padding: var(--spacing-scale-half) !important;
    }

    .px-lg-half {
        padding-left: var(--spacing-scale-half) !important;
        padding-right: var(--spacing-scale-half) !important;
    }

    .py-lg-half {
        padding-bottom: var(--spacing-scale-half) !important;
        padding-top: var(--spacing-scale-half) !important;
    }

    .pt-lg-half {
        padding-top: var(--spacing-scale-half) !important;
    }

    .pt-lg-nhalf {
        padding-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .pr-lg-half {
        padding-right: var(--spacing-scale-half) !important;
    }

    .pr-lg-nhalf {
        padding-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .pb-lg-half {
        padding-bottom: var(--spacing-scale-half) !important;
    }

    .pb-lg-nhalf {
        padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    }

    .pl-lg-half {
        padding-left: var(--spacing-scale-half) !important;
    }

    .pl-lg-nhalf {
        padding-left: calc(var(--spacing-scale-half) * -1) !important;
    }

    .p-lg-nhalf {
        padding: calc(var(--spacing-scale-half) * -1) !important;
    }

    .px-lg-nhalf {
        padding-left: calc(var(--spacing-scale-half) * -1) !important;
        padding-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .py-lg-nhalf {
        padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
        padding-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .p-lg-base {
        padding: var(--spacing-scale-base) !important;
    }

    .px-lg-base {
        padding-left: var(--spacing-scale-base) !important;
        padding-right: var(--spacing-scale-base) !important;
    }

    .py-lg-base {
        padding-bottom: var(--spacing-scale-base) !important;
        padding-top: var(--spacing-scale-base) !important;
    }

    .pt-lg-base {
        padding-top: var(--spacing-scale-base) !important;
    }

    .pt-lg-nbase {
        padding-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .pr-lg-base {
        padding-right: var(--spacing-scale-base) !important;
    }

    .pr-lg-nbase {
        padding-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .pb-lg-base {
        padding-bottom: var(--spacing-scale-base) !important;
    }

    .pb-lg-nbase {
        padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    }

    .pl-lg-base {
        padding-left: var(--spacing-scale-base) !important;
    }

    .pl-lg-nbase {
        padding-left: calc(var(--spacing-scale-base) * -1) !important;
    }

    .p-lg-nbase {
        padding: calc(var(--spacing-scale-base) * -1) !important;
    }

    .px-lg-nbase {
        padding-left: calc(var(--spacing-scale-base) * -1) !important;
        padding-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .py-lg-nbase {
        padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
        padding-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .p-lg-baseh {
        padding: var(--spacing-scale-baseh) !important;
    }

    .px-lg-baseh {
        padding-left: var(--spacing-scale-baseh) !important;
        padding-right: var(--spacing-scale-baseh) !important;
    }

    .py-lg-baseh {
        padding-bottom: var(--spacing-scale-baseh) !important;
        padding-top: var(--spacing-scale-baseh) !important;
    }

    .pt-lg-baseh {
        padding-top: var(--spacing-scale-baseh) !important;
    }

    .pt-lg-nbaseh {
        padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .pr-lg-baseh {
        padding-right: var(--spacing-scale-baseh) !important;
    }

    .pr-lg-nbaseh {
        padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .pb-lg-baseh {
        padding-bottom: var(--spacing-scale-baseh) !important;
    }

    .pb-lg-nbaseh {
        padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .pl-lg-baseh {
        padding-left: var(--spacing-scale-baseh) !important;
    }

    .pl-lg-nbaseh {
        padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .p-lg-nbaseh {
        padding: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .px-lg-nbaseh {
        padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
        padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .py-lg-nbaseh {
        padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
        padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .p-lg-1 {
        padding: var(--spacing-scale-half) !important;
    }

    .px-lg-1 {
        padding-left: var(--spacing-scale-half) !important;
        padding-right: var(--spacing-scale-half) !important;
    }

    .py-lg-1 {
        padding-bottom: var(--spacing-scale-half) !important;
        padding-top: var(--spacing-scale-half) !important;
    }

    .pt-lg-1 {
        padding-top: var(--spacing-scale-half) !important;
    }

    .pt-lg-n1 {
        padding-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .pr-lg-1 {
        padding-right: var(--spacing-scale-half) !important;
    }

    .pr-lg-n1 {
        padding-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .pb-lg-1 {
        padding-bottom: var(--spacing-scale-half) !important;
    }

    .pb-lg-n1 {
        padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    }

    .pl-lg-1 {
        padding-left: var(--spacing-scale-half) !important;
    }

    .pl-lg-n1 {
        padding-left: calc(var(--spacing-scale-half) * -1) !important;
    }

    .p-lg-n1 {
        padding: calc(var(--spacing-scale-half) * -1) !important;
    }

    .px-lg-n1 {
        padding-left: calc(var(--spacing-scale-half) * -1) !important;
        padding-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .py-lg-n1 {
        padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
        padding-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .p-lg-2 {
        padding: var(--spacing-scale-base) !important;
    }

    .px-lg-2 {
        padding-left: var(--spacing-scale-base) !important;
        padding-right: var(--spacing-scale-base) !important;
    }

    .py-lg-2 {
        padding-bottom: var(--spacing-scale-base) !important;
        padding-top: var(--spacing-scale-base) !important;
    }

    .pt-lg-2 {
        padding-top: var(--spacing-scale-base) !important;
    }

    .pt-lg-n2 {
        padding-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .pr-lg-2 {
        padding-right: var(--spacing-scale-base) !important;
    }

    .pr-lg-n2 {
        padding-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .pb-lg-2 {
        padding-bottom: var(--spacing-scale-base) !important;
    }

    .pb-lg-n2 {
        padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    }

    .pl-lg-2 {
        padding-left: var(--spacing-scale-base) !important;
    }

    .pl-lg-n2 {
        padding-left: calc(var(--spacing-scale-base) * -1) !important;
    }

    .p-lg-n2 {
        padding: calc(var(--spacing-scale-base) * -1) !important;
    }

    .px-lg-n2 {
        padding-left: calc(var(--spacing-scale-base) * -1) !important;
        padding-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .py-lg-n2 {
        padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
        padding-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .p-lg-3 {
        padding: var(--spacing-scale-2x) !important;
    }

    .px-lg-3 {
        padding-left: var(--spacing-scale-2x) !important;
        padding-right: var(--spacing-scale-2x) !important;
    }

    .py-lg-3 {
        padding-bottom: var(--spacing-scale-2x) !important;
        padding-top: var(--spacing-scale-2x) !important;
    }

    .pt-lg-3 {
        padding-top: var(--spacing-scale-2x) !important;
    }

    .pt-lg-n3 {
        padding-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .pr-lg-3 {
        padding-right: var(--spacing-scale-2x) !important;
    }

    .pr-lg-n3 {
        padding-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .pb-lg-3 {
        padding-bottom: var(--spacing-scale-2x) !important;
    }

    .pb-lg-n3 {
        padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .pl-lg-3 {
        padding-left: var(--spacing-scale-2x) !important;
    }

    .pl-lg-n3 {
        padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .p-lg-n3 {
        padding: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .px-lg-n3 {
        padding-left: calc(var(--spacing-scale-2x) * -1) !important;
        padding-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .py-lg-n3 {
        padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
        padding-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .p-lg-4 {
        padding: var(--spacing-scale-3x) !important;
    }

    .px-lg-4 {
        padding-left: var(--spacing-scale-3x) !important;
        padding-right: var(--spacing-scale-3x) !important;
    }

    .py-lg-4 {
        padding-bottom: var(--spacing-scale-3x) !important;
        padding-top: var(--spacing-scale-3x) !important;
    }

    .pt-lg-4 {
        padding-top: var(--spacing-scale-3x) !important;
    }

    .pt-lg-n4 {
        padding-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .pr-lg-4 {
        padding-right: var(--spacing-scale-3x) !important;
    }

    .pr-lg-n4 {
        padding-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .pb-lg-4 {
        padding-bottom: var(--spacing-scale-3x) !important;
    }

    .pb-lg-n4 {
        padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .pl-lg-4 {
        padding-left: var(--spacing-scale-3x) !important;
    }

    .pl-lg-n4 {
        padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .p-lg-n4 {
        padding: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .px-lg-n4 {
        padding-left: calc(var(--spacing-scale-3x) * -1) !important;
        padding-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .py-lg-n4 {
        padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
        padding-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .p-lg-5 {
        padding: var(--spacing-scale-4x) !important;
    }

    .px-lg-5 {
        padding-left: var(--spacing-scale-4x) !important;
        padding-right: var(--spacing-scale-4x) !important;
    }

    .py-lg-5 {
        padding-bottom: var(--spacing-scale-4x) !important;
        padding-top: var(--spacing-scale-4x) !important;
    }

    .pt-lg-5 {
        padding-top: var(--spacing-scale-4x) !important;
    }

    .pt-lg-n5 {
        padding-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .pr-lg-5 {
        padding-right: var(--spacing-scale-4x) !important;
    }

    .pr-lg-n5 {
        padding-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .pb-lg-5 {
        padding-bottom: var(--spacing-scale-4x) !important;
    }

    .pb-lg-n5 {
        padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .pl-lg-5 {
        padding-left: var(--spacing-scale-4x) !important;
    }

    .pl-lg-n5 {
        padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .p-lg-n5 {
        padding: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .px-lg-n5 {
        padding-left: calc(var(--spacing-scale-4x) * -1) !important;
        padding-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .py-lg-n5 {
        padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
        padding-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .p-lg-6 {
        padding: var(--spacing-scale-5x) !important;
    }

    .px-lg-6 {
        padding-left: var(--spacing-scale-5x) !important;
        padding-right: var(--spacing-scale-5x) !important;
    }

    .py-lg-6 {
        padding-bottom: var(--spacing-scale-5x) !important;
        padding-top: var(--spacing-scale-5x) !important;
    }

    .pt-lg-6 {
        padding-top: var(--spacing-scale-5x) !important;
    }

    .pt-lg-n6 {
        padding-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .pr-lg-6 {
        padding-right: var(--spacing-scale-5x) !important;
    }

    .pr-lg-n6 {
        padding-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .pb-lg-6 {
        padding-bottom: var(--spacing-scale-5x) !important;
    }

    .pb-lg-n6 {
        padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .pl-lg-6 {
        padding-left: var(--spacing-scale-5x) !important;
    }

    .pl-lg-n6 {
        padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .p-lg-n6 {
        padding: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .px-lg-n6 {
        padding-left: calc(var(--spacing-scale-5x) * -1) !important;
        padding-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .py-lg-n6 {
        padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
        padding-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .p-lg-2x {
        padding: var(--spacing-scale-2x) !important;
    }

    .px-lg-2x {
        padding-left: var(--spacing-scale-2x) !important;
        padding-right: var(--spacing-scale-2x) !important;
    }

    .py-lg-2x {
        padding-bottom: var(--spacing-scale-2x) !important;
        padding-top: var(--spacing-scale-2x) !important;
    }

    .pt-lg-2x {
        padding-top: var(--spacing-scale-2x) !important;
    }

    .pt-lg-n2x {
        padding-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .pr-lg-2x {
        padding-right: var(--spacing-scale-2x) !important;
    }

    .pr-lg-n2x {
        padding-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .pb-lg-2x {
        padding-bottom: var(--spacing-scale-2x) !important;
    }

    .pb-lg-n2x {
        padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .pl-lg-2x {
        padding-left: var(--spacing-scale-2x) !important;
    }

    .pl-lg-n2x {
        padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .p-lg-n2x {
        padding: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .px-lg-n2x {
        padding-left: calc(var(--spacing-scale-2x) * -1) !important;
        padding-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .py-lg-n2x {
        padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
        padding-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .p-lg-2xh {
        padding: var(--spacing-scale-2xh) !important;
    }

    .px-lg-2xh {
        padding-left: var(--spacing-scale-2xh) !important;
        padding-right: var(--spacing-scale-2xh) !important;
    }

    .py-lg-2xh {
        padding-bottom: var(--spacing-scale-2xh) !important;
        padding-top: var(--spacing-scale-2xh) !important;
    }

    .pt-lg-2xh {
        padding-top: var(--spacing-scale-2xh) !important;
    }

    .pt-lg-n2xh {
        padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .pr-lg-2xh {
        padding-right: var(--spacing-scale-2xh) !important;
    }

    .pr-lg-n2xh {
        padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .pb-lg-2xh {
        padding-bottom: var(--spacing-scale-2xh) !important;
    }

    .pb-lg-n2xh {
        padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .pl-lg-2xh {
        padding-left: var(--spacing-scale-2xh) !important;
    }

    .pl-lg-n2xh {
        padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .p-lg-n2xh {
        padding: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .px-lg-n2xh {
        padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .py-lg-n2xh {
        padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .p-lg-3x {
        padding: var(--spacing-scale-3x) !important;
    }

    .px-lg-3x {
        padding-left: var(--spacing-scale-3x) !important;
        padding-right: var(--spacing-scale-3x) !important;
    }

    .py-lg-3x {
        padding-bottom: var(--spacing-scale-3x) !important;
        padding-top: var(--spacing-scale-3x) !important;
    }

    .pt-lg-3x {
        padding-top: var(--spacing-scale-3x) !important;
    }

    .pt-lg-n3x {
        padding-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .pr-lg-3x {
        padding-right: var(--spacing-scale-3x) !important;
    }

    .pr-lg-n3x {
        padding-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .pb-lg-3x {
        padding-bottom: var(--spacing-scale-3x) !important;
    }

    .pb-lg-n3x {
        padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .pl-lg-3x {
        padding-left: var(--spacing-scale-3x) !important;
    }

    .pl-lg-n3x {
        padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .p-lg-n3x {
        padding: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .px-lg-n3x {
        padding-left: calc(var(--spacing-scale-3x) * -1) !important;
        padding-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .py-lg-n3x {
        padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
        padding-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .p-lg-3xh {
        padding: var(--spacing-scale-3xh) !important;
    }

    .px-lg-3xh {
        padding-left: var(--spacing-scale-3xh) !important;
        padding-right: var(--spacing-scale-3xh) !important;
    }

    .py-lg-3xh {
        padding-bottom: var(--spacing-scale-3xh) !important;
        padding-top: var(--spacing-scale-3xh) !important;
    }

    .pt-lg-3xh {
        padding-top: var(--spacing-scale-3xh) !important;
    }

    .pt-lg-n3xh {
        padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .pr-lg-3xh {
        padding-right: var(--spacing-scale-3xh) !important;
    }

    .pr-lg-n3xh {
        padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .pb-lg-3xh {
        padding-bottom: var(--spacing-scale-3xh) !important;
    }

    .pb-lg-n3xh {
        padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .pl-lg-3xh {
        padding-left: var(--spacing-scale-3xh) !important;
    }

    .pl-lg-n3xh {
        padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .p-lg-n3xh {
        padding: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .px-lg-n3xh {
        padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .py-lg-n3xh {
        padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .p-lg-4x {
        padding: var(--spacing-scale-4x) !important;
    }

    .px-lg-4x {
        padding-left: var(--spacing-scale-4x) !important;
        padding-right: var(--spacing-scale-4x) !important;
    }

    .py-lg-4x {
        padding-bottom: var(--spacing-scale-4x) !important;
        padding-top: var(--spacing-scale-4x) !important;
    }

    .pt-lg-4x {
        padding-top: var(--spacing-scale-4x) !important;
    }

    .pt-lg-n4x {
        padding-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .pr-lg-4x {
        padding-right: var(--spacing-scale-4x) !important;
    }

    .pr-lg-n4x {
        padding-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .pb-lg-4x {
        padding-bottom: var(--spacing-scale-4x) !important;
    }

    .pb-lg-n4x {
        padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .pl-lg-4x {
        padding-left: var(--spacing-scale-4x) !important;
    }

    .pl-lg-n4x {
        padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .p-lg-n4x {
        padding: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .px-lg-n4x {
        padding-left: calc(var(--spacing-scale-4x) * -1) !important;
        padding-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .py-lg-n4x {
        padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
        padding-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .p-lg-4xh {
        padding: var(--spacing-scale-4xh) !important;
    }

    .px-lg-4xh {
        padding-left: var(--spacing-scale-4xh) !important;
        padding-right: var(--spacing-scale-4xh) !important;
    }

    .py-lg-4xh {
        padding-bottom: var(--spacing-scale-4xh) !important;
        padding-top: var(--spacing-scale-4xh) !important;
    }

    .pt-lg-4xh {
        padding-top: var(--spacing-scale-4xh) !important;
    }

    .pt-lg-n4xh {
        padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .pr-lg-4xh {
        padding-right: var(--spacing-scale-4xh) !important;
    }

    .pr-lg-n4xh {
        padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .pb-lg-4xh {
        padding-bottom: var(--spacing-scale-4xh) !important;
    }

    .pb-lg-n4xh {
        padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .pl-lg-4xh {
        padding-left: var(--spacing-scale-4xh) !important;
    }

    .pl-lg-n4xh {
        padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .p-lg-n4xh {
        padding: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .px-lg-n4xh {
        padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .py-lg-n4xh {
        padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .p-lg-5x {
        padding: var(--spacing-scale-5x) !important;
    }

    .px-lg-5x {
        padding-left: var(--spacing-scale-5x) !important;
        padding-right: var(--spacing-scale-5x) !important;
    }

    .py-lg-5x {
        padding-bottom: var(--spacing-scale-5x) !important;
        padding-top: var(--spacing-scale-5x) !important;
    }

    .pt-lg-5x {
        padding-top: var(--spacing-scale-5x) !important;
    }

    .pt-lg-n5x {
        padding-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .pr-lg-5x {
        padding-right: var(--spacing-scale-5x) !important;
    }

    .pr-lg-n5x {
        padding-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .pb-lg-5x {
        padding-bottom: var(--spacing-scale-5x) !important;
    }

    .pb-lg-n5x {
        padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .pl-lg-5x {
        padding-left: var(--spacing-scale-5x) !important;
    }

    .pl-lg-n5x {
        padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .p-lg-n5x {
        padding: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .px-lg-n5x {
        padding-left: calc(var(--spacing-scale-5x) * -1) !important;
        padding-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .py-lg-n5x {
        padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
        padding-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .p-lg-5xh {
        padding: var(--spacing-scale-5xh) !important;
    }

    .px-lg-5xh {
        padding-left: var(--spacing-scale-5xh) !important;
        padding-right: var(--spacing-scale-5xh) !important;
    }

    .py-lg-5xh {
        padding-bottom: var(--spacing-scale-5xh) !important;
        padding-top: var(--spacing-scale-5xh) !important;
    }

    .pt-lg-5xh {
        padding-top: var(--spacing-scale-5xh) !important;
    }

    .pt-lg-n5xh {
        padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .pr-lg-5xh {
        padding-right: var(--spacing-scale-5xh) !important;
    }

    .pr-lg-n5xh {
        padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .pb-lg-5xh {
        padding-bottom: var(--spacing-scale-5xh) !important;
    }

    .pb-lg-n5xh {
        padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .pl-lg-5xh {
        padding-left: var(--spacing-scale-5xh) !important;
    }

    .pl-lg-n5xh {
        padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .p-lg-n5xh {
        padding: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .px-lg-n5xh {
        padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .py-lg-n5xh {
        padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .p-lg-6x {
        padding: var(--spacing-scale-6x) !important;
    }

    .px-lg-6x {
        padding-left: var(--spacing-scale-6x) !important;
        padding-right: var(--spacing-scale-6x) !important;
    }

    .py-lg-6x {
        padding-bottom: var(--spacing-scale-6x) !important;
        padding-top: var(--spacing-scale-6x) !important;
    }

    .pt-lg-6x {
        padding-top: var(--spacing-scale-6x) !important;
    }

    .pt-lg-n6x {
        padding-top: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .pr-lg-6x {
        padding-right: var(--spacing-scale-6x) !important;
    }

    .pr-lg-n6x {
        padding-right: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .pb-lg-6x {
        padding-bottom: var(--spacing-scale-6x) !important;
    }

    .pb-lg-n6x {
        padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .pl-lg-6x {
        padding-left: var(--spacing-scale-6x) !important;
    }

    .pl-lg-n6x {
        padding-left: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .p-lg-n6x {
        padding: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .px-lg-n6x {
        padding-left: calc(var(--spacing-scale-6x) * -1) !important;
        padding-right: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .py-lg-n6x {
        padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
        padding-top: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .p-lg-6xh {
        padding: var(--spacing-scale-6xh) !important;
    }

    .px-lg-6xh {
        padding-left: var(--spacing-scale-6xh) !important;
        padding-right: var(--spacing-scale-6xh) !important;
    }

    .py-lg-6xh {
        padding-bottom: var(--spacing-scale-6xh) !important;
        padding-top: var(--spacing-scale-6xh) !important;
    }

    .pt-lg-6xh {
        padding-top: var(--spacing-scale-6xh) !important;
    }

    .pt-lg-n6xh {
        padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .pr-lg-6xh {
        padding-right: var(--spacing-scale-6xh) !important;
    }

    .pr-lg-n6xh {
        padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .pb-lg-6xh {
        padding-bottom: var(--spacing-scale-6xh) !important;
    }

    .pb-lg-n6xh {
        padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .pl-lg-6xh {
        padding-left: var(--spacing-scale-6xh) !important;
    }

    .pl-lg-n6xh {
        padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .p-lg-n6xh {
        padding: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .px-lg-n6xh {
        padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .py-lg-n6xh {
        padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .p-lg-7x {
        padding: var(--spacing-scale-7x) !important;
    }

    .px-lg-7x {
        padding-left: var(--spacing-scale-7x) !important;
        padding-right: var(--spacing-scale-7x) !important;
    }

    .py-lg-7x {
        padding-bottom: var(--spacing-scale-7x) !important;
        padding-top: var(--spacing-scale-7x) !important;
    }

    .pt-lg-7x {
        padding-top: var(--spacing-scale-7x) !important;
    }

    .pt-lg-n7x {
        padding-top: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .pr-lg-7x {
        padding-right: var(--spacing-scale-7x) !important;
    }

    .pr-lg-n7x {
        padding-right: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .pb-lg-7x {
        padding-bottom: var(--spacing-scale-7x) !important;
    }

    .pb-lg-n7x {
        padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .pl-lg-7x {
        padding-left: var(--spacing-scale-7x) !important;
    }

    .pl-lg-n7x {
        padding-left: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .p-lg-n7x {
        padding: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .px-lg-n7x {
        padding-left: calc(var(--spacing-scale-7x) * -1) !important;
        padding-right: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .py-lg-n7x {
        padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
        padding-top: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .p-lg-7xh {
        padding: var(--spacing-scale-7xh) !important;
    }

    .px-lg-7xh {
        padding-left: var(--spacing-scale-7xh) !important;
        padding-right: var(--spacing-scale-7xh) !important;
    }

    .py-lg-7xh {
        padding-bottom: var(--spacing-scale-7xh) !important;
        padding-top: var(--spacing-scale-7xh) !important;
    }

    .pt-lg-7xh {
        padding-top: var(--spacing-scale-7xh) !important;
    }

    .pt-lg-n7xh {
        padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .pr-lg-7xh {
        padding-right: var(--spacing-scale-7xh) !important;
    }

    .pr-lg-n7xh {
        padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .pb-lg-7xh {
        padding-bottom: var(--spacing-scale-7xh) !important;
    }

    .pb-lg-n7xh {
        padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .pl-lg-7xh {
        padding-left: var(--spacing-scale-7xh) !important;
    }

    .pl-lg-n7xh {
        padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .p-lg-n7xh {
        padding: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .px-lg-n7xh {
        padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .py-lg-n7xh {
        padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .p-lg-8x {
        padding: var(--spacing-scale-8x) !important;
    }

    .px-lg-8x {
        padding-left: var(--spacing-scale-8x) !important;
        padding-right: var(--spacing-scale-8x) !important;
    }

    .py-lg-8x {
        padding-bottom: var(--spacing-scale-8x) !important;
        padding-top: var(--spacing-scale-8x) !important;
    }

    .pt-lg-8x {
        padding-top: var(--spacing-scale-8x) !important;
    }

    .pt-lg-n8x {
        padding-top: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .pr-lg-8x {
        padding-right: var(--spacing-scale-8x) !important;
    }

    .pr-lg-n8x {
        padding-right: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .pb-lg-8x {
        padding-bottom: var(--spacing-scale-8x) !important;
    }

    .pb-lg-n8x {
        padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .pl-lg-8x {
        padding-left: var(--spacing-scale-8x) !important;
    }

    .pl-lg-n8x {
        padding-left: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .p-lg-n8x {
        padding: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .px-lg-n8x {
        padding-left: calc(var(--spacing-scale-8x) * -1) !important;
        padding-right: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .py-lg-n8x {
        padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
        padding-top: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .p-lg-8xh {
        padding: var(--spacing-scale-8xh) !important;
    }

    .px-lg-8xh {
        padding-left: var(--spacing-scale-8xh) !important;
        padding-right: var(--spacing-scale-8xh) !important;
    }

    .py-lg-8xh {
        padding-bottom: var(--spacing-scale-8xh) !important;
        padding-top: var(--spacing-scale-8xh) !important;
    }

    .pt-lg-8xh {
        padding-top: var(--spacing-scale-8xh) !important;
    }

    .pt-lg-n8xh {
        padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .pr-lg-8xh {
        padding-right: var(--spacing-scale-8xh) !important;
    }

    .pr-lg-n8xh {
        padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .pb-lg-8xh {
        padding-bottom: var(--spacing-scale-8xh) !important;
    }

    .pb-lg-n8xh {
        padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .pl-lg-8xh {
        padding-left: var(--spacing-scale-8xh) !important;
    }

    .pl-lg-n8xh {
        padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .p-lg-n8xh {
        padding: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .px-lg-n8xh {
        padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .py-lg-n8xh {
        padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .p-lg-9x {
        padding: var(--spacing-scale-9x) !important;
    }

    .px-lg-9x {
        padding-left: var(--spacing-scale-9x) !important;
        padding-right: var(--spacing-scale-9x) !important;
    }

    .py-lg-9x {
        padding-bottom: var(--spacing-scale-9x) !important;
        padding-top: var(--spacing-scale-9x) !important;
    }

    .pt-lg-9x {
        padding-top: var(--spacing-scale-9x) !important;
    }

    .pt-lg-n9x {
        padding-top: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .pr-lg-9x {
        padding-right: var(--spacing-scale-9x) !important;
    }

    .pr-lg-n9x {
        padding-right: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .pb-lg-9x {
        padding-bottom: var(--spacing-scale-9x) !important;
    }

    .pb-lg-n9x {
        padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .pl-lg-9x {
        padding-left: var(--spacing-scale-9x) !important;
    }

    .pl-lg-n9x {
        padding-left: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .p-lg-n9x {
        padding: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .px-lg-n9x {
        padding-left: calc(var(--spacing-scale-9x) * -1) !important;
        padding-right: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .py-lg-n9x {
        padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
        padding-top: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .p-lg-9xh {
        padding: var(--spacing-scale-9xh) !important;
    }

    .px-lg-9xh {
        padding-left: var(--spacing-scale-9xh) !important;
        padding-right: var(--spacing-scale-9xh) !important;
    }

    .py-lg-9xh {
        padding-bottom: var(--spacing-scale-9xh) !important;
        padding-top: var(--spacing-scale-9xh) !important;
    }

    .pt-lg-9xh {
        padding-top: var(--spacing-scale-9xh) !important;
    }

    .pt-lg-n9xh {
        padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .pr-lg-9xh {
        padding-right: var(--spacing-scale-9xh) !important;
    }

    .pr-lg-n9xh {
        padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .pb-lg-9xh {
        padding-bottom: var(--spacing-scale-9xh) !important;
    }

    .pb-lg-n9xh {
        padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .pl-lg-9xh {
        padding-left: var(--spacing-scale-9xh) !important;
    }

    .pl-lg-n9xh {
        padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .p-lg-n9xh {
        padding: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .px-lg-n9xh {
        padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .py-lg-n9xh {
        padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .p-lg-10x {
        padding: var(--spacing-scale-10x) !important;
    }

    .px-lg-10x {
        padding-left: var(--spacing-scale-10x) !important;
        padding-right: var(--spacing-scale-10x) !important;
    }

    .py-lg-10x {
        padding-bottom: var(--spacing-scale-10x) !important;
        padding-top: var(--spacing-scale-10x) !important;
    }

    .pt-lg-10x {
        padding-top: var(--spacing-scale-10x) !important;
    }

    .pt-lg-n10x {
        padding-top: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .pr-lg-10x {
        padding-right: var(--spacing-scale-10x) !important;
    }

    .pr-lg-n10x {
        padding-right: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .pb-lg-10x {
        padding-bottom: var(--spacing-scale-10x) !important;
    }

    .pb-lg-n10x {
        padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .pl-lg-10x {
        padding-left: var(--spacing-scale-10x) !important;
    }

    .pl-lg-n10x {
        padding-left: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .p-lg-n10x {
        padding: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .px-lg-n10x {
        padding-left: calc(var(--spacing-scale-10x) * -1) !important;
        padding-right: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .py-lg-n10x {
        padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
        padding-top: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .p-lg-10xh {
        padding: var(--spacing-scale-10xh) !important;
    }

    .px-lg-10xh {
        padding-left: var(--spacing-scale-10xh) !important;
        padding-right: var(--spacing-scale-10xh) !important;
    }

    .py-lg-10xh {
        padding-bottom: var(--spacing-scale-10xh) !important;
        padding-top: var(--spacing-scale-10xh) !important;
    }

    .pt-lg-10xh {
        padding-top: var(--spacing-scale-10xh) !important;
    }

    .pt-lg-n10xh {
        padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .pr-lg-10xh {
        padding-right: var(--spacing-scale-10xh) !important;
    }

    .pr-lg-n10xh {
        padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .pb-lg-10xh {
        padding-bottom: var(--spacing-scale-10xh) !important;
    }

    .pb-lg-n10xh {
        padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .pl-lg-10xh {
        padding-left: var(--spacing-scale-10xh) !important;
    }

    .pl-lg-n10xh {
        padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .p-lg-n10xh {
        padding: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .px-lg-n10xh {
        padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .py-lg-n10xh {
        padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
    }
}

@media (min-width: 1600px) {
    .m-xl-0 {
        margin: var(--spacing-scale-default) !important;
    }

    .mx-xl-0 {
        margin-left: var(--spacing-scale-default) !important;
        margin-right: var(--spacing-scale-default) !important;
    }

    .my-xl-0 {
        margin-bottom: var(--spacing-scale-default) !important;
        margin-top: var(--spacing-scale-default) !important;
    }

    .mt-xl-0 {
        margin-top: var(--spacing-scale-default) !important;
    }

    .mr-xl-0 {
        margin-right: var(--spacing-scale-default) !important;
    }

    .mb-xl-0 {
        margin-bottom: var(--spacing-scale-default) !important;
    }

    .ml-xl-0 {
        margin-left: var(--spacing-scale-default) !important;
    }

    .m-xl-half {
        margin: var(--spacing-scale-half) !important;
    }

    .mx-xl-half {
        margin-left: var(--spacing-scale-half) !important;
        margin-right: var(--spacing-scale-half) !important;
    }

    .my-xl-half {
        margin-bottom: var(--spacing-scale-half) !important;
        margin-top: var(--spacing-scale-half) !important;
    }

    .mt-xl-half {
        margin-top: var(--spacing-scale-half) !important;
    }

    .mt-xl-nhalf {
        margin-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .mr-xl-half {
        margin-right: var(--spacing-scale-half) !important;
    }

    .mr-xl-nhalf {
        margin-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .mb-xl-half {
        margin-bottom: var(--spacing-scale-half) !important;
    }

    .mb-xl-nhalf {
        margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    }

    .ml-xl-half {
        margin-left: var(--spacing-scale-half) !important;
    }

    .ml-xl-nhalf {
        margin-left: calc(var(--spacing-scale-half) * -1) !important;
    }

    .m-xl-nhalf {
        margin: calc(var(--spacing-scale-half) * -1) !important;
    }

    .mx-xl-nhalf {
        margin-left: calc(var(--spacing-scale-half) * -1) !important;
        margin-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .my-xl-nhalf {
        margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
        margin-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .m-xl-base {
        margin: var(--spacing-scale-base) !important;
    }

    .mx-xl-base {
        margin-left: var(--spacing-scale-base) !important;
        margin-right: var(--spacing-scale-base) !important;
    }

    .my-xl-base {
        margin-bottom: var(--spacing-scale-base) !important;
        margin-top: var(--spacing-scale-base) !important;
    }

    .mt-xl-base {
        margin-top: var(--spacing-scale-base) !important;
    }

    .mt-xl-nbase {
        margin-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .mr-xl-base {
        margin-right: var(--spacing-scale-base) !important;
    }

    .mr-xl-nbase {
        margin-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .mb-xl-base {
        margin-bottom: var(--spacing-scale-base) !important;
    }

    .mb-xl-nbase {
        margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    }

    .ml-xl-base {
        margin-left: var(--spacing-scale-base) !important;
    }

    .ml-xl-nbase {
        margin-left: calc(var(--spacing-scale-base) * -1) !important;
    }

    .m-xl-nbase {
        margin: calc(var(--spacing-scale-base) * -1) !important;
    }

    .mx-xl-nbase {
        margin-left: calc(var(--spacing-scale-base) * -1) !important;
        margin-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .my-xl-nbase {
        margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
        margin-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .m-xl-baseh {
        margin: var(--spacing-scale-baseh) !important;
    }

    .mx-xl-baseh {
        margin-left: var(--spacing-scale-baseh) !important;
        margin-right: var(--spacing-scale-baseh) !important;
    }

    .my-xl-baseh {
        margin-bottom: var(--spacing-scale-baseh) !important;
        margin-top: var(--spacing-scale-baseh) !important;
    }

    .mt-xl-baseh {
        margin-top: var(--spacing-scale-baseh) !important;
    }

    .mt-xl-nbaseh {
        margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .mr-xl-baseh {
        margin-right: var(--spacing-scale-baseh) !important;
    }

    .mr-xl-nbaseh {
        margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .mb-xl-baseh {
        margin-bottom: var(--spacing-scale-baseh) !important;
    }

    .mb-xl-nbaseh {
        margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .ml-xl-baseh {
        margin-left: var(--spacing-scale-baseh) !important;
    }

    .ml-xl-nbaseh {
        margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .m-xl-nbaseh {
        margin: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .mx-xl-nbaseh {
        margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
        margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .my-xl-nbaseh {
        margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
        margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .m-xl-1 {
        margin: var(--spacing-scale-half) !important;
    }

    .mx-xl-1 {
        margin-left: var(--spacing-scale-half) !important;
        margin-right: var(--spacing-scale-half) !important;
    }

    .my-xl-1 {
        margin-bottom: var(--spacing-scale-half) !important;
        margin-top: var(--spacing-scale-half) !important;
    }

    .mt-xl-1 {
        margin-top: var(--spacing-scale-half) !important;
    }

    .mt-xl-n1 {
        margin-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .mr-xl-1 {
        margin-right: var(--spacing-scale-half) !important;
    }

    .mr-xl-n1 {
        margin-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .mb-xl-1 {
        margin-bottom: var(--spacing-scale-half) !important;
    }

    .mb-xl-n1 {
        margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    }

    .ml-xl-1 {
        margin-left: var(--spacing-scale-half) !important;
    }

    .ml-xl-n1 {
        margin-left: calc(var(--spacing-scale-half) * -1) !important;
    }

    .m-xl-n1 {
        margin: calc(var(--spacing-scale-half) * -1) !important;
    }

    .mx-xl-n1 {
        margin-left: calc(var(--spacing-scale-half) * -1) !important;
        margin-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .my-xl-n1 {
        margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
        margin-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .m-xl-2 {
        margin: var(--spacing-scale-base) !important;
    }

    .mx-xl-2 {
        margin-left: var(--spacing-scale-base) !important;
        margin-right: var(--spacing-scale-base) !important;
    }

    .my-xl-2 {
        margin-bottom: var(--spacing-scale-base) !important;
        margin-top: var(--spacing-scale-base) !important;
    }

    .mt-xl-2 {
        margin-top: var(--spacing-scale-base) !important;
    }

    .mt-xl-n2 {
        margin-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .mr-xl-2 {
        margin-right: var(--spacing-scale-base) !important;
    }

    .mr-xl-n2 {
        margin-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .mb-xl-2 {
        margin-bottom: var(--spacing-scale-base) !important;
    }

    .mb-xl-n2 {
        margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    }

    .ml-xl-2 {
        margin-left: var(--spacing-scale-base) !important;
    }

    .ml-xl-n2 {
        margin-left: calc(var(--spacing-scale-base) * -1) !important;
    }

    .m-xl-n2 {
        margin: calc(var(--spacing-scale-base) * -1) !important;
    }

    .mx-xl-n2 {
        margin-left: calc(var(--spacing-scale-base) * -1) !important;
        margin-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .my-xl-n2 {
        margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
        margin-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .m-xl-3 {
        margin: var(--spacing-scale-2x) !important;
    }

    .mx-xl-3 {
        margin-left: var(--spacing-scale-2x) !important;
        margin-right: var(--spacing-scale-2x) !important;
    }

    .my-xl-3 {
        margin-bottom: var(--spacing-scale-2x) !important;
        margin-top: var(--spacing-scale-2x) !important;
    }

    .mt-xl-3 {
        margin-top: var(--spacing-scale-2x) !important;
    }

    .mt-xl-n3 {
        margin-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .mr-xl-3 {
        margin-right: var(--spacing-scale-2x) !important;
    }

    .mr-xl-n3 {
        margin-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .mb-xl-3 {
        margin-bottom: var(--spacing-scale-2x) !important;
    }

    .mb-xl-n3 {
        margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .ml-xl-3 {
        margin-left: var(--spacing-scale-2x) !important;
    }

    .ml-xl-n3 {
        margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .m-xl-n3 {
        margin: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .mx-xl-n3 {
        margin-left: calc(var(--spacing-scale-2x) * -1) !important;
        margin-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .my-xl-n3 {
        margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
        margin-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .m-xl-4 {
        margin: var(--spacing-scale-3x) !important;
    }

    .mx-xl-4 {
        margin-left: var(--spacing-scale-3x) !important;
        margin-right: var(--spacing-scale-3x) !important;
    }

    .my-xl-4 {
        margin-bottom: var(--spacing-scale-3x) !important;
        margin-top: var(--spacing-scale-3x) !important;
    }

    .mt-xl-4 {
        margin-top: var(--spacing-scale-3x) !important;
    }

    .mt-xl-n4 {
        margin-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .mr-xl-4 {
        margin-right: var(--spacing-scale-3x) !important;
    }

    .mr-xl-n4 {
        margin-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .mb-xl-4 {
        margin-bottom: var(--spacing-scale-3x) !important;
    }

    .mb-xl-n4 {
        margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .ml-xl-4 {
        margin-left: var(--spacing-scale-3x) !important;
    }

    .ml-xl-n4 {
        margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .m-xl-n4 {
        margin: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .mx-xl-n4 {
        margin-left: calc(var(--spacing-scale-3x) * -1) !important;
        margin-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .my-xl-n4 {
        margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
        margin-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .m-xl-5 {
        margin: var(--spacing-scale-4x) !important;
    }

    .mx-xl-5 {
        margin-left: var(--spacing-scale-4x) !important;
        margin-right: var(--spacing-scale-4x) !important;
    }

    .my-xl-5 {
        margin-bottom: var(--spacing-scale-4x) !important;
        margin-top: var(--spacing-scale-4x) !important;
    }

    .mt-xl-5 {
        margin-top: var(--spacing-scale-4x) !important;
    }

    .mt-xl-n5 {
        margin-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .mr-xl-5 {
        margin-right: var(--spacing-scale-4x) !important;
    }

    .mr-xl-n5 {
        margin-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .mb-xl-5 {
        margin-bottom: var(--spacing-scale-4x) !important;
    }

    .mb-xl-n5 {
        margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .ml-xl-5 {
        margin-left: var(--spacing-scale-4x) !important;
    }

    .ml-xl-n5 {
        margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .m-xl-n5 {
        margin: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .mx-xl-n5 {
        margin-left: calc(var(--spacing-scale-4x) * -1) !important;
        margin-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .my-xl-n5 {
        margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
        margin-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .m-xl-6 {
        margin: var(--spacing-scale-5x) !important;
    }

    .mx-xl-6 {
        margin-left: var(--spacing-scale-5x) !important;
        margin-right: var(--spacing-scale-5x) !important;
    }

    .my-xl-6 {
        margin-bottom: var(--spacing-scale-5x) !important;
        margin-top: var(--spacing-scale-5x) !important;
    }

    .mt-xl-6 {
        margin-top: var(--spacing-scale-5x) !important;
    }

    .mt-xl-n6 {
        margin-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .mr-xl-6 {
        margin-right: var(--spacing-scale-5x) !important;
    }

    .mr-xl-n6 {
        margin-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .mb-xl-6 {
        margin-bottom: var(--spacing-scale-5x) !important;
    }

    .mb-xl-n6 {
        margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .ml-xl-6 {
        margin-left: var(--spacing-scale-5x) !important;
    }

    .ml-xl-n6 {
        margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .m-xl-n6 {
        margin: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .mx-xl-n6 {
        margin-left: calc(var(--spacing-scale-5x) * -1) !important;
        margin-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .my-xl-n6 {
        margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
        margin-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .m-xl-2x {
        margin: var(--spacing-scale-2x) !important;
    }

    .mx-xl-2x {
        margin-left: var(--spacing-scale-2x) !important;
        margin-right: var(--spacing-scale-2x) !important;
    }

    .my-xl-2x {
        margin-bottom: var(--spacing-scale-2x) !important;
        margin-top: var(--spacing-scale-2x) !important;
    }

    .mt-xl-2x {
        margin-top: var(--spacing-scale-2x) !important;
    }

    .mt-xl-n2x {
        margin-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .mr-xl-2x {
        margin-right: var(--spacing-scale-2x) !important;
    }

    .mr-xl-n2x {
        margin-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .mb-xl-2x {
        margin-bottom: var(--spacing-scale-2x) !important;
    }

    .mb-xl-n2x {
        margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .ml-xl-2x {
        margin-left: var(--spacing-scale-2x) !important;
    }

    .ml-xl-n2x {
        margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .m-xl-n2x {
        margin: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .mx-xl-n2x {
        margin-left: calc(var(--spacing-scale-2x) * -1) !important;
        margin-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .my-xl-n2x {
        margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
        margin-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .m-xl-2xh {
        margin: var(--spacing-scale-2xh) !important;
    }

    .mx-xl-2xh {
        margin-left: var(--spacing-scale-2xh) !important;
        margin-right: var(--spacing-scale-2xh) !important;
    }

    .my-xl-2xh {
        margin-bottom: var(--spacing-scale-2xh) !important;
        margin-top: var(--spacing-scale-2xh) !important;
    }

    .mt-xl-2xh {
        margin-top: var(--spacing-scale-2xh) !important;
    }

    .mt-xl-n2xh {
        margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .mr-xl-2xh {
        margin-right: var(--spacing-scale-2xh) !important;
    }

    .mr-xl-n2xh {
        margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .mb-xl-2xh {
        margin-bottom: var(--spacing-scale-2xh) !important;
    }

    .mb-xl-n2xh {
        margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .ml-xl-2xh {
        margin-left: var(--spacing-scale-2xh) !important;
    }

    .ml-xl-n2xh {
        margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .m-xl-n2xh {
        margin: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .mx-xl-n2xh {
        margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .my-xl-n2xh {
        margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .m-xl-3x {
        margin: var(--spacing-scale-3x) !important;
    }

    .mx-xl-3x {
        margin-left: var(--spacing-scale-3x) !important;
        margin-right: var(--spacing-scale-3x) !important;
    }

    .my-xl-3x {
        margin-bottom: var(--spacing-scale-3x) !important;
        margin-top: var(--spacing-scale-3x) !important;
    }

    .mt-xl-3x {
        margin-top: var(--spacing-scale-3x) !important;
    }

    .mt-xl-n3x {
        margin-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .mr-xl-3x {
        margin-right: var(--spacing-scale-3x) !important;
    }

    .mr-xl-n3x {
        margin-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .mb-xl-3x {
        margin-bottom: var(--spacing-scale-3x) !important;
    }

    .mb-xl-n3x {
        margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .ml-xl-3x {
        margin-left: var(--spacing-scale-3x) !important;
    }

    .ml-xl-n3x {
        margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .m-xl-n3x {
        margin: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .mx-xl-n3x {
        margin-left: calc(var(--spacing-scale-3x) * -1) !important;
        margin-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .my-xl-n3x {
        margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
        margin-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .m-xl-3xh {
        margin: var(--spacing-scale-3xh) !important;
    }

    .mx-xl-3xh {
        margin-left: var(--spacing-scale-3xh) !important;
        margin-right: var(--spacing-scale-3xh) !important;
    }

    .my-xl-3xh {
        margin-bottom: var(--spacing-scale-3xh) !important;
        margin-top: var(--spacing-scale-3xh) !important;
    }

    .mt-xl-3xh {
        margin-top: var(--spacing-scale-3xh) !important;
    }

    .mt-xl-n3xh {
        margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .mr-xl-3xh {
        margin-right: var(--spacing-scale-3xh) !important;
    }

    .mr-xl-n3xh {
        margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .mb-xl-3xh {
        margin-bottom: var(--spacing-scale-3xh) !important;
    }

    .mb-xl-n3xh {
        margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .ml-xl-3xh {
        margin-left: var(--spacing-scale-3xh) !important;
    }

    .ml-xl-n3xh {
        margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .m-xl-n3xh {
        margin: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .mx-xl-n3xh {
        margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .my-xl-n3xh {
        margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .m-xl-4x {
        margin: var(--spacing-scale-4x) !important;
    }

    .mx-xl-4x {
        margin-left: var(--spacing-scale-4x) !important;
        margin-right: var(--spacing-scale-4x) !important;
    }

    .my-xl-4x {
        margin-bottom: var(--spacing-scale-4x) !important;
        margin-top: var(--spacing-scale-4x) !important;
    }

    .mt-xl-4x {
        margin-top: var(--spacing-scale-4x) !important;
    }

    .mt-xl-n4x {
        margin-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .mr-xl-4x {
        margin-right: var(--spacing-scale-4x) !important;
    }

    .mr-xl-n4x {
        margin-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .mb-xl-4x {
        margin-bottom: var(--spacing-scale-4x) !important;
    }

    .mb-xl-n4x {
        margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .ml-xl-4x {
        margin-left: var(--spacing-scale-4x) !important;
    }

    .ml-xl-n4x {
        margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .m-xl-n4x {
        margin: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .mx-xl-n4x {
        margin-left: calc(var(--spacing-scale-4x) * -1) !important;
        margin-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .my-xl-n4x {
        margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
        margin-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .m-xl-4xh {
        margin: var(--spacing-scale-4xh) !important;
    }

    .mx-xl-4xh {
        margin-left: var(--spacing-scale-4xh) !important;
        margin-right: var(--spacing-scale-4xh) !important;
    }

    .my-xl-4xh {
        margin-bottom: var(--spacing-scale-4xh) !important;
        margin-top: var(--spacing-scale-4xh) !important;
    }

    .mt-xl-4xh {
        margin-top: var(--spacing-scale-4xh) !important;
    }

    .mt-xl-n4xh {
        margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .mr-xl-4xh {
        margin-right: var(--spacing-scale-4xh) !important;
    }

    .mr-xl-n4xh {
        margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .mb-xl-4xh {
        margin-bottom: var(--spacing-scale-4xh) !important;
    }

    .mb-xl-n4xh {
        margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .ml-xl-4xh {
        margin-left: var(--spacing-scale-4xh) !important;
    }

    .ml-xl-n4xh {
        margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .m-xl-n4xh {
        margin: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .mx-xl-n4xh {
        margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .my-xl-n4xh {
        margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .m-xl-5x {
        margin: var(--spacing-scale-5x) !important;
    }

    .mx-xl-5x {
        margin-left: var(--spacing-scale-5x) !important;
        margin-right: var(--spacing-scale-5x) !important;
    }

    .my-xl-5x {
        margin-bottom: var(--spacing-scale-5x) !important;
        margin-top: var(--spacing-scale-5x) !important;
    }

    .mt-xl-5x {
        margin-top: var(--spacing-scale-5x) !important;
    }

    .mt-xl-n5x {
        margin-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .mr-xl-5x {
        margin-right: var(--spacing-scale-5x) !important;
    }

    .mr-xl-n5x {
        margin-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .mb-xl-5x {
        margin-bottom: var(--spacing-scale-5x) !important;
    }

    .mb-xl-n5x {
        margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .ml-xl-5x {
        margin-left: var(--spacing-scale-5x) !important;
    }

    .ml-xl-n5x {
        margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .m-xl-n5x {
        margin: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .mx-xl-n5x {
        margin-left: calc(var(--spacing-scale-5x) * -1) !important;
        margin-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .my-xl-n5x {
        margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
        margin-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .m-xl-5xh {
        margin: var(--spacing-scale-5xh) !important;
    }

    .mx-xl-5xh {
        margin-left: var(--spacing-scale-5xh) !important;
        margin-right: var(--spacing-scale-5xh) !important;
    }

    .my-xl-5xh {
        margin-bottom: var(--spacing-scale-5xh) !important;
        margin-top: var(--spacing-scale-5xh) !important;
    }

    .mt-xl-5xh {
        margin-top: var(--spacing-scale-5xh) !important;
    }

    .mt-xl-n5xh {
        margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .mr-xl-5xh {
        margin-right: var(--spacing-scale-5xh) !important;
    }

    .mr-xl-n5xh {
        margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .mb-xl-5xh {
        margin-bottom: var(--spacing-scale-5xh) !important;
    }

    .mb-xl-n5xh {
        margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .ml-xl-5xh {
        margin-left: var(--spacing-scale-5xh) !important;
    }

    .ml-xl-n5xh {
        margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .m-xl-n5xh {
        margin: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .mx-xl-n5xh {
        margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .my-xl-n5xh {
        margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .m-xl-6x {
        margin: var(--spacing-scale-6x) !important;
    }

    .mx-xl-6x {
        margin-left: var(--spacing-scale-6x) !important;
        margin-right: var(--spacing-scale-6x) !important;
    }

    .my-xl-6x {
        margin-bottom: var(--spacing-scale-6x) !important;
        margin-top: var(--spacing-scale-6x) !important;
    }

    .mt-xl-6x {
        margin-top: var(--spacing-scale-6x) !important;
    }

    .mt-xl-n6x {
        margin-top: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .mr-xl-6x {
        margin-right: var(--spacing-scale-6x) !important;
    }

    .mr-xl-n6x {
        margin-right: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .mb-xl-6x {
        margin-bottom: var(--spacing-scale-6x) !important;
    }

    .mb-xl-n6x {
        margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .ml-xl-6x {
        margin-left: var(--spacing-scale-6x) !important;
    }

    .ml-xl-n6x {
        margin-left: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .m-xl-n6x {
        margin: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .mx-xl-n6x {
        margin-left: calc(var(--spacing-scale-6x) * -1) !important;
        margin-right: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .my-xl-n6x {
        margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
        margin-top: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .m-xl-6xh {
        margin: var(--spacing-scale-6xh) !important;
    }

    .mx-xl-6xh {
        margin-left: var(--spacing-scale-6xh) !important;
        margin-right: var(--spacing-scale-6xh) !important;
    }

    .my-xl-6xh {
        margin-bottom: var(--spacing-scale-6xh) !important;
        margin-top: var(--spacing-scale-6xh) !important;
    }

    .mt-xl-6xh {
        margin-top: var(--spacing-scale-6xh) !important;
    }

    .mt-xl-n6xh {
        margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .mr-xl-6xh {
        margin-right: var(--spacing-scale-6xh) !important;
    }

    .mr-xl-n6xh {
        margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .mb-xl-6xh {
        margin-bottom: var(--spacing-scale-6xh) !important;
    }

    .mb-xl-n6xh {
        margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .ml-xl-6xh {
        margin-left: var(--spacing-scale-6xh) !important;
    }

    .ml-xl-n6xh {
        margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .m-xl-n6xh {
        margin: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .mx-xl-n6xh {
        margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .my-xl-n6xh {
        margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .m-xl-7x {
        margin: var(--spacing-scale-7x) !important;
    }

    .mx-xl-7x {
        margin-left: var(--spacing-scale-7x) !important;
        margin-right: var(--spacing-scale-7x) !important;
    }

    .my-xl-7x {
        margin-bottom: var(--spacing-scale-7x) !important;
        margin-top: var(--spacing-scale-7x) !important;
    }

    .mt-xl-7x {
        margin-top: var(--spacing-scale-7x) !important;
    }

    .mt-xl-n7x {
        margin-top: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .mr-xl-7x {
        margin-right: var(--spacing-scale-7x) !important;
    }

    .mr-xl-n7x {
        margin-right: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .mb-xl-7x {
        margin-bottom: var(--spacing-scale-7x) !important;
    }

    .mb-xl-n7x {
        margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .ml-xl-7x {
        margin-left: var(--spacing-scale-7x) !important;
    }

    .ml-xl-n7x {
        margin-left: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .m-xl-n7x {
        margin: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .mx-xl-n7x {
        margin-left: calc(var(--spacing-scale-7x) * -1) !important;
        margin-right: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .my-xl-n7x {
        margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
        margin-top: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .m-xl-7xh {
        margin: var(--spacing-scale-7xh) !important;
    }

    .mx-xl-7xh {
        margin-left: var(--spacing-scale-7xh) !important;
        margin-right: var(--spacing-scale-7xh) !important;
    }

    .my-xl-7xh {
        margin-bottom: var(--spacing-scale-7xh) !important;
        margin-top: var(--spacing-scale-7xh) !important;
    }

    .mt-xl-7xh {
        margin-top: var(--spacing-scale-7xh) !important;
    }

    .mt-xl-n7xh {
        margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .mr-xl-7xh {
        margin-right: var(--spacing-scale-7xh) !important;
    }

    .mr-xl-n7xh {
        margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .mb-xl-7xh {
        margin-bottom: var(--spacing-scale-7xh) !important;
    }

    .mb-xl-n7xh {
        margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .ml-xl-7xh {
        margin-left: var(--spacing-scale-7xh) !important;
    }

    .ml-xl-n7xh {
        margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .m-xl-n7xh {
        margin: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .mx-xl-n7xh {
        margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .my-xl-n7xh {
        margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .m-xl-8x {
        margin: var(--spacing-scale-8x) !important;
    }

    .mx-xl-8x {
        margin-left: var(--spacing-scale-8x) !important;
        margin-right: var(--spacing-scale-8x) !important;
    }

    .my-xl-8x {
        margin-bottom: var(--spacing-scale-8x) !important;
        margin-top: var(--spacing-scale-8x) !important;
    }

    .mt-xl-8x {
        margin-top: var(--spacing-scale-8x) !important;
    }

    .mt-xl-n8x {
        margin-top: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .mr-xl-8x {
        margin-right: var(--spacing-scale-8x) !important;
    }

    .mr-xl-n8x {
        margin-right: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .mb-xl-8x {
        margin-bottom: var(--spacing-scale-8x) !important;
    }

    .mb-xl-n8x {
        margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .ml-xl-8x {
        margin-left: var(--spacing-scale-8x) !important;
    }

    .ml-xl-n8x {
        margin-left: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .m-xl-n8x {
        margin: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .mx-xl-n8x {
        margin-left: calc(var(--spacing-scale-8x) * -1) !important;
        margin-right: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .my-xl-n8x {
        margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
        margin-top: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .m-xl-8xh {
        margin: var(--spacing-scale-8xh) !important;
    }

    .mx-xl-8xh {
        margin-left: var(--spacing-scale-8xh) !important;
        margin-right: var(--spacing-scale-8xh) !important;
    }

    .my-xl-8xh {
        margin-bottom: var(--spacing-scale-8xh) !important;
        margin-top: var(--spacing-scale-8xh) !important;
    }

    .mt-xl-8xh {
        margin-top: var(--spacing-scale-8xh) !important;
    }

    .mt-xl-n8xh {
        margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .mr-xl-8xh {
        margin-right: var(--spacing-scale-8xh) !important;
    }

    .mr-xl-n8xh {
        margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .mb-xl-8xh {
        margin-bottom: var(--spacing-scale-8xh) !important;
    }

    .mb-xl-n8xh {
        margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .ml-xl-8xh {
        margin-left: var(--spacing-scale-8xh) !important;
    }

    .ml-xl-n8xh {
        margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .m-xl-n8xh {
        margin: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .mx-xl-n8xh {
        margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .my-xl-n8xh {
        margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .m-xl-9x {
        margin: var(--spacing-scale-9x) !important;
    }

    .mx-xl-9x {
        margin-left: var(--spacing-scale-9x) !important;
        margin-right: var(--spacing-scale-9x) !important;
    }

    .my-xl-9x {
        margin-bottom: var(--spacing-scale-9x) !important;
        margin-top: var(--spacing-scale-9x) !important;
    }

    .mt-xl-9x {
        margin-top: var(--spacing-scale-9x) !important;
    }

    .mt-xl-n9x {
        margin-top: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .mr-xl-9x {
        margin-right: var(--spacing-scale-9x) !important;
    }

    .mr-xl-n9x {
        margin-right: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .mb-xl-9x {
        margin-bottom: var(--spacing-scale-9x) !important;
    }

    .mb-xl-n9x {
        margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .ml-xl-9x {
        margin-left: var(--spacing-scale-9x) !important;
    }

    .ml-xl-n9x {
        margin-left: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .m-xl-n9x {
        margin: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .mx-xl-n9x {
        margin-left: calc(var(--spacing-scale-9x) * -1) !important;
        margin-right: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .my-xl-n9x {
        margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
        margin-top: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .m-xl-9xh {
        margin: var(--spacing-scale-9xh) !important;
    }

    .mx-xl-9xh {
        margin-left: var(--spacing-scale-9xh) !important;
        margin-right: var(--spacing-scale-9xh) !important;
    }

    .my-xl-9xh {
        margin-bottom: var(--spacing-scale-9xh) !important;
        margin-top: var(--spacing-scale-9xh) !important;
    }

    .mt-xl-9xh {
        margin-top: var(--spacing-scale-9xh) !important;
    }

    .mt-xl-n9xh {
        margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .mr-xl-9xh {
        margin-right: var(--spacing-scale-9xh) !important;
    }

    .mr-xl-n9xh {
        margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .mb-xl-9xh {
        margin-bottom: var(--spacing-scale-9xh) !important;
    }

    .mb-xl-n9xh {
        margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .ml-xl-9xh {
        margin-left: var(--spacing-scale-9xh) !important;
    }

    .ml-xl-n9xh {
        margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .m-xl-n9xh {
        margin: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .mx-xl-n9xh {
        margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .my-xl-n9xh {
        margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .m-xl-10x {
        margin: var(--spacing-scale-10x) !important;
    }

    .mx-xl-10x {
        margin-left: var(--spacing-scale-10x) !important;
        margin-right: var(--spacing-scale-10x) !important;
    }

    .my-xl-10x {
        margin-bottom: var(--spacing-scale-10x) !important;
        margin-top: var(--spacing-scale-10x) !important;
    }

    .mt-xl-10x {
        margin-top: var(--spacing-scale-10x) !important;
    }

    .mt-xl-n10x {
        margin-top: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .mr-xl-10x {
        margin-right: var(--spacing-scale-10x) !important;
    }

    .mr-xl-n10x {
        margin-right: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .mb-xl-10x {
        margin-bottom: var(--spacing-scale-10x) !important;
    }

    .mb-xl-n10x {
        margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .ml-xl-10x {
        margin-left: var(--spacing-scale-10x) !important;
    }

    .ml-xl-n10x {
        margin-left: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .m-xl-n10x {
        margin: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .mx-xl-n10x {
        margin-left: calc(var(--spacing-scale-10x) * -1) !important;
        margin-right: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .my-xl-n10x {
        margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
        margin-top: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .m-xl-10xh {
        margin: var(--spacing-scale-10xh) !important;
    }

    .mx-xl-10xh {
        margin-left: var(--spacing-scale-10xh) !important;
        margin-right: var(--spacing-scale-10xh) !important;
    }

    .my-xl-10xh {
        margin-bottom: var(--spacing-scale-10xh) !important;
        margin-top: var(--spacing-scale-10xh) !important;
    }

    .mt-xl-10xh {
        margin-top: var(--spacing-scale-10xh) !important;
    }

    .mt-xl-n10xh {
        margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .mr-xl-10xh {
        margin-right: var(--spacing-scale-10xh) !important;
    }

    .mr-xl-n10xh {
        margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .mb-xl-10xh {
        margin-bottom: var(--spacing-scale-10xh) !important;
    }

    .mb-xl-n10xh {
        margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .ml-xl-10xh {
        margin-left: var(--spacing-scale-10xh) !important;
    }

    .ml-xl-n10xh {
        margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .m-xl-n10xh {
        margin: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .mx-xl-n10xh {
        margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
        margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .my-xl-n10xh {
        margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
        margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mx-xl-auto {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .my-xl-auto {
        margin-bottom: auto !important;
        margin-top: auto !important;
    }

    .mt-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-auto {
        margin-bottom: auto !important;
    }

    .ml-xl-auto {
        margin-left: auto !important;
    }

    .p-xl-0 {
        padding: var(--spacing-scale-default) !important;
    }

    .px-xl-0 {
        padding-left: var(--spacing-scale-default) !important;
        padding-right: var(--spacing-scale-default) !important;
    }

    .py-xl-0 {
        padding-bottom: var(--spacing-scale-default) !important;
        padding-top: var(--spacing-scale-default) !important;
    }

    .pt-xl-0 {
        padding-top: var(--spacing-scale-default) !important;
    }

    .pr-xl-0 {
        padding-right: var(--spacing-scale-default) !important;
    }

    .pb-xl-0 {
        padding-bottom: var(--spacing-scale-default) !important;
    }

    .pl-xl-0 {
        padding-left: var(--spacing-scale-default) !important;
    }

    .p-xl-half {
        padding: var(--spacing-scale-half) !important;
    }

    .px-xl-half {
        padding-left: var(--spacing-scale-half) !important;
        padding-right: var(--spacing-scale-half) !important;
    }

    .py-xl-half {
        padding-bottom: var(--spacing-scale-half) !important;
        padding-top: var(--spacing-scale-half) !important;
    }

    .pt-xl-half {
        padding-top: var(--spacing-scale-half) !important;
    }

    .pt-xl-nhalf {
        padding-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .pr-xl-half {
        padding-right: var(--spacing-scale-half) !important;
    }

    .pr-xl-nhalf {
        padding-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .pb-xl-half {
        padding-bottom: var(--spacing-scale-half) !important;
    }

    .pb-xl-nhalf {
        padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    }

    .pl-xl-half {
        padding-left: var(--spacing-scale-half) !important;
    }

    .pl-xl-nhalf {
        padding-left: calc(var(--spacing-scale-half) * -1) !important;
    }

    .p-xl-nhalf {
        padding: calc(var(--spacing-scale-half) * -1) !important;
    }

    .px-xl-nhalf {
        padding-left: calc(var(--spacing-scale-half) * -1) !important;
        padding-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .py-xl-nhalf {
        padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
        padding-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .p-xl-base {
        padding: var(--spacing-scale-base) !important;
    }

    .px-xl-base {
        padding-left: var(--spacing-scale-base) !important;
        padding-right: var(--spacing-scale-base) !important;
    }

    .py-xl-base {
        padding-bottom: var(--spacing-scale-base) !important;
        padding-top: var(--spacing-scale-base) !important;
    }

    .pt-xl-base {
        padding-top: var(--spacing-scale-base) !important;
    }

    .pt-xl-nbase {
        padding-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .pr-xl-base {
        padding-right: var(--spacing-scale-base) !important;
    }

    .pr-xl-nbase {
        padding-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .pb-xl-base {
        padding-bottom: var(--spacing-scale-base) !important;
    }

    .pb-xl-nbase {
        padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    }

    .pl-xl-base {
        padding-left: var(--spacing-scale-base) !important;
    }

    .pl-xl-nbase {
        padding-left: calc(var(--spacing-scale-base) * -1) !important;
    }

    .p-xl-nbase {
        padding: calc(var(--spacing-scale-base) * -1) !important;
    }

    .px-xl-nbase {
        padding-left: calc(var(--spacing-scale-base) * -1) !important;
        padding-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .py-xl-nbase {
        padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
        padding-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .p-xl-baseh {
        padding: var(--spacing-scale-baseh) !important;
    }

    .px-xl-baseh {
        padding-left: var(--spacing-scale-baseh) !important;
        padding-right: var(--spacing-scale-baseh) !important;
    }

    .py-xl-baseh {
        padding-bottom: var(--spacing-scale-baseh) !important;
        padding-top: var(--spacing-scale-baseh) !important;
    }

    .pt-xl-baseh {
        padding-top: var(--spacing-scale-baseh) !important;
    }

    .pt-xl-nbaseh {
        padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .pr-xl-baseh {
        padding-right: var(--spacing-scale-baseh) !important;
    }

    .pr-xl-nbaseh {
        padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .pb-xl-baseh {
        padding-bottom: var(--spacing-scale-baseh) !important;
    }

    .pb-xl-nbaseh {
        padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .pl-xl-baseh {
        padding-left: var(--spacing-scale-baseh) !important;
    }

    .pl-xl-nbaseh {
        padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .p-xl-nbaseh {
        padding: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .px-xl-nbaseh {
        padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
        padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .py-xl-nbaseh {
        padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
        padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
    }

    .p-xl-1 {
        padding: var(--spacing-scale-half) !important;
    }

    .px-xl-1 {
        padding-left: var(--spacing-scale-half) !important;
        padding-right: var(--spacing-scale-half) !important;
    }

    .py-xl-1 {
        padding-bottom: var(--spacing-scale-half) !important;
        padding-top: var(--spacing-scale-half) !important;
    }

    .pt-xl-1 {
        padding-top: var(--spacing-scale-half) !important;
    }

    .pt-xl-n1 {
        padding-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .pr-xl-1 {
        padding-right: var(--spacing-scale-half) !important;
    }

    .pr-xl-n1 {
        padding-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .pb-xl-1 {
        padding-bottom: var(--spacing-scale-half) !important;
    }

    .pb-xl-n1 {
        padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    }

    .pl-xl-1 {
        padding-left: var(--spacing-scale-half) !important;
    }

    .pl-xl-n1 {
        padding-left: calc(var(--spacing-scale-half) * -1) !important;
    }

    .p-xl-n1 {
        padding: calc(var(--spacing-scale-half) * -1) !important;
    }

    .px-xl-n1 {
        padding-left: calc(var(--spacing-scale-half) * -1) !important;
        padding-right: calc(var(--spacing-scale-half) * -1) !important;
    }

    .py-xl-n1 {
        padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
        padding-top: calc(var(--spacing-scale-half) * -1) !important;
    }

    .p-xl-2 {
        padding: var(--spacing-scale-base) !important;
    }

    .px-xl-2 {
        padding-left: var(--spacing-scale-base) !important;
        padding-right: var(--spacing-scale-base) !important;
    }

    .py-xl-2 {
        padding-bottom: var(--spacing-scale-base) !important;
        padding-top: var(--spacing-scale-base) !important;
    }

    .pt-xl-2 {
        padding-top: var(--spacing-scale-base) !important;
    }

    .pt-xl-n2 {
        padding-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .pr-xl-2 {
        padding-right: var(--spacing-scale-base) !important;
    }

    .pr-xl-n2 {
        padding-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .pb-xl-2 {
        padding-bottom: var(--spacing-scale-base) !important;
    }

    .pb-xl-n2 {
        padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    }

    .pl-xl-2 {
        padding-left: var(--spacing-scale-base) !important;
    }

    .pl-xl-n2 {
        padding-left: calc(var(--spacing-scale-base) * -1) !important;
    }

    .p-xl-n2 {
        padding: calc(var(--spacing-scale-base) * -1) !important;
    }

    .px-xl-n2 {
        padding-left: calc(var(--spacing-scale-base) * -1) !important;
        padding-right: calc(var(--spacing-scale-base) * -1) !important;
    }

    .py-xl-n2 {
        padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
        padding-top: calc(var(--spacing-scale-base) * -1) !important;
    }

    .p-xl-3 {
        padding: var(--spacing-scale-2x) !important;
    }

    .px-xl-3 {
        padding-left: var(--spacing-scale-2x) !important;
        padding-right: var(--spacing-scale-2x) !important;
    }

    .py-xl-3 {
        padding-bottom: var(--spacing-scale-2x) !important;
        padding-top: var(--spacing-scale-2x) !important;
    }

    .pt-xl-3 {
        padding-top: var(--spacing-scale-2x) !important;
    }

    .pt-xl-n3 {
        padding-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .pr-xl-3 {
        padding-right: var(--spacing-scale-2x) !important;
    }

    .pr-xl-n3 {
        padding-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .pb-xl-3 {
        padding-bottom: var(--spacing-scale-2x) !important;
    }

    .pb-xl-n3 {
        padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .pl-xl-3 {
        padding-left: var(--spacing-scale-2x) !important;
    }

    .pl-xl-n3 {
        padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .p-xl-n3 {
        padding: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .px-xl-n3 {
        padding-left: calc(var(--spacing-scale-2x) * -1) !important;
        padding-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .py-xl-n3 {
        padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
        padding-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .p-xl-4 {
        padding: var(--spacing-scale-3x) !important;
    }

    .px-xl-4 {
        padding-left: var(--spacing-scale-3x) !important;
        padding-right: var(--spacing-scale-3x) !important;
    }

    .py-xl-4 {
        padding-bottom: var(--spacing-scale-3x) !important;
        padding-top: var(--spacing-scale-3x) !important;
    }

    .pt-xl-4 {
        padding-top: var(--spacing-scale-3x) !important;
    }

    .pt-xl-n4 {
        padding-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .pr-xl-4 {
        padding-right: var(--spacing-scale-3x) !important;
    }

    .pr-xl-n4 {
        padding-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .pb-xl-4 {
        padding-bottom: var(--spacing-scale-3x) !important;
    }

    .pb-xl-n4 {
        padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .pl-xl-4 {
        padding-left: var(--spacing-scale-3x) !important;
    }

    .pl-xl-n4 {
        padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .p-xl-n4 {
        padding: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .px-xl-n4 {
        padding-left: calc(var(--spacing-scale-3x) * -1) !important;
        padding-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .py-xl-n4 {
        padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
        padding-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .p-xl-5 {
        padding: var(--spacing-scale-4x) !important;
    }

    .px-xl-5 {
        padding-left: var(--spacing-scale-4x) !important;
        padding-right: var(--spacing-scale-4x) !important;
    }

    .py-xl-5 {
        padding-bottom: var(--spacing-scale-4x) !important;
        padding-top: var(--spacing-scale-4x) !important;
    }

    .pt-xl-5 {
        padding-top: var(--spacing-scale-4x) !important;
    }

    .pt-xl-n5 {
        padding-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .pr-xl-5 {
        padding-right: var(--spacing-scale-4x) !important;
    }

    .pr-xl-n5 {
        padding-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .pb-xl-5 {
        padding-bottom: var(--spacing-scale-4x) !important;
    }

    .pb-xl-n5 {
        padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .pl-xl-5 {
        padding-left: var(--spacing-scale-4x) !important;
    }

    .pl-xl-n5 {
        padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .p-xl-n5 {
        padding: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .px-xl-n5 {
        padding-left: calc(var(--spacing-scale-4x) * -1) !important;
        padding-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .py-xl-n5 {
        padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
        padding-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .p-xl-6 {
        padding: var(--spacing-scale-5x) !important;
    }

    .px-xl-6 {
        padding-left: var(--spacing-scale-5x) !important;
        padding-right: var(--spacing-scale-5x) !important;
    }

    .py-xl-6 {
        padding-bottom: var(--spacing-scale-5x) !important;
        padding-top: var(--spacing-scale-5x) !important;
    }

    .pt-xl-6 {
        padding-top: var(--spacing-scale-5x) !important;
    }

    .pt-xl-n6 {
        padding-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .pr-xl-6 {
        padding-right: var(--spacing-scale-5x) !important;
    }

    .pr-xl-n6 {
        padding-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .pb-xl-6 {
        padding-bottom: var(--spacing-scale-5x) !important;
    }

    .pb-xl-n6 {
        padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .pl-xl-6 {
        padding-left: var(--spacing-scale-5x) !important;
    }

    .pl-xl-n6 {
        padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .p-xl-n6 {
        padding: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .px-xl-n6 {
        padding-left: calc(var(--spacing-scale-5x) * -1) !important;
        padding-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .py-xl-n6 {
        padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
        padding-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .p-xl-2x {
        padding: var(--spacing-scale-2x) !important;
    }

    .px-xl-2x {
        padding-left: var(--spacing-scale-2x) !important;
        padding-right: var(--spacing-scale-2x) !important;
    }

    .py-xl-2x {
        padding-bottom: var(--spacing-scale-2x) !important;
        padding-top: var(--spacing-scale-2x) !important;
    }

    .pt-xl-2x {
        padding-top: var(--spacing-scale-2x) !important;
    }

    .pt-xl-n2x {
        padding-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .pr-xl-2x {
        padding-right: var(--spacing-scale-2x) !important;
    }

    .pr-xl-n2x {
        padding-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .pb-xl-2x {
        padding-bottom: var(--spacing-scale-2x) !important;
    }

    .pb-xl-n2x {
        padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .pl-xl-2x {
        padding-left: var(--spacing-scale-2x) !important;
    }

    .pl-xl-n2x {
        padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .p-xl-n2x {
        padding: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .px-xl-n2x {
        padding-left: calc(var(--spacing-scale-2x) * -1) !important;
        padding-right: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .py-xl-n2x {
        padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
        padding-top: calc(var(--spacing-scale-2x) * -1) !important;
    }

    .p-xl-2xh {
        padding: var(--spacing-scale-2xh) !important;
    }

    .px-xl-2xh {
        padding-left: var(--spacing-scale-2xh) !important;
        padding-right: var(--spacing-scale-2xh) !important;
    }

    .py-xl-2xh {
        padding-bottom: var(--spacing-scale-2xh) !important;
        padding-top: var(--spacing-scale-2xh) !important;
    }

    .pt-xl-2xh {
        padding-top: var(--spacing-scale-2xh) !important;
    }

    .pt-xl-n2xh {
        padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .pr-xl-2xh {
        padding-right: var(--spacing-scale-2xh) !important;
    }

    .pr-xl-n2xh {
        padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .pb-xl-2xh {
        padding-bottom: var(--spacing-scale-2xh) !important;
    }

    .pb-xl-n2xh {
        padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .pl-xl-2xh {
        padding-left: var(--spacing-scale-2xh) !important;
    }

    .pl-xl-n2xh {
        padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .p-xl-n2xh {
        padding: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .px-xl-n2xh {
        padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .py-xl-n2xh {
        padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
    }

    .p-xl-3x {
        padding: var(--spacing-scale-3x) !important;
    }

    .px-xl-3x {
        padding-left: var(--spacing-scale-3x) !important;
        padding-right: var(--spacing-scale-3x) !important;
    }

    .py-xl-3x {
        padding-bottom: var(--spacing-scale-3x) !important;
        padding-top: var(--spacing-scale-3x) !important;
    }

    .pt-xl-3x {
        padding-top: var(--spacing-scale-3x) !important;
    }

    .pt-xl-n3x {
        padding-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .pr-xl-3x {
        padding-right: var(--spacing-scale-3x) !important;
    }

    .pr-xl-n3x {
        padding-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .pb-xl-3x {
        padding-bottom: var(--spacing-scale-3x) !important;
    }

    .pb-xl-n3x {
        padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .pl-xl-3x {
        padding-left: var(--spacing-scale-3x) !important;
    }

    .pl-xl-n3x {
        padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .p-xl-n3x {
        padding: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .px-xl-n3x {
        padding-left: calc(var(--spacing-scale-3x) * -1) !important;
        padding-right: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .py-xl-n3x {
        padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
        padding-top: calc(var(--spacing-scale-3x) * -1) !important;
    }

    .p-xl-3xh {
        padding: var(--spacing-scale-3xh) !important;
    }

    .px-xl-3xh {
        padding-left: var(--spacing-scale-3xh) !important;
        padding-right: var(--spacing-scale-3xh) !important;
    }

    .py-xl-3xh {
        padding-bottom: var(--spacing-scale-3xh) !important;
        padding-top: var(--spacing-scale-3xh) !important;
    }

    .pt-xl-3xh {
        padding-top: var(--spacing-scale-3xh) !important;
    }

    .pt-xl-n3xh {
        padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .pr-xl-3xh {
        padding-right: var(--spacing-scale-3xh) !important;
    }

    .pr-xl-n3xh {
        padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .pb-xl-3xh {
        padding-bottom: var(--spacing-scale-3xh) !important;
    }

    .pb-xl-n3xh {
        padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .pl-xl-3xh {
        padding-left: var(--spacing-scale-3xh) !important;
    }

    .pl-xl-n3xh {
        padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .p-xl-n3xh {
        padding: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .px-xl-n3xh {
        padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .py-xl-n3xh {
        padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
    }

    .p-xl-4x {
        padding: var(--spacing-scale-4x) !important;
    }

    .px-xl-4x {
        padding-left: var(--spacing-scale-4x) !important;
        padding-right: var(--spacing-scale-4x) !important;
    }

    .py-xl-4x {
        padding-bottom: var(--spacing-scale-4x) !important;
        padding-top: var(--spacing-scale-4x) !important;
    }

    .pt-xl-4x {
        padding-top: var(--spacing-scale-4x) !important;
    }

    .pt-xl-n4x {
        padding-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .pr-xl-4x {
        padding-right: var(--spacing-scale-4x) !important;
    }

    .pr-xl-n4x {
        padding-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .pb-xl-4x {
        padding-bottom: var(--spacing-scale-4x) !important;
    }

    .pb-xl-n4x {
        padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .pl-xl-4x {
        padding-left: var(--spacing-scale-4x) !important;
    }

    .pl-xl-n4x {
        padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .p-xl-n4x {
        padding: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .px-xl-n4x {
        padding-left: calc(var(--spacing-scale-4x) * -1) !important;
        padding-right: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .py-xl-n4x {
        padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
        padding-top: calc(var(--spacing-scale-4x) * -1) !important;
    }

    .p-xl-4xh {
        padding: var(--spacing-scale-4xh) !important;
    }

    .px-xl-4xh {
        padding-left: var(--spacing-scale-4xh) !important;
        padding-right: var(--spacing-scale-4xh) !important;
    }

    .py-xl-4xh {
        padding-bottom: var(--spacing-scale-4xh) !important;
        padding-top: var(--spacing-scale-4xh) !important;
    }

    .pt-xl-4xh {
        padding-top: var(--spacing-scale-4xh) !important;
    }

    .pt-xl-n4xh {
        padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .pr-xl-4xh {
        padding-right: var(--spacing-scale-4xh) !important;
    }

    .pr-xl-n4xh {
        padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .pb-xl-4xh {
        padding-bottom: var(--spacing-scale-4xh) !important;
    }

    .pb-xl-n4xh {
        padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .pl-xl-4xh {
        padding-left: var(--spacing-scale-4xh) !important;
    }

    .pl-xl-n4xh {
        padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .p-xl-n4xh {
        padding: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .px-xl-n4xh {
        padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .py-xl-n4xh {
        padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
    }

    .p-xl-5x {
        padding: var(--spacing-scale-5x) !important;
    }

    .px-xl-5x {
        padding-left: var(--spacing-scale-5x) !important;
        padding-right: var(--spacing-scale-5x) !important;
    }

    .py-xl-5x {
        padding-bottom: var(--spacing-scale-5x) !important;
        padding-top: var(--spacing-scale-5x) !important;
    }

    .pt-xl-5x {
        padding-top: var(--spacing-scale-5x) !important;
    }

    .pt-xl-n5x {
        padding-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .pr-xl-5x {
        padding-right: var(--spacing-scale-5x) !important;
    }

    .pr-xl-n5x {
        padding-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .pb-xl-5x {
        padding-bottom: var(--spacing-scale-5x) !important;
    }

    .pb-xl-n5x {
        padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .pl-xl-5x {
        padding-left: var(--spacing-scale-5x) !important;
    }

    .pl-xl-n5x {
        padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .p-xl-n5x {
        padding: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .px-xl-n5x {
        padding-left: calc(var(--spacing-scale-5x) * -1) !important;
        padding-right: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .py-xl-n5x {
        padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
        padding-top: calc(var(--spacing-scale-5x) * -1) !important;
    }

    .p-xl-5xh {
        padding: var(--spacing-scale-5xh) !important;
    }

    .px-xl-5xh {
        padding-left: var(--spacing-scale-5xh) !important;
        padding-right: var(--spacing-scale-5xh) !important;
    }

    .py-xl-5xh {
        padding-bottom: var(--spacing-scale-5xh) !important;
        padding-top: var(--spacing-scale-5xh) !important;
    }

    .pt-xl-5xh {
        padding-top: var(--spacing-scale-5xh) !important;
    }

    .pt-xl-n5xh {
        padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .pr-xl-5xh {
        padding-right: var(--spacing-scale-5xh) !important;
    }

    .pr-xl-n5xh {
        padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .pb-xl-5xh {
        padding-bottom: var(--spacing-scale-5xh) !important;
    }

    .pb-xl-n5xh {
        padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .pl-xl-5xh {
        padding-left: var(--spacing-scale-5xh) !important;
    }

    .pl-xl-n5xh {
        padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .p-xl-n5xh {
        padding: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .px-xl-n5xh {
        padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .py-xl-n5xh {
        padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
    }

    .p-xl-6x {
        padding: var(--spacing-scale-6x) !important;
    }

    .px-xl-6x {
        padding-left: var(--spacing-scale-6x) !important;
        padding-right: var(--spacing-scale-6x) !important;
    }

    .py-xl-6x {
        padding-bottom: var(--spacing-scale-6x) !important;
        padding-top: var(--spacing-scale-6x) !important;
    }

    .pt-xl-6x {
        padding-top: var(--spacing-scale-6x) !important;
    }

    .pt-xl-n6x {
        padding-top: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .pr-xl-6x {
        padding-right: var(--spacing-scale-6x) !important;
    }

    .pr-xl-n6x {
        padding-right: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .pb-xl-6x {
        padding-bottom: var(--spacing-scale-6x) !important;
    }

    .pb-xl-n6x {
        padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .pl-xl-6x {
        padding-left: var(--spacing-scale-6x) !important;
    }

    .pl-xl-n6x {
        padding-left: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .p-xl-n6x {
        padding: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .px-xl-n6x {
        padding-left: calc(var(--spacing-scale-6x) * -1) !important;
        padding-right: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .py-xl-n6x {
        padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
        padding-top: calc(var(--spacing-scale-6x) * -1) !important;
    }

    .p-xl-6xh {
        padding: var(--spacing-scale-6xh) !important;
    }

    .px-xl-6xh {
        padding-left: var(--spacing-scale-6xh) !important;
        padding-right: var(--spacing-scale-6xh) !important;
    }

    .py-xl-6xh {
        padding-bottom: var(--spacing-scale-6xh) !important;
        padding-top: var(--spacing-scale-6xh) !important;
    }

    .pt-xl-6xh {
        padding-top: var(--spacing-scale-6xh) !important;
    }

    .pt-xl-n6xh {
        padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .pr-xl-6xh {
        padding-right: var(--spacing-scale-6xh) !important;
    }

    .pr-xl-n6xh {
        padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .pb-xl-6xh {
        padding-bottom: var(--spacing-scale-6xh) !important;
    }

    .pb-xl-n6xh {
        padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .pl-xl-6xh {
        padding-left: var(--spacing-scale-6xh) !important;
    }

    .pl-xl-n6xh {
        padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .p-xl-n6xh {
        padding: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .px-xl-n6xh {
        padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .py-xl-n6xh {
        padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
    }

    .p-xl-7x {
        padding: var(--spacing-scale-7x) !important;
    }

    .px-xl-7x {
        padding-left: var(--spacing-scale-7x) !important;
        padding-right: var(--spacing-scale-7x) !important;
    }

    .py-xl-7x {
        padding-bottom: var(--spacing-scale-7x) !important;
        padding-top: var(--spacing-scale-7x) !important;
    }

    .pt-xl-7x {
        padding-top: var(--spacing-scale-7x) !important;
    }

    .pt-xl-n7x {
        padding-top: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .pr-xl-7x {
        padding-right: var(--spacing-scale-7x) !important;
    }

    .pr-xl-n7x {
        padding-right: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .pb-xl-7x {
        padding-bottom: var(--spacing-scale-7x) !important;
    }

    .pb-xl-n7x {
        padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .pl-xl-7x {
        padding-left: var(--spacing-scale-7x) !important;
    }

    .pl-xl-n7x {
        padding-left: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .p-xl-n7x {
        padding: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .px-xl-n7x {
        padding-left: calc(var(--spacing-scale-7x) * -1) !important;
        padding-right: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .py-xl-n7x {
        padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
        padding-top: calc(var(--spacing-scale-7x) * -1) !important;
    }

    .p-xl-7xh {
        padding: var(--spacing-scale-7xh) !important;
    }

    .px-xl-7xh {
        padding-left: var(--spacing-scale-7xh) !important;
        padding-right: var(--spacing-scale-7xh) !important;
    }

    .py-xl-7xh {
        padding-bottom: var(--spacing-scale-7xh) !important;
        padding-top: var(--spacing-scale-7xh) !important;
    }

    .pt-xl-7xh {
        padding-top: var(--spacing-scale-7xh) !important;
    }

    .pt-xl-n7xh {
        padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .pr-xl-7xh {
        padding-right: var(--spacing-scale-7xh) !important;
    }

    .pr-xl-n7xh {
        padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .pb-xl-7xh {
        padding-bottom: var(--spacing-scale-7xh) !important;
    }

    .pb-xl-n7xh {
        padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .pl-xl-7xh {
        padding-left: var(--spacing-scale-7xh) !important;
    }

    .pl-xl-n7xh {
        padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .p-xl-n7xh {
        padding: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .px-xl-n7xh {
        padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .py-xl-n7xh {
        padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
    }

    .p-xl-8x {
        padding: var(--spacing-scale-8x) !important;
    }

    .px-xl-8x {
        padding-left: var(--spacing-scale-8x) !important;
        padding-right: var(--spacing-scale-8x) !important;
    }

    .py-xl-8x {
        padding-bottom: var(--spacing-scale-8x) !important;
        padding-top: var(--spacing-scale-8x) !important;
    }

    .pt-xl-8x {
        padding-top: var(--spacing-scale-8x) !important;
    }

    .pt-xl-n8x {
        padding-top: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .pr-xl-8x {
        padding-right: var(--spacing-scale-8x) !important;
    }

    .pr-xl-n8x {
        padding-right: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .pb-xl-8x {
        padding-bottom: var(--spacing-scale-8x) !important;
    }

    .pb-xl-n8x {
        padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .pl-xl-8x {
        padding-left: var(--spacing-scale-8x) !important;
    }

    .pl-xl-n8x {
        padding-left: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .p-xl-n8x {
        padding: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .px-xl-n8x {
        padding-left: calc(var(--spacing-scale-8x) * -1) !important;
        padding-right: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .py-xl-n8x {
        padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
        padding-top: calc(var(--spacing-scale-8x) * -1) !important;
    }

    .p-xl-8xh {
        padding: var(--spacing-scale-8xh) !important;
    }

    .px-xl-8xh {
        padding-left: var(--spacing-scale-8xh) !important;
        padding-right: var(--spacing-scale-8xh) !important;
    }

    .py-xl-8xh {
        padding-bottom: var(--spacing-scale-8xh) !important;
        padding-top: var(--spacing-scale-8xh) !important;
    }

    .pt-xl-8xh {
        padding-top: var(--spacing-scale-8xh) !important;
    }

    .pt-xl-n8xh {
        padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .pr-xl-8xh {
        padding-right: var(--spacing-scale-8xh) !important;
    }

    .pr-xl-n8xh {
        padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .pb-xl-8xh {
        padding-bottom: var(--spacing-scale-8xh) !important;
    }

    .pb-xl-n8xh {
        padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .pl-xl-8xh {
        padding-left: var(--spacing-scale-8xh) !important;
    }

    .pl-xl-n8xh {
        padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .p-xl-n8xh {
        padding: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .px-xl-n8xh {
        padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .py-xl-n8xh {
        padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
    }

    .p-xl-9x {
        padding: var(--spacing-scale-9x) !important;
    }

    .px-xl-9x {
        padding-left: var(--spacing-scale-9x) !important;
        padding-right: var(--spacing-scale-9x) !important;
    }

    .py-xl-9x {
        padding-bottom: var(--spacing-scale-9x) !important;
        padding-top: var(--spacing-scale-9x) !important;
    }

    .pt-xl-9x {
        padding-top: var(--spacing-scale-9x) !important;
    }

    .pt-xl-n9x {
        padding-top: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .pr-xl-9x {
        padding-right: var(--spacing-scale-9x) !important;
    }

    .pr-xl-n9x {
        padding-right: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .pb-xl-9x {
        padding-bottom: var(--spacing-scale-9x) !important;
    }

    .pb-xl-n9x {
        padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .pl-xl-9x {
        padding-left: var(--spacing-scale-9x) !important;
    }

    .pl-xl-n9x {
        padding-left: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .p-xl-n9x {
        padding: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .px-xl-n9x {
        padding-left: calc(var(--spacing-scale-9x) * -1) !important;
        padding-right: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .py-xl-n9x {
        padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
        padding-top: calc(var(--spacing-scale-9x) * -1) !important;
    }

    .p-xl-9xh {
        padding: var(--spacing-scale-9xh) !important;
    }

    .px-xl-9xh {
        padding-left: var(--spacing-scale-9xh) !important;
        padding-right: var(--spacing-scale-9xh) !important;
    }

    .py-xl-9xh {
        padding-bottom: var(--spacing-scale-9xh) !important;
        padding-top: var(--spacing-scale-9xh) !important;
    }

    .pt-xl-9xh {
        padding-top: var(--spacing-scale-9xh) !important;
    }

    .pt-xl-n9xh {
        padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .pr-xl-9xh {
        padding-right: var(--spacing-scale-9xh) !important;
    }

    .pr-xl-n9xh {
        padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .pb-xl-9xh {
        padding-bottom: var(--spacing-scale-9xh) !important;
    }

    .pb-xl-n9xh {
        padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .pl-xl-9xh {
        padding-left: var(--spacing-scale-9xh) !important;
    }

    .pl-xl-n9xh {
        padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .p-xl-n9xh {
        padding: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .px-xl-n9xh {
        padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .py-xl-n9xh {
        padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
    }

    .p-xl-10x {
        padding: var(--spacing-scale-10x) !important;
    }

    .px-xl-10x {
        padding-left: var(--spacing-scale-10x) !important;
        padding-right: var(--spacing-scale-10x) !important;
    }

    .py-xl-10x {
        padding-bottom: var(--spacing-scale-10x) !important;
        padding-top: var(--spacing-scale-10x) !important;
    }

    .pt-xl-10x {
        padding-top: var(--spacing-scale-10x) !important;
    }

    .pt-xl-n10x {
        padding-top: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .pr-xl-10x {
        padding-right: var(--spacing-scale-10x) !important;
    }

    .pr-xl-n10x {
        padding-right: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .pb-xl-10x {
        padding-bottom: var(--spacing-scale-10x) !important;
    }

    .pb-xl-n10x {
        padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .pl-xl-10x {
        padding-left: var(--spacing-scale-10x) !important;
    }

    .pl-xl-n10x {
        padding-left: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .p-xl-n10x {
        padding: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .px-xl-n10x {
        padding-left: calc(var(--spacing-scale-10x) * -1) !important;
        padding-right: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .py-xl-n10x {
        padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
        padding-top: calc(var(--spacing-scale-10x) * -1) !important;
    }

    .p-xl-10xh {
        padding: var(--spacing-scale-10xh) !important;
    }

    .px-xl-10xh {
        padding-left: var(--spacing-scale-10xh) !important;
        padding-right: var(--spacing-scale-10xh) !important;
    }

    .py-xl-10xh {
        padding-bottom: var(--spacing-scale-10xh) !important;
        padding-top: var(--spacing-scale-10xh) !important;
    }

    .pt-xl-10xh {
        padding-top: var(--spacing-scale-10xh) !important;
    }

    .pt-xl-n10xh {
        padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .pr-xl-10xh {
        padding-right: var(--spacing-scale-10xh) !important;
    }

    .pr-xl-n10xh {
        padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .pb-xl-10xh {
        padding-bottom: var(--spacing-scale-10xh) !important;
    }

    .pb-xl-n10xh {
        padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .pl-xl-10xh {
        padding-left: var(--spacing-scale-10xh) !important;
    }

    .pl-xl-n10xh {
        padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .p-xl-n10xh {
        padding: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .px-xl-n10xh {
        padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
        padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
    }

    .py-xl-n10xh {
        padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
        padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
    }
}

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

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

@media (min-width: 576px) {
    .overflow-sm-auto {
        overflow: auto !important;
    }

    .overflow-sm-hidden {
        overflow: hidden !important;
    }
}

@media (min-width: 992px) {
    .overflow-md-auto {
        overflow: auto !important;
    }

    .overflow-md-hidden {
        overflow: hidden !important;
    }
}

@media (min-width: 1280px) {
    .overflow-lg-auto {
        overflow: auto !important;
    }

    .overflow-lg-hidden {
        overflow: hidden !important;
    }
}

@media (min-width: 1600px) {
    .overflow-xl-auto {
        overflow: auto !important;
    }

    .overflow-xl-hidden {
        overflow: hidden !important;
    }
}

body {
    --bg-color: var(--background);
    --bg-color-rgb: var(--background-rgb);
    --bg-color-hsl: var(--background-hsl);
    --font-size: var(--font-size-scale-base);
    --font-weight: var(--font-weight-regular);
    --link-color: var(--interactive);
    --link-color-rgb: var(--interactive-rgb);
    --link-color-hsl: var(--interactive-hsl);
    --line-height: var(--font-line-height-medium);
    --text-color: var(--color);
    --text-color-rgb: var(--color-rgb);
    --text-color-hsl: var(--color-hsl);
    background: var(--bg-color);
    color: var(--text-color);
    font-family: var(--font-family-base);
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    line-height: var(--line-height);
}

p {
    color: var(--color);
    font-size: var(--font-size-scale-base);
    font-weight: var(--font-weight-regular);
    line-height: var(--font-line-height-medium);
    margin-bottom: var(--spacing-scale-2x);
    margin-top: 0;
}

    p a {
        text-decoration: underline;
    }

@media (min-width: 576px) {
    p {
        font-size: var(--font-size-scale-up-01);
    }
}

a {
    --focus-offset: var(--spacing-scale-half);
    color: var(--interactive);
    text-decoration: none;
}

    a:focus {
        outline: none;
    }

    a.focus-visible, a:focus-visible {
        outline-color: var(--focus);
        outline-offset: var(--focus-offset);
        outline-style: var(--focus-style);
        outline-width: var(--focus-width);
    }

    a:not(:disabled):hover {
        background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
    }

    a:not(:disabled):active {
        background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
    }

.main-content a {
    text-decoration: underline;
}

button {
    cursor: pointer;
}

img {
    max-width: 100%;
    vertical-align: middle;
}

ul,
ol {
    margin-bottom: var(--spacing-scale-2x);
    margin-top: 0;
    padding: 0 0 0 var(--spacing-scale-5x);
}

blockquote {
    background-color: var(--color-secondary-02);
    border-left: 4px solid #268744;
    font-style: italic;
    margin: var(--spacing-scale-2x) 0;
    padding: var(--spacing-scale-2x);
    position: relative;
}

    blockquote > *:last-child {
        margin-bottom: 0;
    }

table {
    --table-background: var(--background);
    --table-color: var(--color);
    --table-border-color: var(--gray-20);
    --table-border-style: solid;
    --table-border-width: 1px;
    --table-hover: var(--color-rgb);
    --table-padding: var(--spacing-scale-3x);
    --table-font-weight: var(--font-weight-medium);
    --table-th-background: var(--background-alternative);
    --table-th-font-weight: var(--font-weight-semi-bold);
    --table-row-size: var(--spacing-scale-2x);
    border-collapse: collapse;
    width: 100%;
}

th {
    background-color: var(--background-alternative);
    font-weight: var(--table-th-font-weight);
}

td {
    font-weight: var(--table-font-weight);
}

th,
td {
    color: var(--color);
    font-size: var(--font-size-scale-base);
    font-weight: var(--font-weight-medium);
    padding: var(--table-row-size) var(--table-padding);
}

    th:not([align]),
    td:not([align]) {
        text-align: left;
    }

tr.selected, tr.is-selected {
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color);
    --interactive: var(--interactive-dark);
    --interactive-rgb: var(--interactive-dark-rgb);
    --visited: var(--visited-dark);
    --hover: var(--hover-dark);
    --pressed: var(--pressed-dark);
    --focus-color: var(--focus-color-dark);
    --focus: var(--focus-color);
}

    tr.selected th,
    tr.selected td, tr.is-selected th,
    tr.is-selected td {
        background-color: var(--selected);
    }

tr:hover td {
    background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}

tbody th,
tbody td {
    border-bottom: var(--table-border-width) var(--table-border-style) var(--table-border-color);
}

label,
.label {
    color: var(--color);
    font-size: var(--font-size-scale-base);
    font-weight: var(--font-weight-semi-bold);
    line-height: var(--font-line-height-medium);
    margin-bottom: var(--spacing-scale-half);
}

fieldset,
.fieldset {
    border: var(--surface-width-none);
    margin-bottom: var(--spacing-scale-5x);
    margin-top: 0;
    padding: 0;
}

legend,
.legend {
    color: var(--color);
    font-size: var(--font-size-scale-up-01);
    font-weight: var(--font-weight-semi-bold);
    line-height: var(--font-line-height-low);
    margin-bottom: var(--spacing-scale-2x);
    margin-top: var(--spacing-scale-2x);
}

::placeholder,
.placeholder {
    color: var(--color-light);
    font-size: var(--font-size-scale-base);
    font-style: italic;
    font-weight: var(--font-weight-regular);
    line-height: var(--font-line-height-medium);
    margin-bottom: var(--spacing-scale-half);
    margin-top: var(--spacing-scale-half);
    opacity: 1;
}

input,
textarea,
.input {
    color: var(--color-light);
    font-size: var(--font-size-scale-up-01);
    font-weight: var(--font-weight-medium);
    line-height: var(--font-line-height-low);
    margin-bottom: var(--spacing-scale-half);
}

.help {
    font-size: var(--font-size-scale-base);
}

code,
.code {
    background: var(--gray-5);
    border-radius: 4px;
    color: var(--gray-80);
    display: inline-block;
    font-family: monospace;
    font-size: var(--font-size-scale-base);
    font-weight: var(--font-weight-medium);
    line-height: var(--font-line-height-low);
    padding: var(--spacing-scale-half);
}

pre,
.pre {
    background: var(--gray-5);
    margin: var(--spacing-scale-2x) 0 var(--spacing-scale-4x);
    padding: var(--spacing-scale-2x);
}

    pre code,
    .pre code {
        display: inline;
        padding: 0;
    }

mark,
.mark {
    background: var(--red-warm-vivid-10);
    color: var(--color);
}

.border-solid-none {
    border: var(--surface-width-none) solid var(--color-secondary-06) !important;
}

.border-solid-sm {
    border: var(--surface-width-sm) solid var(--color-secondary-06) !important;
}

.border-solid-md {
    border: var(--surface-width-md) solid var(--color-secondary-06) !important;
}

.border-solid-lg {
    border: var(--surface-width-lg) solid var(--color-secondary-06) !important;
}

.border-dashed-none {
    border: var(--surface-width-none) dashed var(--color-secondary-06) !important;
}

.border-dashed-sm {
    border: var(--surface-width-sm) dashed var(--color-secondary-06) !important;
}

.border-dashed-md {
    border: var(--surface-width-md) dashed var(--color-secondary-06) !important;
}

.border-dashed-lg {
    border: var(--surface-width-lg) dashed var(--color-secondary-06) !important;
}

.border-top {
    border-top: var(--border-width) var(--border-style) var(--border-color) !important;
}

.border-right {
    border-right: var(--border-width) var(--border-style) var(--border-color) !important;
}

.border-bottom {
    border-bottom: var(--border-width) var(--border-style) var(--border-color) !important;
}

.border-left {
    border-left: var(--border-width) var(--border-style) var(--border-color) !important;
}

.rounder-none {
    --radius: var(--surface-rounder-none);
    border-radius: var(--radius) !important;
}

.rounder-sm {
    --radius: var(--surface-rounder-sm);
    border-radius: var(--radius) !important;
}

.rounder-md {
    --radius: var(--surface-rounder-md);
    border-radius: var(--radius) !important;
}

.rounder-lg {
    --radius: var(--surface-rounder-lg);
    border-radius: var(--radius) !important;
}

.rounder-pill {
    --radius: var(--surface-rounder-pill);
    border-radius: var(--radius) !important;
}

.opacity-none {
    opacity: 0;
}

.opacity-default {
    opacity: 1;
}

.opacity-xs {
    opacity: 0.16;
}

.opacity-sm {
    opacity: 0.3;
}

.opacity-md {
    opacity: 0.45;
}

.opacity-lg {
    opacity: 0.65;
}

.opacity-xl {
    opacity: 0.85;
}

.shadow-color {
    box-shadow: var(--rgb-secondary-09);
}

.shadow-none {
    box-shadow: none;
}

.shadow-sm {
    box-shadow: var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md {
    box-shadow: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg {
    box-shadow: var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl {
    box-shadow: var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-inset {
    box-shadow: var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-inset {
    box-shadow: var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-inset {
    box-shadow: var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-inset {
    box-shadow: var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-up {
    box-shadow: var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-up {
    box-shadow: var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-up {
    box-shadow: var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-up {
    box-shadow: var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-inset-up {
    box-shadow: var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-inset-up {
    box-shadow: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-inset-up {
    box-shadow: var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-inset-up {
    box-shadow: var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-right {
    box-shadow: var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-right {
    box-shadow: var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-right {
    box-shadow: var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-right {
    box-shadow: var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-inset-right {
    box-shadow: var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-inset-right {
    box-shadow: var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-inset-right {
    box-shadow: var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-inset-right {
    box-shadow: var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-left {
    box-shadow: var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-left {
    box-shadow: var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-left {
    box-shadow: var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-left {
    box-shadow: var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-inset-left {
    box-shadow: var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-inset-left {
    box-shadow: var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-inset-left {
    box-shadow: var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-inset-left {
    box-shadow: var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.overlay-scrim {
    background: rgba(var(--rgb-secondary-09), var(--surface-opacity-md));
}

.overlay-text {
    background: linear-gradient(rgba(var(--rgb-secondary-01), var(--surface-opacity-none)), rgba(var(--rgb-secondary-09), var(--surface-opacity-default)));
}

.bg-blue-90 {
    --background: var(--blue-90);
    background: var(--blue-90) !important;
}

.text-blue-90 {
    color: var(--blue-90) !important;
}

.border-blue-90 {
    border-color: var(--blue-90) !important;
}

.bg-blue-80 {
    --background: var(--blue-80);
    background: var(--blue-80) !important;
}

.text-blue-80 {
    color: var(--blue-80) !important;
}

.border-blue-80 {
    border-color: var(--blue-80) !important;
}

.bg-blue-70 {
    --background: var(--blue-70);
    background: var(--blue-70) !important;
}

.text-blue-70 {
    color: var(--blue-70) !important;
}

.border-blue-70 {
    border-color: var(--blue-70) !important;
}

.bg-blue-60 {
    --background: var(--blue-60);
    background: var(--blue-60) !important;
}

.text-blue-60 {
    color: var(--blue-60) !important;
}

.border-blue-60 {
    border-color: var(--blue-60) !important;
}

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

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

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

.bg-blue-40 {
    --background: var(--blue-40);
    background: var(--blue-40) !important;
}

.text-blue-40 {
    color: var(--blue-40) !important;
}

.border-blue-40 {
    border-color: var(--blue-40) !important;
}

.bg-blue-30 {
    --background: var(--blue-30);
    background: var(--blue-30) !important;
}

.text-blue-30 {
    color: var(--blue-30) !important;
}

.border-blue-30 {
    border-color: var(--blue-30) !important;
}

.bg-blue-20 {
    --background: var(--blue-20);
    background: var(--blue-20) !important;
}

.text-blue-20 {
    color: var(--blue-20) !important;
}

.border-blue-20 {
    border-color: var(--blue-20) !important;
}

.bg-blue-10 {
    --background: var(--blue-10);
    background: var(--blue-10) !important;
}

.text-blue-10 {
    color: var(--blue-10) !important;
}

.border-blue-10 {
    border-color: var(--blue-10) !important;
}

.bg-blue-5 {
    --background: var(--blue-5);
    background: var(--blue-5) !important;
}

.text-blue-5 {
    color: var(--blue-5) !important;
}

.border-blue-5 {
    border-color: var(--blue-5) !important;
}

.bg-blue-cool-90 {
    --background: var(--blue-cool-90);
    background: var(--blue-cool-90) !important;
}

.text-blue-cool-90 {
    color: var(--blue-cool-90) !important;
}

.border-blue-cool-90 {
    border-color: var(--blue-cool-90) !important;
}

.bg-blue-cool-80 {
    --background: var(--blue-cool-80);
    background: var(--blue-cool-80) !important;
}

.text-blue-cool-80 {
    color: var(--blue-cool-80) !important;
}

.border-blue-cool-80 {
    border-color: var(--blue-cool-80) !important;
}

.bg-blue-cool-70 {
    --background: var(--blue-cool-70);
    background: var(--blue-cool-70) !important;
}

.text-blue-cool-70 {
    color: var(--blue-cool-70) !important;
}

.border-blue-cool-70 {
    border-color: var(--blue-cool-70) !important;
}

.bg-blue-cool-60 {
    --background: var(--blue-cool-60);
    background: var(--blue-cool-60) !important;
}

.text-blue-cool-60 {
    color: var(--blue-cool-60) !important;
}

.border-blue-cool-60 {
    border-color: var(--blue-cool-60) !important;
}

.bg-blue-cool-50 {
    --background: var(--blue-cool-50);
    background: var(--blue-cool-50) !important;
}

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

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

.bg-blue-cool-40 {
    --background: var(--blue-cool-40);
    background: var(--blue-cool-40) !important;
}

.text-blue-cool-40 {
    color: var(--blue-cool-40) !important;
}

.border-blue-cool-40 {
    border-color: var(--blue-cool-40) !important;
}

.bg-blue-cool-30 {
    --background: var(--blue-cool-30);
    background: var(--blue-cool-30) !important;
}

.text-blue-cool-30 {
    color: var(--blue-cool-30) !important;
}

.border-blue-cool-30 {
    border-color: var(--blue-cool-30) !important;
}

.bg-blue-cool-20 {
    --background: var(--blue-cool-20);
    background: var(--blue-cool-20) !important;
}

.text-blue-cool-20 {
    color: var(--blue-cool-20) !important;
}

.border-blue-cool-20 {
    border-color: var(--blue-cool-20) !important;
}

.bg-blue-cool-10 {
    --background: var(--blue-cool-10);
    background: var(--blue-cool-10) !important;
}

.text-blue-cool-10 {
    color: var(--blue-cool-10) !important;
}

.border-blue-cool-10 {
    border-color: var(--blue-cool-10) !important;
}

.bg-blue-cool-5 {
    --background: var(--blue-cool-5);
    background: var(--blue-cool-5) !important;
}

.text-blue-cool-5 {
    color: var(--blue-cool-5) !important;
}

.border-blue-cool-5 {
    border-color: var(--blue-cool-5) !important;
}

.bg-blue-warm-90 {
    --background: var(--blue-warm-90);
    background: var(--blue-warm-90) !important;
}

.text-blue-warm-90 {
    color: var(--blue-warm-90) !important;
}

.border-blue-warm-90 {
    border-color: var(--blue-warm-90) !important;
}

.bg-blue-warm-80 {
    --background: var(--blue-warm-80);
    background: var(--blue-warm-80) !important;
}

.text-blue-warm-80 {
    color: var(--blue-warm-80) !important;
}

.border-blue-warm-80 {
    border-color: var(--blue-warm-80) !important;
}

.bg-blue-warm-70 {
    --background: var(--blue-warm-70);
    background: var(--blue-warm-70) !important;
}

.text-blue-warm-70 {
    color: var(--blue-warm-70) !important;
}

.border-blue-warm-70 {
    border-color: var(--blue-warm-70) !important;
}

.bg-blue-warm-60 {
    --background: var(--blue-warm-60);
    background: var(--blue-warm-60) !important;
}

.text-blue-warm-60 {
    color: var(--blue-warm-60) !important;
}

.border-blue-warm-60 {
    border-color: var(--blue-warm-60) !important;
}

.bg-blue-warm-50 {
    --background: var(--blue-warm-50);
    background: var(--blue-warm-50) !important;
}

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

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

.bg-blue-warm-40 {
    --background: var(--blue-warm-40);
    background: var(--blue-warm-40) !important;
}

.text-blue-warm-40 {
    color: var(--blue-warm-40) !important;
}

.border-blue-warm-40 {
    border-color: var(--blue-warm-40) !important;
}

.bg-blue-warm-30 {
    --background: var(--blue-warm-30);
    background: var(--blue-warm-30) !important;
}

.text-blue-warm-30 {
    color: var(--blue-warm-30) !important;
}

.border-blue-warm-30 {
    border-color: var(--blue-warm-30) !important;
}

.bg-blue-warm-20 {
    --background: var(--blue-warm-20);
    background: var(--blue-warm-20) !important;
}

.text-blue-warm-20 {
    color: var(--blue-warm-20) !important;
}

.border-blue-warm-20 {
    border-color: var(--blue-warm-20) !important;
}

.bg-blue-warm-10 {
    --background: var(--blue-warm-10);
    background: var(--blue-warm-10) !important;
}

.text-blue-warm-10 {
    color: var(--blue-warm-10) !important;
}

.border-blue-warm-10 {
    border-color: var(--blue-warm-10) !important;
}

.bg-blue-warm-5 {
    --background: var(--blue-warm-5);
    background: var(--blue-warm-5) !important;
}

.text-blue-warm-5 {
    color: var(--blue-warm-5) !important;
}

.border-blue-warm-5 {
    border-color: var(--blue-warm-5) !important;
}

.bg-blue-vivid-80 {
    --background: var(--blue-vivid-80);
    background: var(--blue-vivid-80) !important;
}

.text-blue-vivid-80 {
    color: var(--blue-vivid-80) !important;
}

.border-blue-vivid-80 {
    border-color: var(--blue-vivid-80) !important;
}

.bg-blue-vivid-70 {
    --background: var(--blue-vivid-70);
    background: var(--blue-vivid-70) !important;
}

.text-blue-vivid-70 {
    color: var(--blue-vivid-70) !important;
}

.border-blue-vivid-70 {
    border-color: var(--blue-vivid-70) !important;
}

.bg-blue-vivid-60 {
    --background: var(--blue-vivid-60);
    background: var(--blue-vivid-60) !important;
}

.text-blue-vivid-60 {
    color: var(--blue-vivid-60) !important;
}

.border-blue-vivid-60 {
    border-color: var(--blue-vivid-60) !important;
}

.bg-blue-vivid-50 {
    --background: var(--blue-vivid-50);
    background: var(--blue-vivid-50) !important;
}

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

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

.bg-blue-vivid-40 {
    --background: var(--blue-vivid-40);
    background: var(--blue-vivid-40) !important;
}

.text-blue-vivid-40 {
    color: var(--blue-vivid-40) !important;
}

.border-blue-vivid-40 {
    border-color: var(--blue-vivid-40) !important;
}

.bg-blue-vivid-30 {
    --background: var(--blue-vivid-30);
    background: var(--blue-vivid-30) !important;
}

.text-blue-vivid-30 {
    color: var(--blue-vivid-30) !important;
}

.border-blue-vivid-30 {
    border-color: var(--blue-vivid-30) !important;
}

.bg-blue-vivid-20 {
    --background: var(--blue-vivid-20);
    background: var(--blue-vivid-20) !important;
}

.text-blue-vivid-20 {
    color: var(--blue-vivid-20) !important;
}

.border-blue-vivid-20 {
    border-color: var(--blue-vivid-20) !important;
}

.bg-blue-vivid-10 {
    --background: var(--blue-vivid-10);
    background: var(--blue-vivid-10) !important;
}

.text-blue-vivid-10 {
    color: var(--blue-vivid-10) !important;
}

.border-blue-vivid-10 {
    border-color: var(--blue-vivid-10) !important;
}

.bg-blue-vivid-5 {
    --background: var(--blue-vivid-5);
    background: var(--blue-vivid-5) !important;
}

.text-blue-vivid-5 {
    color: var(--blue-vivid-5) !important;
}

.border-blue-vivid-5 {
    border-color: var(--blue-vivid-5) !important;
}

.bg-blue-cool-vivid-80 {
    --background: var(--blue-cool-vivid-80);
    background: var(--blue-cool-vivid-80) !important;
}

.text-blue-cool-vivid-80 {
    color: var(--blue-cool-vivid-80) !important;
}

.border-blue-cool-vivid-80 {
    border-color: var(--blue-cool-vivid-80) !important;
}

.bg-blue-cool-vivid-70 {
    --background: var(--blue-cool-vivid-70);
    background: var(--blue-cool-vivid-70) !important;
}

.text-blue-cool-vivid-70 {
    color: var(--blue-cool-vivid-70) !important;
}

.border-blue-cool-vivid-70 {
    border-color: var(--blue-cool-vivid-70) !important;
}

.bg-blue-cool-vivid-60 {
    --background: var(--blue-cool-vivid-60);
    background: var(--blue-cool-vivid-60) !important;
}

.text-blue-cool-vivid-60 {
    color: var(--blue-cool-vivid-60) !important;
}

.border-blue-cool-vivid-60 {
    border-color: var(--blue-cool-vivid-60) !important;
}

.bg-blue-cool-vivid-50 {
    --background: var(--blue-cool-vivid-50);
    background: var(--blue-cool-vivid-50) !important;
}

.text-blue-cool-vivid-50 {
    color: var(--blue-cool-vivid-50) !important;
}

.border-blue-cool-vivid-50 {
    border-color: var(--blue-cool-vivid-50) !important;
}

.bg-blue-cool-vivid-40 {
    --background: var(--blue-cool-vivid-40);
    background: var(--blue-cool-vivid-40) !important;
}

.text-blue-cool-vivid-40 {
    color: var(--blue-cool-vivid-40) !important;
}

.border-blue-cool-vivid-40 {
    border-color: var(--blue-cool-vivid-40) !important;
}

.bg-blue-cool-vivid-30 {
    --background: var(--blue-cool-vivid-30);
    background: var(--blue-cool-vivid-30) !important;
}

.text-blue-cool-vivid-30 {
    color: var(--blue-cool-vivid-30) !important;
}

.border-blue-cool-vivid-30 {
    border-color: var(--blue-cool-vivid-30) !important;
}

.bg-blue-cool-vivid-20 {
    --background: var(--blue-cool-vivid-20);
    background: var(--blue-cool-vivid-20) !important;
}

.text-blue-cool-vivid-20 {
    color: var(--blue-cool-vivid-20) !important;
}

.border-blue-cool-vivid-20 {
    border-color: var(--blue-cool-vivid-20) !important;
}

.bg-blue-cool-vivid-10 {
    --background: var(--blue-cool-vivid-10);
    background: var(--blue-cool-vivid-10) !important;
}

.text-blue-cool-vivid-10 {
    color: var(--blue-cool-vivid-10) !important;
}

.border-blue-cool-vivid-10 {
    border-color: var(--blue-cool-vivid-10) !important;
}

.bg-blue-cool-vivid-5 {
    --background: var(--blue-cool-vivid-5);
    background: var(--blue-cool-vivid-5) !important;
}

.text-blue-cool-vivid-5 {
    color: var(--blue-cool-vivid-5) !important;
}

.border-blue-cool-vivid-5 {
    border-color: var(--blue-cool-vivid-5) !important;
}

.bg-blue-warm-vivid-90 {
    --background: var(--blue-warm-vivid-90);
    background: var(--blue-warm-vivid-90) !important;
}

.text-blue-warm-vivid-90 {
    color: var(--blue-warm-vivid-90) !important;
}

.border-blue-warm-vivid-90 {
    border-color: var(--blue-warm-vivid-90) !important;
}

.bg-blue-warm-vivid-80 {
    --background: var(--blue-warm-vivid-80);
    background: var(--blue-warm-vivid-80) !important;
}

.text-blue-warm-vivid-80 {
    color: var(--blue-warm-vivid-80) !important;
}

.border-blue-warm-vivid-80 {
    border-color: var(--blue-warm-vivid-80) !important;
}

.bg-blue-warm-vivid-70 {
    --background: var(--blue-warm-vivid-70);
    background: var(--blue-warm-vivid-70) !important;
}

.text-blue-warm-vivid-70 {
    color: var(--blue-warm-vivid-70) !important;
}

.border-blue-warm-vivid-70 {
    border-color: var(--blue-warm-vivid-70) !important;
}

.bg-blue-warm-vivid-60 {
    --background: var(--blue-warm-vivid-60);
    background: var(--blue-warm-vivid-60) !important;
}

.text-blue-warm-vivid-60 {
    color: var(--blue-warm-vivid-60) !important;
}

.border-blue-warm-vivid-60 {
    border-color: var(--blue-warm-vivid-60) !important;
}

.bg-blue-warm-vivid-50 {
    --background: var(--blue-warm-vivid-50);
    background: var(--blue-warm-vivid-50) !important;
}

.text-blue-warm-vivid-50 {
    color: var(--blue-warm-vivid-50) !important;
}

.border-blue-warm-vivid-50 {
    border-color: var(--blue-warm-vivid-50) !important;
}

.bg-blue-warm-vivid-40 {
    --background: var(--blue-warm-vivid-40);
    background: var(--blue-warm-vivid-40) !important;
}

.text-blue-warm-vivid-40 {
    color: var(--blue-warm-vivid-40) !important;
}

.border-blue-warm-vivid-40 {
    border-color: var(--blue-warm-vivid-40) !important;
}

.bg-blue-warm-vivid-30 {
    --background: var(--blue-warm-vivid-30);
    background: var(--blue-warm-vivid-30) !important;
}

.text-blue-warm-vivid-30 {
    color: var(--blue-warm-vivid-30) !important;
}

.border-blue-warm-vivid-30 {
    border-color: var(--blue-warm-vivid-30) !important;
}

.bg-blue-warm-vivid-20 {
    --background: var(--blue-warm-vivid-20);
    background: var(--blue-warm-vivid-20) !important;
}

.text-blue-warm-vivid-20 {
    color: var(--blue-warm-vivid-20) !important;
}

.border-blue-warm-vivid-20 {
    border-color: var(--blue-warm-vivid-20) !important;
}

.bg-blue-warm-vivid-10 {
    --background: var(--blue-warm-vivid-10);
    background: var(--blue-warm-vivid-10) !important;
}

.text-blue-warm-vivid-10 {
    color: var(--blue-warm-vivid-10) !important;
}

.border-blue-warm-vivid-10 {
    border-color: var(--blue-warm-vivid-10) !important;
}

.bg-blue-warm-vivid-5 {
    --background: var(--blue-warm-vivid-5);
    background: var(--blue-warm-vivid-5) !important;
}

.text-blue-warm-vivid-5 {
    color: var(--blue-warm-vivid-5) !important;
}

.border-blue-warm-vivid-5 {
    border-color: var(--blue-warm-vivid-5) !important;
}

.bg-cyan-90 {
    --background: var(--cyan-90);
    background: var(--cyan-90) !important;
}

.text-cyan-90 {
    color: var(--cyan-90) !important;
}

.border-cyan-90 {
    border-color: var(--cyan-90) !important;
}

.bg-cyan-80 {
    --background: var(--cyan-80);
    background: var(--cyan-80) !important;
}

.text-cyan-80 {
    color: var(--cyan-80) !important;
}

.border-cyan-80 {
    border-color: var(--cyan-80) !important;
}

.bg-cyan-70 {
    --background: var(--cyan-70);
    background: var(--cyan-70) !important;
}

.text-cyan-70 {
    color: var(--cyan-70) !important;
}

.border-cyan-70 {
    border-color: var(--cyan-70) !important;
}

.bg-cyan-60 {
    --background: var(--cyan-60);
    background: var(--cyan-60) !important;
}

.text-cyan-60 {
    color: var(--cyan-60) !important;
}

.border-cyan-60 {
    border-color: var(--cyan-60) !important;
}

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

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

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

.bg-cyan-40 {
    --background: var(--cyan-40);
    background: var(--cyan-40) !important;
}

.text-cyan-40 {
    color: var(--cyan-40) !important;
}

.border-cyan-40 {
    border-color: var(--cyan-40) !important;
}

.bg-cyan-30 {
    --background: var(--cyan-30);
    background: var(--cyan-30) !important;
}

.text-cyan-30 {
    color: var(--cyan-30) !important;
}

.border-cyan-30 {
    border-color: var(--cyan-30) !important;
}

.bg-cyan-20 {
    --background: var(--cyan-20);
    background: var(--cyan-20) !important;
}

.text-cyan-20 {
    color: var(--cyan-20) !important;
}

.border-cyan-20 {
    border-color: var(--cyan-20) !important;
}

.bg-cyan-10 {
    --background: var(--cyan-10);
    background: var(--cyan-10) !important;
}

.text-cyan-10 {
    color: var(--cyan-10) !important;
}

.border-cyan-10 {
    border-color: var(--cyan-10) !important;
}

.bg-cyan-5 {
    --background: var(--cyan-5);
    background: var(--cyan-5) !important;
}

.text-cyan-5 {
    color: var(--cyan-5) !important;
}

.border-cyan-5 {
    border-color: var(--cyan-5) !important;
}

.bg-cyan-vivid-80 {
    --background: var(--cyan-vivid-80);
    background: var(--cyan-vivid-80) !important;
}

.text-cyan-vivid-80 {
    color: var(--cyan-vivid-80) !important;
}

.border-cyan-vivid-80 {
    border-color: var(--cyan-vivid-80) !important;
}

.bg-cyan-vivid-70 {
    --background: var(--cyan-vivid-70);
    background: var(--cyan-vivid-70) !important;
}

.text-cyan-vivid-70 {
    color: var(--cyan-vivid-70) !important;
}

.border-cyan-vivid-70 {
    border-color: var(--cyan-vivid-70) !important;
}

.bg-cyan-vivid-60 {
    --background: var(--cyan-vivid-60);
    background: var(--cyan-vivid-60) !important;
}

.text-cyan-vivid-60 {
    color: var(--cyan-vivid-60) !important;
}

.border-cyan-vivid-60 {
    border-color: var(--cyan-vivid-60) !important;
}

.bg-cyan-vivid-50 {
    --background: var(--cyan-vivid-50);
    background: var(--cyan-vivid-50) !important;
}

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

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

.bg-cyan-vivid-40 {
    --background: var(--cyan-vivid-40);
    background: var(--cyan-vivid-40) !important;
}

.text-cyan-vivid-40 {
    color: var(--cyan-vivid-40) !important;
}

.border-cyan-vivid-40 {
    border-color: var(--cyan-vivid-40) !important;
}

.bg-cyan-vivid-30 {
    --background: var(--cyan-vivid-30);
    background: var(--cyan-vivid-30) !important;
}

.text-cyan-vivid-30 {
    color: var(--cyan-vivid-30) !important;
}

.border-cyan-vivid-30 {
    border-color: var(--cyan-vivid-30) !important;
}

.bg-cyan-vivid-20 {
    --background: var(--cyan-vivid-20);
    background: var(--cyan-vivid-20) !important;
}

.text-cyan-vivid-20 {
    color: var(--cyan-vivid-20) !important;
}

.border-cyan-vivid-20 {
    border-color: var(--cyan-vivid-20) !important;
}

.bg-cyan-vivid-10 {
    --background: var(--cyan-vivid-10);
    background: var(--cyan-vivid-10) !important;
}

.text-cyan-vivid-10 {
    color: var(--cyan-vivid-10) !important;
}

.border-cyan-vivid-10 {
    border-color: var(--cyan-vivid-10) !important;
}

.bg-cyan-vivid-5 {
    --background: var(--cyan-vivid-5);
    background: var(--cyan-vivid-5) !important;
}

.text-cyan-vivid-5 {
    color: var(--cyan-vivid-5) !important;
}

.border-cyan-vivid-5 {
    border-color: var(--cyan-vivid-5) !important;
}

.bg-gold-90 {
    --background: var(--gold-90);
    background: var(--gold-90) !important;
}

.text-gold-90 {
    color: var(--gold-90) !important;
}

.border-gold-90 {
    border-color: var(--gold-90) !important;
}

.bg-gold-80 {
    --background: var(--gold-80);
    background: var(--gold-80) !important;
}

.text-gold-80 {
    color: var(--gold-80) !important;
}

.border-gold-80 {
    border-color: var(--gold-80) !important;
}

.bg-gold-70 {
    --background: var(--gold-70);
    background: var(--gold-70) !important;
}

.text-gold-70 {
    color: var(--gold-70) !important;
}

.border-gold-70 {
    border-color: var(--gold-70) !important;
}

.bg-gold-60 {
    --background: var(--gold-60);
    background: var(--gold-60) !important;
}

.text-gold-60 {
    color: var(--gold-60) !important;
}

.border-gold-60 {
    border-color: var(--gold-60) !important;
}

.bg-gold-50 {
    --background: var(--gold-50);
    background: var(--gold-50) !important;
}

.text-gold-50 {
    color: var(--gold-50) !important;
}

.border-gold-50 {
    border-color: var(--gold-50) !important;
}

.bg-gold-40 {
    --background: var(--gold-40);
    background: var(--gold-40) !important;
}

.text-gold-40 {
    color: var(--gold-40) !important;
}

.border-gold-40 {
    border-color: var(--gold-40) !important;
}

.bg-gold-30 {
    --background: var(--gold-30);
    background: var(--gold-30) !important;
}

.text-gold-30 {
    color: var(--gold-30) !important;
}

.border-gold-30 {
    border-color: var(--gold-30) !important;
}

.bg-gold-20 {
    --background: var(--gold-20);
    background: var(--gold-20) !important;
}

.text-gold-20 {
    color: var(--gold-20) !important;
}

.border-gold-20 {
    border-color: var(--gold-20) !important;
}

.bg-gold-10 {
    --background: var(--gold-10);
    background: var(--gold-10) !important;
}

.text-gold-10 {
    color: var(--gold-10) !important;
}

.border-gold-10 {
    border-color: var(--gold-10) !important;
}

.bg-gold-5 {
    --background: var(--gold-5);
    background: var(--gold-5) !important;
}

.text-gold-5 {
    color: var(--gold-5) !important;
}

.border-gold-5 {
    border-color: var(--gold-5) !important;
}

.bg-gold-vivid-80 {
    --background: var(--gold-vivid-80);
    background: var(--gold-vivid-80) !important;
}

.text-gold-vivid-80 {
    color: var(--gold-vivid-80) !important;
}

.border-gold-vivid-80 {
    border-color: var(--gold-vivid-80) !important;
}

.bg-gold-vivid-70 {
    --background: var(--gold-vivid-70);
    background: var(--gold-vivid-70) !important;
}

.text-gold-vivid-70 {
    color: var(--gold-vivid-70) !important;
}

.border-gold-vivid-70 {
    border-color: var(--gold-vivid-70) !important;
}

.bg-gold-vivid-60 {
    --background: var(--gold-vivid-60);
    background: var(--gold-vivid-60) !important;
}

.text-gold-vivid-60 {
    color: var(--gold-vivid-60) !important;
}

.border-gold-vivid-60 {
    border-color: var(--gold-vivid-60) !important;
}

.bg-gold-vivid-50 {
    --background: var(--gold-vivid-50);
    background: var(--gold-vivid-50) !important;
}

.text-gold-vivid-50 {
    color: var(--gold-vivid-50) !important;
}

.border-gold-vivid-50 {
    border-color: var(--gold-vivid-50) !important;
}

.bg-gold-vivid-40 {
    --background: var(--gold-vivid-40);
    background: var(--gold-vivid-40) !important;
}

.text-gold-vivid-40 {
    color: var(--gold-vivid-40) !important;
}

.border-gold-vivid-40 {
    border-color: var(--gold-vivid-40) !important;
}

.bg-gold-vivid-30 {
    --background: var(--gold-vivid-30);
    background: var(--gold-vivid-30) !important;
}

.text-gold-vivid-30 {
    color: var(--gold-vivid-30) !important;
}

.border-gold-vivid-30 {
    border-color: var(--gold-vivid-30) !important;
}

.bg-gold-vivid-20 {
    --background: var(--gold-vivid-20);
    background: var(--gold-vivid-20) !important;
}

.text-gold-vivid-20 {
    color: var(--gold-vivid-20) !important;
}

.border-gold-vivid-20 {
    border-color: var(--gold-vivid-20) !important;
}

.bg-gold-vivid-10 {
    --background: var(--gold-vivid-10);
    background: var(--gold-vivid-10) !important;
}

.text-gold-vivid-10 {
    color: var(--gold-vivid-10) !important;
}

.border-gold-vivid-10 {
    border-color: var(--gold-vivid-10) !important;
}

.bg-gold-vivid-5 {
    --background: var(--gold-vivid-5);
    background: var(--gold-vivid-5) !important;
}

.text-gold-vivid-5 {
    color: var(--gold-vivid-5) !important;
}

.border-gold-vivid-5 {
    border-color: var(--gold-vivid-5) !important;
}

.bg-gray-90 {
    --background: var(--gray-90);
    background: var(--gray-90) !important;
}

.text-gray-90 {
    color: var(--gray-90) !important;
}

.border-gray-90 {
    border-color: var(--gray-90) !important;
}

.bg-gray-80 {
    --background: var(--gray-80);
    background: var(--gray-80) !important;
}

.text-gray-80 {
    color: var(--gray-80) !important;
}

.border-gray-80 {
    border-color: var(--gray-80) !important;
}

.bg-gray-70 {
    --background: var(--gray-70);
    background: var(--gray-70) !important;
}

.text-gray-70 {
    color: var(--gray-70) !important;
}

.border-gray-70 {
    border-color: var(--gray-70) !important;
}

.bg-gray-60 {
    --background: var(--gray-60);
    background: var(--gray-60) !important;
}

.text-gray-60 {
    color: var(--gray-60) !important;
}

.border-gray-60 {
    border-color: var(--gray-60) !important;
}

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

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

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

.bg-gray-40 {
    --background: var(--gray-40);
    background: var(--gray-40) !important;
}

.text-gray-40 {
    color: var(--gray-40) !important;
}

.border-gray-40 {
    border-color: var(--gray-40) !important;
}

.bg-gray-30 {
    --background: var(--gray-30);
    background: var(--gray-30) !important;
}

.text-gray-30 {
    color: var(--gray-30) !important;
}

.border-gray-30 {
    border-color: var(--gray-30) !important;
}

.bg-gray-20 {
    --background: var(--gray-20);
    background: var(--gray-20) !important;
}

.text-gray-20 {
    color: var(--gray-20) !important;
}

.border-gray-20 {
    border-color: var(--gray-20) !important;
}

.bg-gray-10 {
    --background: var(--gray-10);
    background: var(--gray-10) !important;
}

.text-gray-10 {
    color: var(--gray-10) !important;
}

.border-gray-10 {
    border-color: var(--gray-10) !important;
}

.bg-gray-5 {
    --background: var(--gray-5);
    background: var(--gray-5) !important;
}

.text-gray-5 {
    color: var(--gray-5) !important;
}

.border-gray-5 {
    border-color: var(--gray-5) !important;
}

.bg-gray-4 {
    --background: var(--gray-4);
    background: var(--gray-4) !important;
}

.text-gray-4 {
    color: var(--gray-4) !important;
}

.border-gray-4 {
    border-color: var(--gray-4) !important;
}

.bg-gray-3 {
    --background: var(--gray-3);
    background: var(--gray-3) !important;
}

.text-gray-3 {
    color: var(--gray-3) !important;
}

.border-gray-3 {
    border-color: var(--gray-3) !important;
}

.bg-gray-2 {
    --background: var(--gray-2);
    background: var(--gray-2) !important;
}

.text-gray-2 {
    color: var(--gray-2) !important;
}

.border-gray-2 {
    border-color: var(--gray-2) !important;
}

.bg-gray-1 {
    --background: var(--gray-1);
    background: var(--gray-1) !important;
}

.text-gray-1 {
    color: var(--gray-1) !important;
}

.border-gray-1 {
    border-color: var(--gray-1) !important;
}

.bg-gray-cool-90 {
    --background: var(--gray-cool-90);
    background: var(--gray-cool-90) !important;
}

.text-gray-cool-90 {
    color: var(--gray-cool-90) !important;
}

.border-gray-cool-90 {
    border-color: var(--gray-cool-90) !important;
}

.bg-gray-cool-80 {
    --background: var(--gray-cool-80);
    background: var(--gray-cool-80) !important;
}

.text-gray-cool-80 {
    color: var(--gray-cool-80) !important;
}

.border-gray-cool-80 {
    border-color: var(--gray-cool-80) !important;
}

.bg-gray-cool-70 {
    --background: var(--gray-cool-70);
    background: var(--gray-cool-70) !important;
}

.text-gray-cool-70 {
    color: var(--gray-cool-70) !important;
}

.border-gray-cool-70 {
    border-color: var(--gray-cool-70) !important;
}

.bg-gray-cool-60 {
    --background: var(--gray-cool-60);
    background: var(--gray-cool-60) !important;
}

.text-gray-cool-60 {
    color: var(--gray-cool-60) !important;
}

.border-gray-cool-60 {
    border-color: var(--gray-cool-60) !important;
}

.bg-gray-cool-50 {
    --background: var(--gray-cool-50);
    background: var(--gray-cool-50) !important;
}

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

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

.bg-gray-cool-40 {
    --background: var(--gray-cool-40);
    background: var(--gray-cool-40) !important;
}

.text-gray-cool-40 {
    color: var(--gray-cool-40) !important;
}

.border-gray-cool-40 {
    border-color: var(--gray-cool-40) !important;
}

.bg-gray-cool-30 {
    --background: var(--gray-cool-30);
    background: var(--gray-cool-30) !important;
}

.text-gray-cool-30 {
    color: var(--gray-cool-30) !important;
}

.border-gray-cool-30 {
    border-color: var(--gray-cool-30) !important;
}

.bg-gray-cool-20 {
    --background: var(--gray-cool-20);
    background: var(--gray-cool-20) !important;
}

.text-gray-cool-20 {
    color: var(--gray-cool-20) !important;
}

.border-gray-cool-20 {
    border-color: var(--gray-cool-20) !important;
}

.bg-gray-cool-10 {
    --background: var(--gray-cool-10);
    background: var(--gray-cool-10) !important;
}

.text-gray-cool-10 {
    color: var(--gray-cool-10) !important;
}

.border-gray-cool-10 {
    border-color: var(--gray-cool-10) !important;
}

.bg-gray-cool-5 {
    --background: var(--gray-cool-5);
    background: var(--gray-cool-5) !important;
}

.text-gray-cool-5 {
    color: var(--gray-cool-5) !important;
}

.border-gray-cool-5 {
    border-color: var(--gray-cool-5) !important;
}

.bg-gray-cool-4 {
    --background: var(--gray-cool-4);
    background: var(--gray-cool-4) !important;
}

.text-gray-cool-4 {
    color: var(--gray-cool-4) !important;
}

.border-gray-cool-4 {
    border-color: var(--gray-cool-4) !important;
}

.bg-gray-cool-3 {
    --background: var(--gray-cool-3);
    background: var(--gray-cool-3) !important;
}

.text-gray-cool-3 {
    color: var(--gray-cool-3) !important;
}

.border-gray-cool-3 {
    border-color: var(--gray-cool-3) !important;
}

.bg-gray-cool-2 {
    --background: var(--gray-cool-2);
    background: var(--gray-cool-2) !important;
}

.text-gray-cool-2 {
    color: var(--gray-cool-2) !important;
}

.border-gray-cool-2 {
    border-color: var(--gray-cool-2) !important;
}

.bg-gray-cool-1 {
    --background: var(--gray-cool-1);
    background: var(--gray-cool-1) !important;
}

.text-gray-cool-1 {
    color: var(--gray-cool-1) !important;
}

.border-gray-cool-1 {
    border-color: var(--gray-cool-1) !important;
}

.bg-gray-warm-90 {
    --background: var(--gray-warm-90);
    background: var(--gray-warm-90) !important;
}

.text-gray-warm-90 {
    color: var(--gray-warm-90) !important;
}

.border-gray-warm-90 {
    border-color: var(--gray-warm-90) !important;
}

.bg-gray-warm-80 {
    --background: var(--gray-warm-80);
    background: var(--gray-warm-80) !important;
}

.text-gray-warm-80 {
    color: var(--gray-warm-80) !important;
}

.border-gray-warm-80 {
    border-color: var(--gray-warm-80) !important;
}

.bg-gray-warm-70 {
    --background: var(--gray-warm-70);
    background: var(--gray-warm-70) !important;
}

.text-gray-warm-70 {
    color: var(--gray-warm-70) !important;
}

.border-gray-warm-70 {
    border-color: var(--gray-warm-70) !important;
}

.bg-gray-warm-60 {
    --background: var(--gray-warm-60);
    background: var(--gray-warm-60) !important;
}

.text-gray-warm-60 {
    color: var(--gray-warm-60) !important;
}

.border-gray-warm-60 {
    border-color: var(--gray-warm-60) !important;
}

.bg-gray-warm-50 {
    --background: var(--gray-warm-50);
    background: var(--gray-warm-50) !important;
}

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

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

.bg-gray-warm-40 {
    --background: var(--gray-warm-40);
    background: var(--gray-warm-40) !important;
}

.text-gray-warm-40 {
    color: var(--gray-warm-40) !important;
}

.border-gray-warm-40 {
    border-color: var(--gray-warm-40) !important;
}

.bg-gray-warm-30 {
    --background: var(--gray-warm-30);
    background: var(--gray-warm-30) !important;
}

.text-gray-warm-30 {
    color: var(--gray-warm-30) !important;
}

.border-gray-warm-30 {
    border-color: var(--gray-warm-30) !important;
}

.bg-gray-warm-20 {
    --background: var(--gray-warm-20);
    background: var(--gray-warm-20) !important;
}

.text-gray-warm-20 {
    color: var(--gray-warm-20) !important;
}

.border-gray-warm-20 {
    border-color: var(--gray-warm-20) !important;
}

.bg-gray-warm-10 {
    --background: var(--gray-warm-10);
    background: var(--gray-warm-10) !important;
}

.text-gray-warm-10 {
    color: var(--gray-warm-10) !important;
}

.border-gray-warm-10 {
    border-color: var(--gray-warm-10) !important;
}

.bg-gray-warm-5 {
    --background: var(--gray-warm-5);
    background: var(--gray-warm-5) !important;
}

.text-gray-warm-5 {
    color: var(--gray-warm-5) !important;
}

.border-gray-warm-5 {
    border-color: var(--gray-warm-5) !important;
}

.bg-gray-warm-4 {
    --background: var(--gray-warm-4);
    background: var(--gray-warm-4) !important;
}

.text-gray-warm-4 {
    color: var(--gray-warm-4) !important;
}

.border-gray-warm-4 {
    border-color: var(--gray-warm-4) !important;
}

.bg-gray-warm-3 {
    --background: var(--gray-warm-3);
    background: var(--gray-warm-3) !important;
}

.text-gray-warm-3 {
    color: var(--gray-warm-3) !important;
}

.border-gray-warm-3 {
    border-color: var(--gray-warm-3) !important;
}

.bg-gray-warm-2 {
    --background: var(--gray-warm-2);
    background: var(--gray-warm-2) !important;
}

.text-gray-warm-2 {
    color: var(--gray-warm-2) !important;
}

.border-gray-warm-2 {
    border-color: var(--gray-warm-2) !important;
}

.bg-gray-warm-1 {
    --background: var(--gray-warm-1);
    background: var(--gray-warm-1) !important;
}

.text-gray-warm-1 {
    color: var(--gray-warm-1) !important;
}

.border-gray-warm-1 {
    border-color: var(--gray-warm-1) !important;
}

.bg-green-90 {
    --background: var(--green-90);
    background: var(--green-90) !important;
}

.text-green-90 {
    color: var(--green-90) !important;
}

.border-green-90 {
    border-color: var(--green-90) !important;
}

.bg-green-80 {
    --background: var(--green-80);
    background: var(--green-80) !important;
}

.text-green-80 {
    color: var(--green-80) !important;
}

.border-green-80 {
    border-color: var(--green-80) !important;
}

.bg-green-70 {
    --background: var(--green-70);
    background: var(--green-70) !important;
}

.text-green-70 {
    color: var(--green-70) !important;
}

.border-green-70 {
    border-color: var(--green-70) !important;
}

.bg-green-60 {
    --background: var(--green-60);
    background: var(--green-60) !important;
}

.text-green-60 {
    color: var(--green-60) !important;
}

.border-green-60 {
    border-color: var(--green-60) !important;
}

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

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

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

.bg-green-40 {
    --background: var(--green-40);
    background: var(--green-40) !important;
}

.text-green-40 {
    color: var(--green-40) !important;
}

.border-green-40 {
    border-color: var(--green-40) !important;
}

.bg-green-30 {
    --background: var(--green-30);
    background: var(--green-30) !important;
}

.text-green-30 {
    color: var(--green-30) !important;
}

.border-green-30 {
    border-color: var(--green-30) !important;
}

.bg-green-20 {
    --background: var(--green-20);
    background: var(--green-20) !important;
}

.text-green-20 {
    color: var(--green-20) !important;
}

.border-green-20 {
    border-color: var(--green-20) !important;
}

.bg-green-10 {
    --background: var(--green-10);
    background: var(--green-10) !important;
}

.text-green-10 {
    color: var(--green-10) !important;
}

.border-green-10 {
    border-color: var(--green-10) !important;
}

.bg-green-5 {
    --background: var(--green-5);
    background: var(--green-5) !important;
}

.text-green-5 {
    color: var(--green-5) !important;
}

.border-green-5 {
    border-color: var(--green-5) !important;
}

.bg-green-cool-90 {
    --background: var(--green-cool-90);
    background: var(--green-cool-90) !important;
}

.text-green-cool-90 {
    color: var(--green-cool-90) !important;
}

.border-green-cool-90 {
    border-color: var(--green-cool-90) !important;
}

.bg-green-cool-80 {
    --background: var(--green-cool-80);
    background: var(--green-cool-80) !important;
}

.text-green-cool-80 {
    color: var(--green-cool-80) !important;
}

.border-green-cool-80 {
    border-color: var(--green-cool-80) !important;
}

.bg-green-cool-70 {
    --background: var(--green-cool-70);
    background: var(--green-cool-70) !important;
}

.text-green-cool-70 {
    color: var(--green-cool-70) !important;
}

.border-green-cool-70 {
    border-color: var(--green-cool-70) !important;
}

.bg-green-cool-60 {
    --background: var(--green-cool-60);
    background: var(--green-cool-60) !important;
}

.text-green-cool-60 {
    color: var(--green-cool-60) !important;
}

.border-green-cool-60 {
    border-color: var(--green-cool-60) !important;
}

.bg-green-cool-50 {
    --background: var(--green-cool-50);
    background: var(--green-cool-50) !important;
}

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

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

.bg-green-cool-40 {
    --background: var(--green-cool-40);
    background: var(--green-cool-40) !important;
}

.text-green-cool-40 {
    color: var(--green-cool-40) !important;
}

.border-green-cool-40 {
    border-color: var(--green-cool-40) !important;
}

.bg-green-cool-30 {
    --background: var(--green-cool-30);
    background: var(--green-cool-30) !important;
}

.text-green-cool-30 {
    color: var(--green-cool-30) !important;
}

.border-green-cool-30 {
    border-color: var(--green-cool-30) !important;
}

.bg-green-cool-20 {
    --background: var(--green-cool-20);
    background: var(--green-cool-20) !important;
}

.text-green-cool-20 {
    color: var(--green-cool-20) !important;
}

.border-green-cool-20 {
    border-color: var(--green-cool-20) !important;
}

.bg-green-cool-10 {
    --background: var(--green-cool-10);
    background: var(--green-cool-10) !important;
}

.text-green-cool-10 {
    color: var(--green-cool-10) !important;
}

.border-green-cool-10 {
    border-color: var(--green-cool-10) !important;
}

.bg-green-cool-5 {
    --background: var(--green-cool-5);
    background: var(--green-cool-5) !important;
}

.text-green-cool-5 {
    color: var(--green-cool-5) !important;
}

.border-green-cool-5 {
    border-color: var(--green-cool-5) !important;
}

.bg-green-warm-90 {
    --background: var(--green-warm-90);
    background: var(--green-warm-90) !important;
}

.text-green-warm-90 {
    color: var(--green-warm-90) !important;
}

.border-green-warm-90 {
    border-color: var(--green-warm-90) !important;
}

.bg-green-warm-80 {
    --background: var(--green-warm-80);
    background: var(--green-warm-80) !important;
}

.text-green-warm-80 {
    color: var(--green-warm-80) !important;
}

.border-green-warm-80 {
    border-color: var(--green-warm-80) !important;
}

.bg-green-warm-70 {
    --background: var(--green-warm-70);
    background: var(--green-warm-70) !important;
}

.text-green-warm-70 {
    color: var(--green-warm-70) !important;
}

.border-green-warm-70 {
    border-color: var(--green-warm-70) !important;
}

.bg-green-warm-60 {
    --background: var(--green-warm-60);
    background: var(--green-warm-60) !important;
}

.text-green-warm-60 {
    color: var(--green-warm-60) !important;
}

.border-green-warm-60 {
    border-color: var(--green-warm-60) !important;
}

.bg-green-warm-50 {
    --background: var(--green-warm-50);
    background: var(--green-warm-50) !important;
}

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

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

.bg-green-warm-40 {
    --background: var(--green-warm-40);
    background: var(--green-warm-40) !important;
}

.text-green-warm-40 {
    color: var(--green-warm-40) !important;
}

.border-green-warm-40 {
    border-color: var(--green-warm-40) !important;
}

.bg-green-warm-30 {
    --background: var(--green-warm-30);
    background: var(--green-warm-30) !important;
}

.text-green-warm-30 {
    color: var(--green-warm-30) !important;
}

.border-green-warm-30 {
    border-color: var(--green-warm-30) !important;
}

.bg-green-warm-20 {
    --background: var(--green-warm-20);
    background: var(--green-warm-20) !important;
}

.text-green-warm-20 {
    color: var(--green-warm-20) !important;
}

.border-green-warm-20 {
    border-color: var(--green-warm-20) !important;
}

.bg-green-warm-10 {
    --background: var(--green-warm-10);
    background: var(--green-warm-10) !important;
}

.text-green-warm-10 {
    color: var(--green-warm-10) !important;
}

.border-green-warm-10 {
    border-color: var(--green-warm-10) !important;
}

.bg-green-warm-5 {
    --background: var(--green-warm-5);
    background: var(--green-warm-5) !important;
}

.text-green-warm-5 {
    color: var(--green-warm-5) !important;
}

.border-green-warm-5 {
    border-color: var(--green-warm-5) !important;
}

.bg-green-vivid-80 {
    --background: var(--green-vivid-80);
    background: var(--green-vivid-80) !important;
}

.text-green-vivid-80 {
    color: var(--green-vivid-80) !important;
}

.border-green-vivid-80 {
    border-color: var(--green-vivid-80) !important;
}

.bg-green-vivid-70 {
    --background: var(--green-vivid-70);
    background: var(--green-vivid-70) !important;
}

.text-green-vivid-70 {
    color: var(--green-vivid-70) !important;
}

.border-green-vivid-70 {
    border-color: var(--green-vivid-70) !important;
}

.bg-green-vivid-60 {
    --background: var(--green-vivid-60);
    background: var(--green-vivid-60) !important;
}

.text-green-vivid-60 {
    color: var(--green-vivid-60) !important;
}

.border-green-vivid-60 {
    border-color: var(--green-vivid-60) !important;
}

.bg-green-vivid-50 {
    --background: var(--green-vivid-50);
    background: var(--green-vivid-50) !important;
}

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

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

.bg-green-vivid-40 {
    --background: var(--green-vivid-40);
    background: var(--green-vivid-40) !important;
}

.text-green-vivid-40 {
    color: var(--green-vivid-40) !important;
}

.border-green-vivid-40 {
    border-color: var(--green-vivid-40) !important;
}

.bg-green-vivid-30 {
    --background: var(--green-vivid-30);
    background: var(--green-vivid-30) !important;
}

.text-green-vivid-30 {
    color: var(--green-vivid-30) !important;
}

.border-green-vivid-30 {
    border-color: var(--green-vivid-30) !important;
}

.bg-green-vivid-20 {
    --background: var(--green-vivid-20);
    background: var(--green-vivid-20) !important;
}

.text-green-vivid-20 {
    color: var(--green-vivid-20) !important;
}

.border-green-vivid-20 {
    border-color: var(--green-vivid-20) !important;
}

.bg-green-vivid-10 {
    --background: var(--green-vivid-10);
    background: var(--green-vivid-10) !important;
}

.text-green-vivid-10 {
    color: var(--green-vivid-10) !important;
}

.border-green-vivid-10 {
    border-color: var(--green-vivid-10) !important;
}

.bg-green-vivid-5 {
    --background: var(--green-vivid-5);
    background: var(--green-vivid-5) !important;
}

.text-green-vivid-5 {
    color: var(--green-vivid-5) !important;
}

.border-green-vivid-5 {
    border-color: var(--green-vivid-5) !important;
}

.bg-green-cool-vivid-80 {
    --background: var(--green-cool-vivid-80);
    background: var(--green-cool-vivid-80) !important;
}

.text-green-cool-vivid-80 {
    color: var(--green-cool-vivid-80) !important;
}

.border-green-cool-vivid-80 {
    border-color: var(--green-cool-vivid-80) !important;
}

.bg-green-cool-vivid-70 {
    --background: var(--green-cool-vivid-70);
    background: var(--green-cool-vivid-70) !important;
}

.text-green-cool-vivid-70 {
    color: var(--green-cool-vivid-70) !important;
}

.border-green-cool-vivid-70 {
    border-color: var(--green-cool-vivid-70) !important;
}

.bg-green-cool-vivid-60 {
    --background: var(--green-cool-vivid-60);
    background: var(--green-cool-vivid-60) !important;
}

.text-green-cool-vivid-60 {
    color: var(--green-cool-vivid-60) !important;
}

.border-green-cool-vivid-60 {
    border-color: var(--green-cool-vivid-60) !important;
}

.bg-green-cool-vivid-50 {
    --background: var(--green-cool-vivid-50);
    background: var(--green-cool-vivid-50) !important;
}

.text-green-cool-vivid-50 {
    color: var(--green-cool-vivid-50) !important;
}

.border-green-cool-vivid-50 {
    border-color: var(--green-cool-vivid-50) !important;
}

.bg-green-cool-vivid-40 {
    --background: var(--green-cool-vivid-40);
    background: var(--green-cool-vivid-40) !important;
}

.text-green-cool-vivid-40 {
    color: var(--green-cool-vivid-40) !important;
}

.border-green-cool-vivid-40 {
    border-color: var(--green-cool-vivid-40) !important;
}

.bg-green-cool-vivid-30 {
    --background: var(--green-cool-vivid-30);
    background: var(--green-cool-vivid-30) !important;
}

.text-green-cool-vivid-30 {
    color: var(--green-cool-vivid-30) !important;
}

.border-green-cool-vivid-30 {
    border-color: var(--green-cool-vivid-30) !important;
}

.bg-green-cool-vivid-20 {
    --background: var(--green-cool-vivid-20);
    background: var(--green-cool-vivid-20) !important;
}

.text-green-cool-vivid-20 {
    color: var(--green-cool-vivid-20) !important;
}

.border-green-cool-vivid-20 {
    border-color: var(--green-cool-vivid-20) !important;
}

.bg-green-cool-vivid-10 {
    --background: var(--green-cool-vivid-10);
    background: var(--green-cool-vivid-10) !important;
}

.text-green-cool-vivid-10 {
    color: var(--green-cool-vivid-10) !important;
}

.border-green-cool-vivid-10 {
    border-color: var(--green-cool-vivid-10) !important;
}

.bg-green-cool-vivid-5 {
    --background: var(--green-cool-vivid-5);
    background: var(--green-cool-vivid-5) !important;
}

.text-green-cool-vivid-5 {
    color: var(--green-cool-vivid-5) !important;
}

.border-green-cool-vivid-5 {
    border-color: var(--green-cool-vivid-5) !important;
}

.bg-green-warm-vivid-80 {
    --background: var(--green-warm-vivid-80);
    background: var(--green-warm-vivid-80) !important;
}

.text-green-warm-vivid-80 {
    color: var(--green-warm-vivid-80) !important;
}

.border-green-warm-vivid-80 {
    border-color: var(--green-warm-vivid-80) !important;
}

.bg-green-warm-vivid-70 {
    --background: var(--green-warm-vivid-70);
    background: var(--green-warm-vivid-70) !important;
}

.text-green-warm-vivid-70 {
    color: var(--green-warm-vivid-70) !important;
}

.border-green-warm-vivid-70 {
    border-color: var(--green-warm-vivid-70) !important;
}

.bg-green-warm-vivid-60 {
    --background: var(--green-warm-vivid-60);
    background: var(--green-warm-vivid-60) !important;
}

.text-green-warm-vivid-60 {
    color: var(--green-warm-vivid-60) !important;
}

.border-green-warm-vivid-60 {
    border-color: var(--green-warm-vivid-60) !important;
}

.bg-green-warm-vivid-50 {
    --background: var(--green-warm-vivid-50);
    background: var(--green-warm-vivid-50) !important;
}

.text-green-warm-vivid-50 {
    color: var(--green-warm-vivid-50) !important;
}

.border-green-warm-vivid-50 {
    border-color: var(--green-warm-vivid-50) !important;
}

.bg-green-warm-vivid-40 {
    --background: var(--green-warm-vivid-40);
    background: var(--green-warm-vivid-40) !important;
}

.text-green-warm-vivid-40 {
    color: var(--green-warm-vivid-40) !important;
}

.border-green-warm-vivid-40 {
    border-color: var(--green-warm-vivid-40) !important;
}

.bg-green-warm-vivid-30 {
    --background: var(--green-warm-vivid-30);
    background: var(--green-warm-vivid-30) !important;
}

.text-green-warm-vivid-30 {
    color: var(--green-warm-vivid-30) !important;
}

.border-green-warm-vivid-30 {
    border-color: var(--green-warm-vivid-30) !important;
}

.bg-green-warm-vivid-20 {
    --background: var(--green-warm-vivid-20);
    background: var(--green-warm-vivid-20) !important;
}

.text-green-warm-vivid-20 {
    color: var(--green-warm-vivid-20) !important;
}

.border-green-warm-vivid-20 {
    border-color: var(--green-warm-vivid-20) !important;
}

.bg-green-warm-vivid-10 {
    --background: var(--green-warm-vivid-10);
    background: var(--green-warm-vivid-10) !important;
}

.text-green-warm-vivid-10 {
    color: var(--green-warm-vivid-10) !important;
}

.border-green-warm-vivid-10 {
    border-color: var(--green-warm-vivid-10) !important;
}

.bg-green-warm-vivid-5 {
    --background: var(--green-warm-vivid-5);
    background: var(--green-warm-vivid-5) !important;
}

.text-green-warm-vivid-5 {
    color: var(--green-warm-vivid-5) !important;
}

.border-green-warm-vivid-5 {
    border-color: var(--green-warm-vivid-5) !important;
}

.bg-indigo-90 {
    --background: var(--indigo-90);
    background: var(--indigo-90) !important;
}

.text-indigo-90 {
    color: var(--indigo-90) !important;
}

.border-indigo-90 {
    border-color: var(--indigo-90) !important;
}

.bg-indigo-80 {
    --background: var(--indigo-80);
    background: var(--indigo-80) !important;
}

.text-indigo-80 {
    color: var(--indigo-80) !important;
}

.border-indigo-80 {
    border-color: var(--indigo-80) !important;
}

.bg-indigo-70 {
    --background: var(--indigo-70);
    background: var(--indigo-70) !important;
}

.text-indigo-70 {
    color: var(--indigo-70) !important;
}

.border-indigo-70 {
    border-color: var(--indigo-70) !important;
}

.bg-indigo-60 {
    --background: var(--indigo-60);
    background: var(--indigo-60) !important;
}

.text-indigo-60 {
    color: var(--indigo-60) !important;
}

.border-indigo-60 {
    border-color: var(--indigo-60) !important;
}

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

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

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

.bg-indigo-40 {
    --background: var(--indigo-40);
    background: var(--indigo-40) !important;
}

.text-indigo-40 {
    color: var(--indigo-40) !important;
}

.border-indigo-40 {
    border-color: var(--indigo-40) !important;
}

.bg-indigo-30 {
    --background: var(--indigo-30);
    background: var(--indigo-30) !important;
}

.text-indigo-30 {
    color: var(--indigo-30) !important;
}

.border-indigo-30 {
    border-color: var(--indigo-30) !important;
}

.bg-indigo-20 {
    --background: var(--indigo-20);
    background: var(--indigo-20) !important;
}

.text-indigo-20 {
    color: var(--indigo-20) !important;
}

.border-indigo-20 {
    border-color: var(--indigo-20) !important;
}

.bg-indigo-10 {
    --background: var(--indigo-10);
    background: var(--indigo-10) !important;
}

.text-indigo-10 {
    color: var(--indigo-10) !important;
}

.border-indigo-10 {
    border-color: var(--indigo-10) !important;
}

.bg-indigo-5 {
    --background: var(--indigo-5);
    background: var(--indigo-5) !important;
}

.text-indigo-5 {
    color: var(--indigo-5) !important;
}

.border-indigo-5 {
    border-color: var(--indigo-5) !important;
}

.bg-indigo-cool-90 {
    --background: var(--indigo-cool-90);
    background: var(--indigo-cool-90) !important;
}

.text-indigo-cool-90 {
    color: var(--indigo-cool-90) !important;
}

.border-indigo-cool-90 {
    border-color: var(--indigo-cool-90) !important;
}

.bg-indigo-cool-80 {
    --background: var(--indigo-cool-80);
    background: var(--indigo-cool-80) !important;
}

.text-indigo-cool-80 {
    color: var(--indigo-cool-80) !important;
}

.border-indigo-cool-80 {
    border-color: var(--indigo-cool-80) !important;
}

.bg-indigo-cool-70 {
    --background: var(--indigo-cool-70);
    background: var(--indigo-cool-70) !important;
}

.text-indigo-cool-70 {
    color: var(--indigo-cool-70) !important;
}

.border-indigo-cool-70 {
    border-color: var(--indigo-cool-70) !important;
}

.bg-indigo-cool-60 {
    --background: var(--indigo-cool-60);
    background: var(--indigo-cool-60) !important;
}

.text-indigo-cool-60 {
    color: var(--indigo-cool-60) !important;
}

.border-indigo-cool-60 {
    border-color: var(--indigo-cool-60) !important;
}

.bg-indigo-cool-50 {
    --background: var(--indigo-cool-50);
    background: var(--indigo-cool-50) !important;
}

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

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

.bg-indigo-cool-40 {
    --background: var(--indigo-cool-40);
    background: var(--indigo-cool-40) !important;
}

.text-indigo-cool-40 {
    color: var(--indigo-cool-40) !important;
}

.border-indigo-cool-40 {
    border-color: var(--indigo-cool-40) !important;
}

.bg-indigo-cool-30 {
    --background: var(--indigo-cool-30);
    background: var(--indigo-cool-30) !important;
}

.text-indigo-cool-30 {
    color: var(--indigo-cool-30) !important;
}

.border-indigo-cool-30 {
    border-color: var(--indigo-cool-30) !important;
}

.bg-indigo-cool-20 {
    --background: var(--indigo-cool-20);
    background: var(--indigo-cool-20) !important;
}

.text-indigo-cool-20 {
    color: var(--indigo-cool-20) !important;
}

.border-indigo-cool-20 {
    border-color: var(--indigo-cool-20) !important;
}

.bg-indigo-cool-10 {
    --background: var(--indigo-cool-10);
    background: var(--indigo-cool-10) !important;
}

.text-indigo-cool-10 {
    color: var(--indigo-cool-10) !important;
}

.border-indigo-cool-10 {
    border-color: var(--indigo-cool-10) !important;
}

.bg-indigo-cool-5 {
    --background: var(--indigo-cool-5);
    background: var(--indigo-cool-5) !important;
}

.text-indigo-cool-5 {
    color: var(--indigo-cool-5) !important;
}

.border-indigo-cool-5 {
    border-color: var(--indigo-cool-5) !important;
}

.bg-indigo-warm-90 {
    --background: var(--indigo-warm-90);
    background: var(--indigo-warm-90) !important;
}

.text-indigo-warm-90 {
    color: var(--indigo-warm-90) !important;
}

.border-indigo-warm-90 {
    border-color: var(--indigo-warm-90) !important;
}

.bg-indigo-warm-80 {
    --background: var(--indigo-warm-80);
    background: var(--indigo-warm-80) !important;
}

.text-indigo-warm-80 {
    color: var(--indigo-warm-80) !important;
}

.border-indigo-warm-80 {
    border-color: var(--indigo-warm-80) !important;
}

.bg-indigo-warm-70 {
    --background: var(--indigo-warm-70);
    background: var(--indigo-warm-70) !important;
}

.text-indigo-warm-70 {
    color: var(--indigo-warm-70) !important;
}

.border-indigo-warm-70 {
    border-color: var(--indigo-warm-70) !important;
}

.bg-indigo-warm-60 {
    --background: var(--indigo-warm-60);
    background: var(--indigo-warm-60) !important;
}

.text-indigo-warm-60 {
    color: var(--indigo-warm-60) !important;
}

.border-indigo-warm-60 {
    border-color: var(--indigo-warm-60) !important;
}

.bg-indigo-warm-50 {
    --background: var(--indigo-warm-50);
    background: var(--indigo-warm-50) !important;
}

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

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

.bg-indigo-warm-40 {
    --background: var(--indigo-warm-40);
    background: var(--indigo-warm-40) !important;
}

.text-indigo-warm-40 {
    color: var(--indigo-warm-40) !important;
}

.border-indigo-warm-40 {
    border-color: var(--indigo-warm-40) !important;
}

.bg-indigo-warm-30 {
    --background: var(--indigo-warm-30);
    background: var(--indigo-warm-30) !important;
}

.text-indigo-warm-30 {
    color: var(--indigo-warm-30) !important;
}

.border-indigo-warm-30 {
    border-color: var(--indigo-warm-30) !important;
}

.bg-indigo-warm-20 {
    --background: var(--indigo-warm-20);
    background: var(--indigo-warm-20) !important;
}

.text-indigo-warm-20 {
    color: var(--indigo-warm-20) !important;
}

.border-indigo-warm-20 {
    border-color: var(--indigo-warm-20) !important;
}

.bg-indigo-warm-10 {
    --background: var(--indigo-warm-10);
    background: var(--indigo-warm-10) !important;
}

.text-indigo-warm-10 {
    color: var(--indigo-warm-10) !important;
}

.border-indigo-warm-10 {
    border-color: var(--indigo-warm-10) !important;
}

.bg-indigo-warm-5 {
    --background: var(--indigo-warm-5);
    background: var(--indigo-warm-5) !important;
}

.text-indigo-warm-5 {
    color: var(--indigo-warm-5) !important;
}

.border-indigo-warm-5 {
    border-color: var(--indigo-warm-5) !important;
}

.bg-indigo-vivid-80 {
    --background: var(--indigo-vivid-80);
    background: var(--indigo-vivid-80) !important;
}

.text-indigo-vivid-80 {
    color: var(--indigo-vivid-80) !important;
}

.border-indigo-vivid-80 {
    border-color: var(--indigo-vivid-80) !important;
}

.bg-indigo-vivid-70 {
    --background: var(--indigo-vivid-70);
    background: var(--indigo-vivid-70) !important;
}

.text-indigo-vivid-70 {
    color: var(--indigo-vivid-70) !important;
}

.border-indigo-vivid-70 {
    border-color: var(--indigo-vivid-70) !important;
}

.bg-indigo-vivid-60 {
    --background: var(--indigo-vivid-60);
    background: var(--indigo-vivid-60) !important;
}

.text-indigo-vivid-60 {
    color: var(--indigo-vivid-60) !important;
}

.border-indigo-vivid-60 {
    border-color: var(--indigo-vivid-60) !important;
}

.bg-indigo-vivid-50 {
    --background: var(--indigo-vivid-50);
    background: var(--indigo-vivid-50) !important;
}

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

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

.bg-indigo-vivid-40 {
    --background: var(--indigo-vivid-40);
    background: var(--indigo-vivid-40) !important;
}

.text-indigo-vivid-40 {
    color: var(--indigo-vivid-40) !important;
}

.border-indigo-vivid-40 {
    border-color: var(--indigo-vivid-40) !important;
}

.bg-indigo-vivid-30 {
    --background: var(--indigo-vivid-30);
    background: var(--indigo-vivid-30) !important;
}

.text-indigo-vivid-30 {
    color: var(--indigo-vivid-30) !important;
}

.border-indigo-vivid-30 {
    border-color: var(--indigo-vivid-30) !important;
}

.bg-indigo-vivid-20 {
    --background: var(--indigo-vivid-20);
    background: var(--indigo-vivid-20) !important;
}

.text-indigo-vivid-20 {
    color: var(--indigo-vivid-20) !important;
}

.border-indigo-vivid-20 {
    border-color: var(--indigo-vivid-20) !important;
}

.bg-indigo-vivid-10 {
    --background: var(--indigo-vivid-10);
    background: var(--indigo-vivid-10) !important;
}

.text-indigo-vivid-10 {
    color: var(--indigo-vivid-10) !important;
}

.border-indigo-vivid-10 {
    border-color: var(--indigo-vivid-10) !important;
}

.bg-indigo-vivid-5 {
    --background: var(--indigo-vivid-5);
    background: var(--indigo-vivid-5) !important;
}

.text-indigo-vivid-5 {
    color: var(--indigo-vivid-5) !important;
}

.border-indigo-vivid-5 {
    border-color: var(--indigo-vivid-5) !important;
}

.bg-indigo-cool-vivid-80 {
    --background: var(--indigo-cool-vivid-80);
    background: var(--indigo-cool-vivid-80) !important;
}

.text-indigo-cool-vivid-80 {
    color: var(--indigo-cool-vivid-80) !important;
}

.border-indigo-cool-vivid-80 {
    border-color: var(--indigo-cool-vivid-80) !important;
}

.bg-indigo-cool-vivid-70 {
    --background: var(--indigo-cool-vivid-70);
    background: var(--indigo-cool-vivid-70) !important;
}

.text-indigo-cool-vivid-70 {
    color: var(--indigo-cool-vivid-70) !important;
}

.border-indigo-cool-vivid-70 {
    border-color: var(--indigo-cool-vivid-70) !important;
}

.bg-indigo-cool-vivid-60 {
    --background: var(--indigo-cool-vivid-60);
    background: var(--indigo-cool-vivid-60) !important;
}

.text-indigo-cool-vivid-60 {
    color: var(--indigo-cool-vivid-60) !important;
}

.border-indigo-cool-vivid-60 {
    border-color: var(--indigo-cool-vivid-60) !important;
}

.bg-indigo-cool-vivid-50 {
    --background: var(--indigo-cool-vivid-50);
    background: var(--indigo-cool-vivid-50) !important;
}

.text-indigo-cool-vivid-50 {
    color: var(--indigo-cool-vivid-50) !important;
}

.border-indigo-cool-vivid-50 {
    border-color: var(--indigo-cool-vivid-50) !important;
}

.bg-indigo-cool-vivid-40 {
    --background: var(--indigo-cool-vivid-40);
    background: var(--indigo-cool-vivid-40) !important;
}

.text-indigo-cool-vivid-40 {
    color: var(--indigo-cool-vivid-40) !important;
}

.border-indigo-cool-vivid-40 {
    border-color: var(--indigo-cool-vivid-40) !important;
}

.bg-indigo-cool-vivid-30 {
    --background: var(--indigo-cool-vivid-30);
    background: var(--indigo-cool-vivid-30) !important;
}

.text-indigo-cool-vivid-30 {
    color: var(--indigo-cool-vivid-30) !important;
}

.border-indigo-cool-vivid-30 {
    border-color: var(--indigo-cool-vivid-30) !important;
}

.bg-indigo-cool-vivid-20 {
    --background: var(--indigo-cool-vivid-20);
    background: var(--indigo-cool-vivid-20) !important;
}

.text-indigo-cool-vivid-20 {
    color: var(--indigo-cool-vivid-20) !important;
}

.border-indigo-cool-vivid-20 {
    border-color: var(--indigo-cool-vivid-20) !important;
}

.bg-indigo-cool-vivid-10 {
    --background: var(--indigo-cool-vivid-10);
    background: var(--indigo-cool-vivid-10) !important;
}

.text-indigo-cool-vivid-10 {
    color: var(--indigo-cool-vivid-10) !important;
}

.border-indigo-cool-vivid-10 {
    border-color: var(--indigo-cool-vivid-10) !important;
}

.bg-indigo-cool-vivid-5 {
    --background: var(--indigo-cool-vivid-5);
    background: var(--indigo-cool-vivid-5) !important;
}

.text-indigo-cool-vivid-5 {
    color: var(--indigo-cool-vivid-5) !important;
}

.border-indigo-cool-vivid-5 {
    border-color: var(--indigo-cool-vivid-5) !important;
}

.bg-indigo-warm-vivid-80 {
    --background: var(--indigo-warm-vivid-80);
    background: var(--indigo-warm-vivid-80) !important;
}

.text-indigo-warm-vivid-80 {
    color: var(--indigo-warm-vivid-80) !important;
}

.border-indigo-warm-vivid-80 {
    border-color: var(--indigo-warm-vivid-80) !important;
}

.bg-indigo-warm-vivid-70 {
    --background: var(--indigo-warm-vivid-70);
    background: var(--indigo-warm-vivid-70) !important;
}

.text-indigo-warm-vivid-70 {
    color: var(--indigo-warm-vivid-70) !important;
}

.border-indigo-warm-vivid-70 {
    border-color: var(--indigo-warm-vivid-70) !important;
}

.bg-indigo-warm-vivid-60 {
    --background: var(--indigo-warm-vivid-60);
    background: var(--indigo-warm-vivid-60) !important;
}

.text-indigo-warm-vivid-60 {
    color: var(--indigo-warm-vivid-60) !important;
}

.border-indigo-warm-vivid-60 {
    border-color: var(--indigo-warm-vivid-60) !important;
}

.bg-indigo-warm-vivid-50 {
    --background: var(--indigo-warm-vivid-50);
    background: var(--indigo-warm-vivid-50) !important;
}

.text-indigo-warm-vivid-50 {
    color: var(--indigo-warm-vivid-50) !important;
}

.border-indigo-warm-vivid-50 {
    border-color: var(--indigo-warm-vivid-50) !important;
}

.bg-indigo-warm-vivid-40 {
    --background: var(--indigo-warm-vivid-40);
    background: var(--indigo-warm-vivid-40) !important;
}

.text-indigo-warm-vivid-40 {
    color: var(--indigo-warm-vivid-40) !important;
}

.border-indigo-warm-vivid-40 {
    border-color: var(--indigo-warm-vivid-40) !important;
}

.bg-indigo-warm-vivid-30 {
    --background: var(--indigo-warm-vivid-30);
    background: var(--indigo-warm-vivid-30) !important;
}

.text-indigo-warm-vivid-30 {
    color: var(--indigo-warm-vivid-30) !important;
}

.border-indigo-warm-vivid-30 {
    border-color: var(--indigo-warm-vivid-30) !important;
}

.bg-indigo-warm-vivid-20 {
    --background: var(--indigo-warm-vivid-20);
    background: var(--indigo-warm-vivid-20) !important;
}

.text-indigo-warm-vivid-20 {
    color: var(--indigo-warm-vivid-20) !important;
}

.border-indigo-warm-vivid-20 {
    border-color: var(--indigo-warm-vivid-20) !important;
}

.bg-indigo-warm-vivid-10 {
    --background: var(--indigo-warm-vivid-10);
    background: var(--indigo-warm-vivid-10) !important;
}

.text-indigo-warm-vivid-10 {
    color: var(--indigo-warm-vivid-10) !important;
}

.border-indigo-warm-vivid-10 {
    border-color: var(--indigo-warm-vivid-10) !important;
}

.bg-indigo-warm-vivid-5 {
    --background: var(--indigo-warm-vivid-5);
    background: var(--indigo-warm-vivid-5) !important;
}

.text-indigo-warm-vivid-5 {
    color: var(--indigo-warm-vivid-5) !important;
}

.border-indigo-warm-vivid-5 {
    border-color: var(--indigo-warm-vivid-5) !important;
}

.bg-magenta-90 {
    --background: var(--magenta-90);
    background: var(--magenta-90) !important;
}

.text-magenta-90 {
    color: var(--magenta-90) !important;
}

.border-magenta-90 {
    border-color: var(--magenta-90) !important;
}

.bg-magenta-80 {
    --background: var(--magenta-80);
    background: var(--magenta-80) !important;
}

.text-magenta-80 {
    color: var(--magenta-80) !important;
}

.border-magenta-80 {
    border-color: var(--magenta-80) !important;
}

.bg-magenta-70 {
    --background: var(--magenta-70);
    background: var(--magenta-70) !important;
}

.text-magenta-70 {
    color: var(--magenta-70) !important;
}

.border-magenta-70 {
    border-color: var(--magenta-70) !important;
}

.bg-magenta-60 {
    --background: var(--magenta-60);
    background: var(--magenta-60) !important;
}

.text-magenta-60 {
    color: var(--magenta-60) !important;
}

.border-magenta-60 {
    border-color: var(--magenta-60) !important;
}

.bg-magenta-50 {
    --background: var(--magenta-50);
    background: var(--magenta-50) !important;
}

.text-magenta-50 {
    color: var(--magenta-50) !important;
}

.border-magenta-50 {
    border-color: var(--magenta-50) !important;
}

.bg-magenta-40 {
    --background: var(--magenta-40);
    background: var(--magenta-40) !important;
}

.text-magenta-40 {
    color: var(--magenta-40) !important;
}

.border-magenta-40 {
    border-color: var(--magenta-40) !important;
}

.bg-magenta-30 {
    --background: var(--magenta-30);
    background: var(--magenta-30) !important;
}

.text-magenta-30 {
    color: var(--magenta-30) !important;
}

.border-magenta-30 {
    border-color: var(--magenta-30) !important;
}

.bg-magenta-20 {
    --background: var(--magenta-20);
    background: var(--magenta-20) !important;
}

.text-magenta-20 {
    color: var(--magenta-20) !important;
}

.border-magenta-20 {
    border-color: var(--magenta-20) !important;
}

.bg-magenta-10 {
    --background: var(--magenta-10);
    background: var(--magenta-10) !important;
}

.text-magenta-10 {
    color: var(--magenta-10) !important;
}

.border-magenta-10 {
    border-color: var(--magenta-10) !important;
}

.bg-magenta-5 {
    --background: var(--magenta-5);
    background: var(--magenta-5) !important;
}

.text-magenta-5 {
    color: var(--magenta-5) !important;
}

.border-magenta-5 {
    border-color: var(--magenta-5) !important;
}

.bg-magenta-vivid-80 {
    --background: var(--magenta-vivid-80);
    background: var(--magenta-vivid-80) !important;
}

.text-magenta-vivid-80 {
    color: var(--magenta-vivid-80) !important;
}

.border-magenta-vivid-80 {
    border-color: var(--magenta-vivid-80) !important;
}

.bg-magenta-vivid-70 {
    --background: var(--magenta-vivid-70);
    background: var(--magenta-vivid-70) !important;
}

.text-magenta-vivid-70 {
    color: var(--magenta-vivid-70) !important;
}

.border-magenta-vivid-70 {
    border-color: var(--magenta-vivid-70) !important;
}

.bg-magenta-vivid-60 {
    --background: var(--magenta-vivid-60);
    background: var(--magenta-vivid-60) !important;
}

.text-magenta-vivid-60 {
    color: var(--magenta-vivid-60) !important;
}

.border-magenta-vivid-60 {
    border-color: var(--magenta-vivid-60) !important;
}

.bg-magenta-vivid-50 {
    --background: var(--magenta-vivid-50);
    background: var(--magenta-vivid-50) !important;
}

.text-magenta-vivid-50 {
    color: var(--magenta-vivid-50) !important;
}

.border-magenta-vivid-50 {
    border-color: var(--magenta-vivid-50) !important;
}

.bg-magenta-vivid-40 {
    --background: var(--magenta-vivid-40);
    background: var(--magenta-vivid-40) !important;
}

.text-magenta-vivid-40 {
    color: var(--magenta-vivid-40) !important;
}

.border-magenta-vivid-40 {
    border-color: var(--magenta-vivid-40) !important;
}

.bg-magenta-vivid-30 {
    --background: var(--magenta-vivid-30);
    background: var(--magenta-vivid-30) !important;
}

.text-magenta-vivid-30 {
    color: var(--magenta-vivid-30) !important;
}

.border-magenta-vivid-30 {
    border-color: var(--magenta-vivid-30) !important;
}

.bg-magenta-vivid-20 {
    --background: var(--magenta-vivid-20);
    background: var(--magenta-vivid-20) !important;
}

.text-magenta-vivid-20 {
    color: var(--magenta-vivid-20) !important;
}

.border-magenta-vivid-20 {
    border-color: var(--magenta-vivid-20) !important;
}

.bg-magenta-vivid-10 {
    --background: var(--magenta-vivid-10);
    background: var(--magenta-vivid-10) !important;
}

.text-magenta-vivid-10 {
    color: var(--magenta-vivid-10) !important;
}

.border-magenta-vivid-10 {
    border-color: var(--magenta-vivid-10) !important;
}

.bg-magenta-vivid-5 {
    --background: var(--magenta-vivid-5);
    background: var(--magenta-vivid-5) !important;
}

.text-magenta-vivid-5 {
    color: var(--magenta-vivid-5) !important;
}

.border-magenta-vivid-5 {
    border-color: var(--magenta-vivid-5) !important;
}

.bg-mint-90 {
    --background: var(--mint-90);
    background: var(--mint-90) !important;
}

.text-mint-90 {
    color: var(--mint-90) !important;
}

.border-mint-90 {
    border-color: var(--mint-90) !important;
}

.bg-mint-80 {
    --background: var(--mint-80);
    background: var(--mint-80) !important;
}

.text-mint-80 {
    color: var(--mint-80) !important;
}

.border-mint-80 {
    border-color: var(--mint-80) !important;
}

.bg-mint-70 {
    --background: var(--mint-70);
    background: var(--mint-70) !important;
}

.text-mint-70 {
    color: var(--mint-70) !important;
}

.border-mint-70 {
    border-color: var(--mint-70) !important;
}

.bg-mint-60 {
    --background: var(--mint-60);
    background: var(--mint-60) !important;
}

.text-mint-60 {
    color: var(--mint-60) !important;
}

.border-mint-60 {
    border-color: var(--mint-60) !important;
}

.bg-mint-50 {
    --background: var(--mint-50);
    background: var(--mint-50) !important;
}

.text-mint-50 {
    color: var(--mint-50) !important;
}

.border-mint-50 {
    border-color: var(--mint-50) !important;
}

.bg-mint-40 {
    --background: var(--mint-40);
    background: var(--mint-40) !important;
}

.text-mint-40 {
    color: var(--mint-40) !important;
}

.border-mint-40 {
    border-color: var(--mint-40) !important;
}

.bg-mint-30 {
    --background: var(--mint-30);
    background: var(--mint-30) !important;
}

.text-mint-30 {
    color: var(--mint-30) !important;
}

.border-mint-30 {
    border-color: var(--mint-30) !important;
}

.bg-mint-20 {
    --background: var(--mint-20);
    background: var(--mint-20) !important;
}

.text-mint-20 {
    color: var(--mint-20) !important;
}

.border-mint-20 {
    border-color: var(--mint-20) !important;
}

.bg-mint-10 {
    --background: var(--mint-10);
    background: var(--mint-10) !important;
}

.text-mint-10 {
    color: var(--mint-10) !important;
}

.border-mint-10 {
    border-color: var(--mint-10) !important;
}

.bg-mint-5 {
    --background: var(--mint-5);
    background: var(--mint-5) !important;
}

.text-mint-5 {
    color: var(--mint-5) !important;
}

.border-mint-5 {
    border-color: var(--mint-5) !important;
}

.bg-mint-cool-90 {
    --background: var(--mint-cool-90);
    background: var(--mint-cool-90) !important;
}

.text-mint-cool-90 {
    color: var(--mint-cool-90) !important;
}

.border-mint-cool-90 {
    border-color: var(--mint-cool-90) !important;
}

.bg-mint-cool-80 {
    --background: var(--mint-cool-80);
    background: var(--mint-cool-80) !important;
}

.text-mint-cool-80 {
    color: var(--mint-cool-80) !important;
}

.border-mint-cool-80 {
    border-color: var(--mint-cool-80) !important;
}

.bg-mint-cool-70 {
    --background: var(--mint-cool-70);
    background: var(--mint-cool-70) !important;
}

.text-mint-cool-70 {
    color: var(--mint-cool-70) !important;
}

.border-mint-cool-70 {
    border-color: var(--mint-cool-70) !important;
}

.bg-mint-cool-60 {
    --background: var(--mint-cool-60);
    background: var(--mint-cool-60) !important;
}

.text-mint-cool-60 {
    color: var(--mint-cool-60) !important;
}

.border-mint-cool-60 {
    border-color: var(--mint-cool-60) !important;
}

.bg-mint-cool-50 {
    --background: var(--mint-cool-50);
    background: var(--mint-cool-50) !important;
}

.text-mint-cool-50 {
    color: var(--mint-cool-50) !important;
}

.border-mint-cool-50 {
    border-color: var(--mint-cool-50) !important;
}

.bg-mint-cool-40 {
    --background: var(--mint-cool-40);
    background: var(--mint-cool-40) !important;
}

.text-mint-cool-40 {
    color: var(--mint-cool-40) !important;
}

.border-mint-cool-40 {
    border-color: var(--mint-cool-40) !important;
}

.bg-mint-cool-30 {
    --background: var(--mint-cool-30);
    background: var(--mint-cool-30) !important;
}

.text-mint-cool-30 {
    color: var(--mint-cool-30) !important;
}

.border-mint-cool-30 {
    border-color: var(--mint-cool-30) !important;
}

.bg-mint-cool-20 {
    --background: var(--mint-cool-20);
    background: var(--mint-cool-20) !important;
}

.text-mint-cool-20 {
    color: var(--mint-cool-20) !important;
}

.border-mint-cool-20 {
    border-color: var(--mint-cool-20) !important;
}

.bg-mint-cool-10 {
    --background: var(--mint-cool-10);
    background: var(--mint-cool-10) !important;
}

.text-mint-cool-10 {
    color: var(--mint-cool-10) !important;
}

.border-mint-cool-10 {
    border-color: var(--mint-cool-10) !important;
}

.bg-mint-cool-5 {
    --background: var(--mint-cool-5);
    background: var(--mint-cool-5) !important;
}

.text-mint-cool-5 {
    color: var(--mint-cool-5) !important;
}

.border-mint-cool-5 {
    border-color: var(--mint-cool-5) !important;
}

.bg-mint-vivid-80 {
    --background: var(--mint-vivid-80);
    background: var(--mint-vivid-80) !important;
}

.text-mint-vivid-80 {
    color: var(--mint-vivid-80) !important;
}

.border-mint-vivid-80 {
    border-color: var(--mint-vivid-80) !important;
}

.bg-mint-vivid-70 {
    --background: var(--mint-vivid-70);
    background: var(--mint-vivid-70) !important;
}

.text-mint-vivid-70 {
    color: var(--mint-vivid-70) !important;
}

.border-mint-vivid-70 {
    border-color: var(--mint-vivid-70) !important;
}

.bg-mint-vivid-60 {
    --background: var(--mint-vivid-60);
    background: var(--mint-vivid-60) !important;
}

.text-mint-vivid-60 {
    color: var(--mint-vivid-60) !important;
}

.border-mint-vivid-60 {
    border-color: var(--mint-vivid-60) !important;
}

.bg-mint-vivid-50 {
    --background: var(--mint-vivid-50);
    background: var(--mint-vivid-50) !important;
}

.text-mint-vivid-50 {
    color: var(--mint-vivid-50) !important;
}

.border-mint-vivid-50 {
    border-color: var(--mint-vivid-50) !important;
}

.bg-mint-vivid-40 {
    --background: var(--mint-vivid-40);
    background: var(--mint-vivid-40) !important;
}

.text-mint-vivid-40 {
    color: var(--mint-vivid-40) !important;
}

.border-mint-vivid-40 {
    border-color: var(--mint-vivid-40) !important;
}

.bg-mint-vivid-30 {
    --background: var(--mint-vivid-30);
    background: var(--mint-vivid-30) !important;
}

.text-mint-vivid-30 {
    color: var(--mint-vivid-30) !important;
}

.border-mint-vivid-30 {
    border-color: var(--mint-vivid-30) !important;
}

.bg-mint-vivid-20 {
    --background: var(--mint-vivid-20);
    background: var(--mint-vivid-20) !important;
}

.text-mint-vivid-20 {
    color: var(--mint-vivid-20) !important;
}

.border-mint-vivid-20 {
    border-color: var(--mint-vivid-20) !important;
}

.bg-mint-vivid-10 {
    --background: var(--mint-vivid-10);
    background: var(--mint-vivid-10) !important;
}

.text-mint-vivid-10 {
    color: var(--mint-vivid-10) !important;
}

.border-mint-vivid-10 {
    border-color: var(--mint-vivid-10) !important;
}

.bg-mint-vivid-5 {
    --background: var(--mint-vivid-5);
    background: var(--mint-vivid-5) !important;
}

.text-mint-vivid-5 {
    color: var(--mint-vivid-5) !important;
}

.border-mint-vivid-5 {
    border-color: var(--mint-vivid-5) !important;
}

.bg-mint-cool-vivid-80 {
    --background: var(--mint-cool-vivid-80);
    background: var(--mint-cool-vivid-80) !important;
}

.text-mint-cool-vivid-80 {
    color: var(--mint-cool-vivid-80) !important;
}

.border-mint-cool-vivid-80 {
    border-color: var(--mint-cool-vivid-80) !important;
}

.bg-mint-cool-vivid-70 {
    --background: var(--mint-cool-vivid-70);
    background: var(--mint-cool-vivid-70) !important;
}

.text-mint-cool-vivid-70 {
    color: var(--mint-cool-vivid-70) !important;
}

.border-mint-cool-vivid-70 {
    border-color: var(--mint-cool-vivid-70) !important;
}

.bg-mint-cool-vivid-60 {
    --background: var(--mint-cool-vivid-60);
    background: var(--mint-cool-vivid-60) !important;
}

.text-mint-cool-vivid-60 {
    color: var(--mint-cool-vivid-60) !important;
}

.border-mint-cool-vivid-60 {
    border-color: var(--mint-cool-vivid-60) !important;
}

.bg-mint-cool-vivid-50 {
    --background: var(--mint-cool-vivid-50);
    background: var(--mint-cool-vivid-50) !important;
}

.text-mint-cool-vivid-50 {
    color: var(--mint-cool-vivid-50) !important;
}

.border-mint-cool-vivid-50 {
    border-color: var(--mint-cool-vivid-50) !important;
}

.bg-mint-cool-vivid-40 {
    --background: var(--mint-cool-vivid-40);
    background: var(--mint-cool-vivid-40) !important;
}

.text-mint-cool-vivid-40 {
    color: var(--mint-cool-vivid-40) !important;
}

.border-mint-cool-vivid-40 {
    border-color: var(--mint-cool-vivid-40) !important;
}

.bg-mint-cool-vivid-30 {
    --background: var(--mint-cool-vivid-30);
    background: var(--mint-cool-vivid-30) !important;
}

.text-mint-cool-vivid-30 {
    color: var(--mint-cool-vivid-30) !important;
}

.border-mint-cool-vivid-30 {
    border-color: var(--mint-cool-vivid-30) !important;
}

.bg-mint-cool-vivid-20 {
    --background: var(--mint-cool-vivid-20);
    background: var(--mint-cool-vivid-20) !important;
}

.text-mint-cool-vivid-20 {
    color: var(--mint-cool-vivid-20) !important;
}

.border-mint-cool-vivid-20 {
    border-color: var(--mint-cool-vivid-20) !important;
}

.bg-mint-cool-vivid-10 {
    --background: var(--mint-cool-vivid-10);
    background: var(--mint-cool-vivid-10) !important;
}

.text-mint-cool-vivid-10 {
    color: var(--mint-cool-vivid-10) !important;
}

.border-mint-cool-vivid-10 {
    border-color: var(--mint-cool-vivid-10) !important;
}

.bg-mint-cool-vivid-5 {
    --background: var(--mint-cool-vivid-5);
    background: var(--mint-cool-vivid-5) !important;
}

.text-mint-cool-vivid-5 {
    color: var(--mint-cool-vivid-5) !important;
}

.border-mint-cool-vivid-5 {
    border-color: var(--mint-cool-vivid-5) !important;
}

.bg-orange-90 {
    --background: var(--orange-90);
    background: var(--orange-90) !important;
}

.text-orange-90 {
    color: var(--orange-90) !important;
}

.border-orange-90 {
    border-color: var(--orange-90) !important;
}

.bg-orange-80 {
    --background: var(--orange-80);
    background: var(--orange-80) !important;
}

.text-orange-80 {
    color: var(--orange-80) !important;
}

.border-orange-80 {
    border-color: var(--orange-80) !important;
}

.bg-orange-70 {
    --background: var(--orange-70);
    background: var(--orange-70) !important;
}

.text-orange-70 {
    color: var(--orange-70) !important;
}

.border-orange-70 {
    border-color: var(--orange-70) !important;
}

.bg-orange-60 {
    --background: var(--orange-60);
    background: var(--orange-60) !important;
}

.text-orange-60 {
    color: var(--orange-60) !important;
}

.border-orange-60 {
    border-color: var(--orange-60) !important;
}

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

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

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

.bg-orange-40 {
    --background: var(--orange-40);
    background: var(--orange-40) !important;
}

.text-orange-40 {
    color: var(--orange-40) !important;
}

.border-orange-40 {
    border-color: var(--orange-40) !important;
}

.bg-orange-30 {
    --background: var(--orange-30);
    background: var(--orange-30) !important;
}

.text-orange-30 {
    color: var(--orange-30) !important;
}

.border-orange-30 {
    border-color: var(--orange-30) !important;
}

.bg-orange-20 {
    --background: var(--orange-20);
    background: var(--orange-20) !important;
}

.text-orange-20 {
    color: var(--orange-20) !important;
}

.border-orange-20 {
    border-color: var(--orange-20) !important;
}

.bg-orange-10 {
    --background: var(--orange-10);
    background: var(--orange-10) !important;
}

.text-orange-10 {
    color: var(--orange-10) !important;
}

.border-orange-10 {
    border-color: var(--orange-10) !important;
}

.bg-orange-5 {
    --background: var(--orange-5);
    background: var(--orange-5) !important;
}

.text-orange-5 {
    color: var(--orange-5) !important;
}

.border-orange-5 {
    border-color: var(--orange-5) !important;
}

.bg-orange-warm-90 {
    --background: var(--orange-warm-90);
    background: var(--orange-warm-90) !important;
}

.text-orange-warm-90 {
    color: var(--orange-warm-90) !important;
}

.border-orange-warm-90 {
    border-color: var(--orange-warm-90) !important;
}

.bg-orange-warm-80 {
    --background: var(--orange-warm-80);
    background: var(--orange-warm-80) !important;
}

.text-orange-warm-80 {
    color: var(--orange-warm-80) !important;
}

.border-orange-warm-80 {
    border-color: var(--orange-warm-80) !important;
}

.bg-orange-warm-70 {
    --background: var(--orange-warm-70);
    background: var(--orange-warm-70) !important;
}

.text-orange-warm-70 {
    color: var(--orange-warm-70) !important;
}

.border-orange-warm-70 {
    border-color: var(--orange-warm-70) !important;
}

.bg-orange-warm-60 {
    --background: var(--orange-warm-60);
    background: var(--orange-warm-60) !important;
}

.text-orange-warm-60 {
    color: var(--orange-warm-60) !important;
}

.border-orange-warm-60 {
    border-color: var(--orange-warm-60) !important;
}

.bg-orange-warm-50 {
    --background: var(--orange-warm-50);
    background: var(--orange-warm-50) !important;
}

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

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

.bg-orange-warm-40 {
    --background: var(--orange-warm-40);
    background: var(--orange-warm-40) !important;
}

.text-orange-warm-40 {
    color: var(--orange-warm-40) !important;
}

.border-orange-warm-40 {
    border-color: var(--orange-warm-40) !important;
}

.bg-orange-warm-30 {
    --background: var(--orange-warm-30);
    background: var(--orange-warm-30) !important;
}

.text-orange-warm-30 {
    color: var(--orange-warm-30) !important;
}

.border-orange-warm-30 {
    border-color: var(--orange-warm-30) !important;
}

.bg-orange-warm-20 {
    --background: var(--orange-warm-20);
    background: var(--orange-warm-20) !important;
}

.text-orange-warm-20 {
    color: var(--orange-warm-20) !important;
}

.border-orange-warm-20 {
    border-color: var(--orange-warm-20) !important;
}

.bg-orange-warm-10 {
    --background: var(--orange-warm-10);
    background: var(--orange-warm-10) !important;
}

.text-orange-warm-10 {
    color: var(--orange-warm-10) !important;
}

.border-orange-warm-10 {
    border-color: var(--orange-warm-10) !important;
}

.bg-orange-warm-5 {
    --background: var(--orange-warm-5);
    background: var(--orange-warm-5) !important;
}

.text-orange-warm-5 {
    color: var(--orange-warm-5) !important;
}

.border-orange-warm-5 {
    border-color: var(--orange-warm-5) !important;
}

.bg-orange-vivid-80 {
    --background: var(--orange-vivid-80);
    background: var(--orange-vivid-80) !important;
}

.text-orange-vivid-80 {
    color: var(--orange-vivid-80) !important;
}

.border-orange-vivid-80 {
    border-color: var(--orange-vivid-80) !important;
}

.bg-orange-vivid-70 {
    --background: var(--orange-vivid-70);
    background: var(--orange-vivid-70) !important;
}

.text-orange-vivid-70 {
    color: var(--orange-vivid-70) !important;
}

.border-orange-vivid-70 {
    border-color: var(--orange-vivid-70) !important;
}

.bg-orange-vivid-60 {
    --background: var(--orange-vivid-60);
    background: var(--orange-vivid-60) !important;
}

.text-orange-vivid-60 {
    color: var(--orange-vivid-60) !important;
}

.border-orange-vivid-60 {
    border-color: var(--orange-vivid-60) !important;
}

.bg-orange-vivid-50 {
    --background: var(--orange-vivid-50);
    background: var(--orange-vivid-50) !important;
}

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

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

.bg-orange-vivid-40 {
    --background: var(--orange-vivid-40);
    background: var(--orange-vivid-40) !important;
}

.text-orange-vivid-40 {
    color: var(--orange-vivid-40) !important;
}

.border-orange-vivid-40 {
    border-color: var(--orange-vivid-40) !important;
}

.bg-orange-vivid-30 {
    --background: var(--orange-vivid-30);
    background: var(--orange-vivid-30) !important;
}

.text-orange-vivid-30 {
    color: var(--orange-vivid-30) !important;
}

.border-orange-vivid-30 {
    border-color: var(--orange-vivid-30) !important;
}

.bg-orange-vivid-20 {
    --background: var(--orange-vivid-20);
    background: var(--orange-vivid-20) !important;
}

.text-orange-vivid-20 {
    color: var(--orange-vivid-20) !important;
}

.border-orange-vivid-20 {
    border-color: var(--orange-vivid-20) !important;
}

.bg-orange-vivid-10 {
    --background: var(--orange-vivid-10);
    background: var(--orange-vivid-10) !important;
}

.text-orange-vivid-10 {
    color: var(--orange-vivid-10) !important;
}

.border-orange-vivid-10 {
    border-color: var(--orange-vivid-10) !important;
}

.bg-orange-vivid-5 {
    --background: var(--orange-vivid-5);
    background: var(--orange-vivid-5) !important;
}

.text-orange-vivid-5 {
    color: var(--orange-vivid-5) !important;
}

.border-orange-vivid-5 {
    border-color: var(--orange-vivid-5) !important;
}

.bg-orange-warm-vivid-80 {
    --background: var(--orange-warm-vivid-80);
    background: var(--orange-warm-vivid-80) !important;
}

.text-orange-warm-vivid-80 {
    color: var(--orange-warm-vivid-80) !important;
}

.border-orange-warm-vivid-80 {
    border-color: var(--orange-warm-vivid-80) !important;
}

.bg-orange-warm-vivid-70 {
    --background: var(--orange-warm-vivid-70);
    background: var(--orange-warm-vivid-70) !important;
}

.text-orange-warm-vivid-70 {
    color: var(--orange-warm-vivid-70) !important;
}

.border-orange-warm-vivid-70 {
    border-color: var(--orange-warm-vivid-70) !important;
}

.bg-orange-warm-vivid-60 {
    --background: var(--orange-warm-vivid-60);
    background: var(--orange-warm-vivid-60) !important;
}

.text-orange-warm-vivid-60 {
    color: var(--orange-warm-vivid-60) !important;
}

.border-orange-warm-vivid-60 {
    border-color: var(--orange-warm-vivid-60) !important;
}

.bg-orange-warm-vivid-50 {
    --background: var(--orange-warm-vivid-50);
    background: var(--orange-warm-vivid-50) !important;
}

.text-orange-warm-vivid-50 {
    color: var(--orange-warm-vivid-50) !important;
}

.border-orange-warm-vivid-50 {
    border-color: var(--orange-warm-vivid-50) !important;
}

.bg-orange-warm-vivid-40 {
    --background: var(--orange-warm-vivid-40);
    background: var(--orange-warm-vivid-40) !important;
}

.text-orange-warm-vivid-40 {
    color: var(--orange-warm-vivid-40) !important;
}

.border-orange-warm-vivid-40 {
    border-color: var(--orange-warm-vivid-40) !important;
}

.bg-orange-warm-vivid-30 {
    --background: var(--orange-warm-vivid-30);
    background: var(--orange-warm-vivid-30) !important;
}

.text-orange-warm-vivid-30 {
    color: var(--orange-warm-vivid-30) !important;
}

.border-orange-warm-vivid-30 {
    border-color: var(--orange-warm-vivid-30) !important;
}

.bg-orange-warm-vivid-20 {
    --background: var(--orange-warm-vivid-20);
    background: var(--orange-warm-vivid-20) !important;
}

.text-orange-warm-vivid-20 {
    color: var(--orange-warm-vivid-20) !important;
}

.border-orange-warm-vivid-20 {
    border-color: var(--orange-warm-vivid-20) !important;
}

.bg-orange-warm-vivid-10 {
    --background: var(--orange-warm-vivid-10);
    background: var(--orange-warm-vivid-10) !important;
}

.text-orange-warm-vivid-10 {
    color: var(--orange-warm-vivid-10) !important;
}

.border-orange-warm-vivid-10 {
    border-color: var(--orange-warm-vivid-10) !important;
}

.bg-orange-warm-vivid-5 {
    --background: var(--orange-warm-vivid-5);
    background: var(--orange-warm-vivid-5) !important;
}

.text-orange-warm-vivid-5 {
    color: var(--orange-warm-vivid-5) !important;
}

.border-orange-warm-vivid-5 {
    border-color: var(--orange-warm-vivid-5) !important;
}

.bg-pure-100 {
    --background: var(--pure-100);
    background: var(--pure-100) !important;
}

.text-pure-100 {
    color: var(--pure-100) !important;
}

.border-pure-100 {
    border-color: var(--pure-100) !important;
}

.bg-pure-0 {
    --background: var(--pure-0);
    background: var(--pure-0) !important;
}

.text-pure-0 {
    color: var(--pure-0) !important;
}

.border-pure-0 {
    border-color: var(--pure-0) !important;
}

.bg-red-90 {
    --background: var(--red-90);
    background: var(--red-90) !important;
}

.text-red-90 {
    color: var(--red-90) !important;
}

.border-red-90 {
    border-color: var(--red-90) !important;
}

.bg-red-80 {
    --background: var(--red-80);
    background: var(--red-80) !important;
}

.text-red-80 {
    color: var(--red-80) !important;
}

.border-red-80 {
    border-color: var(--red-80) !important;
}

.bg-red-70 {
    --background: var(--red-70);
    background: var(--red-70) !important;
}

.text-red-70 {
    color: var(--red-70) !important;
}

.border-red-70 {
    border-color: var(--red-70) !important;
}

.bg-red-60 {
    --background: var(--red-60);
    background: var(--red-60) !important;
}

.text-red-60 {
    color: var(--red-60) !important;
}

.border-red-60 {
    border-color: var(--red-60) !important;
}

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

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

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

.bg-red-40 {
    --background: var(--red-40);
    background: var(--red-40) !important;
}

.text-red-40 {
    color: var(--red-40) !important;
}

.border-red-40 {
    border-color: var(--red-40) !important;
}

.bg-red-30 {
    --background: var(--red-30);
    background: var(--red-30) !important;
}

.text-red-30 {
    color: var(--red-30) !important;
}

.border-red-30 {
    border-color: var(--red-30) !important;
}

.bg-red-20 {
    --background: var(--red-20);
    background: var(--red-20) !important;
}

.text-red-20 {
    color: var(--red-20) !important;
}

.border-red-20 {
    border-color: var(--red-20) !important;
}

.bg-red-10 {
    --background: var(--red-10);
    background: var(--red-10) !important;
}

.text-red-10 {
    color: var(--red-10) !important;
}

.border-red-10 {
    border-color: var(--red-10) !important;
}

.bg-red-5 {
    --background: var(--red-5);
    background: var(--red-5) !important;
}

.text-red-5 {
    color: var(--red-5) !important;
}

.border-red-5 {
    border-color: var(--red-5) !important;
}

.bg-red-cool-90 {
    --background: var(--red-cool-90);
    background: var(--red-cool-90) !important;
}

.text-red-cool-90 {
    color: var(--red-cool-90) !important;
}

.border-red-cool-90 {
    border-color: var(--red-cool-90) !important;
}

.bg-red-cool-80 {
    --background: var(--red-cool-80);
    background: var(--red-cool-80) !important;
}

.text-red-cool-80 {
    color: var(--red-cool-80) !important;
}

.border-red-cool-80 {
    border-color: var(--red-cool-80) !important;
}

.bg-red-cool-70 {
    --background: var(--red-cool-70);
    background: var(--red-cool-70) !important;
}

.text-red-cool-70 {
    color: var(--red-cool-70) !important;
}

.border-red-cool-70 {
    border-color: var(--red-cool-70) !important;
}

.bg-red-cool-60 {
    --background: var(--red-cool-60);
    background: var(--red-cool-60) !important;
}

.text-red-cool-60 {
    color: var(--red-cool-60) !important;
}

.border-red-cool-60 {
    border-color: var(--red-cool-60) !important;
}

.bg-red-cool-50 {
    --background: var(--red-cool-50);
    background: var(--red-cool-50) !important;
}

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

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

.bg-red-cool-40 {
    --background: var(--red-cool-40);
    background: var(--red-cool-40) !important;
}

.text-red-cool-40 {
    color: var(--red-cool-40) !important;
}

.border-red-cool-40 {
    border-color: var(--red-cool-40) !important;
}

.bg-red-cool-30 {
    --background: var(--red-cool-30);
    background: var(--red-cool-30) !important;
}

.text-red-cool-30 {
    color: var(--red-cool-30) !important;
}

.border-red-cool-30 {
    border-color: var(--red-cool-30) !important;
}

.bg-red-cool-20 {
    --background: var(--red-cool-20);
    background: var(--red-cool-20) !important;
}

.text-red-cool-20 {
    color: var(--red-cool-20) !important;
}

.border-red-cool-20 {
    border-color: var(--red-cool-20) !important;
}

.bg-red-cool-10 {
    --background: var(--red-cool-10);
    background: var(--red-cool-10) !important;
}

.text-red-cool-10 {
    color: var(--red-cool-10) !important;
}

.border-red-cool-10 {
    border-color: var(--red-cool-10) !important;
}

.bg-red-cool-5 {
    --background: var(--red-cool-5);
    background: var(--red-cool-5) !important;
}

.text-red-cool-5 {
    color: var(--red-cool-5) !important;
}

.border-red-cool-5 {
    border-color: var(--red-cool-5) !important;
}

.bg-red-warm-90 {
    --background: var(--red-warm-90);
    background: var(--red-warm-90) !important;
}

.text-red-warm-90 {
    color: var(--red-warm-90) !important;
}

.border-red-warm-90 {
    border-color: var(--red-warm-90) !important;
}

.bg-red-warm-80 {
    --background: var(--red-warm-80);
    background: var(--red-warm-80) !important;
}

.text-red-warm-80 {
    color: var(--red-warm-80) !important;
}

.border-red-warm-80 {
    border-color: var(--red-warm-80) !important;
}

.bg-red-warm-70 {
    --background: var(--red-warm-70);
    background: var(--red-warm-70) !important;
}

.text-red-warm-70 {
    color: var(--red-warm-70) !important;
}

.border-red-warm-70 {
    border-color: var(--red-warm-70) !important;
}

.bg-red-warm-60 {
    --background: var(--red-warm-60);
    background: var(--red-warm-60) !important;
}

.text-red-warm-60 {
    color: var(--red-warm-60) !important;
}

.border-red-warm-60 {
    border-color: var(--red-warm-60) !important;
}

.bg-red-warm-50 {
    --background: var(--red-warm-50);
    background: var(--red-warm-50) !important;
}

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

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

.bg-red-warm-40 {
    --background: var(--red-warm-40);
    background: var(--red-warm-40) !important;
}

.text-red-warm-40 {
    color: var(--red-warm-40) !important;
}

.border-red-warm-40 {
    border-color: var(--red-warm-40) !important;
}

.bg-red-warm-30 {
    --background: var(--red-warm-30);
    background: var(--red-warm-30) !important;
}

.text-red-warm-30 {
    color: var(--red-warm-30) !important;
}

.border-red-warm-30 {
    border-color: var(--red-warm-30) !important;
}

.bg-red-warm-20 {
    --background: var(--red-warm-20);
    background: var(--red-warm-20) !important;
}

.text-red-warm-20 {
    color: var(--red-warm-20) !important;
}

.border-red-warm-20 {
    border-color: var(--red-warm-20) !important;
}

.bg-red-warm-10 {
    --background: var(--red-warm-10);
    background: var(--red-warm-10) !important;
}

.text-red-warm-10 {
    color: var(--red-warm-10) !important;
}

.border-red-warm-10 {
    border-color: var(--red-warm-10) !important;
}

.bg-red-warm-5 {
    --background: var(--red-warm-5);
    background: var(--red-warm-5) !important;
}

.text-red-warm-5 {
    color: var(--red-warm-5) !important;
}

.border-red-warm-5 {
    border-color: var(--red-warm-5) !important;
}

.bg-red-vivid-80 {
    --background: var(--red-vivid-80);
    background: var(--red-vivid-80) !important;
}

.text-red-vivid-80 {
    color: var(--red-vivid-80) !important;
}

.border-red-vivid-80 {
    border-color: var(--red-vivid-80) !important;
}

.bg-red-vivid-70 {
    --background: var(--red-vivid-70);
    background: var(--red-vivid-70) !important;
}

.text-red-vivid-70 {
    color: var(--red-vivid-70) !important;
}

.border-red-vivid-70 {
    border-color: var(--red-vivid-70) !important;
}

.bg-red-vivid-60 {
    --background: var(--red-vivid-60);
    background: var(--red-vivid-60) !important;
}

.text-red-vivid-60 {
    color: var(--red-vivid-60) !important;
}

.border-red-vivid-60 {
    border-color: var(--red-vivid-60) !important;
}

.bg-red-vivid-50 {
    --background: var(--red-vivid-50);
    background: var(--red-vivid-50) !important;
}

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

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

.bg-red-vivid-40 {
    --background: var(--red-vivid-40);
    background: var(--red-vivid-40) !important;
}

.text-red-vivid-40 {
    color: var(--red-vivid-40) !important;
}

.border-red-vivid-40 {
    border-color: var(--red-vivid-40) !important;
}

.bg-red-vivid-30 {
    --background: var(--red-vivid-30);
    background: var(--red-vivid-30) !important;
}

.text-red-vivid-30 {
    color: var(--red-vivid-30) !important;
}

.border-red-vivid-30 {
    border-color: var(--red-vivid-30) !important;
}

.bg-red-vivid-20 {
    --background: var(--red-vivid-20);
    background: var(--red-vivid-20) !important;
}

.text-red-vivid-20 {
    color: var(--red-vivid-20) !important;
}

.border-red-vivid-20 {
    border-color: var(--red-vivid-20) !important;
}

.bg-red-vivid-10 {
    --background: var(--red-vivid-10);
    background: var(--red-vivid-10) !important;
}

.text-red-vivid-10 {
    color: var(--red-vivid-10) !important;
}

.border-red-vivid-10 {
    border-color: var(--red-vivid-10) !important;
}

.bg-red-vivid-5 {
    --background: var(--red-vivid-5);
    background: var(--red-vivid-5) !important;
}

.text-red-vivid-5 {
    color: var(--red-vivid-5) !important;
}

.border-red-vivid-5 {
    border-color: var(--red-vivid-5) !important;
}

.bg-red-cool-vivid-80 {
    --background: var(--red-cool-vivid-80);
    background: var(--red-cool-vivid-80) !important;
}

.text-red-cool-vivid-80 {
    color: var(--red-cool-vivid-80) !important;
}

.border-red-cool-vivid-80 {
    border-color: var(--red-cool-vivid-80) !important;
}

.bg-red-cool-vivid-70 {
    --background: var(--red-cool-vivid-70);
    background: var(--red-cool-vivid-70) !important;
}

.text-red-cool-vivid-70 {
    color: var(--red-cool-vivid-70) !important;
}

.border-red-cool-vivid-70 {
    border-color: var(--red-cool-vivid-70) !important;
}

.bg-red-cool-vivid-60 {
    --background: var(--red-cool-vivid-60);
    background: var(--red-cool-vivid-60) !important;
}

.text-red-cool-vivid-60 {
    color: var(--red-cool-vivid-60) !important;
}

.border-red-cool-vivid-60 {
    border-color: var(--red-cool-vivid-60) !important;
}

.bg-red-cool-vivid-50 {
    --background: var(--red-cool-vivid-50);
    background: var(--red-cool-vivid-50) !important;
}

.text-red-cool-vivid-50 {
    color: var(--red-cool-vivid-50) !important;
}

.border-red-cool-vivid-50 {
    border-color: var(--red-cool-vivid-50) !important;
}

.bg-red-cool-vivid-40 {
    --background: var(--red-cool-vivid-40);
    background: var(--red-cool-vivid-40) !important;
}

.text-red-cool-vivid-40 {
    color: var(--red-cool-vivid-40) !important;
}

.border-red-cool-vivid-40 {
    border-color: var(--red-cool-vivid-40) !important;
}

.bg-red-cool-vivid-30 {
    --background: var(--red-cool-vivid-30);
    background: var(--red-cool-vivid-30) !important;
}

.text-red-cool-vivid-30 {
    color: var(--red-cool-vivid-30) !important;
}

.border-red-cool-vivid-30 {
    border-color: var(--red-cool-vivid-30) !important;
}

.bg-red-cool-vivid-20 {
    --background: var(--red-cool-vivid-20);
    background: var(--red-cool-vivid-20) !important;
}

.text-red-cool-vivid-20 {
    color: var(--red-cool-vivid-20) !important;
}

.border-red-cool-vivid-20 {
    border-color: var(--red-cool-vivid-20) !important;
}

.bg-red-cool-vivid-10 {
    --background: var(--red-cool-vivid-10);
    background: var(--red-cool-vivid-10) !important;
}

.text-red-cool-vivid-10 {
    color: var(--red-cool-vivid-10) !important;
}

.border-red-cool-vivid-10 {
    border-color: var(--red-cool-vivid-10) !important;
}

.bg-red-cool-vivid-5 {
    --background: var(--red-cool-vivid-5);
    background: var(--red-cool-vivid-5) !important;
}

.text-red-cool-vivid-5 {
    color: var(--red-cool-vivid-5) !important;
}

.border-red-cool-vivid-5 {
    border-color: var(--red-cool-vivid-5) !important;
}

.bg-red-warm-vivid-80 {
    --background: var(--red-warm-vivid-80);
    background: var(--red-warm-vivid-80) !important;
}

.text-red-warm-vivid-80 {
    color: var(--red-warm-vivid-80) !important;
}

.border-red-warm-vivid-80 {
    border-color: var(--red-warm-vivid-80) !important;
}

.bg-red-warm-vivid-70 {
    --background: var(--red-warm-vivid-70);
    background: var(--red-warm-vivid-70) !important;
}

.text-red-warm-vivid-70 {
    color: var(--red-warm-vivid-70) !important;
}

.border-red-warm-vivid-70 {
    border-color: var(--red-warm-vivid-70) !important;
}

.bg-red-warm-vivid-60 {
    --background: var(--red-warm-vivid-60);
    background: var(--red-warm-vivid-60) !important;
}

.text-red-warm-vivid-60 {
    color: var(--red-warm-vivid-60) !important;
}

.border-red-warm-vivid-60 {
    border-color: var(--red-warm-vivid-60) !important;
}

.bg-red-warm-vivid-50 {
    --background: var(--red-warm-vivid-50);
    background: var(--red-warm-vivid-50) !important;
}

.text-red-warm-vivid-50 {
    color: var(--red-warm-vivid-50) !important;
}

.border-red-warm-vivid-50 {
    border-color: var(--red-warm-vivid-50) !important;
}

.bg-red-warm-vivid-40 {
    --background: var(--red-warm-vivid-40);
    background: var(--red-warm-vivid-40) !important;
}

.text-red-warm-vivid-40 {
    color: var(--red-warm-vivid-40) !important;
}

.border-red-warm-vivid-40 {
    border-color: var(--red-warm-vivid-40) !important;
}

.bg-red-warm-vivid-30 {
    --background: var(--red-warm-vivid-30);
    background: var(--red-warm-vivid-30) !important;
}

.text-red-warm-vivid-30 {
    color: var(--red-warm-vivid-30) !important;
}

.border-red-warm-vivid-30 {
    border-color: var(--red-warm-vivid-30) !important;
}

.bg-red-warm-vivid-20 {
    --background: var(--red-warm-vivid-20);
    background: var(--red-warm-vivid-20) !important;
}

.text-red-warm-vivid-20 {
    color: var(--red-warm-vivid-20) !important;
}

.border-red-warm-vivid-20 {
    border-color: var(--red-warm-vivid-20) !important;
}

.bg-red-warm-vivid-10 {
    --background: var(--red-warm-vivid-10);
    background: var(--red-warm-vivid-10) !important;
}

.text-red-warm-vivid-10 {
    color: var(--red-warm-vivid-10) !important;
}

.border-red-warm-vivid-10 {
    border-color: var(--red-warm-vivid-10) !important;
}

.bg-red-warm-vivid-5 {
    --background: var(--red-warm-vivid-5);
    background: var(--red-warm-vivid-5) !important;
}

.text-red-warm-vivid-5 {
    color: var(--red-warm-vivid-5) !important;
}

.border-red-warm-vivid-5 {
    border-color: var(--red-warm-vivid-5) !important;
}

.bg-violet-90 {
    --background: var(--violet-90);
    background: var(--violet-90) !important;
}

.text-violet-90 {
    color: var(--violet-90) !important;
}

.border-violet-90 {
    border-color: var(--violet-90) !important;
}

.bg-violet-80 {
    --background: var(--violet-80);
    background: var(--violet-80) !important;
}

.text-violet-80 {
    color: var(--violet-80) !important;
}

.border-violet-80 {
    border-color: var(--violet-80) !important;
}

.bg-violet-70 {
    --background: var(--violet-70);
    background: var(--violet-70) !important;
}

.text-violet-70 {
    color: var(--violet-70) !important;
}

.border-violet-70 {
    border-color: var(--violet-70) !important;
}

.bg-violet-60 {
    --background: var(--violet-60);
    background: var(--violet-60) !important;
}

.text-violet-60 {
    color: var(--violet-60) !important;
}

.border-violet-60 {
    border-color: var(--violet-60) !important;
}

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

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

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

.bg-violet-40 {
    --background: var(--violet-40);
    background: var(--violet-40) !important;
}

.text-violet-40 {
    color: var(--violet-40) !important;
}

.border-violet-40 {
    border-color: var(--violet-40) !important;
}

.bg-violet-30 {
    --background: var(--violet-30);
    background: var(--violet-30) !important;
}

.text-violet-30 {
    color: var(--violet-30) !important;
}

.border-violet-30 {
    border-color: var(--violet-30) !important;
}

.bg-violet-20 {
    --background: var(--violet-20);
    background: var(--violet-20) !important;
}

.text-violet-20 {
    color: var(--violet-20) !important;
}

.border-violet-20 {
    border-color: var(--violet-20) !important;
}

.bg-violet-10 {
    --background: var(--violet-10);
    background: var(--violet-10) !important;
}

.text-violet-10 {
    color: var(--violet-10) !important;
}

.border-violet-10 {
    border-color: var(--violet-10) !important;
}

.bg-violet-5 {
    --background: var(--violet-5);
    background: var(--violet-5) !important;
}

.text-violet-5 {
    color: var(--violet-5) !important;
}

.border-violet-5 {
    border-color: var(--violet-5) !important;
}

.bg-violet-warm-90 {
    --background: var(--violet-warm-90);
    background: var(--violet-warm-90) !important;
}

.text-violet-warm-90 {
    color: var(--violet-warm-90) !important;
}

.border-violet-warm-90 {
    border-color: var(--violet-warm-90) !important;
}

.bg-violet-warm-80 {
    --background: var(--violet-warm-80);
    background: var(--violet-warm-80) !important;
}

.text-violet-warm-80 {
    color: var(--violet-warm-80) !important;
}

.border-violet-warm-80 {
    border-color: var(--violet-warm-80) !important;
}

.bg-violet-warm-70 {
    --background: var(--violet-warm-70);
    background: var(--violet-warm-70) !important;
}

.text-violet-warm-70 {
    color: var(--violet-warm-70) !important;
}

.border-violet-warm-70 {
    border-color: var(--violet-warm-70) !important;
}

.bg-violet-warm-60 {
    --background: var(--violet-warm-60);
    background: var(--violet-warm-60) !important;
}

.text-violet-warm-60 {
    color: var(--violet-warm-60) !important;
}

.border-violet-warm-60 {
    border-color: var(--violet-warm-60) !important;
}

.bg-violet-warm-50 {
    --background: var(--violet-warm-50);
    background: var(--violet-warm-50) !important;
}

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

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

.bg-violet-warm-40 {
    --background: var(--violet-warm-40);
    background: var(--violet-warm-40) !important;
}

.text-violet-warm-40 {
    color: var(--violet-warm-40) !important;
}

.border-violet-warm-40 {
    border-color: var(--violet-warm-40) !important;
}

.bg-violet-warm-30 {
    --background: var(--violet-warm-30);
    background: var(--violet-warm-30) !important;
}

.text-violet-warm-30 {
    color: var(--violet-warm-30) !important;
}

.border-violet-warm-30 {
    border-color: var(--violet-warm-30) !important;
}

.bg-violet-warm-20 {
    --background: var(--violet-warm-20);
    background: var(--violet-warm-20) !important;
}

.text-violet-warm-20 {
    color: var(--violet-warm-20) !important;
}

.border-violet-warm-20 {
    border-color: var(--violet-warm-20) !important;
}

.bg-violet-warm-10 {
    --background: var(--violet-warm-10);
    background: var(--violet-warm-10) !important;
}

.text-violet-warm-10 {
    color: var(--violet-warm-10) !important;
}

.border-violet-warm-10 {
    border-color: var(--violet-warm-10) !important;
}

.bg-violet-warm-5 {
    --background: var(--violet-warm-5);
    background: var(--violet-warm-5) !important;
}

.text-violet-warm-5 {
    color: var(--violet-warm-5) !important;
}

.border-violet-warm-5 {
    border-color: var(--violet-warm-5) !important;
}

.bg-violet-vivid-80 {
    --background: var(--violet-vivid-80);
    background: var(--violet-vivid-80) !important;
}

.text-violet-vivid-80 {
    color: var(--violet-vivid-80) !important;
}

.border-violet-vivid-80 {
    border-color: var(--violet-vivid-80) !important;
}

.bg-violet-vivid-70 {
    --background: var(--violet-vivid-70);
    background: var(--violet-vivid-70) !important;
}

.text-violet-vivid-70 {
    color: var(--violet-vivid-70) !important;
}

.border-violet-vivid-70 {
    border-color: var(--violet-vivid-70) !important;
}

.bg-violet-vivid-60 {
    --background: var(--violet-vivid-60);
    background: var(--violet-vivid-60) !important;
}

.text-violet-vivid-60 {
    color: var(--violet-vivid-60) !important;
}

.border-violet-vivid-60 {
    border-color: var(--violet-vivid-60) !important;
}

.bg-violet-vivid-50 {
    --background: var(--violet-vivid-50);
    background: var(--violet-vivid-50) !important;
}

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

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

.bg-violet-vivid-40 {
    --background: var(--violet-vivid-40);
    background: var(--violet-vivid-40) !important;
}

.text-violet-vivid-40 {
    color: var(--violet-vivid-40) !important;
}

.border-violet-vivid-40 {
    border-color: var(--violet-vivid-40) !important;
}

.bg-violet-vivid-30 {
    --background: var(--violet-vivid-30);
    background: var(--violet-vivid-30) !important;
}

.text-violet-vivid-30 {
    color: var(--violet-vivid-30) !important;
}

.border-violet-vivid-30 {
    border-color: var(--violet-vivid-30) !important;
}

.bg-violet-vivid-20 {
    --background: var(--violet-vivid-20);
    background: var(--violet-vivid-20) !important;
}

.text-violet-vivid-20 {
    color: var(--violet-vivid-20) !important;
}

.border-violet-vivid-20 {
    border-color: var(--violet-vivid-20) !important;
}

.bg-violet-vivid-10 {
    --background: var(--violet-vivid-10);
    background: var(--violet-vivid-10) !important;
}

.text-violet-vivid-10 {
    color: var(--violet-vivid-10) !important;
}

.border-violet-vivid-10 {
    border-color: var(--violet-vivid-10) !important;
}

.bg-violet-vivid-5 {
    --background: var(--violet-vivid-5);
    background: var(--violet-vivid-5) !important;
}

.text-violet-vivid-5 {
    color: var(--violet-vivid-5) !important;
}

.border-violet-vivid-5 {
    border-color: var(--violet-vivid-5) !important;
}

.bg-violet-warm-vivid-80 {
    --background: var(--violet-warm-vivid-80);
    background: var(--violet-warm-vivid-80) !important;
}

.text-violet-warm-vivid-80 {
    color: var(--violet-warm-vivid-80) !important;
}

.border-violet-warm-vivid-80 {
    border-color: var(--violet-warm-vivid-80) !important;
}

.bg-violet-warm-vivid-70 {
    --background: var(--violet-warm-vivid-70);
    background: var(--violet-warm-vivid-70) !important;
}

.text-violet-warm-vivid-70 {
    color: var(--violet-warm-vivid-70) !important;
}

.border-violet-warm-vivid-70 {
    border-color: var(--violet-warm-vivid-70) !important;
}

.bg-violet-warm-vivid-60 {
    --background: var(--violet-warm-vivid-60);
    background: var(--violet-warm-vivid-60) !important;
}

.text-violet-warm-vivid-60 {
    color: var(--violet-warm-vivid-60) !important;
}

.border-violet-warm-vivid-60 {
    border-color: var(--violet-warm-vivid-60) !important;
}

.bg-violet-warm-vivid-50 {
    --background: var(--violet-warm-vivid-50);
    background: var(--violet-warm-vivid-50) !important;
}

.text-violet-warm-vivid-50 {
    color: var(--violet-warm-vivid-50) !important;
}

.border-violet-warm-vivid-50 {
    border-color: var(--violet-warm-vivid-50) !important;
}

.bg-violet-warm-vivid-40 {
    --background: var(--violet-warm-vivid-40);
    background: var(--violet-warm-vivid-40) !important;
}

.text-violet-warm-vivid-40 {
    color: var(--violet-warm-vivid-40) !important;
}

.border-violet-warm-vivid-40 {
    border-color: var(--violet-warm-vivid-40) !important;
}

.bg-violet-warm-vivid-30 {
    --background: var(--violet-warm-vivid-30);
    background: var(--violet-warm-vivid-30) !important;
}

.text-violet-warm-vivid-30 {
    color: var(--violet-warm-vivid-30) !important;
}

.border-violet-warm-vivid-30 {
    border-color: var(--violet-warm-vivid-30) !important;
}

.bg-violet-warm-vivid-20 {
    --background: var(--violet-warm-vivid-20);
    background: var(--violet-warm-vivid-20) !important;
}

.text-violet-warm-vivid-20 {
    color: var(--violet-warm-vivid-20) !important;
}

.border-violet-warm-vivid-20 {
    border-color: var(--violet-warm-vivid-20) !important;
}

.bg-violet-warm-vivid-10 {
    --background: var(--violet-warm-vivid-10);
    background: var(--violet-warm-vivid-10) !important;
}

.text-violet-warm-vivid-10 {
    color: var(--violet-warm-vivid-10) !important;
}

.border-violet-warm-vivid-10 {
    border-color: var(--violet-warm-vivid-10) !important;
}

.bg-violet-warm-vivid-5 {
    --background: var(--violet-warm-vivid-5);
    background: var(--violet-warm-vivid-5) !important;
}

.text-violet-warm-vivid-5 {
    color: var(--violet-warm-vivid-5) !important;
}

.border-violet-warm-vivid-5 {
    border-color: var(--violet-warm-vivid-5) !important;
}

.bg-yellow-90 {
    --background: var(--yellow-90);
    background: var(--yellow-90) !important;
}

.text-yellow-90 {
    color: var(--yellow-90) !important;
}

.border-yellow-90 {
    border-color: var(--yellow-90) !important;
}

.bg-yellow-80 {
    --background: var(--yellow-80);
    background: var(--yellow-80) !important;
}

.text-yellow-80 {
    color: var(--yellow-80) !important;
}

.border-yellow-80 {
    border-color: var(--yellow-80) !important;
}

.bg-yellow-70 {
    --background: var(--yellow-70);
    background: var(--yellow-70) !important;
}

.text-yellow-70 {
    color: var(--yellow-70) !important;
}

.border-yellow-70 {
    border-color: var(--yellow-70) !important;
}

.bg-yellow-60 {
    --background: var(--yellow-60);
    background: var(--yellow-60) !important;
}

.text-yellow-60 {
    color: var(--yellow-60) !important;
}

.border-yellow-60 {
    border-color: var(--yellow-60) !important;
}

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

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

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

.bg-yellow-40 {
    --background: var(--yellow-40);
    background: var(--yellow-40) !important;
}

.text-yellow-40 {
    color: var(--yellow-40) !important;
}

.border-yellow-40 {
    border-color: var(--yellow-40) !important;
}

.bg-yellow-30 {
    --background: var(--yellow-30);
    background: var(--yellow-30) !important;
}

.text-yellow-30 {
    color: var(--yellow-30) !important;
}

.border-yellow-30 {
    border-color: var(--yellow-30) !important;
}

.bg-yellow-20 {
    --background: var(--yellow-20);
    background: var(--yellow-20) !important;
}

.text-yellow-20 {
    color: var(--yellow-20) !important;
}

.border-yellow-20 {
    border-color: var(--yellow-20) !important;
}

.bg-yellow-10 {
    --background: var(--yellow-10);
    background: var(--yellow-10) !important;
}

.text-yellow-10 {
    color: var(--yellow-10) !important;
}

.border-yellow-10 {
    border-color: var(--yellow-10) !important;
}

.bg-yellow-5 {
    --background: var(--yellow-5);
    background: var(--yellow-5) !important;
}

.text-yellow-5 {
    color: var(--yellow-5) !important;
}

.border-yellow-5 {
    border-color: var(--yellow-5) !important;
}

.bg-yellow-vivid-80 {
    --background: var(--yellow-vivid-80);
    background: var(--yellow-vivid-80) !important;
}

.text-yellow-vivid-80 {
    color: var(--yellow-vivid-80) !important;
}

.border-yellow-vivid-80 {
    border-color: var(--yellow-vivid-80) !important;
}

.bg-yellow-vivid-70 {
    --background: var(--yellow-vivid-70);
    background: var(--yellow-vivid-70) !important;
}

.text-yellow-vivid-70 {
    color: var(--yellow-vivid-70) !important;
}

.border-yellow-vivid-70 {
    border-color: var(--yellow-vivid-70) !important;
}

.bg-yellow-vivid-60 {
    --background: var(--yellow-vivid-60);
    background: var(--yellow-vivid-60) !important;
}

.text-yellow-vivid-60 {
    color: var(--yellow-vivid-60) !important;
}

.border-yellow-vivid-60 {
    border-color: var(--yellow-vivid-60) !important;
}

.bg-yellow-vivid-50 {
    --background: var(--yellow-vivid-50);
    background: var(--yellow-vivid-50) !important;
}

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

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

.bg-yellow-vivid-40 {
    --background: var(--yellow-vivid-40);
    background: var(--yellow-vivid-40) !important;
}

.text-yellow-vivid-40 {
    color: var(--yellow-vivid-40) !important;
}

.border-yellow-vivid-40 {
    border-color: var(--yellow-vivid-40) !important;
}

.bg-yellow-vivid-30 {
    --background: var(--yellow-vivid-30);
    background: var(--yellow-vivid-30) !important;
}

.text-yellow-vivid-30 {
    color: var(--yellow-vivid-30) !important;
}

.border-yellow-vivid-30 {
    border-color: var(--yellow-vivid-30) !important;
}

.bg-yellow-vivid-20 {
    --background: var(--yellow-vivid-20);
    background: var(--yellow-vivid-20) !important;
}

.text-yellow-vivid-20 {
    color: var(--yellow-vivid-20) !important;
}

.border-yellow-vivid-20 {
    border-color: var(--yellow-vivid-20) !important;
}

.bg-yellow-vivid-10 {
    --background: var(--yellow-vivid-10);
    background: var(--yellow-vivid-10) !important;
}

.text-yellow-vivid-10 {
    color: var(--yellow-vivid-10) !important;
}

.border-yellow-vivid-10 {
    border-color: var(--yellow-vivid-10) !important;
}

.bg-yellow-vivid-5 {
    --background: var(--yellow-vivid-5);
    background: var(--yellow-vivid-5) !important;
}

.text-yellow-vivid-5 {
    color: var(--yellow-vivid-5) !important;
}

.border-yellow-vivid-5 {
    border-color: var(--yellow-vivid-5) !important;
}

.bg-interactive {
    --background: var(--interactive);
    background: var(--interactive) !important;
}

.text-interactive {
    color: var(--interactive) !important;
}

.border-interactive {
    border-color: var(--interactive) !important;
}

.bg-interactive-dark {
    --background: var(--interactive-dark);
    background: var(--interactive-dark) !important;
}

.text-interactive-dark {
    color: var(--interactive-dark) !important;
}

.border-interactive-dark {
    border-color: var(--interactive-dark) !important;
}

.bg-danger {
    --background: var(--danger);
    background: var(--danger) !important;
}

.text-danger {
    color: var(--danger) !important;
}

.border-danger {
    border-color: var(--danger) !important;
}

.bg-warning {
    --background: var(--warning);
    background: var(--warning) !important;
}

.text-warning {
    color: var(--warning) !important;
}

.border-warning {
    border-color: var(--warning) !important;
}

.bg-success {
    --background: var(--success);
    background: var(--success) !important;
}

.text-success {
    color: var(--success) !important;
}

.border-success {
    border-color: var(--success) !important;
}

.bg-info {
    --background: var(--info);
    background: var(--info) !important;
}

.text-info {
    color: var(--info) !important;
}

.border-info {
    border-color: var(--info) !important;
}

.bg-primary-pastel-01 {
    background: var(--color-primary-pastel-01) !important;
}

.text-primary-pastel-01 {
    color: var(--color-primary-pastel-01) !important;
}

.border-primary-pastel-01 {
    border-color: var(--color-primary-pastel-01) !important;
}

.bg-primary-pastel-02 {
    background: var(--color-primary-pastel-02) !important;
}

.text-primary-pastel-02 {
    color: var(--color-primary-pastel-02) !important;
}

.border-primary-pastel-02 {
    border-color: var(--color-primary-pastel-02) !important;
}

.bg-primary-lighten-01 {
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color);
    --interactive: var(--interactive-dark);
    --interactive-rgb: var(--interactive-dark-rgb);
    --visited: var(--visited-dark);
    --hover: var(--hover-dark);
    --pressed: var(--pressed-dark);
    --focus-color: var(--focus-color-dark);
    --focus: var(--focus-color);
    background: var(--color-primary-lighten-01) !important;
}

.text-primary-lighten-01 {
    color: var(--color-primary-lighten-01) !important;
}

.border-primary-lighten-01 {
    border-color: var(--color-primary-lighten-01) !important;
}

.bg-primary-lighten-02 {
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color);
    --interactive: var(--interactive-dark);
    --interactive-rgb: var(--interactive-dark-rgb);
    --visited: var(--visited-dark);
    --hover: var(--hover-dark);
    --pressed: var(--pressed-dark);
    --focus-color: var(--focus-color-dark);
    --focus: var(--focus-color);
    background: var(--color-primary-lighten-02) !important;
}

.text-primary-lighten-02 {
    color: var(--color-primary-lighten-02) !important;
}

.border-primary-lighten-02 {
    border-color: var(--color-primary-lighten-02) !important;
}

.bg-primary-default {
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color);
    --interactive: var(--interactive-dark);
    --interactive-rgb: var(--interactive-dark-rgb);
    --visited: var(--visited-dark);
    --hover: var(--hover-dark);
    --pressed: var(--pressed-dark);
    --focus-color: var(--focus-color-dark);
    --focus: var(--focus-color);
    background: var(--color-primary-default) !important;
}

.text-primary-default {
    color: var(--color-primary-default) !important;
}

.border-primary-default {
    border-color: var(--color-primary-default) !important;
}

.bg-primary-darken-01 {
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color);
    --interactive: var(--interactive-dark);
    --interactive-rgb: var(--interactive-dark-rgb);
    --visited: var(--visited-dark);
    --hover: var(--hover-dark);
    --pressed: var(--pressed-dark);
    --focus-color: var(--focus-color-dark);
    --focus: var(--focus-color);
    background: var(--color-primary-darken-01) !important;
}

.text-primary-darken-01 {
    color: var(--color-primary-darken-01) !important;
}

.border-primary-darken-01 {
    border-color: var(--color-primary-darken-01) !important;
}

.bg-primary-darken-02 {
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color);
    --interactive: var(--interactive-dark);
    --interactive-rgb: var(--interactive-dark-rgb);
    --visited: var(--visited-dark);
    --hover: var(--hover-dark);
    --pressed: var(--pressed-dark);
    --focus-color: var(--focus-color-dark);
    --focus: var(--focus-color);
    background: var(--color-primary-darken-02) !important;
}

.text-primary-darken-02 {
    color: var(--color-primary-darken-02) !important;
}

.border-primary-darken-02 {
    border-color: var(--color-primary-darken-02) !important;
}

.bg-secondary-01 {
    background: var(--color-secondary-01) !important;
}

.text-secondary-01 {
    color: var(--color-secondary-01) !important;
}

.border-secondary-01 {
    border-color: var(--color-secondary-01) !important;
}

.bg-secondary-02 {
    background: var(--color-secondary-02) !important;
}

.text-secondary-02 {
    color: var(--color-secondary-02) !important;
}

.border-secondary-02 {
    border-color: var(--color-secondary-02) !important;
}

.bg-secondary-03 {
    background: var(--color-secondary-03) !important;
}

.text-secondary-03 {
    color: var(--color-secondary-03) !important;
}

.border-secondary-03 {
    border-color: var(--color-secondary-03) !important;
}

.bg-secondary-04 {
    background: var(--color-secondary-04) !important;
}

.text-secondary-04 {
    color: var(--color-secondary-04) !important;
}

.border-secondary-04 {
    border-color: var(--color-secondary-04) !important;
}

.bg-secondary-05 {
    background: var(--color-secondary-05) !important;
}

.text-secondary-05 {
    color: var(--color-secondary-05) !important;
}

.border-secondary-05 {
    border-color: var(--color-secondary-05) !important;
}

.bg-secondary-06 {
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color);
    --interactive: var(--interactive-dark);
    --interactive-rgb: var(--interactive-dark-rgb);
    --visited: var(--visited-dark);
    --hover: var(--hover-dark);
    --pressed: var(--pressed-dark);
    --focus-color: var(--focus-color-dark);
    --focus: var(--focus-color);
    background: var(--color-secondary-06) !important;
}

.text-secondary-06 {
    color: var(--color-secondary-06) !important;
}

.border-secondary-06 {
    border-color: var(--color-secondary-06) !important;
}

.bg-secondary-07 {
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color);
    --interactive: var(--interactive-dark);
    --interactive-rgb: var(--interactive-dark-rgb);
    --visited: var(--visited-dark);
    --hover: var(--hover-dark);
    --pressed: var(--pressed-dark);
    --focus-color: var(--focus-color-dark);
    --focus: var(--focus-color);
    background: var(--color-secondary-07) !important;
}

.text-secondary-07 {
    color: var(--color-secondary-07) !important;
}

.border-secondary-07 {
    border-color: var(--color-secondary-07) !important;
}

.bg-secondary-08 {
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color);
    --interactive: var(--interactive-dark);
    --interactive-rgb: var(--interactive-dark-rgb);
    --visited: var(--visited-dark);
    --hover: var(--hover-dark);
    --pressed: var(--pressed-dark);
    --focus-color: var(--focus-color-dark);
    --focus: var(--focus-color);
    background: var(--color-secondary-08) !important;
}

.text-secondary-08 {
    color: var(--color-secondary-08) !important;
}

.border-secondary-08 {
    border-color: var(--color-secondary-08) !important;
}

.bg-secondary-09 {
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color);
    --interactive: var(--interactive-dark);
    --interactive-rgb: var(--interactive-dark-rgb);
    --visited: var(--visited-dark);
    --hover: var(--hover-dark);
    --pressed: var(--pressed-dark);
    --focus-color: var(--focus-color-dark);
    --focus: var(--focus-color);
    background: var(--color-secondary-09) !important;
}

.text-secondary-09 {
    color: var(--color-secondary-09) !important;
}

.border-secondary-09 {
    border-color: var(--color-secondary-09) !important;
}

.bg-highlight {
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color);
    --interactive: var(--interactive-dark);
    --interactive-rgb: var(--interactive-dark-rgb);
    --visited: var(--visited-dark);
    --hover: var(--hover-dark);
    --pressed: var(--pressed-dark);
    --focus-color: var(--focus-color-dark);
    --focus: var(--focus-color);
    background: var(--color-highlight) !important;
}

.text-highlight {
    color: var(--color-highlight) !important;
}

.border-highlight {
    border-color: var(--color-highlight) !important;
}

.bg-support-01 {
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color);
    --interactive: var(--interactive-dark);
    --interactive-rgb: var(--interactive-dark-rgb);
    --visited: var(--visited-dark);
    --hover: var(--hover-dark);
    --pressed: var(--pressed-dark);
    --focus-color: var(--focus-color-dark);
    --focus: var(--focus-color);
    background: var(--color-support-01) !important;
}

.text-support-01 {
    color: var(--color-support-01) !important;
}

.border-support-01 {
    border-color: var(--color-support-01) !important;
}

.bg-support-02 {
    background: var(--color-support-02) !important;
}

.text-support-02 {
    color: var(--color-support-02) !important;
}

.border-support-02 {
    border-color: var(--color-support-02) !important;
}

.bg-support-03 {
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color);
    --interactive: var(--interactive-dark);
    --interactive-rgb: var(--interactive-dark-rgb);
    --visited: var(--visited-dark);
    --hover: var(--hover-dark);
    --pressed: var(--pressed-dark);
    --focus-color: var(--focus-color-dark);
    --focus: var(--focus-color);
    background: var(--color-support-03) !important;
}

.text-support-03 {
    color: var(--color-support-03) !important;
}

.border-support-03 {
    border-color: var(--color-support-03) !important;
}

.bg-support-04 {
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color);
    --interactive: var(--interactive-dark);
    --interactive-rgb: var(--interactive-dark-rgb);
    --visited: var(--visited-dark);
    --hover: var(--hover-dark);
    --pressed: var(--pressed-dark);
    --focus-color: var(--focus-color-dark);
    --focus: var(--focus-color);
    background: var(--color-support-04) !important;
}

.text-support-04 {
    color: var(--color-support-04) !important;
}

.border-support-04 {
    border-color: var(--color-support-04) !important;
}

.bg-support-05 {
    background: var(--color-support-05) !important;
}

.text-support-05 {
    color: var(--color-support-05) !important;
}

.border-support-05 {
    border-color: var(--color-support-05) !important;
}

.bg-support-06 {
    background: var(--color-support-06) !important;
}

.text-support-06 {
    color: var(--color-support-06) !important;
}

.border-support-06 {
    border-color: var(--color-support-06) !important;
}

.bg-support-07 {
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color);
    --interactive: var(--interactive-dark);
    --interactive-rgb: var(--interactive-dark-rgb);
    --visited: var(--visited-dark);
    --hover: var(--hover-dark);
    --pressed: var(--pressed-dark);
    --focus-color: var(--focus-color-dark);
    --focus: var(--focus-color);
    background: var(--color-support-07) !important;
}

.text-support-07 {
    color: var(--color-support-07) !important;
}

.border-support-07 {
    border-color: var(--color-support-07) !important;
}

.bg-support-08 {
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color);
    --interactive: var(--interactive-dark);
    --interactive-rgb: var(--interactive-dark-rgb);
    --visited: var(--visited-dark);
    --hover: var(--hover-dark);
    --pressed: var(--pressed-dark);
    --focus-color: var(--focus-color-dark);
    --focus: var(--focus-color);
    background: var(--color-support-08) !important;
}

.text-support-08 {
    color: var(--color-support-08) !important;
}

.border-support-08 {
    border-color: var(--color-support-08) !important;
}

.bg-support-09 {
    background: var(--color-support-09) !important;
}

.text-support-09 {
    color: var(--color-support-09) !important;
}

.border-support-09 {
    border-color: var(--color-support-09) !important;
}

.bg-support-10 {
    background: var(--color-support-10) !important;
}

.text-support-10 {
    color: var(--color-support-10) !important;
}

.border-support-10 {
    border-color: var(--color-support-10) !important;
}

.bg-support-11 {
    background: var(--color-support-11) !important;
}

.text-support-11 {
    color: var(--color-support-11) !important;
}

.border-support-11 {
    border-color: var(--color-support-11) !important;
}

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

.text-justify {
    text-align: justify !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.text-thin,
.text-weight-thin {
    font-weight: 100 !important;
}

.text-extra-light,
.text-weight-extra-light {
    font-weight: 200 !important;
}

.text-light,
.text-weight-light {
    font-weight: 300 !important;
}

.text-regular,
.text-weight-regular {
    font-weight: 400 !important;
}

.text-medium,
.text-weight-medium {
    font-weight: 500 !important;
}

.text-semi-bold,
.text-weight-semi-bold {
    font-weight: 600 !important;
}

.text-bold,
.text-weight-bold {
    font-weight: 700 !important;
}

.text-extra-bold,
.text-weight-extra-bold {
    font-weight: 800 !important;
}

.text-black,
.text-weight-black {
    font-weight: 900 !important;
}

.text-base {
    font-size: var(--font-size-scale-base) !important;
}

.text-down-01 {
    font-size: var(--font-size-scale-down-01) !important;
}

.text-down-02 {
    font-size: var(--font-size-scale-down-02) !important;
}

.text-down-03 {
    font-size: var(--font-size-scale-down-03) !important;
}

.text-up-01 {
    font-size: var(--font-size-scale-up-01) !important;
}

.text-up-02 {
    font-size: var(--font-size-scale-up-02) !important;
}

.text-up-03 {
    font-size: var(--font-size-scale-up-03) !important;
}

.text-up-04 {
    font-size: var(--font-size-scale-up-04) !important;
}

.text-up-05 {
    font-size: var(--font-size-scale-up-05) !important;
}

.text-up-06 {
    font-size: var(--font-size-scale-up-06) !important;
}

.text-up-07 {
    font-size: var(--font-size-scale-up-07) !important;
}

.text-up-08 {
    font-size: var(--font-size-scale-up-08) !important;
}

.text-up-09 {
    font-size: var(--font-size-scale-up-09) !important;
}

.text-up-10 {
    font-size: var(--font-size-scale-up-10) !important;
}

.text-up-11 {
    font-size: var(--font-size-scale-up-11) !important;
}

@media (min-width: 576px) {
    .text-sm-center {
        text-align: center !important;
    }

    .text-sm-justify {
        text-align: justify !important;
    }

    .text-sm-left {
        text-align: left !important;
    }

    .text-sm-right {
        text-align: right !important;
    }

    .text-sm-wrap {
        white-space: normal !important;
    }

    .text-sm-nowrap {
        white-space: nowrap !important;
    }

    .text-sm-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .text-sm-break {
        word-break: break-word !important;
        word-wrap: break-word !important;
    }

    .text-sm-lowercase {
        text-transform: lowercase !important;
    }

    .text-sm-uppercase {
        text-transform: uppercase !important;
    }

    .text-sm-capitalize {
        text-transform: capitalize !important;
    }

    .text-sm-thin,
    .text-sm-weight-thin {
        font-weight: 100 !important;
    }

    .text-sm-extra-light,
    .text-sm-weight-extra-light {
        font-weight: 200 !important;
    }

    .text-sm-light,
    .text-sm-weight-light {
        font-weight: 300 !important;
    }

    .text-sm-regular,
    .text-sm-weight-regular {
        font-weight: 400 !important;
    }

    .text-sm-medium,
    .text-sm-weight-medium {
        font-weight: 500 !important;
    }

    .text-sm-semi-bold,
    .text-sm-weight-semi-bold {
        font-weight: 600 !important;
    }

    .text-sm-bold,
    .text-sm-weight-bold {
        font-weight: 700 !important;
    }

    .text-sm-extra-bold,
    .text-sm-weight-extra-bold {
        font-weight: 800 !important;
    }

    .text-sm-black,
    .text-sm-weight-black {
        font-weight: 900 !important;
    }

    .text-sm-base {
        font-size: var(--font-size-scale-base) !important;
    }

    .text-sm-down-01 {
        font-size: var(--font-size-scale-down-01) !important;
    }

    .text-sm-down-02 {
        font-size: var(--font-size-scale-down-02) !important;
    }

    .text-sm-down-03 {
        font-size: var(--font-size-scale-down-03) !important;
    }

    .text-sm-up-01 {
        font-size: var(--font-size-scale-up-01) !important;
    }

    .text-sm-up-02 {
        font-size: var(--font-size-scale-up-02) !important;
    }

    .text-sm-up-03 {
        font-size: var(--font-size-scale-up-03) !important;
    }

    .text-sm-up-04 {
        font-size: var(--font-size-scale-up-04) !important;
    }

    .text-sm-up-05 {
        font-size: var(--font-size-scale-up-05) !important;
    }

    .text-sm-up-06 {
        font-size: var(--font-size-scale-up-06) !important;
    }

    .text-sm-up-07 {
        font-size: var(--font-size-scale-up-07) !important;
    }

    .text-sm-up-08 {
        font-size: var(--font-size-scale-up-08) !important;
    }

    .text-sm-up-09 {
        font-size: var(--font-size-scale-up-09) !important;
    }

    .text-sm-up-10 {
        font-size: var(--font-size-scale-up-10) !important;
    }

    .text-sm-up-11 {
        font-size: var(--font-size-scale-up-11) !important;
    }
}

@media (min-width: 992px) {
    .text-md-center {
        text-align: center !important;
    }

    .text-md-justify {
        text-align: justify !important;
    }

    .text-md-left {
        text-align: left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .text-md-wrap {
        white-space: normal !important;
    }

    .text-md-nowrap {
        white-space: nowrap !important;
    }

    .text-md-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .text-md-break {
        word-break: break-word !important;
        word-wrap: break-word !important;
    }

    .text-md-lowercase {
        text-transform: lowercase !important;
    }

    .text-md-uppercase {
        text-transform: uppercase !important;
    }

    .text-md-capitalize {
        text-transform: capitalize !important;
    }

    .text-md-thin,
    .text-md-weight-thin {
        font-weight: 100 !important;
    }

    .text-md-extra-light,
    .text-md-weight-extra-light {
        font-weight: 200 !important;
    }

    .text-md-light,
    .text-md-weight-light {
        font-weight: 300 !important;
    }

    .text-md-regular,
    .text-md-weight-regular {
        font-weight: 400 !important;
    }

    .text-md-medium,
    .text-md-weight-medium {
        font-weight: 500 !important;
    }

    .text-md-semi-bold,
    .text-md-weight-semi-bold {
        font-weight: 600 !important;
    }

    .text-md-bold,
    .text-md-weight-bold {
        font-weight: 700 !important;
    }

    .text-md-extra-bold,
    .text-md-weight-extra-bold {
        font-weight: 800 !important;
    }

    .text-md-black,
    .text-md-weight-black {
        font-weight: 900 !important;
    }

    .text-md-base {
        font-size: var(--font-size-scale-base) !important;
    }

    .text-md-down-01 {
        font-size: var(--font-size-scale-down-01) !important;
    }

    .text-md-down-02 {
        font-size: var(--font-size-scale-down-02) !important;
    }

    .text-md-down-03 {
        font-size: var(--font-size-scale-down-03) !important;
    }

    .text-md-up-01 {
        font-size: var(--font-size-scale-up-01) !important;
    }

    .text-md-up-02 {
        font-size: var(--font-size-scale-up-02) !important;
    }

    .text-md-up-03 {
        font-size: var(--font-size-scale-up-03) !important;
    }

    .text-md-up-04 {
        font-size: var(--font-size-scale-up-04) !important;
    }

    .text-md-up-05 {
        font-size: var(--font-size-scale-up-05) !important;
    }

    .text-md-up-06 {
        font-size: var(--font-size-scale-up-06) !important;
    }

    .text-md-up-07 {
        font-size: var(--font-size-scale-up-07) !important;
    }

    .text-md-up-08 {
        font-size: var(--font-size-scale-up-08) !important;
    }

    .text-md-up-09 {
        font-size: var(--font-size-scale-up-09) !important;
    }

    .text-md-up-10 {
        font-size: var(--font-size-scale-up-10) !important;
    }

    .text-md-up-11 {
        font-size: var(--font-size-scale-up-11) !important;
    }
}

@media (min-width: 1280px) {
    .text-lg-center {
        text-align: center !important;
    }

    .text-lg-justify {
        text-align: justify !important;
    }

    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

    .text-lg-wrap {
        white-space: normal !important;
    }

    .text-lg-nowrap {
        white-space: nowrap !important;
    }

    .text-lg-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .text-lg-break {
        word-break: break-word !important;
        word-wrap: break-word !important;
    }

    .text-lg-lowercase {
        text-transform: lowercase !important;
    }

    .text-lg-uppercase {
        text-transform: uppercase !important;
    }

    .text-lg-capitalize {
        text-transform: capitalize !important;
    }

    .text-lg-thin,
    .text-lg-weight-thin {
        font-weight: 100 !important;
    }

    .text-lg-extra-light,
    .text-lg-weight-extra-light {
        font-weight: 200 !important;
    }

    .text-lg-light,
    .text-lg-weight-light {
        font-weight: 300 !important;
    }

    .text-lg-regular,
    .text-lg-weight-regular {
        font-weight: 400 !important;
    }

    .text-lg-medium,
    .text-lg-weight-medium {
        font-weight: 500 !important;
    }

    .text-lg-semi-bold,
    .text-lg-weight-semi-bold {
        font-weight: 600 !important;
    }

    .text-lg-bold,
    .text-lg-weight-bold {
        font-weight: 700 !important;
    }

    .text-lg-extra-bold,
    .text-lg-weight-extra-bold {
        font-weight: 800 !important;
    }

    .text-lg-black,
    .text-lg-weight-black {
        font-weight: 900 !important;
    }

    .text-lg-base {
        font-size: var(--font-size-scale-base) !important;
    }

    .text-lg-down-01 {
        font-size: var(--font-size-scale-down-01) !important;
    }

    .text-lg-down-02 {
        font-size: var(--font-size-scale-down-02) !important;
    }

    .text-lg-down-03 {
        font-size: var(--font-size-scale-down-03) !important;
    }

    .text-lg-up-01 {
        font-size: var(--font-size-scale-up-01) !important;
    }

    .text-lg-up-02 {
        font-size: var(--font-size-scale-up-02) !important;
    }

    .text-lg-up-03 {
        font-size: var(--font-size-scale-up-03) !important;
    }

    .text-lg-up-04 {
        font-size: var(--font-size-scale-up-04) !important;
    }

    .text-lg-up-05 {
        font-size: var(--font-size-scale-up-05) !important;
    }

    .text-lg-up-06 {
        font-size: var(--font-size-scale-up-06) !important;
    }

    .text-lg-up-07 {
        font-size: var(--font-size-scale-up-07) !important;
    }

    .text-lg-up-08 {
        font-size: var(--font-size-scale-up-08) !important;
    }

    .text-lg-up-09 {
        font-size: var(--font-size-scale-up-09) !important;
    }

    .text-lg-up-10 {
        font-size: var(--font-size-scale-up-10) !important;
    }

    .text-lg-up-11 {
        font-size: var(--font-size-scale-up-11) !important;
    }
}

@media (min-width: 1600px) {
    .text-xl-center {
        text-align: center !important;
    }

    .text-xl-justify {
        text-align: justify !important;
    }

    .text-xl-left {
        text-align: left !important;
    }

    .text-xl-right {
        text-align: right !important;
    }

    .text-xl-wrap {
        white-space: normal !important;
    }

    .text-xl-nowrap {
        white-space: nowrap !important;
    }

    .text-xl-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .text-xl-break {
        word-break: break-word !important;
        word-wrap: break-word !important;
    }

    .text-xl-lowercase {
        text-transform: lowercase !important;
    }

    .text-xl-uppercase {
        text-transform: uppercase !important;
    }

    .text-xl-capitalize {
        text-transform: capitalize !important;
    }

    .text-xl-thin,
    .text-xl-weight-thin {
        font-weight: 100 !important;
    }

    .text-xl-extra-light,
    .text-xl-weight-extra-light {
        font-weight: 200 !important;
    }

    .text-xl-light,
    .text-xl-weight-light {
        font-weight: 300 !important;
    }

    .text-xl-regular,
    .text-xl-weight-regular {
        font-weight: 400 !important;
    }

    .text-xl-medium,
    .text-xl-weight-medium {
        font-weight: 500 !important;
    }

    .text-xl-semi-bold,
    .text-xl-weight-semi-bold {
        font-weight: 600 !important;
    }

    .text-xl-bold,
    .text-xl-weight-bold {
        font-weight: 700 !important;
    }

    .text-xl-extra-bold,
    .text-xl-weight-extra-bold {
        font-weight: 800 !important;
    }

    .text-xl-black,
    .text-xl-weight-black {
        font-weight: 900 !important;
    }

    .text-xl-base {
        font-size: var(--font-size-scale-base) !important;
    }

    .text-xl-down-01 {
        font-size: var(--font-size-scale-down-01) !important;
    }

    .text-xl-down-02 {
        font-size: var(--font-size-scale-down-02) !important;
    }

    .text-xl-down-03 {
        font-size: var(--font-size-scale-down-03) !important;
    }

    .text-xl-up-01 {
        font-size: var(--font-size-scale-up-01) !important;
    }

    .text-xl-up-02 {
        font-size: var(--font-size-scale-up-02) !important;
    }

    .text-xl-up-03 {
        font-size: var(--font-size-scale-up-03) !important;
    }

    .text-xl-up-04 {
        font-size: var(--font-size-scale-up-04) !important;
    }

    .text-xl-up-05 {
        font-size: var(--font-size-scale-up-05) !important;
    }

    .text-xl-up-06 {
        font-size: var(--font-size-scale-up-06) !important;
    }

    .text-xl-up-07 {
        font-size: var(--font-size-scale-up-07) !important;
    }

    .text-xl-up-08 {
        font-size: var(--font-size-scale-up-08) !important;
    }

    .text-xl-up-09 {
        font-size: var(--font-size-scale-up-09) !important;
    }

    .text-xl-up-10 {
        font-size: var(--font-size-scale-up-10) !important;
    }

    .text-xl-up-11 {
        font-size: var(--font-size-scale-up-11) !important;
    }
}

.shadow-color {
    box-shadow: var(--rgb-secondary-09);
}

.shadow-none {
    box-shadow: none;
}

.shadow-sm {
    box-shadow: var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md {
    box-shadow: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg {
    box-shadow: var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl {
    box-shadow: var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-inset {
    box-shadow: var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-inset {
    box-shadow: var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-inset {
    box-shadow: var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-inset {
    box-shadow: var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-up {
    box-shadow: var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-up {
    box-shadow: var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-up {
    box-shadow: var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-up {
    box-shadow: var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-inset-up {
    box-shadow: var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-inset-up {
    box-shadow: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-inset-up {
    box-shadow: var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-inset-up {
    box-shadow: var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-right {
    box-shadow: var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-right {
    box-shadow: var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-right {
    box-shadow: var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-right {
    box-shadow: var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-inset-right {
    box-shadow: var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-inset-right {
    box-shadow: var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-inset-right {
    box-shadow: var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-inset-right {
    box-shadow: var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-left {
    box-shadow: var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-left {
    box-shadow: var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-left {
    box-shadow: var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-left {
    box-shadow: var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-inset-left {
    box-shadow: var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-inset-left {
    box-shadow: var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-inset-left {
    box-shadow: var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-inset-left {
    box-shadow: var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.layer-0 {
    z-index: var(--z-index-layer-0);
}

.layer-1 {
    z-index: var(--z-index-layer-1);
}

.layer-2 {
    z-index: var(--z-index-layer-2);
}

.layer-3 {
    z-index: var(--z-index-layer-3);
}

.layer-4 {
    z-index: var(--z-index-layer-4);
}

.ease {
    animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.ease-in {
    animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
}

.ease-out {
    animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
}

.ease-in-out {
    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

.ease-linear {
    animation-timing-function: cubic-bezier(0, 0, 1, 1);
}

.very-fast {
    animation-duration: var(--duration-very-fast);
}

.fast {
    animation-duration: var(--duration-fast);
}

.moderate {
    animation-duration: var(--duration-moderate);
}

.slow {
    animation-duration: var(--duration-slow);
}

.very-slow {
    animation-duration: var(--duration-very-slow);
}

.svg-inline--fa,
.fa,
.fab,
.fad,
.fal,
.far,
.fas {
    --icon-size: var(--icon-size-base);
    display: inline-block;
    font-size: var(--icon-size);
    text-align: center;
    width: calc(var(--icon-size) + 8px);
}

    .svg-inline--fa.fa-w-20, .svg-inline--fa.fa-w-19, .svg-inline--fa.fa-w-18, .svg-inline--fa.fa-w-17, .svg-inline--fa.fa-w-16, .svg-inline--fa.fa-w-15, .svg-inline--fa.fa-w-14, .svg-inline--fa.fa-w-13, .svg-inline--fa.fa-w-12, .svg-inline--fa.fa-w-11, .svg-inline--fa.fa-w-10, .svg-inline--fa.fa-w-9, .svg-inline--fa.fa-w-8, .svg-inline--fa.fa-w-7, .svg-inline--fa.fa-w-6, .svg-inline--fa.fa-w-5, .svg-inline--fa.fa-w-4, .svg-inline--fa.fa-w-3, .svg-inline--fa.fa-w-2, .svg-inline--fa.fa-w-1 {
        width: calc(var(--icon-size) + 8px);
    }

    .fa-xs,
    .svg-inline--fa.fa-xs {
        --icon-size: var(--icon-size-xs);
    }

    .fa-sm,
    .svg-inline--fa.fa-sm {
        --icon-size: var(--icon-size-sm);
    }

    .fa-lg,
    .svg-inline--fa.fa-lg {
        --icon-size: var(--icon-size-lg);
        vertical-align: -0.125em;
    }

    .fa-2x,
    .svg-inline--fa.fa-2x {
        --icon-size: var(--icon-size-2x);
    }

    .fa-3x,
    .svg-inline--fa.fa-3x {
        --icon-size: var(--icon-size-3x);
    }

    .fa-4x,
    .svg-inline--fa.fa-4x {
        --icon-size: var(--icon-size-4x);
    }

    .fa-5x,
    .svg-inline--fa.fa-5x {
        --icon-size: var(--icon-size-5x);
    }

    .fa-6x,
    .svg-inline--fa.fa-6x {
        --icon-size: var(--icon-size-6x);
    }

    .fa-7x,
    .svg-inline--fa.fa-7x {
        --icon-size: var(--icon-size-7x);
    }

    .fa-8x,
    .svg-inline--fa.fa-8x {
        --icon-size: var(--icon-size-8x);
    }

    .fa-9x,
    .svg-inline--fa.fa-9x {
        --icon-size: var(--icon-size-9x);
    }

    .fa-10x,
    .svg-inline--fa.fa-10x {
        --icon-size: var(--icon-size-10x);
    }

.highlight {
    background: var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));
    color: var(--status-highlight-text);
    padding: 0 var(--spacing-scale-half);
}

[disabled],
.disabled {
    cursor: not-allowed;
    opacity: var(--disabled);
}

    [disabled] *,
    .disabled * {
        pointer-events: none;
    }

.dragged {
    background: var(--status-dragged-background);
    box-shadow: 0 3px 6px var(--status-dragged-shadow);
    color: var(--status-dragged-text);
}

[data-toggle=dropdown] + * {
    position: absolute;
}

.dropdown {
    position: relative;
}

    .dropdown [data-toggle=dropdown] + *,
    .dropdown [data-toggle=dropdown-legacy] + * {
        box-shadow: var(--surface-shadow-sm);
        left: 0;
        position: absolute;
        top: 100%;
    }

    .dropdown > .br-notification {
        left: auto;
        right: 0;
    }

    .dropdown .br-item {
        --color: var(--color-light);
        --color-rgb: var(--color-light-rgb);
        --text-color: var(--color);
        --interactive: var(--interactive-light);
        --interactive-rgb: var(--interactive-light-rgb);
        --visited: var(--visited-light);
        --hover: var(--hover-light);
        --pressed: var(--pressed-light);
        --focus-color: var(--focus-color-light);
        --focus: var(--focus-color);
        --item-padding-y: var(--spacing-scale-2x);
        --interactive-rgb: var(--color-rgb);
        background-color: var(--background-light);
        color: var(--color);
    }

        .dropdown .br-item:not(:last-child) {
            border-bottom: 1px solid var(--border-color);
        }

        .dropdown .br-item.selected {
            --color: var(--color-dark);
            --color-rgb: var(--color-dark-rgb);
            --text-color: var(--color);
            --interactive: var(--interactive-dark);
            --interactive-rgb: var(--interactive-dark-rgb);
            --visited: var(--visited-dark);
            --hover: var(--hover-dark);
            --pressed: var(--pressed-dark);
            --focus-color: var(--focus-color-dark);
            --focus: var(--focus-color);
        }

*[data-toggle=collapse]:not(:disabled):hover {
    background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

*[data-toggle=collapse]:focus {
    outline: none;
}

*[data-toggle=collapse].focus-visible, *[data-toggle=collapse]:focus-visible {
    outline-color: var(--focus);
    outline-offset: var(--focus-offset);
    outline-style: var(--focus-style);
    outline-width: var(--focus-width);
}

.template-base {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/*# sourceMappingURL=core-base.css.map*/