/*! * 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-rgb: 9, 59, 68;
    --cyan-vivid-70-rgb: 14, 79, 92;
    --cyan-vivid-60-rgb: 0, 104, 125;
    --cyan-vivid-50-rgb: 0, 129, 161;
    --cyan-vivid-40-rgb: 0, 158, 193;
    --cyan-vivid-30-rgb: 0, 189, 227;
    --cyan-vivid-20-rgb: 82, 218, 242;
    --cyan-vivid-10-rgb: 168, 242, 255;
    --cyan-vivid-5-rgb: 229, 250, 255;
    --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
}
html{
    line-height:var(--font-line-height-medium);
    text-size-adjust:100%
}
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:rgba(0,0,0,0)
}
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:.35em .75em .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)*.5);
    padding-right:calc(var(--grid-gutter)*.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,.location-list-page{
    --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,.location-list-page{
        --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,.location-list-page{
        --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,.location-list-page{
        --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,.location-list-page{
        --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
}
h1,.h1{
    color:var(--color);
    font-size:var(--font-size-scale-up-04);
    font-weight:var(--font-weight-medium);
    line-height:var(--font-line-height-low);
    margin-bottom:var(--spacing-scale-2xh);
    margin-top:0
}
@media(min-width: 576px){
    .h1,h1{
        font-size:var(--font-size-scale-up-06);
        font-weight:var(--font-weight-light);
        margin-bottom:var(--spacing-scale-4x)
    }
}
h2,.h2{
    color:var(--color);
    font-size:var(--font-size-scale-up-03);
    font-weight:var(--font-weight-semi-bold);
    line-height:var(--font-line-height-low);
    margin-bottom:var(--spacing-scale-2xh);
    margin-top:var(--spacing-scale-3xh);
    padding-bottom:var(--spacing-scale-2xh)
}
@media(min-width: 576px){
    .h2,h2{
        font-size:var(--font-size-scale-up-05);
        font-weight:var(--font-weight-regular)
    }
}
h3,.h3{
    color:var(--color);
    font-size:var(--font-size-scale-up-02);
    font-weight:var(--font-weight-bold);
    line-height:var(--font-line-height-low);
    margin-bottom:var(--spacing-scale-2xh);
    margin-top:var(--spacing-scale-3xh)
}
@media(min-width: 576px){
    .h3,h3{
        font-size:var(--font-size-scale-up-04);
        font-weight:var(--font-weight-medium)
    }
}
h4,.h4{
    color:var(--color);
    font-size:var(--font-size-scale-up-01);
    font-weight:var(--font-weight-bold);
    line-height:var(--font-line-height-low);
    margin-bottom:var(--spacing-scale-2xh);
    margin-top:var(--spacing-scale-2x)
}
@media(min-width: 576px){
    .h4,h4{
        font-size:var(--font-size-scale-up-03);
        font-weight:var(--font-weight-semi-bold);
        margin-top:var(--spacing-scale-3xh)
    }
}
h5,.h5{
    color:var(--color);
    font-size:var(--font-size-scale-base);
    font-weight:var(--font-weight-extra-bold);
    line-height:var(--font-line-height-low);
    margin-bottom:var(--spacing-scale-2x);
    margin-top:var(--spacing-scale-2x);
    padding-bottom:var(--spacing-scale-base);
    text-transform:uppercase
}
@media(min-width: 576px){
    .h5,h5{
        font-size:var(--font-size-scale-up-02);
        font-weight:var(--font-weight-bold);
        margin-top:var(--spacing-scale-3xh)
    }
}
h6,.h6{
    color:var(--color);
    font-size:var(--font-size-scale-down-01);
    font-weight:var(--font-weight-extra-bold);
    line-height:var(--font-line-height-low);
    margin-bottom:var(--spacing-scale-2x);
    margin-top:var(--spacing-scale-2x);
    padding-bottom:var(--spacing-scale-base);
    text-transform:uppercase
}
@media(min-width: 576px){
    .h6,h6{
        font-size:var(--font-size-scale-up-01);
        font-weight:var(--font-weight-extra-bold);
        margin-top:var(--spacing-scale-3xh)
    }
}
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-dark);
    --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-dark)
}
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:.16
}
.opacity-sm{
    opacity:.3
}
.opacity-md{
    opacity:.45
}
.opacity-lg{
    opacity:.65
}
.opacity-xl{
    opacity:.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-dark);
    --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-dark);
    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-dark);
    --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-dark);
    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-dark);
    --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-dark);
    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-dark);
    --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-dark);
    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-dark);
    --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-dark);
    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-dark);
    --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-dark);
    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-dark);
    --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-dark);
    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-dark);
    --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-dark);
    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-dark);
    --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-dark);
    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-dark);
    --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-dark);
    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-dark);
    --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-dark);
    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-dark);
    --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-dark);
    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-dark);
    --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-dark);
    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-dark);
    --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-dark);
    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-dark);
    --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-dark);
    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-light);
    --interactive: var(--interactive-light);
    --interactive-rgb: var(--color-rgb);
    --visited: var(--visited-light);
    --hover: var(--hover-light);
    --pressed: var(--pressed-light);
    --focus-color: var(--focus-color-light);
    --focus: var(--focus-color-light);
    --item-padding-y: var(--spacing-scale-2x);
    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-dark);
    --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-dark)
}
*[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
}
.br-accordion{
    background:var(--bg-color);
    border-top:1px solid var(--color-secondary-04)
}
.br-accordion .item{
    border-bottom:1px solid var(--color-secondary-04);
    display:flex;
    flex-direction:column
}
.br-accordion .item[active]{
    border-bottom:0
}
.br-accordion .item[active] .header{
    font-weight:var(--font-weight-semi-bold)
}
.br-accordion .item[active]+.content{
    border-bottom:1px solid var(--color-secondary-04);
    display:block
}
.br-accordion .header{
    --bg-color: transparent;
    background:var(--bg-color);
    border:0;
    color:var(--interactive);
    display:flex;
    font-size:var(--font-size-scale-up-01);
    justify-content:space-between;
    outline:none;
    padding:var(--spacing-scale-2x) 0;
    text-align:left;
    text-decoration:none;
    width:100%
}
.br-accordion .header .icon{
    margin:0 var(--spacing-scale-2x) 0 var(--spacing-scale-baseh)
}
.br-accordion .header .title{
    flex:1;
    margin:0
}
.br-accordion .header:focus{
    outline:none
}
.br-accordion .header.focus-visible,.br-accordion .header:focus-visible{
    outline-color:var(--focus);
    outline-offset:var(--focus-offset);
    outline-style:var(--focus-style);
    outline-width:var(--focus-width)
}
.br-accordion .header:not(:disabled):hover{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}
.br-accordion .content{
    color:var(--text-color);
    display:none;
    font-size:var(--font-size-scale-base);
    margin:0 var(--spacing-scale-base);
    padding:var(--spacing-scale-base) var(--spacing-scale-8x) var(--spacing-scale-2x)
}
.br-accordion .content *:last-child{
    margin-bottom:0
}
.br-accordion[negative]{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark);
    --bg-color: var(--background-dark)
}
.br-avatar{
    --avatar-size: var(--avatar-small);
    --avatar-icon-size: var(--avatar-icon-small);
    --avatar-text-size: var(--avatar-text-small);
    --avatar-small: 40px;
    --avatar-medium: 100px;
    --avatar-large: 160px;
    --avatar-icon-small: var(--icon-size-2x);
    --avatar-icon-medium: var(--icon-size-5x);
    --avatar-icon-large: var(--icon-size-8x);
    --avatar-text-small: var(--font-size-scale-up-03);
    --avatar-text-medium: var(--font-size-scale-up-07);
    --avatar-text-large: var(--font-size-scale-up-11);
    align-items:center;
    background-color:rgba(0,0,0,0);
    border:0;
    display:inline-flex;
    font-size:var(--avatar-text-size);
    font-weight:var(--font-weight-bold);
    justify-content:center;
    line-height:var(--avatar-size);
    vertical-align:middle
}
.br-avatar .content{
    align-items:center;
    background-color:var(--blue-10);
    border-radius:50%;
    color:var(--blue-warm-20);
    display:inline-flex;
    font-size:var(--avatar-text-size);
    height:var(--avatar-size);
    justify-content:center;
    overflow:hidden;
    text-align:center;
    text-transform:uppercase;
    vertical-align:inherit;
    width:var(--avatar-size)
}
.br-avatar .content img{
    height:var(--avatar-size);
    vertical-align:inherit;
    width:var(--avatar-size)
}
.br-avatar .content .svg-inline--fa,.br-avatar .content .fa,.br-avatar .content .fab,.br-avatar .content .fad,.br-avatar .content .fal,.br-avatar .content .far,.br-avatar .content .fas{
    --icon-size: var(--avatar-icon-size);
    margin-top:.25em
}
.br-avatar.is-small,.br-avatar.small,.br-avatar[small]{
    --avatar-size: var(--avatar-small);
    --avatar-icon-size: var(--avatar-icon-small);
    --avatar-text-size: var(--avatar-text-small)
}
.br-avatar.is-medium,.br-avatar.medium,.br-avatar[medium]{
    --avatar-size: var(--avatar-medium);
    --avatar-icon-size: var(--avatar-icon-medium);
    --avatar-text-size: var(--avatar-text-medium)
}
.br-avatar.is-large,.br-avatar.large,.br-avatar[large]{
    --avatar-size: var(--avatar-large);
    --avatar-icon-size: var(--avatar-icon-large);
    --avatar-text-size: var(--avatar-text-large)
}
.br-avatar-action{
    background:rgba(0,0,0,0);
    border:0
}
.br-avatar-action:not(:disabled):hover{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}
.br-avatar-action:focus{
    outline:none
}
.br-avatar-action.focus-visible,.br-avatar-action:focus-visible{
    outline-color:var(--focus);
    outline-offset:var(--focus-offset);
    outline-style:var(--focus-style);
    outline-width:var(--focus-width)
}
.br-avatar[data-toggle=dropdown]:focus{
    outline:none
}
.br-avatar[data-toggle=dropdown].focus-visible,.br-avatar[data-toggle=dropdown]:focus-visible{
    outline-color:var(--focus);
    outline-offset:var(--focus-offset);
    outline-style:var(--focus-style);
    outline-width:var(--focus-width)
}
.br-avatar .image,.br-avatar .letter{
    align-items:center;
    background-color:var(--blue-10);
    border-radius:50%;
    color:var(--blue-warm-20);
    display:inline-flex;
    font-size:var(--avatar-text-size);
    height:var(--avatar-size);
    justify-content:center;
    overflow:hidden;
    text-align:center;
    text-transform:uppercase;
    vertical-align:inherit;
    width:var(--avatar-size)
}
.br-avatar .image img,.br-avatar .letter img{
    height:var(--avatar-size);
    vertical-align:inherit;
    width:var(--avatar-size)
}
.br-avatar .image .svg-inline--fa,.br-avatar .image .fa,.br-avatar .image .fab,.br-avatar .image .fad,.br-avatar .image .fal,.br-avatar .image .far,.br-avatar .image .fas,.br-avatar .letter .svg-inline--fa,.br-avatar .letter .fa,.br-avatar .letter .fab,.br-avatar .letter .fad,.br-avatar .letter .fal,.br-avatar .letter .far,.br-avatar .letter .fas{
    --icon-size: var(--avatar-icon-size);
    margin-top:.25em
}
.br-breadcrumb{
    display:inline-grid;
    font-size:var(--font-size-scale-down-01);
    font-weight:var(--font-weight-medium);
    min-height:var(--spacing-scale-7x);
    position:relative
}
.br-breadcrumb .crumb-list{
    align-items:center;
    border:0;
    display:flex;
    list-style:none;
    margin:0;
    overflow-x:auto;
    overflow-y:hidden;
    padding:0 0 0 var(--spacing-scale-base)
}
.br-breadcrumb .crumb{
    align-items:center;
    display:flex;
    height:var(--spacing-scale-5x)
}
.br-breadcrumb .crumb .icon{
    color:var(--border-color);
    font-size:var(--icon-size-sm);
    margin-right:-6px
}
.br-breadcrumb .crumb a{
    max-width:180px;
    overflow:hidden;
    text-decoration:none;
    text-overflow:ellipsis;
    white-space:nowrap
}
.br-breadcrumb .crumb:last-child span{
    font-weight:var(--font-weight-medium);
    margin:0 var(--spacing-scale-2x) 0 var(--spacing-scale-base);
    white-space:nowrap
}
.br-breadcrumb .crumb[data-active=active] span:focus:focus,.br-breadcrumb .crumb[data-active=active] span:focus-visible:focus,.br-breadcrumb .crumb[data-active=active] span.focus-visible:focus{
    outline:none
}
.br-breadcrumb .crumb[data-active=active] span:focus.focus-visible,.br-breadcrumb .crumb[data-active=active] span:focus:focus-visible,.br-breadcrumb .crumb[data-active=active] span:focus-visible.focus-visible,.br-breadcrumb .crumb[data-active=active] span:focus-visible:focus-visible,.br-breadcrumb .crumb[data-active=active] span.focus-visible.focus-visible,.br-breadcrumb .crumb[data-active=active] span.focus-visible:focus-visible{
    outline-color:var(--focus);
    outline-offset:var(--focus-offset);
    outline-style:var(--focus-style);
    outline-width:var(--focus-width)
}
.br-breadcrumb .crumb a:not(.br-button){
    margin:0 var(--spacing-scale-base)
}
.br-breadcrumb .home,.br-breadcrumb .menu-mobil{
    --focus-offset: calc(var(--spacing-scale-half) * -1);
    margin:0 var(--spacing-scale-base) 0 0
}
@media(max-width: 991px){
    .br-breadcrumb .crumb a:not(.br-button){
        display:block;
        max-width:180px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }
    .br-breadcrumb .menu-mobil,.br-breadcrumb .menu-mobil+.crumb,.br-breadcrumb .home+.crumb{
        display:flex
    }
}
.br-breadcrumb .br-card{
    left:var(--spacing-scale-9x);
    min-width:fit-content;
    position:absolute;
    top:var(--spacing-scale-7x);
    z-index:var(--z-index-layer-1)
}
.br-breadcrumb .br-item{
    color:var(--color);
    cursor:pointer;
    padding:0
}
.br-breadcrumb .br-item:not(:last-child){
    border-bottom:1px solid var(--border-color)
}
.br-breadcrumb .br-item a{
    --interactive: var(--color);
    --interactive-rgb: var(--color-rgb);
    display:block;
    padding:var(--spacing-scale-2x)
}
@media(max-width: 575px){
    .br-breadcrumb .menu-mobil>.icon{
        display:none
    }
    .br-breadcrumb .br-card{
        left:var(--spacing-scale-base);
        width:250px
    }
}
.br-button{
    --button-radius: 100em;
    --button-xsmall: 24px;
    --button-small: 32px;
    --button-medium: 40px;
    --button-large: 48px;
    --button-size: var(--button-medium);
    align-items:center;
    background-color:rgba(0,0,0,0);
    border:0;
    border-radius:var(--button-radius);
    color:var(--interactive);
    cursor:pointer;
    display:inline-flex;
    font-size:var(--font-size-scale-up-01);
    font-weight:var(--font-weight-semi-bold);
    height:var(--button-size);
    justify-content:center;
    overflow:hidden;
    padding:0 var(--spacing-scale-3x);
    position:relative;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
    width:auto
}
.br-button.block{
    width:100%
}
@media(min-width: 576px){
    .br-button.block-sm{
        width:100%
    }
    .br-button.auto-sm{
        width:auto
    }
}
@media(min-width: 992px){
    .br-button.block-md{
        width:100%
    }
    .br-button.auto-md{
        width:auto
    }
}
@media(min-width: 1280px){
    .br-button.block-lg{
        width:100%
    }
    .br-button.auto-lg{
        width:auto
    }
}
@media(min-width: 1600px){
    .br-button.block-xl{
        width:100%
    }
    .br-button.auto-xl{
        width:auto
    }
}
.br-button.circle,.br-button[circle],.br-button.is-circle{
    border-radius:50%;
    padding:0;
    width:var(--button-size)
}
.br-button.xsmall,.br-button[xsmall],.br-button.is-xsmall{
    --button-size: var(--button-xsmall)
}
.br-button.small,.br-button[small],.br-button.is-small{
    --button-size: var(--button-small)
}
.br-button.medium,.br-button[medium],.br-button.is-medium{
    --button-size: var(--button-medium)
}
.br-button.large,.br-button[large],.br-button.is-large{
    --button-size: var(--button-large)
}
.br-button.primary,.br-button[primary],.br-button.is-primary{
    --interactive-rgb: var(--color-dark-rgb);
    background-color:var(--interactive-light);
    color:var(--color-dark)
}
.br-button.secondary,.br-button[secondary],.br-button.is-secondary{
    background-color:var(--background-light);
    border:1px solid var(--interactive)
}
.br-button.danger,.br-button[danger],.br-button.is-danger{
    background-color:var(--danger);
    --interactive-rgb: var(--color-dark-rgb);
    color:var(--color-dark)
}
.br-button.success,.br-button[success],.br-button.is-success{
    background-color:var(--success);
    --interactive-rgb: var(--color-dark-rgb);
    color:var(--color-dark)
}
.br-button.warning,.br-button[warning],.br-button.is-warning{
    background-color:var(--warning);
    --interactive-rgb: var(--color-light-rgb);
    color:var(--color-light)
}
.br-button.info,.br-button[info],.br-button.is-info{
    background-color:var(--info);
    --interactive-rgb: var(--color-dark-rgb);
    color:var(--color-dark)
}
.br-button:disabled{
    cursor:not-allowed
}
.br-button:not(:disabled){
    --focus-offset: var(--spacing-scale-half)
}
.br-button:not(:disabled):focus{
    outline:none
}
.br-button:not(:disabled).focus-visible,.br-button:not(:disabled):focus-visible{
    outline-color:var(--focus);
    outline-offset:var(--focus-offset);
    outline-style:var(--focus-style);
    outline-width:var(--focus-width)
}
.br-button:not(:disabled):not(:disabled):hover{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}
.br-button:not(:disabled):not(:disabled):active{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}
.br-button.active,.br-button.is-active,.br-button[active]{
    --hover: var(--hover-dark);
    background-color:var(--active);
    color:var(--color-dark)
}
.br-button.loading{
    color:rgba(0,0,0,0) !important;
    cursor:progress
}
.br-button.loading:not(:disabled):hover{
    background-image:none
}
.br-button.loading::before{
    border-color:var(--interactive) var(--interactive) rgba(0,0,0,0);
    border-style:solid
}
.br-button.loading.primary::before,.br-button.loading.danger::before,.br-button.loading.success::before,.br-button.loading.info::before{
    border-color:var(--background) var(--background) rgba(0,0,0,0)
}
.br-button.inverted,.br-button.is-inverted,.br-button[inverted],.br-button.dark-mode{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark);
    color:var(--interactive-dark)
}
.br-button.inverted.primary,.br-button.inverted[primary],.br-button.inverted.is-primary,.br-button.is-inverted.primary,.br-button.is-inverted[primary],.br-button.is-inverted.is-primary,.br-button[inverted].primary,.br-button[inverted][primary],.br-button[inverted].is-primary,.br-button.dark-mode.primary,.br-button.dark-mode[primary],.br-button.dark-mode.is-primary{
    --interactive-rgb: var(--background-dark-rgb);
    background-color:var(--interactive-dark);
    color:var(--background-dark)
}
.br-button.inverted.secondary,.br-button.inverted[secondary],.br-button.inverted.is-secondary,.br-button.is-inverted.secondary,.br-button.is-inverted[secondary],.br-button.is-inverted.is-secondary,.br-button[inverted].secondary,.br-button[inverted][secondary],.br-button[inverted].is-secondary,.br-button.dark-mode.secondary,.br-button.dark-mode[secondary],.br-button.dark-mode.is-secondary{
    background-color:var(--background-dark)
}
.br-button.inverted.active,.br-button.is-inverted.active,.br-button[inverted].active,.br-button.dark-mode.active{
    --hover: var(--hover-light);
    --interactive-rgb: var(--active-rgb);
    background-color:var(--background-light);
    color:var(--active)
}
a.br-button{
    font-weight:var(--font-weight-semi-bold);
    text-decoration:none !important
}
.br-card{
    --card-padding: var(--spacing-scale-2x);
    --card-height-fixed: 250px;
    background:var(--background);
    box-shadow:var(--surface-shadow-sm);
    color:var(--color);
    margin-bottom:var(--spacing-scale-2x)
}
.br-card .card-content,.br-card .picture-card,.br-card .front .content{
    padding:var(--card-padding)
}
.br-card .card-content *:last-child,.br-card .picture-card *:last-child,.br-card .front .content *:last-child{
    margin-bottom:0
}
.br-card .front .header,.br-card .card-header{
    padding:var(--card-padding) var(--card-padding) 0
}
.br-card .front .footer,.br-card .card-footer{
    padding:0 var(--card-padding) var(--card-padding)
}
.br-card.h-fixed .card-content,.br-card.h-fixed .picture-card{
    max-height:var(--card-height-fixed);
    overflow-y:auto
}
.br-card.h-fixed .card-content::-webkit-scrollbar,.br-card.h-fixed .picture-card::-webkit-scrollbar{
    height:var(--spacing-scale-base);
    width:var(--spacing-scale-base)
}
.br-card.h-fixed .card-content::-webkit-scrollbar-track,.br-card.h-fixed .picture-card::-webkit-scrollbar-track{
    background:var(--gray-10)
}
.br-card.h-fixed .card-content::-webkit-scrollbar-thumb,.br-card.h-fixed .picture-card::-webkit-scrollbar-thumb{
    background:var(--gray-30)
}
.br-card.h-fixed .card-content:hover::-webkit-scrollbar-thumb,.br-card.h-fixed .picture-card:hover::-webkit-scrollbar-thumb{
    background:var(--gray-40)
}
.br-card.h-fixed .card-footer{
    padding-top:var(--card-padding)
}
.br-card.hover:hover{
    background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))
}
.br-card.inverted,.br-card.dark-mode{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark)
}
.br-checkbox{
    --checkbox-padding: var(--spacing-scale-base);
    --checkbox-size: 24px;
    display:flex;
    position:relative
}
.br-checkbox+.br-checkbox{
    margin-top:var(--spacing-scale-base)
}
.br-checkbox input{
    margin:0;
    opacity:0;
    position:absolute
}
.br-checkbox input+label{
    cursor:pointer;
    display:inline-block;
    margin-bottom:0;
    min-height:var(--checkbox-size);
    min-width:var(--checkbox-size);
    padding-left:calc(var(--spacing-scale-base) + var(--checkbox-size));
    position:relative
}
.br-checkbox input+label::before{
    background:var(--background-light);
    border:1px solid var(--border-color);
    border-radius:4px;
    content:"";
    height:var(--checkbox-size);
    left:0;
    position:absolute;
    width:var(--checkbox-size)
}
.br-checkbox input+label:empty{
    padding:0
}
.br-checkbox label{
    font-weight:var(--font-weight-medium)
}
.br-checkbox.hidden-label label{
    padding-left:calc(var(--checkbox-size) + var(--surface-width-md)*2);
    text-indent:-10000px;
    white-space:nowrap;
    width:0
}
.br-checkbox input:checked+label::after,.br-checkbox input:indeterminate+label::after{
    border:solid var(--selected);
    border-width:0 3px 3px 0;
    content:"";
    height:var(--icon-size-sm);
    left:8px;
    position:absolute;
    top:4px;
    transform:rotate(45deg);
    width:8px
}
.br-checkbox input[indeterminate]+label::before,.br-checkbox input:indeterminate+label::before{
    --interactive-rgb: var(--color-rgb);
    background:var(--selected);
    border-color:var(--selected)
}
.br-checkbox input[indeterminate]:hover:not(:disabled)+label::before,.br-checkbox input:indeterminate:hover:not(:disabled)+label::before{
    --interactive-rgb: var(--color-dark-rgb)
}
.br-checkbox input[indeterminate]:checked+label::after,.br-checkbox input[indeterminate]+label::after,.br-checkbox input:indeterminate:checked+label::after,.br-checkbox input:indeterminate+label::after{
    border-color:var(--background-light);
    border-width:0 0 3px;
    top:2px;
    transform:none
}
.br-checkbox.is-invalid input+label::before,.br-checkbox.invalid input+label::before,.br-checkbox[invalid] input+label::before{
    --border-color: var(--danger)
}
.br-checkbox.is-invalid input:focus-visible:checked+label::before,.br-checkbox.is-invalid input:focus-visible+label::before,.br-checkbox.is-invalid input.focus-visible:checked+label::before,.br-checkbox.is-invalid input.focus-visible+label::before,.br-checkbox.invalid input:focus-visible:checked+label::before,.br-checkbox.invalid input:focus-visible+label::before,.br-checkbox.invalid input.focus-visible:checked+label::before,.br-checkbox.invalid input.focus-visible+label::before,.br-checkbox[invalid] input:focus-visible:checked+label::before,.br-checkbox[invalid] input:focus-visible+label::before,.br-checkbox[invalid] input.focus-visible:checked+label::before,.br-checkbox[invalid] input.focus-visible+label::before{
    --border-color: var(--focus-color)
}
.br-checkbox.is-invalid input:checked+label::before,.br-checkbox.invalid input:checked+label::before,.br-checkbox[invalid] input:checked+label::before{
    --border-color: var(--danger)
}
.br-checkbox.is-valid input+label::before,.br-checkbox.valid input+label::before,.br-checkbox[valid] input+label::before{
    --border-color: var(--success)
}
.br-checkbox.is-valid input:focus-visible:checked+label::before,.br-checkbox.is-valid input:focus-visible+label::before,.br-checkbox.is-valid input.focus-visible:checked+label::before,.br-checkbox.is-valid input.focus-visible+label::before,.br-checkbox.valid input:focus-visible:checked+label::before,.br-checkbox.valid input:focus-visible+label::before,.br-checkbox.valid input.focus-visible:checked+label::before,.br-checkbox.valid input.focus-visible+label::before,.br-checkbox[valid] input:focus-visible:checked+label::before,.br-checkbox[valid] input:focus-visible+label::before,.br-checkbox[valid] input.focus-visible:checked+label::before,.br-checkbox[valid] input.focus-visible+label::before{
    --border-color: var(--focus-color)
}
.br-checkbox.is-valid input:checked+label::before,.br-checkbox.valid input:checked+label::before,.br-checkbox[valid] input:checked+label::before{
    --border-color: var(--success)
}
.br-checkbox.is-small input+label,.br-checkbox.small input+label,.br-checkbox[small] input+label{
    line-height:var(--spacing-scale-2xh);
    min-height:var(--spacing-scale-2xh)
}
.br-checkbox.is-small input+label::before,.br-checkbox.small input+label::before,.br-checkbox[small] input+label::before{
    height:var(--spacing-scale-2xh);
    width:var(--spacing-scale-2xh)
}
.br-checkbox.is-small input:checked+label::after,.br-checkbox.small input:checked+label::after,.br-checkbox[small] input:checked+label::after{
    border-width:0 2px 2px 0;
    height:var(--icon-size-sm);
    left:7px;
    top:4px;
    width:6px
}
.br-checkbox.is-small input[indeterminate]+label::after,.br-checkbox.is-small input:indeterminate+label::after,.br-checkbox.small input[indeterminate]+label::after,.br-checkbox.small input:indeterminate+label::after,.br-checkbox[small] input[indeterminate]+label::after,.br-checkbox[small] input:indeterminate+label::after{
    border-color:var(--background-light);
    border-width:0 0 3px;
    left:7px;
    top:1px;
    transform:none;
    width:6px
}
.br-checkbox input:invalid+label::before{
    --border-color: var(--danger)
}
.br-checkbox input:focus-visible:checked+label::before,.br-checkbox input:focus-visible+label::before,.br-checkbox input.focus-visible:checked+label::before,.br-checkbox input.focus-visible+label::before{
    border-color:var(--focus) !important;
    box-shadow:0 0 0 var(--surface-width-md) var(--focus);
    outline:none
}
.br-checkbox input:hover:not(:disabled)+label::before{
    --interactive-rgb: var(--interactive-light-rgb);
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}
.br-checkbox:not(.disabled) input:disabled+label{
    cursor:not-allowed;
    opacity:var(--disabled)
}
.br-checkbox:not(.disabled) input:disabled+label *{
    pointer-events:none
}
.br-checkbox.inverted,.br-checkbox.inverted label,.br-checkbox.dark-mode,.br-checkbox.dark-mode label{
    color:var(--color-dark)
}
.br-radio{
    --radio-size: 24px;
    --radio-bullet-size: 16px;
    --radio-bullet-position: calc((var(--radio-size) - var(--radio-bullet-size)) * 0.5);
    display:block
}
.br-radio+.br-radio{
    margin-top:var(--spacing-scale-base)
}
.br-radio input{
    opacity:0;
    position:absolute
}
.br-radio input+label{
    cursor:pointer;
    display:inline-block;
    margin-bottom:0;
    min-height:var(--radio-size);
    min-width:var(--radio-size);
    padding-left:calc(var(--spacing-scale-base) + var(--radio-size));
    position:relative
}
.br-radio input+label::before{
    background:var(--background);
    border:1px solid var(--border-color);
    border-radius:50%;
    content:"";
    height:var(--radio-size);
    left:0;
    position:absolute;
    top:-1px;
    width:var(--radio-size)
}
.br-radio input+label:empty{
    padding:0
}
.br-radio input+label:empty::before{
    top:0
}
.br-radio label{
    font-weight:var(--font-weight-medium)
}
.br-radio input:checked+label::after{
    background:var(--selected);
    border:7px solid var(--selected);
    border-radius:50%;
    content:"";
    height:var(--radio-bullet-size);
    left:var(--radio-bullet-position);
    position:absolute;
    right:0;
    top:calc(var(--radio-bullet-position) - 1px);
    width:var(--radio-bullet-size)
}
.br-radio input:checked+label:empty::after{
    top:var(--radio-bullet-position)
}
.br-radio.is-valid input+label::before,.br-radio.valid input+label::before,.br-radio[valid] input+label::before{
    border-color:var(--success)
}
.br-radio.is-invalid input+label::before,.br-radio.invalid input+label::before,.br-radio[invalid] input+label::before{
    border-color:var(--danger)
}
.br-radio.is-small input+label,.br-radio.small input+label,.br-radio[small] input+label{
    line-height:var(--spacing-scale-2xh);
    min-height:var(--spacing-scale-2xh)
}
.br-radio.is-small input+label::before,.br-radio.small input+label::before,.br-radio[small] input+label::before{
    height:var(--spacing-scale-2xh);
    width:var(--spacing-scale-2xh)
}
.br-radio.is-small input:checked+label::after,.br-radio.small input:checked+label::after,.br-radio[small] input:checked+label::after{
    border-width:4px;
    height:10px;
    width:10px
}
.br-radio input:invalid+label::before{
    border-color:var(--danger)
}
.br-radio input:focus-visible:checked+label::before,.br-radio input:focus-visible+label::before,.br-radio input.focus-visible:checked+label::before,.br-radio input.focus-visible+label::before{
    border-color:var(--focus) !important;
    box-shadow:0 0 0 var(--surface-width-md) var(--focus);
    outline:none
}
.br-radio input:hover:not(:disabled)+label::before{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}
.br-radio.inverted,.br-radio.inverted label,.br-radio.dark-mode,.br-radio.dark-mode label{
    color:var(--color-dark)
}
.br-carousel{
    --carousel-button-margin: var(--spacing-scale-default);
    --carousel-buton-icon-size: var(--–icon-size-base);
    --carousel-step-height: 40px;
    --carousel-step-progress-min-height: 32px;
    --carousel-full-size: 100%;
    --carousel-min-height: 400px;
    --carousel-button-fix-height: 52px;
    --carousel-button-fix-width: 100px;
    --carousel-step-progress-background: transparent;
    display:flex;
    height:var(--carousel-full-size);
    min-height:var(--carousel-min-height);
    position:relative;
    width:var(--carousel-full-size)
}
.br-carousel .carousel-stage{
    display:block;
    flex-wrap:nowrap;
    height:var(--carousel-step-height);
    overflow:hidden;
    position:relative;
    width:var(--carousel-full-width);
    z-index:0
}
.br-carousel .carousel-stage .carousel-page{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    height:var(--carousel-full-size);
    justify-content:center;
    left:var(--carousel-full-size);
    margin-bottom:var(--spacing-scale-4x);
    opacity:0;
    overflow:hidden;
    position:absolute;
    top:0;
    transition-delay:0s;
    transition-duration:.5s;
    transition-property:all;
    transition-timing-function:ease-in-out;
    visibility:hidden;
    width:var(--carousel-full-size)
}
.br-carousel .carousel-stage .carousel-page[active]{
    height:var(--carousel-full-size);
    left:0 !important;
    opacity:1;
    transition-delay:0s;
    transition-duration:.5s;
    transition-property:all;
    transition-timing-function:ease-in-out;
    visibility:visible
}
.br-carousel .carousel-stage .carousel-page .carousel-content{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    height:var(--carousel-full-size);
    justify-content:center;
    width:var(--carousel-full-size)
}
.br-carousel .carousel-stage .carousel-page .carousel-content .carousel-title{
    position:absolute
}
.br-carousel .carousel-step{
    bottom:8px;
    height:var(--carousel-step-height);
    position:absolute;
    width:var(--carousel-full-size)
}
.br-carousel .carousel-step .br-step[data-type=simple] .step-progress,.br-carousel .carousel-step .br-step[data-type=text] .step-progress{
    background:var(--carousel-step-progress-background);
    min-height:var(--carousel-step-progress-min-height)
}
.br-carousel .carousel-step .br-step[data-type=simple] .step-progress .step-progress-btn,.br-carousel .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn{
    top:0
}
.br-carousel .carousel-step .br-step[data-type=simple] .step-progress .step-progress-btn:hover:not([disabled])::before,.br-carousel .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn:hover:not([disabled])::before{
    background-image:none
}
.br-carousel .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn{
    cursor:default;
    margin:0
}
.br-carousel .carousel-step .br-step[data-type=text] .step-progress .step-progress-btn.focus-visible::before{
    outline-color:rgba(0,0,0,0) !important
}
.br-carousel .carousel-button{
    align-items:center;
    display:flex;
    height:var(--carousel-full-size);
    left:unset;
    position:absolute;
    right:0;
    width:fit-content;
    z-index:1
}
.br-carousel .carousel-button:first-child{
    left:0;
    right:unset
}
.br-carousel .carousel-button .carousel-btn-next,.br-carousel .carousel-button .carousel-btn-prev{
    margin:var(--carousel-button-margin);
    padding:0
}
.br-carousel .carousel-button .carousel-btn-next i.fas,.br-carousel .carousel-button .carousel-btn-prev i.fas{
    font-size:var(--carousel-buton-icon-size)
}
.br-carousel[data-stage=in] .carousel-button{
    height:var(--carousel-full-size)
}
.br-carousel[data-stage=in] .carousel-button .carousel-btn-next,.br-carousel[data-stage=in] .carousel-button .carousel-btn-prev{
    border-radius:0;
    height:var(--carousel-full-size);
    margin:0;
    padding:0 var(--spacing-scale-default)
}
.br-carousel[data-stage=in] .carousel-stage{
    height:var(--carousel-full-size);
    left:0;
    width:var(--carousel-full-size)
}
.br-carousel[data-stage=out] .carousel-button,.br-carousel .carousel-button{
    height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height))
}
.br-carousel[data-stage=out] .carousel-stage,.br-carousel .carousel-stage{
    height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height));
    left:50px;
    width:calc(var(--carousel-full-size) - var(--carousel-button-fix-width))
}
.br-carousel[data-stage=hibh] .carousel-button{
    height:var(--carousel-full-size)
}
.br-carousel[data-stage=hibh] .carousel-stage{
    height:var(--carousel-full-size);
    left:50px;
    width:calc(var(--carousel-full-size) - var(--carousel-button-fix-width))
}
.br-carousel[data-stage=hibw] .carousel-button{
    height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height))
}
.br-carousel[data-stage=hibw] .carousel-button .carousel-btn-next,.br-carousel[data-stage=hibw] .carousel-button .carousel-btn-prev{
    border-radius:0;
    height:var(--carousel-full-size);
    margin:0;
    padding:0 var(--spacing-scale-default)
}
.br-carousel[data-stage=hibw] .carousel-stage{
    height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height));
    left:0;
    width:var(--carousel-full-size)
}
@media(max-width: 991px){
    .br-carousel{
        max-width:var(--carousel-full-size);
        width:var(--carousel-full-size)
    }
    .br-carousel .carousel-button{
        height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height))
    }
    .br-carousel .carousel-button .carousel-btn-next,.br-carousel .carousel-button .carousel-btn-prev{
        border-radius:0;
        display:none;
        height:var(--carousel-full-size);
        margin:0;
        padding:0 var(--spacing-scale-default)
    }
    .br-carousel[data-mobile-nav] .carousel-button .carousel-btn-next,.br-carousel[data-mobile-nav] .carousel-button .carousel-btn-prev{
        display:flex
    }
    .br-carousel .carousel-stage{
        height:calc(var(--carousel-full-size) - var(--carousel-button-fix-height));
        left:0;
        width:var(--carousel-full-size)
    }
    .br-carousel .carousel-step .br-step[data-type=simple] .step-progress,.br-carousel .carousel-step .br-step[data-type=text] .step-progress{
        padding-top:0 !important
    }
}
.br-carousel.inverted,.br-carousel.dark-mode{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark)
}
.br-carousel.inverted .br-step,.br-carousel.dark-mode .br-step{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark)
}
.br-carousel.inverted .br-step .step-progress-btn[data-alert=success],.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=success]{
    color:var(--success-alternative)
}
.br-carousel.inverted .br-step .step-progress-btn[data-alert=success] .step-info,.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=success] .step-info{
    color:var(--success-alternative)
}
.br-carousel.inverted .br-step .step-progress-btn[data-alert=success] .step-alert::after,.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=success] .step-alert::after{
    content:var(--step-alert-success-icon)
}
.br-carousel.inverted .br-step .step-progress-btn[data-alert=info],.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=info]{
    color:var(--info-alternative)
}
.br-carousel.inverted .br-step .step-progress-btn[data-alert=info] .step-info,.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=info] .step-info{
    color:var(--info-alternative)
}
.br-carousel.inverted .br-step .step-progress-btn[data-alert=info] .step-alert::after,.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=info] .step-alert::after{
    content:var(--step-alert-info-icon)
}
.br-carousel.inverted .br-step .step-progress-btn[data-alert=warning] .step-alert::after,.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=warning] .step-alert::after{
    content:var(--step-alert-warning-icon)
}
.br-carousel.inverted .br-step .step-progress-btn[data-alert=danger],.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=danger]{
    color:var(--danger-alternative)
}
.br-carousel.inverted .br-step .step-progress-btn[data-alert=danger] .step-info,.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=danger] .step-info{
    color:var(--danger-alternative)
}
.br-carousel.inverted .br-step .step-progress-btn[data-alert=danger] .step-alert::after,.br-carousel.dark-mode .br-step .step-progress-btn[data-alert=danger] .step-alert::after{
    content:var(--step-alert-danger-icon)
}
.br-carousel.inverted .br-step .step-progress-btn.active,.br-carousel.inverted .br-step .step-progress-btn[active],.br-carousel.dark-mode .br-step .step-progress-btn.active,.br-carousel.dark-mode .br-step .step-progress-btn[active]{
    color:var(--color-dark)
}
.br-carousel.inverted .br-step .step-progress-btn.active::before,.br-carousel.inverted .br-step .step-progress-btn[active]::before,.br-carousel.dark-mode .br-step .step-progress-btn.active::before,.br-carousel.dark-mode .br-step .step-progress-btn[active]::before{
    background-color:var(--background-light);
    border-color:var(--background-light);
    color:var(--active)
}
.br-carousel.inverted .br-step .step-progress-btn.active .step-icon,.br-carousel.inverted .br-step .step-progress-btn[active] .step-icon,.br-carousel.dark-mode .br-step .step-progress-btn.active .step-icon,.br-carousel.dark-mode .br-step .step-progress-btn[active] .step-icon{
    color:var(--active)
}
.br-carousel.inverted .br-step[data-type=void] .step-progress-btn.active .step-alert,.br-carousel.inverted .br-step[data-type=void] .step-progress-btn[active] .step-alert,.br-carousel.dark-mode .br-step[data-type=void] .step-progress-btn.active .step-alert,.br-carousel.dark-mode .br-step[data-type=void] .step-progress-btn[active] .step-alert{
    border-color:var(--color-dark)
}
.br-carousel.inverted .br-step[data-type=text] .step-progress-btn::before,.br-carousel.dark-mode .br-step[data-type=text] .step-progress-btn::before{
    background-color:rgba(0,0,0,0);
    color:var(--color)
}
.br-carousel .carousel-page[active]:focus,.br-carousel .carousel-page[active]:focus-visible,.br-carousel .carousel-page[active]:focus-within{
    outline-color:var(--focus);
    outline-offset:var(--focus-offset);
    outline-style:var(--focus-style);
    outline-width:var(--focus-width)
}
.br-cookiebar{
    --cookiebar-shadow: var(--surface-shadow-lg-up);
    --cookiebar-layer: var(--z-index-layer-4);
    bottom:0;
    box-shadow:var(--cookiebar-shadow);
    color:var(--color-secondary-08);
    cursor:default;
    font-family:inherit;
    font-size:var(--font-size-scale-up-01);
    left:0;
    outline:none;
    position:fixed;
    right:0;
    top:0;
    z-index:var(--cookiebar-layer)
}
@media(min-width: 576px){
    .br-cookiebar .actions .br-button.secondary{
        margin-right:var(--spacing-scale-5x)
    }
}
@media(max-width: 575px){
    .br-cookiebar{
        font-size:var(--font-size-scale-down-01)
    }
    .br-cookiebar .actions .br-button.primary{
        margin-bottom:var(--spacing-scale-2xh)
    }
    .br-cookiebar .actions .br-button.secondary{
        margin-bottom:var(--spacing-scale-2xh);
        margin-right:0
    }
    .br-cookiebar .br-modal-header.entry-content .br-modal-title{
        margin-bottom:0
    }
    .br-cookiebar .br-modal-header.entry-content .br-modal-title p{
        font-size:var(--font-size-scale-up-02)
    }
    .br-cookiebar .br-modal-header.entry-content .last-update{
        font-size:var(--font-size-scale-down-01)
    }
    .br-cookiebar .group-description{
        font-size:var(--font-size-scale-down-01)
    }
    .br-cookiebar .br-switch label{
        font-size:var(--font-size-scale-down-01)
    }
    .br-cookiebar .br-switch .switch-data::before{
        font-size:var(--font-size-scale-down-01)
    }
    .br-cookiebar .group-name,.br-cookiebar .group-size{
        font-size:var(--font-size-scale-down-01)
    }
}
.br-cookiebar.default{
    top:unset
}
.br-cookiebar.default .entry-content{
    display:none
}
.br-cookiebar.default .info-text{
    display:block
}
.br-cookiebar.default .main-content{
    display:none
}
.br-cookiebar.default .complementary-content{
    display:none
}
.br-cookiebar.default .br-modal>.br-card{
    --card-shadow: var(--surface-offset-none)
}
.br-cookiebar.default .br-modal .wrapper{
    overflow-y:unset
}
.br-cookiebar.default .actions{
    border-top:0
}
.br-cookiebar.default .container-fluid.p-2xh{
    padding-bottom:var(--spacing-scale-3x) !important
}
.br-cookiebar .row,.br-cookiebar .location-list-page{
    float:none;
    width:auto
}
.br-cookiebar .entry-text{
    margin-bottom:0
}
.br-cookiebar .wrapper{
    display:flex;
    flex-direction:column;
    overflow-y:scroll;
    padding-top:6px !important
}
.br-cookiebar .info-text{
    display:none;
    line-height:var(--font-line-height-medium)
}
.br-cookiebar .br-modal-header .br-modal-title{
    font-size:var(--font-size-scale-up-06);
    margin-bottom:0;
    margin-right:0;
    max-height:unset;
    width:auto
}
.br-cookiebar .br-modal-header .close{
    margin-top:var(--spacing-scale-base);
    opacity:1
}
.br-cookiebar .br-modal-header .close:hover::after{
    background:currentColor;
    bottom:0;
    content:"";
    left:0;
    opacity:var(--hover);
    position:absolute;
    right:0;
    top:0
}
.br-cookiebar .br-modal-header .last-update{
    font-size:var(--font-size-scale-base);
    font-weight:var(--font-weight-semi-bold)
}
.br-cookiebar .br-modal-header .last-update span{
    display:inline-block;
    margin-left:var(--spacing-scale-half)
}
.br-cookiebar .br-modal-body{
    flex:1;
    margin:0;
    overflow:unset
}
.br-cookiebar .br-modal-body:focus{
    outline:none
}
.br-cookiebar .br-modal-body .br-list .br-list{
    max-height:0;
    overflow:hidden;
    transition:all 400ms ease-in-out
}
.br-cookiebar .br-modal-body .br-list .br-item.open+.br-list,.br-cookiebar .br-modal-body .br-list .br-item.open .br-list{
    max-height:200em
}
.br-cookiebar .br-modal-body .br-list .header{
    display:block
}
.br-cookiebar .br-modal-body .br-list .header .row div:nth-child(2),.br-cookiebar .br-modal-body .br-list .header .location-list-page div:nth-child(2){
    flex:0 0 185px
}
.br-cookiebar .br-modal-footer.actions{
    padding-top:var(--spacing-scale-2xh)
}
.br-cookiebar .group-name,.br-cookiebar .cookies-checked,.br-cookiebar .group-size{
    color:var(--color-primary-default);
    cursor:pointer
}
.br-cookiebar .group-info .row div:nth-child(2),.br-cookiebar .group-info .location-list-page div:nth-child(2){
    flex:0 0 225px
}
.br-cookiebar .group-info .fa{
    font-weight:900
}
.br-cookiebar .group-info .group-size{
    display:inline-block
}
.br-cookiebar .group-info.selected{
    --color: var(--color-light);
    --color-rgb: var(--color-light-rgb);
    --text-color: var(--color-light);
    --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-light);
    background-color:var(--background)
}
.br-cookiebar .group-info .br-button{
    color:var(--color-primary-default)
}
.br-cookiebar .group-info .br-switch,.br-cookiebar .cookie-info .br-switch{
    margin-bottom:var(--spacing-scale-2x);
    margin-top:var(--spacing-scale-2x);
    padding:var(--spacing-scale-half);
    width:120px
}
.br-cookiebar .group-info .fixed-width,.br-cookiebar .cookie-info .fixed-width{
    padding-left:var(--spacing-scale-base);
    width:100px
}
.br-cookiebar .always-active{
    color:var(--color-highlight);
    font-weight:var(--font-weight-semi-bold)
}
.br-cookiebar .cookie-info .br-card{
    margin-bottom:var(--card-margin)
}
.br-cookiebar .cookie-info .cookie-term{
    font-weight:var(--font-weight-semi-bold)
}
.br-cookiebar .notes p:first-child{
    font-weight:var(--font-weight-semi-bold)
}
.br-cookiebar .actions{
    border-top:1px solid var(--color-secondary-05);
    padding-left:var(--spacing-scale-3x);
    padding-right:var(--spacing-scale-2xh);
    padding-top:var(--spacing-scale-3x)
}
.br-cookiebar .complementary-content{
    padding:var(--spacing-scale-base) 0
}
.br-cookiebar [class^=container]{
    --grid-margin: 0
}
.br-cookiebar .br-checkbox:not(.hidden-label){
    --item-padding-y: 1px
}
.br-cookiebar .br-modal{
    --modal-size: var(--modal-auto)
}
.flatpickr-calendar{
    --flatpicker-padding: var(--spacing-scale-2x);
    --datetimepicker-day-size: 24px;
    --datetimepicker-arrows: 32px;
    box-shadow:var(--surface-shadow-md)
}
.flatpickr-calendar.arrowTop::before,.flatpickr-calendar.arrowTop::after{
    border-color:rgba(0,0,0,0)
}
.flatpickr-calendar.open{
    z-index:var(--z-index-layer-2)
}
.flatpickr-calendar .flatpickr-months{
    align-items:center;
    display:flex;
    padding:var(--flatpicker-padding) var(--flatpicker-padding) 0
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,.flatpickr-calendar .flatpickr-months .flatpickr-next-month{
    height:auto;
    padding:0;
    position:static
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled{
    cursor:not-allowed;
    opacity:var(--disabled);
    display:block
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled *,.flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled *{
    pointer-events:none
}
.flatpickr-calendar .flatpickr-months .flatpickr-month{
    flex:1;
    height:auto;
    overflow:visible
}
.flatpickr-calendar .flatpickr-months .flatpickr-current-month{
    display:flex;
    height:auto;
    padding:0 var(--flatpicker-padding);
    position:static;
    width:100%
}
.flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months{
    border-radius:var(--surface-rounder-sm);
    color:var(--interactive);
    font-size:var(--font-size-scale-up-01);
    font-weight:var(--font-weight-semi-bold);
    margin:0;
    padding:0
}
.flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{
    color:var(--color)
}
.flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months:hover{
    background:rgba(0,0,0,0)
}
.flatpickr-calendar .flatpickr-months .numInputWrapper{
    flex:1;
    margin-left:var(--flatpicker-padding);
    width:auto
}
.flatpickr-calendar .flatpickr-months .numInputWrapper input.cur-year{
    border:var(--surface-width-sm) solid var(--border-color);
    border-radius:var(--surface-rounder-sm);
    color:var(--color);
    font-size:var(--font-size-scale-base);
    font-weight:var(--font-weight-semi-bold);
    padding:0 var(--spacing-scale-base)
}
.flatpickr-calendar .flatpickr-months .numInputWrapper span.arrowUp,.flatpickr-calendar .flatpickr-months .numInputWrapper span.arrowDown{
    display:none
}
.flatpickr-calendar .flatpickr-weekdaycontainer{
    display:grid;
    grid-template-columns:repeat(7, 1fr);
    padding:0 var(--flatpicker-padding)
}
.flatpickr-calendar span.flatpickr-weekday{
    color:var(--color);
    font-size:var(--font-size);
    font-weight:var(--font-weight-medium)
}
.flatpickr-calendar .dayContainer{
    display:grid;
    grid-template-columns:repeat(7, 1fr);
    padding:0 var(--flatpicker-padding) var(--flatpicker-padding)
}
.flatpickr-calendar .flatpickr-day{
    color:var(--interactive);
    font-weight:var(--font-weight-semi-bold);
    height:var(--datetimepicker-day-size);
    line-height:var(--font-line-height-medium);
    margin:calc(var(--flatpicker-padding)*.25) auto;
    max-width:var(--datetimepicker-day-size);
    width:var(--datetimepicker-day-size)
}
.flatpickr-calendar .flatpickr-day:focus{
    outline:none
}
.flatpickr-calendar .flatpickr-day.focus-visible,.flatpickr-calendar .flatpickr-day:focus-visible{
    outline-color:var(--focus);
    outline-offset:var(--focus-offset);
    outline-style:var(--focus-style);
    outline-width:var(--focus-width)
}
.flatpickr-calendar .flatpickr-day.focus-visible{
    --focus-offset: 0;
    background:rgba(0,0,0,0);
    border-color:rgba(0,0,0,0)
}
.flatpickr-calendar .flatpickr-day:hover{
    background:var(--hover-effect)
}
.flatpickr-calendar .flatpickr-day.prevMonthDay,.flatpickr-calendar .flatpickr-day.nextMonthDay{
    font-weight:var(--font-weight-medium);
    opacity:.6
}
.flatpickr-calendar .flatpickr-day.today{
    background:var(--orange-vivid-5);
    border-color:rgba(0,0,0,0);
    color:var(--red-warm-vivid-50)
}
.flatpickr-calendar .flatpickr-day.flatpickr-disabled{
    cursor:not-allowed;
    opacity:var(--disabled);
    color:var(--color)
}
.flatpickr-calendar .flatpickr-day.flatpickr-disabled *{
    pointer-events:none
}
.flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover{
    background:rgba(0,0,0,0)
}
.flatpickr-calendar .flatpickr-day.inRange{
    --interactive-rgb: var(--blue-warm-vivid-50-rgb);
    --hover: var(--hover-dark);
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
    border-color:rgba(0,0,0,0);
    box-shadow:none;
    color:var(--color-dark);
    opacity:1
}
.flatpickr-calendar .flatpickr-day.selected,.flatpickr-calendar .flatpickr-day.startRange,.flatpickr-calendar .flatpickr-day.endRange{
    background:var(--selected);
    border-color:rgba(0,0,0,0);
    color:var(--color-dark);
    opacity:1
}
.flatpickr-calendar .flatpickr-time{
    display:flex;
    justify-content:center;
    margin:0 var(--flatpicker-padding);
    max-height:none
}
.flatpickr-calendar .flatpickr-time input{
    --input-background: var(--bg-color);
    --input-border-color: var(--color-secondary-06);
    --input-border-width: 1px;
    --input-border-style: solid;
    --input-padding: 0 var(--spacing-scale-half);
    --input-radius: var(--surface-rounder-sm);
    background:var(--input-background);
    border:var(--input-border-width) var(--input-border-style) var(--input-border-color);
    border-radius:var(--input-radius);
    color:var(--text-color);
    display:block;
    font-size:var(--font-size-scale-up-01);
    font-weight:var(--font-weight-medium);
    height:var(--input-size);
    padding:var(--input-padding);
    width:100%;
    margin:calc(var(--flatpicker-padding)*.25) 0
}
.flatpickr-calendar .flatpickr-time input:not(:disabled):hover{
    background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))
}
.flatpickr-calendar .flatpickr-time input:focus,.flatpickr-calendar .flatpickr-time input:focus-visible,.flatpickr-calendar .flatpickr-time input.focus-visible{
    border-color:var(--focus) !important;
    box-shadow:0 0 0 var(--surface-width-md) var(--focus);
    outline:none
}
.flatpickr-calendar .flatpickr-time input.has-icon{
    padding-right:var(--spacing-scale-5x)
}
.flatpickr-calendar .flatpickr-time input[type=password]::-ms-reveal,.flatpickr-calendar .flatpickr-time input[type=password]::-ms-clear{
    display:none
}
.flatpickr-calendar .flatpickr-time .numInputWrapper{
    align-items:center;
    display:flex;
    flex:0 1 90px;
    flex-flow:column;
    height:auto;
    padding:calc(var(--flatpicker-padding)*.5) var(--flatpicker-padding)
}
.flatpickr-calendar .flatpickr-time .numInputWrapper:hover{
    background:rgba(0,0,0,0)
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span{
    align-items:center;
    border:0;
    border-radius:50px;
    color:var(--interactive);
    display:flex;
    height:var(--datetimepicker-arrows);
    justify-content:center;
    opacity:1;
    padding:0;
    position:static;
    width:var(--datetimepicker-arrows)
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span:not(:disabled):hover{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span::after{
    border:none;
    position:static
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowUp{
    order:-1
}
.flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowUp::after{
    transform:rotate(225deg) translate(-1px, -1px)
}
.flatpickr-calendar.hasTime .flatpickr-time{
    border-color:var(--border-color);
    height:auto
}
.flatpickr-calendar.hasTime.noCalendar .flatpickr-time{
    border-color:rgba(0,0,0,0)
}
.br-datetimepicker.inverted .br-input,.br-datetimepicker.inverted .br-input label,.br-datetimepicker.dark-mode .br-input,.br-datetimepicker.dark-mode .br-input label{
    --color: var(--color-dark);
    --focus-color: var(--focus-color-dark)
}
.br-datetimepicker input[disabled]{
    cursor:not-allowed
}
.br-divider,hr{
    --divider-size: var(--surface-width-sm);
    border-color:var(--border-color);
    border-style:solid;
    border-width:0;
    border-top-width:var(--divider-size);
    display:block
}
.br-divider.content,hr.content{
    align-items:center;
    border:0;
    display:flex;
    justify-content:center
}
.br-divider.content::after,.br-divider.content::before,hr.content::after,hr.content::before{
    border-color:var(--border-color);
    border-style:solid;
    border-width:0;
    border-top-width:var(--divider-size);
    content:"";
    flex:1
}
.br-divider.content::after,hr.content::after{
    margin-left:var(--spacing-scale-base)
}
.br-divider.content::before,hr.content::before{
    margin-right:var(--spacing-scale-base)
}
.br-divider.vertical,hr.vertical{
    align-self:stretch;
    border-right-width:var(--divider-size);
    border-top-width:0
}
.br-divider.vertical.content,hr.vertical.content{
    flex-direction:column
}
.br-divider.vertical.content::after,.br-divider.vertical.content::before,hr.vertical.content::after,hr.vertical.content::before{
    border-right-width:var(--divider-size);
    border-top-width:0;
    margin:0
}
.br-divider.inverted,.br-divider.dark-mode,hr.inverted,hr.dark-mode{
    --border-color: var(--pure-0)
}
.br-divider.dashed,hr.dashed{
    border-style:dashed
}
.br-divider.sm,hr.sm{
    --divider-size: var(--surface-width-sm)
}
.br-divider.md,hr.md{
    --divider-size: var(--surface-width-md)
}
.br-divider.lg,hr.lg{
    --divider-size: var(--surface-width-lg)
}
hr{
    --divider-padding: var(--spacing-scale-2x);
    margin:var(--divider-padding) 0
}
.br-footer{
    --footer-logo-height: 48px;
    --footer-logo-width: 180px;
    --footer-padding: var(--spacing-scale-6x) 0 0;
    --footer-padding-bottom: 0 0 var(--spacing-scale-6x);
    --footer-assigns-height: 46px;
    --footer-assigns-width: 180px;
    background:var(--background);
    border-top:1px solid var(--border-color);
    color:var(--color);
    display:block;
    padding:var(--footer-padding);
    --background: var(--background-dark);
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark)
}
.br-footer.no-divider{
    border-top:none;
    padding-top:0
}
.br-footer .br-item{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark)
}
.br-footer[inverted],.br-footer.inverted{
    --background: var(--background-light);
    --color: var(--color-light);
    --color-rgb: var(--color-light-rgb);
    --text-color: var(--color-light);
    --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-light)
}
.br-footer[inverted] .br-item,.br-footer.inverted .br-item{
    --color: var(--color-light);
    --color-rgb: var(--color-light-rgb);
    --text-color: var(--color-light);
    --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-light)
}
.br-footer .logo{
    padding:var(--footer-padding-bottom)
}
.br-footer .logo img{
    max-height:var(--footer-logo-height);
    max-width:var(--footer-logo-width)
}
.br-footer .br-list.horizontal{
    display:flex;
    flex-wrap:wrap;
    padding:var(--footer-padding-bottom)
}
.br-footer .br-list.horizontal .header{
    width:100%
}
.br-footer .br-list.horizontal .col,.br-footer .br-list.horizontal [class*=col-]{
    flex-grow:0;
    padding:0
}
@media(max-width: 991px){
    .br-footer .br-list.horizontal .col,.br-footer .br-list.horizontal [class*=col-]{
        flex-basis:100% !important;
        max-width:100%
    }
}
.br-footer .social-network{
    border:0
}
.br-footer .social-network .social-network-title{
    font-size:var(--font-size-scale-up-01);
    font-weight:var(--font-weight-extra-bold);
    margin-bottom:var(--spacing-scale-3x);
    text-transform:uppercase
}
.br-footer .social-network a:not(:last-of-type){
    margin-right:var(--spacing-scale-2x)
}
.br-footer .social-network a:hover{
    background-image:none
}
.br-footer .social-network img{
    max-height:var(--footer-assigns-height);
    max-width:var(--footer-assigns-height)
}
.br-footer .assigns img{
    max-height:var(--footer-assigns-height);
    max-width:var(--footer-assigns-width)
}
.br-footer .info{
    text-align:center
}
.br-footer .br-divider{
    margin-top:0 !important
}
.br-footer .d-none.d-sm-block>.row.align-items-end.justify-content-between.py-5,.br-footer .d-none.d-sm-block>.align-items-end.justify-content-between.py-5.location-list-page{
    padding:var(--footer-padding-bottom) !important
}
.br-footer .br-list{
    --background: var(--background-dark)
}
.br-footer .br-list.horizontal .br-item,.br-footer .br-list.horizontal .br-list .br-item{
    min-height:4em
}
.br-footer .br-list.horizontal .br-item .content,.br-footer .br-list.horizontal .br-list .br-item .content{
    height:auto;
    line-height:16px;
    padding:0 var(--spacing-scale-2x)
}
.br-footer .br-item{
    align-items:center;
    display:flex
}
@media(min-width: 992px){
    .br-footer .br-item.horizontal .br-{
        background-image:none;
        max-height:200em !important
    }
}
.br-footer .br-item.horizontal .br-item{
    min-height:4em
}
.br-footer .br-item.horizontal .br-item .content{
    height:auto;
    line-height:16px;
    padding:0 var(--spacing-scale-2x)
}
.br-footer .br-item.horizontal .col .br-item.header.active,.br-footer .br-item.horizontal [class*=col-] .br-item.header.active{
    border-bottom:1px solid var(--border-color)
}
.br-footer .br-item.horizontal .col .br-item.header.active+.br-list,.br-footer .br-item.horizontal [class*=col-] .br-item.header.active+.br-list{
    border-bottom:1px solid var(--border-color)
}
.br-footer .br-item .content{
    flex:1
}
.br-footer .br-item:not(:disabled):hover{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}
.br-footer .br-item.active{
    background:rgba(0,0,0,0)
}
@media(min-width: 992px){
    .br-footer .br-item .support:last-child{
        display:none;
        pointer-events:none
    }
    .br-footer .br-item .content{
        flex:1
    }
}
.br-footer[inverted] .br-list,.br-footer.inverted .br-list{
    --background: var(--background-light)
}
.br-header{
    --header-padding: var(--header-padding-medium);
    --header-padding-small: var(--spacing-scale-base);
    --header-padding-medium: var(--spacing-scale-2x);
    --header-padding-large: var(--spacing-scale-3x);
    --header-logo-size: var(--header-logo-medium);
    --header-logo-small: 16px;
    --header-logo-medium: 24px;
    --header-logo-large: 40px;
    --header-title-size: var(--font-size-scale-base);
    --header-subtitle-size: var(--font-size-scale-down-01);
    --header-logo-desktop-width: 120px;
    --header-logo-desktop-height: 48px;
    --header-logo-compact: 60px;
    --header-logo-compact-height: 32px;
    --header-logo-mobile-width: 80px;
    --header-logo-mobile-height: 40px;
    background:var(--background);
    box-shadow:var(--surface-shadow-sm);
    display:flex;
    padding:var(--header-padding) 0;
    position:relative
}
.br-header .header-top,.br-header .header-bottom{
    display:flex
}
.br-header .header-top{
    justify-content:flex-end
}
.br-header .header-bottom{
    justify-content:space-between;
    margin-top:var(--header-padding-small)
}
@media(min-width: 576px){
    .br-header{
        --header-padding: var(--header-padding-medium)
    }
}
.br-header.small{
    --header-padding: var(--header-padding-small)
}
.br-header.medium{
    --header-padding: var(--header-padding-medium)
}
.br-header.large{
    --header-padding: var(--header-padding-large)
}
.br-header .header-logo{
    align-items:center;
    display:flex;
    flex:1;
    float:left;
    gap:var(--spacing-scale-2x)
}
.br-header .header-logo img,.br-header .header-logo svg{
    max-height:var(--header-logo-size)
}
.br-header .header-logo .br-divider{
    display:none
}
.br-header .header-logo .header-sign{
    color:var(--color);
    display:none;
    font-weight:500;
    overflow:hidden
}
.br-header[data-no-logo] .header-logo img{
    display:none
}
.br-header[data-no-sign] .header-logo .header-sign{
    display:none
}
@media(min-width: 576px){
    .br-header .header-logo{
        --header-logo-size: var(--header-logo-large);
        margin:0
    }
    .br-header .header-logo .br-divider{
        display:block
    }
    .br-header .header-logo .header-sign{
        display:block
    }
}
.br-header .header-actions{
    align-items:center;
    display:flex;
    justify-content:flex-end
}
.br-header .header-actions .dropdown.show .br-list{
    display:block;
    z-index:var(--z-index-layer-1)
}
.br-header .header-actions .dropdown.show .br-button.active .svg-inline--fa,.br-header .header-actions .dropdown.show .br-button.active .fa,.br-header .header-actions .dropdown.show .br-button.active .fab,.br-header .header-actions .dropdown.show .br-button.active .fad,.br-header .header-actions .dropdown.show .br-button.active .fal,.br-header .header-actions .dropdown.show .br-button.active .far,.br-header .header-actions .dropdown.show .br-button.active .fas{
    transform:rotate(180deg)
}
.br-header .header-actions .dropdown.show .br-notification{
    display:block;
    right:-16px;
    width:100vw;
    z-index:var(--z-index-layer-1)
}
.br-header .header-actions .dropdown.show .br-notification div.close{
    display:none
}
.br-header .header-actions .dropdown:not(.show) .br-notification{
    display:none
}
@media(max-width: 1279px){
    .br-header .header-actions .dropdown:not(.show) .br-list{
        display:none
    }
}
.br-header .header-actions .header-links .br-list,.br-header .header-actions .header-functions .br-list{
    background:var(--background);
    left:-4em
}
.br-header .header-actions .header-links .br-item,.br-header .header-actions .header-functions .br-item{
    white-space:nowrap
}
.br-header .header-actions .header-links ul,.br-header .header-actions .header-functions ul{
    display:none
}
.br-header .header-actions .header-functions .br-list .br-button{
    --button-size: auto;
    --button-font-size: var(--font-size-scale-base);
    --button-font-weight: var(--item-font-weight);
    border-radius:0;
    color:var(--color);
    font-size:var(--font-size-scale-base);
    font-weight:var(--item-font-weight);
    justify-content:flex-start;
    padding:var(--item-padding);
    width:100%
}
.br-header .header-actions .header-functions .br-list .br-button .text{
    margin-left:var(--spacing-scale-2x)
}
.br-header .header-actions .header-functions .br-item{
    padding:0
}
.br-header .header-actions .header-functions ul{
    display:none
}
.br-header .header-actions .header-login{
    margin-left:var(--spacing-scale-base)
}
.br-header .header-actions .sign-in{
    --button-padding: 0 var(--spacing-scale-2x)
}
.br-header .header-actions .avatar{
    align-items:center;
    display:flex
}
.br-header .header-actions .avatar .br-list{
    min-width:200px;
    right:0;
    top:100%
}
.br-header[data-no-links] .header-actions .header-links{
    display:none
}
.br-header[data-no-functions] .header-actions .header-functions{
    display:none
}
.br-header[data-no-login] .header-actions .header-login{
    display:none
}
@media(min-width: 576px){
    .br-header .header-actions .header-links .br-list,.br-header .header-actions .header-functions .br-list{
        background:var(--background);
        left:auto;
        right:0
    }
    .br-header .header-actions .header-links .br-notification,.br-header .header-actions .header-functions .br-notification{
        width:100vw
    }
}
@media(min-width: 1280px){
    .br-header .header-actions .header-links [data-toggle=dropdown],.br-header .header-actions .header-functions [data-toggle=dropdown]{
        display:none
    }
    .br-header .header-actions .header-links .br-list,.br-header .header-actions .header-functions .br-list{
        box-shadow:none;
        display:flex;
        margin-right:var(--spacing-scale-2x);
        position:static
    }
    .br-header .header-actions .header-links .br-list .header,.br-header .header-actions .header-functions .br-list .header{
        display:none
    }
    .br-header .header-actions .header-links .br-item,.br-header .header-actions .header-functions .br-item{
        --focus-offset: var(--spacing-scale-half);
        --interactive-rgb: var(--interactive-light-rgb);
        color:var(--interactive-light);
        padding:0
    }
    .br-header .header-actions .header-links .br-item:not(:last-child),.br-header .header-actions .header-functions .br-item:not(:last-child){
        border-bottom:0;
        margin-right:var(--spacing-scale-3x)
    }
    .br-header .header-actions .header-links .br-notification,.br-header .header-actions .header-functions .br-notification{
        width:50vw
    }
    .br-header .header-actions .header-functions .br-list{
        margin-right:0
    }
    .br-header .header-actions .header-functions .br-list .br-button{
        --button-size: var(--button-small);
        border-radius:50%;
        color:var(--interactive);
        justify-content:center;
        padding:0;
        width:var(--button-size)
    }
    .br-header .header-actions .header-functions .br-list .br-button .text{
        display:none
    }
    .br-header .header-actions .header-functions .br-item{
        margin-right:var(--spacing-scale-base)
    }
    .br-header .header-actions .header-functions .br-item:not(:last-child){
        margin-right:var(--spacing-scale-base)
    }
    .br-header .header-actions .header-search-trigger{
        display:none
    }
}
.br-header .header-menu{
    align-items:center;
    display:flex;
    flex:1
}
.br-header .header-menu .header-menu-trigger+.header-info{
    margin-left:var(--spacing-scale-2x)
}
.br-header .header-menu .header-title{
    color:var(--color);
    font-size:var(--header-title-size)
}
.br-header .header-menu .header-subtitle{
    color:var(--color);
    display:none;
    font-size:var(--header-subtitle-size);
    font-weight:500;
    margin-top:var(--spacing-scale-half)
}
.br-header[data-no-subtitle] .header-menu .header-subtitle{
    display:none
}
@media(min-width: 576px){
    .br-header .header-menu{
        --header-title-size: var(--font-size-scale-up-02);
        align-items:flex-start
    }
    .br-header .header-menu .header-menu-trigger{
        margin-top:3px
    }
    .br-header .header-menu .header-info{
        padding-top:var(--spacing-scale-half)
    }
    .br-header .header-menu .header-subtitle{
        display:block
    }
}
@media(min-width: 1280px){
    .br-header .header-menu{
        --header-title-size: var(--font-size-scale-up-03);
        --header-subtitle-size: var(--font-size-scale-base)
    }
    .br-header .header-menu .header-info{
        padding-top:0
    }
}
.br-header .header-search,.br-header.compact .header-search{
    align-items:center;
    background:var(--background);
    bottom:0;
    display:none;
    left:0;
    padding:0 var(--spacing-scale-2x);
    position:absolute;
    right:0;
    top:0
}
.br-header .header-search .br-input,.br-header.compact .header-search .br-input{
    align-items:center;
    display:flex;
    flex:1
}
.br-header .header-search .br-input label,.br-header.compact .header-search .br-input label{
    display:none
}
.br-header .header-search .br-input input,.br-header.compact .header-search .br-input input{
    border-color:rgba(0,0,0,0)
}
.br-header .header-search .br-input input:not(:focus),.br-header.compact .header-search .br-input input:not(:focus){
    background:var(--gray-2)
}
.br-header .header-search .br-input .icon,.br-header .header-search .br-input .br-button,.br-header.compact .header-search .br-input .icon,.br-header.compact .header-search .br-input .br-button{
    --focus-offset: 0;
    bottom:auto;
    right:4px;
    top:auto
}
.br-header .header-search .search-close,.br-header.compact .header-search .search-close{
    --focus-offset: calc(var(--spacing-scale-half) * -1);
    display:none
}
.br-header .header-search.active,.br-header.compact .header-search.active{
    display:flex
}
.br-header .header-search.active .search-close,.br-header.compact .header-search.active .search-close{
    display:inline-flex
}
.br-header[data-no-search] .header-search{
    display:none
}
@media(min-width: 1280px){
    .br-header .header-search{
        display:flex;
        padding:0;
        position:static
    }
    .br-header .header-search.active .search-close{
        display:none
    }
    .br-header .br-input{
        min-width:385px
    }
}
.br-header .br-input.has-icon .br-button.circle{
    margin-top:0;
    position:absolute;
    right:4px
}
.br-header.compact{
    --header-logo-size: var(--header-logo-small);
    --header-padding: var(--header-padding-small)
}
.br-header.compact .header-actions .header-search-trigger{
    display:block
}
@media(min-width: 576px){
    .br-header.compact .container-lg{
        position:relative
    }
    .br-header.compact .header-top{
        display:block
    }
    .br-header.compact .header-logo{
        --header-logo-size: var(--header-logo-small);
        float:left
    }
    .br-header.compact .header-logo .br-divider{
        display:none
    }
    .br-header.compact .header-sign{
        display:none
    }
    .br-header.compact .header-actions{
        float:right;
        margin-top:var(--spacing-scale-2x);
        position:relative
    }
    .br-header.compact .header-bottom{
        clear:left
    }
    .br-header.compact .header-menu{
        --header-title-size: var(--font-size-scale-up-01)
    }
    .br-header.compact .header-menu .header-menu-trigger{
        margin-top:0
    }
}
@media(min-width: 1280px){
    .br-header.compact .header-menu{
        --header-title-size: var(--font-size-scale-up-02)
    }
}
.br-header[data-sticky]{
    position:sticky;
    top:0;
    transition:all 150ms ease;
    z-index:var(--z-index-layer-2)
}
.br-header[data-sticky] .header-logo img,.br-header[data-sticky] .header-actions,.br-header[data-sticky] .header-menu-trigger,.br-header[data-sticky] .header-title{
    transition:all 150ms ease
}
.br-header[data-sticky] .header-logo img{
    margin-right:var(--spacing-scale-base)
}
.br-input{
    --input-button-margin: var(--spacing-scale-half);
    --input-padding: 0 var(--spacing-scale-2x);
    --input-padding-button: var(--spacing-scale-5x);
    --input-padding-icon: var(--spacing-scale-5x);
    --input-size: var(--input-medium);
    --input-small: 32px;
    --input-medium: 40px;
    --input-large: 48px;
    --input-highlight: 56px;
    --color: var(--color-light);
    --color-rgb: var(--color-light-rgb);
    --text-color: var(--color-light);
    --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-light);
    color:var(--color);
    position:relative
}
.br-input input{
    background-color:var(--background-light);
    border-color:var(--border-color-alternative);
    border-radius:var(--surface-rounder-sm);
    border-style:var(--border-style);
    border-width:var(--border-width);
    color:var(--color-light);
    display:block;
    font-size:var(--font-size-scale-up-01);
    font-weight:var(--font-weight-medium);
    height:var(--input-size);
    margin-top:var(--spacing-scale-half);
    padding-bottom:0;
    padding-left:var(--spacing-scale-2x);
    padding-right:var(--spacing-scale-2x);
    padding-top:0;
    width:100%
}
.br-input input::-ms-reveal,.br-input input::-ms-clear,.br-input input::-webkit-calendar-picker-indicator{
    display:none
}
.br-input input[type=search]::-webkit-search-decoration,.br-input input[type=search]::-webkit-search-cancel-button,.br-input input[type=search]::-webkit-search-results-button,.br-input input[type=search]::-webkit-search-results-decoration{
    appearance:none
}
.br-input.input-inline{
    display:flex
}
.br-input.input-inline .input-label{
    margin-right:var(--spacing-scale-baseh);
    margin-top:calc(var(--input-size)*.5 - var(--spacing-scale-half))
}
.br-input.input-inline .input-content{
    flex:1
}
.br-input .input-group{
    position:relative
}
.br-input .input-icon{
    align-items:center;
    color:var(--border-color-alternative);
    display:flex;
    height:var(--input-size);
    margin-left:var(--spacing-scale-baseh);
    position:absolute
}
.br-input .input-icon+input{
    padding-left:var(--input-padding-icon)
}
.br-input .br-button{
    --button-size: var(--button-small);
    --color: var(--color-light);
    --color-rgb: var(--color-light-rgb);
    --text-color: var(--color-light);
    --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-light);
    border-radius:50%;
    float:right;
    margin-right:var(--input-button-margin);
    margin-top:calc((var(--input-size) + var(--spacing-scale-half))*-1);
    padding:0;
    position:relative;
    transform:translateY(calc((var(--input-size) - var(--button-size)) * 0.5));
    width:var(--button-size)
}
.br-input.input-button input{
    padding-right:var(--input-padding-button)
}
.br-input.has-icon input{
    padding-right:var(--input-padding-icon)
}
.br-input.has-icon .br-button.circle{
    float:right;
    margin-right:var(--spacing-scale-half);
    margin-top:calc((var(--button-size) + var(--spacing-scale-half) + var(--spacing-scale-half))*-1);
    transform:translateY(0)
}
.br-input.has-icon.small .br-button.circle{
    margin-top:calc((var(--button-size) + var(--spacing-scale-base))*-1)
}
.br-input.has-icon.large .br-button.circle{
    margin-top:calc(var(--button-size)*-1)
}
.br-input.input-highlight{
    --input-button-margin: var(--spacing-scale-2x);
    --input-padding: 0 var(--spacing-scale-3x);
    --input-padding-button: var(--spacing-scale-7x);
    --input-padding-icon: var(--spacing-scale-7x);
    --input-size: var(--input-highlight)
}
.br-input.input-highlight input{
    background-color:var(--gray-2);
    border-color:rgba(0,0,0,0);
    padding-left:var(--spacing-scale-3x);
    padding-right:var(--spacing-scale-3x)
}
.br-input.input-highlight .input-icon{
    margin-left:var(--spacing-scale-3x)
}
.br-input.input-highlight .input-icon+input{
    padding-left:var(--spacing-scale-7x)
}
.br-input .br-list{
    box-shadow:var(--surface-shadow-md);
    max-height:530px;
    overflow:auto;
    position:absolute;
    width:100%;
    z-index:var(--z-index-layer-2)
}
.br-input .br-list::-webkit-scrollbar{
    height:var(--spacing-scale-base);
    width:var(--spacing-scale-base)
}
.br-input .br-list::-webkit-scrollbar-track{
    background:var(--gray-10)
}
.br-input .br-list::-webkit-scrollbar-thumb{
    background:var(--gray-30)
}
.br-input .br-list:hover::-webkit-scrollbar-thumb{
    background:var(--gray-40)
}
.br-input .br-list .br-item{
    --item-padding-y: var(--spacing-scale-2x)
}
.br-input .br-list .br-item:not(:disabled):hover{
    background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))
}
.br-input .br-list .br-item:not(:first-child){
    border-top:var(--surface-width-sm) solid var(--border-color)
}
.br-input.success input,.br-input[data-success] input{
    border-color:var(--success);
    border-width:2px
}
.br-input.danger input,.br-input[data-danger] input{
    border-color:var(--danger);
    border-width:2px
}
.br-input.warning input,.br-input[data-warning] input{
    border-color:var(--warning);
    border-width:2px
}
.br-input.info input,.br-input[data-info] input{
    border-color:var(--info);
    border-width:2px
}
.br-input input:not(:disabled):hover{
    background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))
}
.br-input input:focus,.br-input input:focus-visible,.br-input input.focus-visible{
    border-color:var(--focus) !important;
    box-shadow:0 0 0 var(--surface-width-md) var(--focus);
    outline:none
}
.br-input .feedback{
    margin-bottom:var(--spacing-scale-half)
}
.br-input.small,.br-input[data-small]{
    --input-size: var(--input-small)
}
.br-input.medium,.br-input[data-medium]{
    --input-size: var(--input-medium)
}
.br-input.large,.br-input[data-large]{
    --input-size: var(--input-large)
}
.br-input.inverted,.br-input.inverted label,.br-input.dark-mode,.br-input.dark-mode label{
    --color: var(--color-dark);
    --focus-color: var(--focus-color-dark)
}
.br-item{
    background:var(--background);
    --item-padding-x: var(--spacing-scale-2x);
    --item-padding-y: var(--spacing-scale-base);
    --item-padding: var(--item-padding-y) var(--item-padding-x);
    --focus-offset: calc(var(--focus-width) * -1);
    border:0;
    color:var(--color);
    display:block;
    font-weight:var(--font-weight);
    padding:var(--item-padding);
    text-align:left;
    width:100%
}
.br-item .row,.br-item .location-list-page{
    margin-left:calc(-1*var(--spacing-scale-base));
    margin-right:calc(-1*var(--spacing-scale-base))
}
.br-item .row .col,.br-item .location-list-page .col,.br-item .row [class*=col-],.br-item .location-list-page [class*=col-]{
    padding-left:var(--spacing-scale-base);
    padding-right:var(--spacing-scale-base)
}
.br-item::after{
    clear:both;
    content:"";
    display:block
}
.br-item[data-toggle]{
    cursor:pointer
}
.br-item[data-toggle=selection]:not(:disabled):hover{
    background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))
}
.br-item>.br-checkbox:not(.hidden-label),.br-item>.br-radio:not(.hidden-label){
    margin-bottom:calc(var(--item-padding-y)*-1);
    margin-left:calc(var(--item-padding-x)*-1);
    margin-right:calc(var(--item-padding-x)*-1);
    margin-top:calc(var(--item-padding-y)*-1)
}
.br-item>.br-checkbox:not(.hidden-label) input+label,.br-item>.br-radio:not(.hidden-label) input+label{
    padding-bottom:var(--item-padding-y);
    padding-top:var(--item-padding-y);
    top:1px;
    width:100%
}
.br-item>.br-checkbox:not(.hidden-label) input+label::before,.br-item>.br-radio:not(.hidden-label) input+label::before{
    left:var(--item-padding-x);
    top:calc(var(--item-padding-y) - 1px)
}
.br-item>.br-checkbox:not(.hidden-label) input+label:empty,.br-item>.br-radio:not(.hidden-label) input+label:empty{
    left:0;
    top:1px
}
.br-item>.br-checkbox:not(.hidden-label) input:hover:not(:disabled)+label::before,.br-item>.br-radio:not(.hidden-label) input:hover:not(:disabled)+label::before{
    background-image:none
}
.br-item>.br-checkbox input:not(:indeterminate)+label{
    min-height:calc(var(--checkbox-size) + var(--item-padding-y)*2)
}
.br-item>.br-checkbox input:not(:indeterminate)+label:not(:empty){
    padding-left:calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x))
}
.br-item>.br-checkbox input:not(:indeterminate)+label::after{
    left:calc(var(--item-padding-x) + 8px);
    top:calc(var(--item-padding-y) + 4px)
}
.br-item>.br-checkbox input:not(:indeterminate)+label:empty{
    min-height:var(--checkbox-size)
}
.br-item>.br-checkbox input:not(:indeterminate)+label:empty::after{
    left:8px;
    top:4px
}
.br-item .br-radio input+label{
    min-height:calc(var(--radio-size) + var(--item-padding-y)*2);
    padding-left:calc(var(--spacing-scale-base) + var(--radio-size) + var(--item-padding-x))
}
.br-item .br-radio input+label::after{
    left:calc(var(--item-padding-x) + var(--radio-bullet-position));
    top:calc(var(--item-padding-y) + var(--radio-bullet-position) - 1px)
}
.br-item .br-radio input+label:empty{
    min-height:var(--radio-size)
}
.br-item .br-radio input+label:empty::after{
    left:var(--radio-bullet-position);
    top:var(--radio-bullet-position)
}
.br-item.primary-lighten-01{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark)
}
.br-item.primary-lighten-02{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark)
}
.br-item.primary-default{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark)
}
.br-item.primary-darken-01{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark)
}
.br-item.primary-darken-02{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark)
}
.br-item.secondary-06{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark)
}
.br-item.secondary-07{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark)
}
.br-item.secondary-08{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark)
}
.br-item.secondary-09{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark)
}
.br-item.highlight{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark)
}
.br-item.support-01{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark)
}
.br-item.support-03{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark)
}
.br-item.support-04{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark)
}
.br-item.support-07{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark)
}
.br-item.support-08{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark)
}
.br-item.selected{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark);
    background-color:var(--selected)
}
.br-item.active{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark);
    background-color:var(--active);
    color:var(--color)
}
.br-item.inverted,.br-item.dark-mode{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark)
}
.br-item.inverted.active,.br-item.dark-mode.active{
    --color: var(--color-light);
    --color-rgb: var(--color-light-rgb);
    --text-color: var(--color-light);
    --interactive: var(--interactive-light);
    --interactive-rgb: var(--active-rgb);
    --visited: var(--visited-light);
    --hover: var(--hover-light);
    --pressed: var(--pressed-light);
    --focus-color: var(--focus-color-light);
    --focus: var(--focus-color-light);
    background-color:var(--background-light);
    color:var(--active)
}
.br-item[data-toggle]:not(:disabled):hover{
    background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))
}
.br-item[data-toggle] .content i{
    color:var(--interactive)
}
.br-item .content{
    align-items:center;
    display:flex
}
.br-item [class*=fa-]{
    height:16px;
    width:14px !important
}
.br-item .toogle-icon-interactive{
    color:var(--interactive)
}
a.br-item{
    color:var(--interactive)
}
a.br-item:not(:disabled):hover{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}
a.br-item:not(:disabled):active{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}
button.br-item{
    background-color:rgba(0,0,0,0);
    color:var(--color)
}
button.br-item:focus{
    outline:none
}
button.br-item.focus-visible,button.br-item:focus-visible{
    outline-color:var(--focus);
    outline-offset:var(--focus-offset);
    outline-style:var(--focus-style);
    outline-width:var(--focus-width)
}
button.br-item:not(:disabled):hover{
    background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))
}
button.br-item:not(:disabled):active{
    background-image:linear-gradient(rgba(var(--color-rgb), var(--pressed)), rgba(var(--color-rgb), var(--pressed)))
}
.br-list{
    background-color:var(--background)
}
.br-list.horizontal{
    display:flex;
    flex-wrap:wrap
}
.br-list.horizontal>.header{
    flex-grow:1;
    width:100%
}
.br-list.horizontal>.header+.br-divider{
    border-top:1px solid var(--border-color);
    width:100%
}
.br-list.horizontal>.br-item,.br-list.horizontal>.group{
    flex:1;
    height:auto;
    min-height:56px;
    width:auto
}
.br-list.horizontal>.br-item+.br-divider,.br-list.horizontal>.group+.br-divider{
    border-width:0 1px 0 0;
    width:1px
}
.br-list.horizontal>.br-item.one-line>.content,.br-list.horizontal>.group.one-line>.content{
    height:56px
}
.br-list.horizontal>.br-item.two-lines>.content,.br-list.horizontal>.group.two-lines>.content{
    height:72px
}
.br-list.horizontal>.br-item.three-lines>.content,.br-list.horizontal>.group.three-lines>.content{
    height:6em
}
.br-list.horizontal[data-toggle]>.br-item,.br-list.horizontal.toggle>.br-item{
    display:block
}
.br-list .br-item{
    text-align:left;
    width:100%
}
.br-list .br-item .svg-inline--fa,.br-list .br-item .fa,.br-list .br-item .fab,.br-list .br-item .fad,.br-list .br-item .fal,.br-list .br-item .far,.br-list .br-item .fas{
    text-align:center
}
.br-list .br-item>.content{
    align-items:var(--spacing-vertical-top);
    display:flex
}
.br-list .br-item>.content>.content{
    flex:1
}
.br-list .br-item .content:hover button.br-button{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}
.br-list .br-item[data-toggle]{
    cursor:pointer
}
.br-list .br-item[data-toggle]~.br-list .br-item{
    padding:var(--spacing-scale-base) var(--spacing-scale-3x)
}
.br-list .br-list{
    overflow:hidden;
    transition:all 400ms ease-in-out
}
.br-list .header{
    align-items:var(--spacing-vertical-center);
    display:flex;
    font-size:var(--font-size-scale-base);
    font-weight:var(--font-weight-bold);
    justify-content:space-between;
    padding:var(--spacing-scale-base) var(--spacing-scale-2x)
}
.br-list[data-one-line] .br-item,.br-list[data-one-line] .br-list .br-item{
    height:2em
}
.br-list[data-one-line] .br-item .content,.br-list[data-one-line] .br-list .br-item .content{
    height:auto;
    overflow:hidden;
    padding:0 var(--spacing-scale-2x);
    text-overflow:unset;
    white-space:initial
}
.br-list[data-two-lines] .br-item,.br-list[data-two-lines] .br-list .br-item{
    height:4em
}
.br-list[data-two-lines] .br-item .content,.br-list[data-two-lines] .br-list .br-item .content{
    height:auto;
    overflow:hidden;
    padding:0 var(--spacing-scale-2x);
    text-overflow:unset;
    white-space:initial
}
.br-list[data-three-lines] .br-item,.br-list[data-three-lines] .br-list .br-item{
    height:6em
}
.br-list[data-three-lines] .br-item .content,.br-list[data-three-lines] .br-list .br-item .content{
    height:auto;
    overflow:hidden;
    padding:0 var(--spacing-scale-2x);
    text-overflow:unset;
    white-space:initial
}
.br-menu{
    --menu-zindex: var(--z-index-layer-3);
    --menu-background-submenu: var(--gray-2);
    --menu-logo: 40px;
    --menu-item-ng: var(--menu-item-medium);
    --menu-item-padding: var(--menu-item-medium);
    --menu-item-small: var(--spacing-scale-base);
    --menu-item-medium: var(--spacing-scale-2x);
    --menu-item-large: var(--spacing-scale-3x)
}
.br-menu .menu-container{
    display:none
}
.br-menu .menu-scrim{
    background:var(--surface-overlay-scrim);
    bottom:0;
    left:0;
    right:0;
    top:0
}
.br-menu .menu-panel{
    --focus-offset: calc(var(--spacing-scale-half) * -1);
    background:var(--background);
    display:flex;
    flex-direction:column;
    height:100vh
}
.br-menu.active .menu-container{
    bottom:0;
    display:flex;
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:var(--menu-zindex)
}
.br-menu.active .menu-panel{
    flex:1;
    overflow:auto;
    position:relative;
    z-index:calc(var(--menu-zindex) + 1)
}
.br-menu.active .menu-scrim{
    position:absolute
}
.br-menu .menu-header{
    align-items:center;
    border-bottom:1px solid var(--border-color);
    display:flex;
    padding:var(--spacing-scale-base) var(--spacing-scale-base)
}
.br-menu .menu-header .menu-title{
    align-items:center;
    display:flex;
    flex:1;
    margin-left:var(--spacing-scale-base)
}
.br-menu .menu-header .menu-title img{
    max-height:var(--menu-logo)
}
.br-menu .menu-header .menu-title img+*{
    margin-left:var(--spacing-scale-base)
}
.br-menu .menu-body ul,.br-menu .menu-body li{
    margin:0;
    padding:0
}
.br-menu .menu-body ul{
    list-style:none
}
.br-menu .menu-body>.divider{
    border-bottom:1px solid var(--border-color)
}
.br-menu .menu-body .menu-folder>ul>li:last-child>.menu-item{
    border-bottom:1px solid var(--border-color)
}
.br-menu .menu-body .menu-folder>.menu-item+ul{
    background:var(--menu-background-submenu)
}
.br-menu .menu-body .menu-folder>.menu-item+ul .menu-item{
    padding-left:var(--spacing-scale-5x)
}
.br-menu .menu-body .drop-menu>.menu-item{
    border-bottom:1px solid var(--border-color)
}
.br-menu .menu-body .drop-menu.active>.menu-item{
    border-bottom:0
}
.br-menu .menu-body .drop-menu>ul{
    background:var(--menu-background-submenu);
    display:none
}
.br-menu .menu-body .drop-menu.active>.menu-item:not(:hover){
    background-color:var(--background)
}
.br-menu .menu-body .drop-menu.active>.menu-item .support .svg-inline--fa,.br-menu .menu-body .drop-menu.active>.menu-item .support .fa,.br-menu .menu-body .drop-menu.active>.menu-item .support .fab,.br-menu .menu-body .drop-menu.active>.menu-item .support .fad,.br-menu .menu-body .drop-menu.active>.menu-item .support .fal,.br-menu .menu-body .drop-menu.active>.menu-item .support .far,.br-menu .menu-body .drop-menu.active>.menu-item .support .fas{
    transform:rotate(180deg)
}
.br-menu .menu-body .drop-menu.active>ul{
    display:block
}
.br-menu .menu-footer>*:not(:last-child){
    border-bottom:1px solid var(--border-color)
}
.br-menu .menu-footer .menu-logos{
    column-gap:var(--spacing-scale-2x);
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    padding:var(--spacing-scale-base) var(--spacing-scale-5x);
    row-gap:var(--spacing-scale-2x)
}
.br-menu .menu-footer .menu-links{
    --focus-offset: var(--spacing-scale-half);
    padding:var(--spacing-scale-2x) var(--spacing-scale-5x)
}
.br-menu .menu-footer .menu-links a{
    display:block
}
.br-menu .menu-footer .menu-links a:not(:last-child){
    margin-bottom:var(--spacing-scale-2x)
}
.br-menu .menu-footer .menu-links a:not(:disabled):hover{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}
.br-menu .menu-footer .social-network,.br-menu .menu-footer .menu-social{
    padding:var(--spacing-scale-base) var(--spacing-scale-5x)
}
.br-menu .menu-footer .social-network .social-network-title,.br-menu .menu-footer .menu-social .social-network-title{
    font-weight:var(--font-weight-semi-bold);
    margin-bottom:var(--spacing-scale-half)
}
.br-menu .menu-footer .social-network .sharegroup,.br-menu .menu-footer .menu-social .sharegroup{
    display:flex
}
.br-menu .menu-footer .menu-info{
    padding:var(--spacing-scale-2x)
}
.br-menu .menu-item{
    --focus-offset: calc(var(--spacing-scale-half) * -1);
    background:rgba(0,0,0,0);
    display:flex;
    padding:var(--menu-item-padding) var(--spacing-scale-2x)
}
.br-menu .menu-item .icon{
    margin-right:var(--spacing-scale-2x)
}
.br-menu .menu-item .content{
    flex:1
}
.br-menu a.menu-item{
    color:var(--interactive)
}
.br-menu .side-menu>ul{
    background:var(--menu-background-submenu);
    display:none
}
.br-menu .side-menu.active>.menu-item{
    --interactive: var(--active);
    --interactive-rgb: var(--active-rgb);
    background-color:var(--background);
    flex-direction:row-reverse;
    font-weight:var(--font-weight-semi-bold)
}
.br-menu .side-menu.active>.menu-item .icon{
    margin-right:0
}
.br-menu .side-menu.active>.menu-item .support{
    margin-right:var(--spacing-scale-2x)
}
.br-menu .side-menu.active>.menu-item .support .svg-inline--fa,.br-menu .side-menu.active>.menu-item .support .fa,.br-menu .side-menu.active>.menu-item .support .fab,.br-menu .side-menu.active>.menu-item .support .fad,.br-menu .side-menu.active>.menu-item .support .fal,.br-menu .side-menu.active>.menu-item .support .far,.br-menu .side-menu.active>.menu-item .support .fas{
    transform:rotate(180deg)
}
.br-menu .side-menu.active>ul{
    display:block
}
.br-menu .side-menu.active .menu-item{
    padding-left:var(--spacing-scale-2x) !important
}
.br-menu.small .menu-item{
    --menu-item-padding: var(--menu-item-small)
}
.br-menu.medium .menu-item{
    --menu-item-padding: var(--menu-item-medium)
}
.br-menu.large .menu-item{
    --menu-item-padding: var(--menu-item-large)
}
.br-menu.push .menu-trigger,.br-menu.push .menu-scrim{
    display:none
}
@media(min-width: 576px){
    .br-menu.push{
        --menu-zindex: var(--z-index-layer-0)
    }
}
@media(min-width: 576px){
    .br-menu.push .menu-header,.br-menu.push .menu-footer{
        display:none
    }
    .br-menu.push .menu-header[data-visible=true]{
        display:flex
    }
    .br-menu.push .menu-footer[data-visible=true]{
        display:block
    }
    .br-menu.push .menu-panel{
        height:auto
    }
    .br-menu.push .menu-scrim{
        display:none
    }
    .br-menu.push.active .menu-container{
        position:static
    }
}
.br-menu.contextual{
    --menu-zindex: calc(var(--z-index-layer-3) - 10);
    overflow:auto
}
.br-menu.contextual .menu-body .menu-folder>.menu-item+ul .menu-item{
    padding-left:var(--spacing-scale-2x)
}
.br-menu.contextual .menu-body .menu-folder>ul>li:last-child>.menu-item{
    border-bottom:0
}
.br-menu.contextual .menu-trigger{
    bottom:0;
    left:0;
    position:fixed;
    right:0;
    z-index:calc(var(--menu-zindex) - 1)
}
.br-menu.contextual .menu-trigger .br-button{
    --button-radius: 0
}
.br-menu.contextual .menu-container{
    display:none;
    flex-direction:column-reverse;
    position:static
}
.br-menu.contextual .menu-panel{
    height:auto
}
.br-menu.contextual.active{
    bottom:0;
    display:flex;
    flex-direction:column;
    height:100vh;
    justify-content:flex-end;
    left:0;
    position:fixed;
    right:0;
    z-index:var(--menu-zindex)
}
.br-menu.contextual.active .menu-trigger{
    position:relative;
    z-index:calc(var(--menu-zindex) + 1)
}
.br-menu.contextual.active .menu-trigger .svg-inline--fa,.br-menu.contextual.active .menu-trigger .fa,.br-menu.contextual.active .menu-trigger .fab,.br-menu.contextual.active .menu-trigger .fad,.br-menu.contextual.active .menu-trigger .fal,.br-menu.contextual.active .menu-trigger .far,.br-menu.contextual.active .menu-trigger .fas{
    transform:rotate(180deg)
}
.br-menu.contextual.active .menu-container{
    display:flex;
    overflow:auto
}
@media(min-width: 992px){
    .br-menu.contextual .menu-trigger{
        display:none;
        position:absolute
    }
    .br-menu.contextual .menu-container{
        display:block
    }
    .br-menu.contextual.active{
        height:100%;
        position:absolute
    }
}
.br-menu .menu-item[hidden]{
    display:none
}
.br-menu .menu-item:disabled{
    cursor:not-allowed;
    opacity:var(--disabled)
}
.br-menu .menu-item:disabled *{
    pointer-events:none
}
.br-menu a.menu-item:not(:disabled).active{
    --interactive: var(--color-dark);
    --interactive-rgb: var(--color-dark-rgb);
    background-color:var(--active)
}
.br-menu a.menu-item:not(:disabled).active:focus{
    outline-color:var(--focus-color-dark)
}
.br-menu a.menu-item:not(:disabled):not(:disabled):hover{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}
.loading,.br-loading{
    --loading-size: var(--loading-indetermined-diameter-sm);
    --loading-diameter: 84px;
    --loading-stroke: 5px;
    --loading-indetermined-color: var(--interactive);
    --loading-indetermined-diameter-md: 44px;
    --loading-indetermined-diameter-sm: 24px;
    position:relative;
    z-index:var(--z-index-layer-4)
}
.loading[data-progress]:not(:empty),.br-loading[data-progress]:not(:empty){
    background-color:var(--border-color);
    border-radius:50%
}
.loading[data-progress]:not(:empty)::before,.br-loading[data-progress]:not(:empty)::before{
    content:none
}
.loading[data-progress]::after,.br-loading[data-progress]::after{
    --loading-size: calc(var(--loading-diameter) - var(--loading-stroke) * 2);
    background:var(--background);
    border-radius:50%;
    color:var(--interactive);
    content:attr(data-progress) "%";
    font-size:var(--font-size-scale-up-02);
    font-weight:var(--font-weight-semi-bold);
    height:var(--loading-size);
    line-height:var(--loading-size);
    margin:var(--loading-stroke);
    position:absolute;
    text-align:center;
    width:var(--loading-size)
}
.loading[data-progress].loading-mask,.loading[data-progress].loading-fill,.loading[data-progress] .br-loading-mask,.loading[data-progress] .br-loading-fill,.br-loading[data-progress].loading-mask,.br-loading[data-progress].loading-fill,.br-loading[data-progress] .br-loading-mask,.br-loading[data-progress] .br-loading-fill{
    backface-visibility:hidden;
    border-radius:50%;
    clip:rect(0, var(--loading-diameter), var(--loading-diameter), calc(var(--loading-diameter) * 0.5));
    height:var(--loading-diameter);
    overflow:hidden;
    position:absolute;
    width:var(--loading-diameter)
}
.loading[data-progress].loading-fill,.loading[data-progress] .br-loading-fill,.br-loading[data-progress].loading-fill,.br-loading[data-progress] .br-loading-fill{
    background:var(--interactive);
    clip:rect(0, calc(var(--loading-diameter) * 0.5), var(--loading-diameter), 0)
}
.loading::before,.br-loading::before{
    animation:spinAround 1.3s infinite linear;
    border:2px solid var(--loading-indetermined-color);
    border-radius:50%;
    border-right-color:rgba(0,0,0,0);
    content:"";
    display:block;
    height:var(--loading-size);
    left:calc(50% - var(--loading-size)*.5);
    position:absolute;
    top:calc(50% - var(--loading-size)*.5);
    width:var(--loading-size)
}
.loading:not(.br-button),.br-loading:not(.br-button){
    height:var(--loading-size);
    width:var(--loading-size)
}
.loading:not(.br-button).medium,.br-loading:not(.br-button).medium{
    --loading-size: var(--loading-indetermined-diameter-md)
}
.loading:not(.br-button).medium::before,.br-loading:not(.br-button).medium::before{
    border-width:4px
}
.loading:not(.br-button)[data-progress],.br-loading:not(.br-button)[data-progress]{
    --loading-size: var(--loading-diameter)
}
.loading:not(.br-button)[data-progress]::before,.br-loading:not(.br-button)[data-progress]::before{
    border-width:var(--loading-stroke)
}
.loading[data-progress="1"] .br-loading-mask.full,.loading[data-progress="1"] .br-loading-fill,.br-loading[data-progress="1"] .br-loading-mask.full,.br-loading[data-progress="1"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(1.8deg)
}
.loading[data-progress="2"] .br-loading-mask.full,.loading[data-progress="2"] .br-loading-fill,.br-loading[data-progress="2"] .br-loading-mask.full,.br-loading[data-progress="2"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(3.6deg)
}
.loading[data-progress="3"] .br-loading-mask.full,.loading[data-progress="3"] .br-loading-fill,.br-loading[data-progress="3"] .br-loading-mask.full,.br-loading[data-progress="3"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(5.4deg)
}
.loading[data-progress="4"] .br-loading-mask.full,.loading[data-progress="4"] .br-loading-fill,.br-loading[data-progress="4"] .br-loading-mask.full,.br-loading[data-progress="4"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(7.2deg)
}
.loading[data-progress="5"] .br-loading-mask.full,.loading[data-progress="5"] .br-loading-fill,.br-loading[data-progress="5"] .br-loading-mask.full,.br-loading[data-progress="5"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(9deg)
}
.loading[data-progress="6"] .br-loading-mask.full,.loading[data-progress="6"] .br-loading-fill,.br-loading[data-progress="6"] .br-loading-mask.full,.br-loading[data-progress="6"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(10.8deg)
}
.loading[data-progress="7"] .br-loading-mask.full,.loading[data-progress="7"] .br-loading-fill,.br-loading[data-progress="7"] .br-loading-mask.full,.br-loading[data-progress="7"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(12.6deg)
}
.loading[data-progress="8"] .br-loading-mask.full,.loading[data-progress="8"] .br-loading-fill,.br-loading[data-progress="8"] .br-loading-mask.full,.br-loading[data-progress="8"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(14.4deg)
}
.loading[data-progress="9"] .br-loading-mask.full,.loading[data-progress="9"] .br-loading-fill,.br-loading[data-progress="9"] .br-loading-mask.full,.br-loading[data-progress="9"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(16.2deg)
}
.loading[data-progress="10"] .br-loading-mask.full,.loading[data-progress="10"] .br-loading-fill,.br-loading[data-progress="10"] .br-loading-mask.full,.br-loading[data-progress="10"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(18deg)
}
.loading[data-progress="11"] .br-loading-mask.full,.loading[data-progress="11"] .br-loading-fill,.br-loading[data-progress="11"] .br-loading-mask.full,.br-loading[data-progress="11"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(19.8deg)
}
.loading[data-progress="12"] .br-loading-mask.full,.loading[data-progress="12"] .br-loading-fill,.br-loading[data-progress="12"] .br-loading-mask.full,.br-loading[data-progress="12"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(21.6deg)
}
.loading[data-progress="13"] .br-loading-mask.full,.loading[data-progress="13"] .br-loading-fill,.br-loading[data-progress="13"] .br-loading-mask.full,.br-loading[data-progress="13"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(23.4deg)
}
.loading[data-progress="14"] .br-loading-mask.full,.loading[data-progress="14"] .br-loading-fill,.br-loading[data-progress="14"] .br-loading-mask.full,.br-loading[data-progress="14"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(25.2deg)
}
.loading[data-progress="15"] .br-loading-mask.full,.loading[data-progress="15"] .br-loading-fill,.br-loading[data-progress="15"] .br-loading-mask.full,.br-loading[data-progress="15"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(27deg)
}
.loading[data-progress="16"] .br-loading-mask.full,.loading[data-progress="16"] .br-loading-fill,.br-loading[data-progress="16"] .br-loading-mask.full,.br-loading[data-progress="16"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(28.8deg)
}
.loading[data-progress="17"] .br-loading-mask.full,.loading[data-progress="17"] .br-loading-fill,.br-loading[data-progress="17"] .br-loading-mask.full,.br-loading[data-progress="17"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(30.6deg)
}
.loading[data-progress="18"] .br-loading-mask.full,.loading[data-progress="18"] .br-loading-fill,.br-loading[data-progress="18"] .br-loading-mask.full,.br-loading[data-progress="18"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(32.4deg)
}
.loading[data-progress="19"] .br-loading-mask.full,.loading[data-progress="19"] .br-loading-fill,.br-loading[data-progress="19"] .br-loading-mask.full,.br-loading[data-progress="19"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(34.2deg)
}
.loading[data-progress="20"] .br-loading-mask.full,.loading[data-progress="20"] .br-loading-fill,.br-loading[data-progress="20"] .br-loading-mask.full,.br-loading[data-progress="20"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(36deg)
}
.loading[data-progress="21"] .br-loading-mask.full,.loading[data-progress="21"] .br-loading-fill,.br-loading[data-progress="21"] .br-loading-mask.full,.br-loading[data-progress="21"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(37.8deg)
}
.loading[data-progress="22"] .br-loading-mask.full,.loading[data-progress="22"] .br-loading-fill,.br-loading[data-progress="22"] .br-loading-mask.full,.br-loading[data-progress="22"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(39.6deg)
}
.loading[data-progress="23"] .br-loading-mask.full,.loading[data-progress="23"] .br-loading-fill,.br-loading[data-progress="23"] .br-loading-mask.full,.br-loading[data-progress="23"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(41.4deg)
}
.loading[data-progress="24"] .br-loading-mask.full,.loading[data-progress="24"] .br-loading-fill,.br-loading[data-progress="24"] .br-loading-mask.full,.br-loading[data-progress="24"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(43.2deg)
}
.loading[data-progress="25"] .br-loading-mask.full,.loading[data-progress="25"] .br-loading-fill,.br-loading[data-progress="25"] .br-loading-mask.full,.br-loading[data-progress="25"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(45deg)
}
.loading[data-progress="26"] .br-loading-mask.full,.loading[data-progress="26"] .br-loading-fill,.br-loading[data-progress="26"] .br-loading-mask.full,.br-loading[data-progress="26"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(46.8deg)
}
.loading[data-progress="27"] .br-loading-mask.full,.loading[data-progress="27"] .br-loading-fill,.br-loading[data-progress="27"] .br-loading-mask.full,.br-loading[data-progress="27"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(48.6deg)
}
.loading[data-progress="28"] .br-loading-mask.full,.loading[data-progress="28"] .br-loading-fill,.br-loading[data-progress="28"] .br-loading-mask.full,.br-loading[data-progress="28"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(50.4deg)
}
.loading[data-progress="29"] .br-loading-mask.full,.loading[data-progress="29"] .br-loading-fill,.br-loading[data-progress="29"] .br-loading-mask.full,.br-loading[data-progress="29"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(52.2deg)
}
.loading[data-progress="30"] .br-loading-mask.full,.loading[data-progress="30"] .br-loading-fill,.br-loading[data-progress="30"] .br-loading-mask.full,.br-loading[data-progress="30"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(54deg)
}
.loading[data-progress="31"] .br-loading-mask.full,.loading[data-progress="31"] .br-loading-fill,.br-loading[data-progress="31"] .br-loading-mask.full,.br-loading[data-progress="31"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(55.8deg)
}
.loading[data-progress="32"] .br-loading-mask.full,.loading[data-progress="32"] .br-loading-fill,.br-loading[data-progress="32"] .br-loading-mask.full,.br-loading[data-progress="32"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(57.6deg)
}
.loading[data-progress="33"] .br-loading-mask.full,.loading[data-progress="33"] .br-loading-fill,.br-loading[data-progress="33"] .br-loading-mask.full,.br-loading[data-progress="33"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(59.4deg)
}
.loading[data-progress="34"] .br-loading-mask.full,.loading[data-progress="34"] .br-loading-fill,.br-loading[data-progress="34"] .br-loading-mask.full,.br-loading[data-progress="34"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(61.2deg)
}
.loading[data-progress="35"] .br-loading-mask.full,.loading[data-progress="35"] .br-loading-fill,.br-loading[data-progress="35"] .br-loading-mask.full,.br-loading[data-progress="35"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(63deg)
}
.loading[data-progress="36"] .br-loading-mask.full,.loading[data-progress="36"] .br-loading-fill,.br-loading[data-progress="36"] .br-loading-mask.full,.br-loading[data-progress="36"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(64.8deg)
}
.loading[data-progress="37"] .br-loading-mask.full,.loading[data-progress="37"] .br-loading-fill,.br-loading[data-progress="37"] .br-loading-mask.full,.br-loading[data-progress="37"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(66.6deg)
}
.loading[data-progress="38"] .br-loading-mask.full,.loading[data-progress="38"] .br-loading-fill,.br-loading[data-progress="38"] .br-loading-mask.full,.br-loading[data-progress="38"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(68.4deg)
}
.loading[data-progress="39"] .br-loading-mask.full,.loading[data-progress="39"] .br-loading-fill,.br-loading[data-progress="39"] .br-loading-mask.full,.br-loading[data-progress="39"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(70.2deg)
}
.loading[data-progress="40"] .br-loading-mask.full,.loading[data-progress="40"] .br-loading-fill,.br-loading[data-progress="40"] .br-loading-mask.full,.br-loading[data-progress="40"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(72deg)
}
.loading[data-progress="41"] .br-loading-mask.full,.loading[data-progress="41"] .br-loading-fill,.br-loading[data-progress="41"] .br-loading-mask.full,.br-loading[data-progress="41"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(73.8deg)
}
.loading[data-progress="42"] .br-loading-mask.full,.loading[data-progress="42"] .br-loading-fill,.br-loading[data-progress="42"] .br-loading-mask.full,.br-loading[data-progress="42"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(75.6deg)
}
.loading[data-progress="43"] .br-loading-mask.full,.loading[data-progress="43"] .br-loading-fill,.br-loading[data-progress="43"] .br-loading-mask.full,.br-loading[data-progress="43"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(77.4deg)
}
.loading[data-progress="44"] .br-loading-mask.full,.loading[data-progress="44"] .br-loading-fill,.br-loading[data-progress="44"] .br-loading-mask.full,.br-loading[data-progress="44"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(79.2deg)
}
.loading[data-progress="45"] .br-loading-mask.full,.loading[data-progress="45"] .br-loading-fill,.br-loading[data-progress="45"] .br-loading-mask.full,.br-loading[data-progress="45"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(81deg)
}
.loading[data-progress="46"] .br-loading-mask.full,.loading[data-progress="46"] .br-loading-fill,.br-loading[data-progress="46"] .br-loading-mask.full,.br-loading[data-progress="46"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(82.8deg)
}
.loading[data-progress="47"] .br-loading-mask.full,.loading[data-progress="47"] .br-loading-fill,.br-loading[data-progress="47"] .br-loading-mask.full,.br-loading[data-progress="47"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(84.6deg)
}
.loading[data-progress="48"] .br-loading-mask.full,.loading[data-progress="48"] .br-loading-fill,.br-loading[data-progress="48"] .br-loading-mask.full,.br-loading[data-progress="48"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(86.4deg)
}
.loading[data-progress="49"] .br-loading-mask.full,.loading[data-progress="49"] .br-loading-fill,.br-loading[data-progress="49"] .br-loading-mask.full,.br-loading[data-progress="49"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(88.2deg)
}
.loading[data-progress="50"] .br-loading-mask.full,.loading[data-progress="50"] .br-loading-fill,.br-loading[data-progress="50"] .br-loading-mask.full,.br-loading[data-progress="50"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(90deg)
}
.loading[data-progress="51"] .br-loading-mask.full,.loading[data-progress="51"] .br-loading-fill,.br-loading[data-progress="51"] .br-loading-mask.full,.br-loading[data-progress="51"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(91.8deg)
}
.loading[data-progress="52"] .br-loading-mask.full,.loading[data-progress="52"] .br-loading-fill,.br-loading[data-progress="52"] .br-loading-mask.full,.br-loading[data-progress="52"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(93.6deg)
}
.loading[data-progress="53"] .br-loading-mask.full,.loading[data-progress="53"] .br-loading-fill,.br-loading[data-progress="53"] .br-loading-mask.full,.br-loading[data-progress="53"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(95.4deg)
}
.loading[data-progress="54"] .br-loading-mask.full,.loading[data-progress="54"] .br-loading-fill,.br-loading[data-progress="54"] .br-loading-mask.full,.br-loading[data-progress="54"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(97.2deg)
}
.loading[data-progress="55"] .br-loading-mask.full,.loading[data-progress="55"] .br-loading-fill,.br-loading[data-progress="55"] .br-loading-mask.full,.br-loading[data-progress="55"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(99deg)
}
.loading[data-progress="56"] .br-loading-mask.full,.loading[data-progress="56"] .br-loading-fill,.br-loading[data-progress="56"] .br-loading-mask.full,.br-loading[data-progress="56"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(100.8deg)
}
.loading[data-progress="57"] .br-loading-mask.full,.loading[data-progress="57"] .br-loading-fill,.br-loading[data-progress="57"] .br-loading-mask.full,.br-loading[data-progress="57"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(102.6deg)
}
.loading[data-progress="58"] .br-loading-mask.full,.loading[data-progress="58"] .br-loading-fill,.br-loading[data-progress="58"] .br-loading-mask.full,.br-loading[data-progress="58"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(104.4deg)
}
.loading[data-progress="59"] .br-loading-mask.full,.loading[data-progress="59"] .br-loading-fill,.br-loading[data-progress="59"] .br-loading-mask.full,.br-loading[data-progress="59"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(106.2deg)
}
.loading[data-progress="60"] .br-loading-mask.full,.loading[data-progress="60"] .br-loading-fill,.br-loading[data-progress="60"] .br-loading-mask.full,.br-loading[data-progress="60"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(108deg)
}
.loading[data-progress="61"] .br-loading-mask.full,.loading[data-progress="61"] .br-loading-fill,.br-loading[data-progress="61"] .br-loading-mask.full,.br-loading[data-progress="61"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(109.8deg)
}
.loading[data-progress="62"] .br-loading-mask.full,.loading[data-progress="62"] .br-loading-fill,.br-loading[data-progress="62"] .br-loading-mask.full,.br-loading[data-progress="62"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(111.6deg)
}
.loading[data-progress="63"] .br-loading-mask.full,.loading[data-progress="63"] .br-loading-fill,.br-loading[data-progress="63"] .br-loading-mask.full,.br-loading[data-progress="63"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(113.4deg)
}
.loading[data-progress="64"] .br-loading-mask.full,.loading[data-progress="64"] .br-loading-fill,.br-loading[data-progress="64"] .br-loading-mask.full,.br-loading[data-progress="64"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(115.2deg)
}
.loading[data-progress="65"] .br-loading-mask.full,.loading[data-progress="65"] .br-loading-fill,.br-loading[data-progress="65"] .br-loading-mask.full,.br-loading[data-progress="65"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(117deg)
}
.loading[data-progress="66"] .br-loading-mask.full,.loading[data-progress="66"] .br-loading-fill,.br-loading[data-progress="66"] .br-loading-mask.full,.br-loading[data-progress="66"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(118.8deg)
}
.loading[data-progress="67"] .br-loading-mask.full,.loading[data-progress="67"] .br-loading-fill,.br-loading[data-progress="67"] .br-loading-mask.full,.br-loading[data-progress="67"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(120.6deg)
}
.loading[data-progress="68"] .br-loading-mask.full,.loading[data-progress="68"] .br-loading-fill,.br-loading[data-progress="68"] .br-loading-mask.full,.br-loading[data-progress="68"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(122.4deg)
}
.loading[data-progress="69"] .br-loading-mask.full,.loading[data-progress="69"] .br-loading-fill,.br-loading[data-progress="69"] .br-loading-mask.full,.br-loading[data-progress="69"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(124.2deg)
}
.loading[data-progress="70"] .br-loading-mask.full,.loading[data-progress="70"] .br-loading-fill,.br-loading[data-progress="70"] .br-loading-mask.full,.br-loading[data-progress="70"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(126deg)
}
.loading[data-progress="71"] .br-loading-mask.full,.loading[data-progress="71"] .br-loading-fill,.br-loading[data-progress="71"] .br-loading-mask.full,.br-loading[data-progress="71"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(127.8deg)
}
.loading[data-progress="72"] .br-loading-mask.full,.loading[data-progress="72"] .br-loading-fill,.br-loading[data-progress="72"] .br-loading-mask.full,.br-loading[data-progress="72"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(129.6deg)
}
.loading[data-progress="73"] .br-loading-mask.full,.loading[data-progress="73"] .br-loading-fill,.br-loading[data-progress="73"] .br-loading-mask.full,.br-loading[data-progress="73"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(131.4deg)
}
.loading[data-progress="74"] .br-loading-mask.full,.loading[data-progress="74"] .br-loading-fill,.br-loading[data-progress="74"] .br-loading-mask.full,.br-loading[data-progress="74"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(133.2deg)
}
.loading[data-progress="75"] .br-loading-mask.full,.loading[data-progress="75"] .br-loading-fill,.br-loading[data-progress="75"] .br-loading-mask.full,.br-loading[data-progress="75"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(135deg)
}
.loading[data-progress="76"] .br-loading-mask.full,.loading[data-progress="76"] .br-loading-fill,.br-loading[data-progress="76"] .br-loading-mask.full,.br-loading[data-progress="76"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(136.8deg)
}
.loading[data-progress="77"] .br-loading-mask.full,.loading[data-progress="77"] .br-loading-fill,.br-loading[data-progress="77"] .br-loading-mask.full,.br-loading[data-progress="77"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(138.6deg)
}
.loading[data-progress="78"] .br-loading-mask.full,.loading[data-progress="78"] .br-loading-fill,.br-loading[data-progress="78"] .br-loading-mask.full,.br-loading[data-progress="78"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(140.4deg)
}
.loading[data-progress="79"] .br-loading-mask.full,.loading[data-progress="79"] .br-loading-fill,.br-loading[data-progress="79"] .br-loading-mask.full,.br-loading[data-progress="79"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(142.2deg)
}
.loading[data-progress="80"] .br-loading-mask.full,.loading[data-progress="80"] .br-loading-fill,.br-loading[data-progress="80"] .br-loading-mask.full,.br-loading[data-progress="80"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(144deg)
}
.loading[data-progress="81"] .br-loading-mask.full,.loading[data-progress="81"] .br-loading-fill,.br-loading[data-progress="81"] .br-loading-mask.full,.br-loading[data-progress="81"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(145.8deg)
}
.loading[data-progress="82"] .br-loading-mask.full,.loading[data-progress="82"] .br-loading-fill,.br-loading[data-progress="82"] .br-loading-mask.full,.br-loading[data-progress="82"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(147.6deg)
}
.loading[data-progress="83"] .br-loading-mask.full,.loading[data-progress="83"] .br-loading-fill,.br-loading[data-progress="83"] .br-loading-mask.full,.br-loading[data-progress="83"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(149.4deg)
}
.loading[data-progress="84"] .br-loading-mask.full,.loading[data-progress="84"] .br-loading-fill,.br-loading[data-progress="84"] .br-loading-mask.full,.br-loading[data-progress="84"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(151.2deg)
}
.loading[data-progress="85"] .br-loading-mask.full,.loading[data-progress="85"] .br-loading-fill,.br-loading[data-progress="85"] .br-loading-mask.full,.br-loading[data-progress="85"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(153deg)
}
.loading[data-progress="86"] .br-loading-mask.full,.loading[data-progress="86"] .br-loading-fill,.br-loading[data-progress="86"] .br-loading-mask.full,.br-loading[data-progress="86"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(154.8deg)
}
.loading[data-progress="87"] .br-loading-mask.full,.loading[data-progress="87"] .br-loading-fill,.br-loading[data-progress="87"] .br-loading-mask.full,.br-loading[data-progress="87"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(156.6deg)
}
.loading[data-progress="88"] .br-loading-mask.full,.loading[data-progress="88"] .br-loading-fill,.br-loading[data-progress="88"] .br-loading-mask.full,.br-loading[data-progress="88"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(158.4deg)
}
.loading[data-progress="89"] .br-loading-mask.full,.loading[data-progress="89"] .br-loading-fill,.br-loading[data-progress="89"] .br-loading-mask.full,.br-loading[data-progress="89"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(160.2deg)
}
.loading[data-progress="90"] .br-loading-mask.full,.loading[data-progress="90"] .br-loading-fill,.br-loading[data-progress="90"] .br-loading-mask.full,.br-loading[data-progress="90"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(162deg)
}
.loading[data-progress="91"] .br-loading-mask.full,.loading[data-progress="91"] .br-loading-fill,.br-loading[data-progress="91"] .br-loading-mask.full,.br-loading[data-progress="91"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(163.8deg)
}
.loading[data-progress="92"] .br-loading-mask.full,.loading[data-progress="92"] .br-loading-fill,.br-loading[data-progress="92"] .br-loading-mask.full,.br-loading[data-progress="92"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(165.6deg)
}
.loading[data-progress="93"] .br-loading-mask.full,.loading[data-progress="93"] .br-loading-fill,.br-loading[data-progress="93"] .br-loading-mask.full,.br-loading[data-progress="93"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(167.4deg)
}
.loading[data-progress="94"] .br-loading-mask.full,.loading[data-progress="94"] .br-loading-fill,.br-loading[data-progress="94"] .br-loading-mask.full,.br-loading[data-progress="94"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(169.2deg)
}
.loading[data-progress="95"] .br-loading-mask.full,.loading[data-progress="95"] .br-loading-fill,.br-loading[data-progress="95"] .br-loading-mask.full,.br-loading[data-progress="95"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(171deg)
}
.loading[data-progress="96"] .br-loading-mask.full,.loading[data-progress="96"] .br-loading-fill,.br-loading[data-progress="96"] .br-loading-mask.full,.br-loading[data-progress="96"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(172.8deg)
}
.loading[data-progress="97"] .br-loading-mask.full,.loading[data-progress="97"] .br-loading-fill,.br-loading[data-progress="97"] .br-loading-mask.full,.br-loading[data-progress="97"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(174.6deg)
}
.loading[data-progress="98"] .br-loading-mask.full,.loading[data-progress="98"] .br-loading-fill,.br-loading[data-progress="98"] .br-loading-mask.full,.br-loading[data-progress="98"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(176.4deg)
}
.loading[data-progress="99"] .br-loading-mask.full,.loading[data-progress="99"] .br-loading-fill,.br-loading[data-progress="99"] .br-loading-mask.full,.br-loading[data-progress="99"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(178.2deg)
}
.loading[data-progress="100"] .br-loading-mask.full,.loading[data-progress="100"] .br-loading-fill,.br-loading[data-progress="100"] .br-loading-mask.full,.br-loading[data-progress="100"] .br-loading-fill{
    animation:fill ease-in-out 2s;
    transform:rotate(180deg)
}
@keyframes spinAround{
    from{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(359deg)
    }
}
@keyframes fill{
    0%{
        transform:rotate(0deg)
    }
}
.br-magic-button{
    --magic-size: var(--magic-medium);
    --magic-small: var(--spacing-scale-4xh);
    --magic-medium: var(--spacing-scale-5xh);
    --magic-large: var(--spacing-scale-6xh);
    --magic-support-size: var(--magic-support-medium);
    --magic-support-small: var(--spacing-scale-7x);
    --magic-support-medium: var(--spacing-scale-8x);
    --magic-support-large: var(--spacing-scale-9x);
    --magic-z-index: var(--z-index-layer-1);
    align-items:center;
    background-color:var(--gray-5);
    border-radius:100em;
    box-shadow:var(--surface-shadow-md);
    display:inline-flex;
    height:var(--magic-support-size);
    padding:calc((var(--magic-support-size) - var(--magic-size))*.5)
}
.br-magic-button.small{
    --magic-size: var(--magic-small);
    --magic-support-size: var(--magic-support-small)
}
.br-magic-button.medium{
    --magic-size: var(--magic-medium);
    --magic-support-size: var(--magic-support-medium)
}
.br-magic-button.large{
    --magic-size: var(--magic-large);
    --magic-support-size: var(--magic-support-large)
}
.br-magic-button .svg-inline--fa,.br-magic-button .fa,.br-magic-button .fab,.br-magic-button .fad,.br-magic-button .fal,.br-magic-button .far,.br-magic-button .fas{
    --icon-size: var(--icon-size-lg)
}
.br-magic-button .br-button{
    --focus-offset: calc((var(--magic-support-size) - var(--magic-size)) * 0.5 + 4px);
    --button-size: var(--magic-size);
    background-color:var(--interactive-alternative);
    color:var(--color-dark);
    font-size:var(--font-size-scale-up-02);
    font-weight:var(--font-weight-semi-bold)
}
.br-magic-button .br-button:not(:disabled):not(:disabled):hover{
    background-image:linear-gradient(rgba(var(--color-dark-rgb), var(--hover)), rgba(var(--color-dark-rgb), var(--hover)))
}
.br-magic-button .br-button:not(:disabled):not(:disabled):active{
    background-image:linear-gradient(rgba(var(--color-dark-rgb), var(--pressed)), rgba(var(--color-dark-rgb), var(--pressed)))
}
.br-message{
    --message-background: var(--background);
    --message-color-icon: var(--color);
    --feedback-background: var(--background);
    --message-text: var(--color);
    background:var(--message-background);
    display:flex;
    margin-bottom:var(--spacing-scale-2x)
}
.br-message .content{
    color:var(--message-text);
    flex:1;
    font-size:var(--font-size-scale-up-01);
    padding:var(--spacing-scale-3x) var(--spacing-scale-base) var(--spacing-scale-3x) var(--spacing-scale-2x)
}
.br-message .content .message-title{
    font-weight:var(--font-weight-semi-bold)
}
.br-message .content .message-body{
    font-weight:var(--font-weigth-regular)
}
.br-message .content a{
    font-weight:var(--font-weight-bold);
    text-decoration:underline
}
.br-message .content *:last-child{
    margin-bottom:0
}
.br-message .icon{
    align-items:center;
    color:var(--message-color-icon);
    display:flex;
    justify-content:center;
    margin:var(--spacing-vertical-center) var(--spacing-scale-2x);
    padding-left:var(--spacing-scale-2x);
    padding-right:var(--spacing-scale-2x)
}
.br-message .icon+.content{
    padding-left:0
}
.br-message .close{
    margin-right:var(--spacing-scale-base);
    margin-top:var(--spacing-scale-base)
}
.br-message.is-success,.br-message.success,.br-message[success]{
    --message-background: var(--success-alternative);
    --feedback-background: var(--success);
    --message-color-icon: var(--success)
}
.br-message.is-success .close .br-button,.br-message.success .close .br-button,.br-message[success] .close .br-button{
    --interactive: var(--message-color-icon);
    --interactive-rgb: var(--success-rgb)
}
.br-message.is-danger,.br-message.danger,.br-message[danger]{
    --message-background: var(--danger-alternative);
    --feedback-background: var(--danger);
    --message-color-icon: var(--danger)
}
.br-message.is-danger .close .br-button,.br-message.danger .close .br-button,.br-message[danger] .close .br-button{
    --interactive: var(--message-color-icon);
    --interactive-rgb: var(--danger-rgb)
}
.br-message.is-info,.br-message.info,.br-message[info]{
    --message-background: var(--info-alternative);
    --feedback-background: var(--info);
    --message-color-icon: var(--info)
}
.br-message.is-info .close .br-button,.br-message.info .close .br-button,.br-message[info] .close .br-button{
    --interactive: var(--message-color-icon);
    --interactive-rgb: var(--info-rgb)
}
.br-message.is-warning,.br-message.warning,.br-message[warning]{
    --message-background: var(--warning-alternative);
    --feedback-background: var(--warning)
}
.br-message.is-warning .close .br-button,.br-message.warning .close .br-button,.br-message[warning] .close .br-button{
    --interactive: var(--color);
    --interactive-rgb: var(--color-rgb)
}
.feedback{
    --message-background: var(--background);
    --message-color-icon: var(--color);
    --feedback-background: var(--background);
    --message-text: var(--color);
    align-items:center;
    background:var(--feedback-background);
    color:var(--message-text);
    display:inline-flex;
    font-style:italic;
    font-weight:var(--font-weight-medium);
    margin-bottom:0;
    padding:var(--spacing-scale-half)
}
.feedback .svg-inline--fa,.feedback .fa,.feedback .fab,.feedback .fad,.feedback .fal,.feedback .far,.feedback .fas{
    margin-right:var(--spacing-scale-half)
}
.feedback:not(.is-warning):not(.warning):not([warning]){
    --message-text: var(--pure-0)
}
.feedback.is-warning,.feedback.warning,.feedback[warning]{
    --color: var(--color-light);
    --color-rgb: var(--color-light-rgb);
    --text-color: var(--color-light);
    --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-light)
}
.feedback.is-success,.feedback.success,.feedback[success]{
    --message-background: var(--success-alternative);
    --feedback-background: var(--success);
    --message-color-icon: var(--success)
}
.feedback.is-success .close .br-button,.feedback.success .close .br-button,.feedback[success] .close .br-button{
    --interactive: var(--message-color-icon);
    --interactive-rgb: var(--success-rgb)
}
.feedback.is-danger,.feedback.danger,.feedback[danger]{
    --message-background: var(--danger-alternative);
    --feedback-background: var(--danger);
    --message-color-icon: var(--danger)
}
.feedback.is-danger .close .br-button,.feedback.danger .close .br-button,.feedback[danger] .close .br-button{
    --interactive: var(--message-color-icon);
    --interactive-rgb: var(--danger-rgb)
}
.feedback.is-info,.feedback.info,.feedback[info]{
    --message-background: var(--info-alternative);
    --feedback-background: var(--info);
    --message-color-icon: var(--info)
}
.feedback.is-info .close .br-button,.feedback.info .close .br-button,.feedback[info] .close .br-button{
    --interactive: var(--message-color-icon);
    --interactive-rgb: var(--info-rgb)
}
.feedback.is-warning,.feedback.warning,.feedback[warning]{
    --message-background: var(--warning-alternative);
    --feedback-background: var(--warning)
}
.feedback.is-warning .close .br-button,.feedback.warning .close .br-button,.feedback[warning] .close .br-button{
    --interactive: var(--color);
    --interactive-rgb: var(--color-rgb)
}
.br-modal{
    --modal-size: var(--modal-medium);
    --modal-xsmall: 220px;
    --modal-small: 300px;
    --modal-medium: 500px;
    --modal-large: 640px;
    --modal-auto: auto;
    background:var(--background);
    box-shadow:var(--surface-shadow-sm);
    display:flex;
    flex-direction:column;
    max-width:var(--modal-size);
    z-index:var(--z-index-layer-4)
}
.br-modal-header{
    font-size:var(--font-size-scale-up-01);
    font-weight:var(--font-weight-bold);
    padding:var(--spacing-scale-2x) var(--spacing-scale-2x) 0;
    position:relative
}
.br-modal-header .close{
    position:absolute;
    right:var(--spacing-scale-base);
    top:var(--spacing-scale-base)
}
.br-modal .modal-title{
    font-size:var(--font-size-scale-up-01);
    font-weight:var(--font-weight-bold);
    margin-right:40px;
    max-height:calc(var(--font-size-scale-up-01)*3);
    overflow:hidden;
    text-overflow:ellipsis
}
.br-modal-body{
    flex:1;
    margin:var(--spacing-scale-3x) 0 var(--spacing-scale-2x);
    overflow:auto;
    padding:0 var(--spacing-scale-2x);
    width:auto
}
.br-modal-body::-webkit-scrollbar{
    height:var(--spacing-scale-base);
    width:var(--spacing-scale-base)
}
.br-modal-body::-webkit-scrollbar-track{
    background:var(--gray-10)
}
.br-modal-body::-webkit-scrollbar-thumb{
    background:var(--gray-30)
}
.br-modal-body:hover::-webkit-scrollbar-thumb{
    background:var(--gray-40)
}
.br-modal-body>*:last-child{
    margin-bottom:0
}
.br-modal-footer{
    display:flex;
    flex-wrap:wrap;
    padding:var(--spacing-scale-2x)
}
.br-modal.is-xsmall,.br-modal.xsmall{
    --modal-size: var(--modal-xsmall)
}
.br-modal.is-small,.br-modal.small{
    --modal-size: var(--modal-small)
}
.br-modal.is-medium,.br-modal.medium{
    --modal-size: var(--modal-medium)
}
.br-modal.is-large,.br-modal.large{
    --modal-size: var(--modal-large)
}
.br-modal.is-auto,.br-modal.auto{
    --modal-size: var(--modal-auto)
}
.br-modal .loading.medium{
    min-height:calc(var(--loading-indetermined-diameter-md) + var(--spacing-scale-2x)*2)
}
.br-modal .terms{
    border:0;
    box-shadow:var(--surface-shadow-sm-inset),var(--surface-shadow-sm-inset-up);
    font-size:var(--font-size-scale-base);
    height:216px;
    margin-bottom:var(--spacing-scale-2x);
    margin-left:calc(var(--spacing-scale-2x)*-1);
    margin-right:calc(var(--spacing-scale-2x)*-1);
    overflow:auto;
    padding:var(--spacing-scale-2x);
    resize:none;
    width:auto
}
.br-modal .terms::-webkit-scrollbar{
    height:var(--spacing-scale-base);
    width:var(--spacing-scale-base)
}
.br-modal .terms::-webkit-scrollbar-track{
    background:var(--gray-10)
}
.br-modal .terms::-webkit-scrollbar-thumb{
    background:var(--gray-30)
}
.br-modal .terms:hover::-webkit-scrollbar-thumb{
    background:var(--gray-40)
}
.br-modal .terms:active{
    outline:none
}
.br-modal .terms:hover::-webkit-scrollbar-thumb{
    background:var(--color-secondary-07)
}
@media(max-width: 991px){
    .br-modal .terms{
        margin-left:unset !important;
        margin-right:unset !important
    }
    .br-modal-header .close{
        top:0
    }
}
.br-notification{
    --notification-padding: var(--spacing-scale-2x) var(--spacing-scale-4x);
    --notification-width: 50vw;
    --notification-height: calc(100vh - 86px);
    background:var(--background);
    box-shadow:var(--surface-shadow-md);
    max-height:var(--notification-height);
    max-width:var(--notification-width);
    overflow:auto;
    z-index:1
}
@media(max-width: 576px){
    .br-notification{
        --item-padding-x: var(--spacing-scale-2x);
        --item-padding-y: var(--spacing-scale-base);
        --item-padding: var(--item-padding-y) var(--item-padding-x);
        --notification-padding: var(--item-padding);
        --notification-width: 100vw;
        min-height:var(--notification-height);
        overflow:hidden
    }
    .br-notification .br-tab{
        --tab-size: var(--tab-small)
    }
    .br-notification .br-tab .tab-content{
        --notification-height: calc(100vh - 86px);
        height:var(--notification-height);
        overflow-x:auto
    }
    .br-notification .status{
        left:var(--spacing-scale-half) !important;
        top:var(--spacing-scale-2x) !important
    }
    .br-notification.close{
        display:none
    }
}
@media(max-width: 992px){
    .br-notification.close{
        display:none
    }
}
@media(min-width: 992px){
    .br-notification div.close{
        display:none
    }
}
.br-notification .notification-header{
    border-bottom:1px solid var(--border-color);
    padding:var(--notification-padding)
}
.br-notification .notification-header *:last-child{
    margin-bottom:0
}
.br-notification .notification-body .br-tab .tab-item{
    padding:0
}
.br-notification .notification-body .br-tab .tab-content{
    overflow-y:auto
}
.br-notification .notification-body .br-tab .tab-content .br-item{
    --interactive-rgb: var(--rgb-secondary-08);
    --item-color: var(--text-color);
    padding:var(--notification-padding);
    position:relative;
    white-space:normal
}
.br-notification .notification-body .br-tab .tab-content .br-item .status{
    left:var(--spacing-scale-base);
    position:absolute;
    top:var(--spacing-scale-3x)
}
.br-notification .notification-body .br-tab .tab-content .br-item span{
    display:block
}
.br-pagination{
    --pagination-margin: var(--spacing-scale-base);
    --pagination-select-width: 88px;
    --pagination-size: var(--pagination-medium);
    --pagination-small: 24px;
    --pagination-medium: 32px;
    --pagination-large: 40px;
    color:var(--color);
    display:flex;
    flex-wrap:wrap;
    font-weight:var(--font-weight);
    justify-content:center
}
.br-pagination ul{
    align-items:center;
    display:flex;
    list-style:none;
    margin:0;
    padding:0
}
.br-pagination li{
    padding:0
}
.br-pagination.dark-mode .page{
    color:var(--color-dark)
}
.br-pagination.dark-mode .br-select .br-item label{
    color:var(--color-dark)
}
.br-pagination .page{
    align-items:center;
    border:1px solid rgba(0,0,0,0);
    border-radius:100em;
    color:var(--interactive);
    display:inline-flex;
    justify-content:center;
    margin:0 calc(var(--pagination-margin)*.5);
    min-height:var(--pagination-size);
    min-width:var(--pagination-size);
    padding:0 var(--spacing-scale-base);
    white-space:nowrap
}
.br-pagination .page:not(:disabled):hover{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}
.br-pagination .page.active{
    background:var(--active);
    color:var(--color-dark);
    font-weight:var(--font-weight-semi-bold)
}
.br-pagination .pagination-ellipsis{
    margin:0 calc(var(--pagination-margin)*.5);
    position:relative
}
.br-pagination .pagination-ellipsis .br-button{
    --button-size: var(--pagination-size)
}
.br-pagination .pagination-ellipsis .br-list{
    max-height:220px;
    min-width:4em;
    overflow-y:auto;
    z-index:var(--z-index-layer-1)
}
.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar{
    height:var(--spacing-scale-base);
    width:var(--spacing-scale-base)
}
.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar-track{
    background:var(--gray-10)
}
.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar-thumb{
    background:var(--gray-30)
}
.br-pagination .pagination-ellipsis .br-list:hover::-webkit-scrollbar-thumb{
    background:var(--gray-40)
}
.br-pagination.small{
    --pagination-size: var(--pagination-small)
}
.br-pagination.medium{
    --pagination-size: var(--pagination-medium)
}
.br-pagination.large{
    --pagination-size: var(--pagination-large)
}
.br-pagination .pagination-information{
    align-items:center;
    display:flex
}
.br-pagination .pagination-per-page,.br-pagination .pagination-go-to-page{
    align-items:center;
    display:flex
}
.br-pagination .pagination-per-page .br-input,.br-pagination .pagination-go-to-page .br-input{
    align-items:center;
    display:flex
}
.br-pagination .pagination-per-page .br-input label,.br-pagination .pagination-go-to-page .br-input label{
    font-weight:var(--font-weight-regular);
    margin-bottom:0;
    margin-right:var(--spacing-scale-base);
    padding-bottom:0
}
.br-pagination .pagination-per-page .br-input input,.br-pagination .pagination-go-to-page .br-input input{
    --input-size: var(--pagination-medium);
    padding-left:var(--spacing-scale-base);
    padding-right:calc(var(--spacing-scale-baseh) + 32px);
    text-align:right;
    width:var(--pagination-select-width)
}
.br-pagination .pagination-per-page .br-input input:not(:focus),.br-pagination .pagination-go-to-page .br-input input:not(:focus){
    border-color:rgba(0,0,0,0)
}
.br-pagination .pagination-per-page .br-list,.br-pagination .pagination-go-to-page .br-list{
    min-width:5em;
    right:0;
    width:auto
}
.br-pagination .pagination-arrows{
    align-items:center;
    display:flex
}
.br-pagination .br-select .br-input .br-button{
    bottom:auto;
    margin-top:0;
    position:absolute;
    right:var(--spacing-scale-half);
    top:auto;
    transform:none
}
.br-pagination .br-divider{
    border-right-width:var(--divider-size);
    border-top:0
}
.br-pagination.inverted,.br-pagination.dark-mode{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark)
}
.br-pagination.inverted.inverted .br-input,.br-pagination.inverted.inverted .br-input label,.br-pagination.inverted.dark-mode .br-input,.br-pagination.inverted.dark-mode .br-input label,.br-pagination.dark-mode.inverted .br-input,.br-pagination.dark-mode.inverted .br-input label,.br-pagination.dark-mode.dark-mode .br-input,.br-pagination.dark-mode.dark-mode .br-input label{
    --color: var(--color-dark);
    --focus-color: var(--focus-color-dark)
}
.br-pagination.inverted .page.active,.br-pagination.dark-mode .page.active{
    --interactive-rgb: var(--active-rgb);
    background-color:var(--background-light);
    color:var(--active)
}
.br-pagination .input-group .input-icon{
    display:none
}
.br-scrim.foco{
    background:var(--surface-overlay-scrim);
    bottom:0;
    display:none;
    height:100%;
    left:0;
    position:fixed;
    right:0;
    top:0;
    width:100%;
    z-index:999
}
.br-scrim.foco .br-modal{
    left:50%;
    max-height:90%;
    overflow:auto;
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    z-index:1000
}
.br-scrim.foco.active{
    display:block
}
.br-scrim.inibicao{
    position:relative
}
.br-scrim.inibicao::before{
    background:var(--surface-overlay-scrim);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
.br-scrim.legibilidade{
    position:relative
}
.br-scrim.legibilidade .scrim-text{
    background:var(--surface-overlay-text);
    bottom:0;
    left:0;
    padding:var(--spacing-scale-3x) var(--spacing-scale-baseh);
    position:absolute;
    width:100%
}
.br-scrim-util.foco{
    background:var(--surface-overlay-scrim);
    bottom:0;
    display:none;
    height:100%;
    left:0;
    position:fixed;
    right:0;
    top:0;
    width:100%;
    z-index:999
}
.br-scrim-util.foco .br-modal{
    left:50%;
    max-height:90%;
    overflow:auto;
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    z-index:1000
}
.br-scrim-util.foco.active{
    display:block
}
.br-scrim-util.inibicao{
    position:relative
}
.br-scrim-util.inibicao::before{
    background:var(--surface-overlay-scrim);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
.br-scrim-util.legibilidade{
    position:relative
}
.br-scrim-util.legibilidade .scrim-text{
    background:var(--surface-overlay-text);
    bottom:0;
    left:0;
    padding:var(--spacing-scale-3x) var(--spacing-scale-baseh);
    position:absolute;
    width:100%
}
.br-select{
    --select-divider: 1px solid var(--color-secondary-04);
    --select-shadow: var(--surface-shadow-md);
    max-width:400px;
    min-width:100px;
    position:relative
}
.br-select .br-input input{
    padding-right:29px;
    text-overflow:ellipsis
}
.br-select .br-input input::after{
    bottom:0;
    padding:0 5px;
    position:absolute;
    right:0
}
.br-select .br-list{
    background:var(--bg-color);
    box-shadow:var(--select-shadow);
    display:none;
    margin-top:-2px;
    max-height:404px;
    overflow:auto;
    position:absolute;
    resize:none;
    width:100%;
    z-index:1
}
.br-select .br-list::-webkit-scrollbar{
    height:var(--spacing-scale-base);
    width:var(--spacing-scale-base)
}
.br-select .br-list::-webkit-scrollbar-track{
    background:var(--gray-10)
}
.br-select .br-list::-webkit-scrollbar-thumb{
    background:var(--gray-30)
}
.br-select .br-list:hover::-webkit-scrollbar-thumb{
    background:var(--gray-40)
}
.br-select .br-list:focus,.br-select .br-list:active{
    color:var(--color-secondary-09);
    outline:none
}
.br-select .br-list:hover::-webkit-scrollbar-thumb{
    background:var(--color-secondary-07)
}
.br-select .br-list[expanded]{
    display:block
}
.br-select .br-item{
    --color: var(--color-light);
    --color-rgb: var(--color-light-rgb);
    --text-color: var(--color-light);
    --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-light);
    --item-padding-y: var(--spacing-scale-2x)
}
.br-select .br-item .content{
    padding:0
}
.br-select .br-item .br-checkbox,.br-select .br-item .br-radio{
    --item-padding-x: var(--spacing-scale-2x);
    --item-padding-y: var(--spacing-scale-2x)
}
.br-select .br-item .br-checkbox input:hover:not(:disabled)+label::before,.br-select .br-item .br-radio input:hover:not(:disabled)+label::before{
    background-image:none
}
.br-select .br-item .br-checkbox input+label,.br-select .br-item .br-radio input+label{
    padding-left:calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x))
}
.br-select .br-item .br-radio input+label{
    color:var(--text-color);
    display:block;
    height:auto;
    min-height:0;
    padding:var(--item-padding)
}
.br-select .br-item .br-radio input+label::before,.br-select .br-item .br-radio input+label::after{
    content:none
}
.br-select .br-item:not(:last-child){
    border-bottom:var(--select-divider)
}
.br-select .br-item:not([disabled]){
    --focus-offset: calc(var(--spacing-scale-half) * -1)
}
.br-select .br-item:not([disabled]):focus{
    outline:none
}
.br-select .br-item:not([disabled]).focus-visible,.br-select .br-item:not([disabled]):focus-visible{
    outline-color:var(--focus);
    outline-offset:var(--focus-offset);
    outline-style:var(--focus-style);
    outline-width:var(--focus-width)
}
.br-select .br-item:not([disabled]):not(:disabled):hover{
    background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))
}
.br-select .br-item.selected,.br-select .br-item[selected]{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark)
}
.br-select .br-item.selected:focus,.br-select .br-item[selected]:focus{
    outline:none
}
.br-select .br-item.selected.focus-visible,.br-select .br-item.selected:focus-visible,.br-select .br-item[selected].focus-visible,.br-select .br-item[selected]:focus-visible{
    outline-color:var(--focus);
    outline-offset:var(--focus-offset);
    outline-style:var(--focus-style);
    outline-width:var(--focus-width)
}
.br-select .br-item.selected:not(:disabled):hover,.br-select .br-item[selected]:not(:disabled):hover{
    background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))
}
.br-select .br-item.disabled{
    line-height:calc(var(--font-line-height-high)*2);
    padding-left:calc(var(--item-padding) + var(--spacing-scale-base))
}
.br-select .br-item.highlighted,.br-select .br-item[highlighted]{
    background-color:var(--gray-2);
    padding-bottom:var(--spacing-scale-base);
    padding-top:var(--spacing-scale-base)
}
.br-select .br-item.highlighted .br-checkbox label,.br-select .br-item.highlighted .br-radio label,.br-select .br-item[highlighted] .br-checkbox label,.br-select .br-item[highlighted] .br-radio label{
    font-weight:var(--font-weight-semi-bold)
}
.br-select .br-item.highlighted .br-checkbox:hover,.br-select .br-item.highlighted .br-radio:hover,.br-select .br-item[highlighted] .br-checkbox:hover,.br-select .br-item[highlighted] .br-radio:hover{
    background:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}
.br-select .br-item.highlighted .br-checkbox:hover label,.br-select .br-item.highlighted .br-radio:hover label,.br-select .br-item[highlighted] .br-checkbox:hover label,.br-select .br-item[highlighted] .br-radio:hover label{
    color:var(--text-color)
}
.br-select .br-item.highlighted.selected,.br-select .br-item.highlighted[selected],.br-select .br-item[highlighted].selected,.br-select .br-item[highlighted][selected]{
    background-color:var(--selected)
}
.br-select.inverted .br-input,.br-select.inverted .br-input label,.br-select.dark-mode .br-input,.br-select.dark-mode .br-input label{
    --color: var(--color-dark);
    --focus-color: var(--focus-color-dark)
}
.br-sign-in,.br-button.sign-in{
    --button-radius: 100em;
    --button-xsmall: 24px;
    --button-small: 32px;
    --button-medium: 40px;
    --button-large: 48px;
    --button-size: var(--button-medium);
    align-items:center;
    background-color:rgba(0,0,0,0);
    border:0;
    border-radius:var(--button-radius);
    color:var(--interactive);
    cursor:pointer;
    display:inline-flex;
    font-size:var(--font-size-scale-up-01);
    font-weight:var(--font-weight-semi-bold);
    height:var(--button-size);
    justify-content:center;
    overflow:hidden;
    padding:0 var(--spacing-scale-3x);
    position:relative;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
    width:auto;
    --background: var(--gray-2);
    --sign-in-img: 20px;
    background-color:var(--background);
    padding:0 var(--spacing-scale-2x)
}
.br-sign-in.block,.br-button.sign-in.block{
    width:100%
}
@media(min-width: 576px){
    .br-sign-in.block-sm,.br-button.sign-in.block-sm{
        width:100%
    }
    .br-sign-in.auto-sm,.br-button.sign-in.auto-sm{
        width:auto
    }
}
@media(min-width: 992px){
    .br-sign-in.block-md,.br-button.sign-in.block-md{
        width:100%
    }
    .br-sign-in.auto-md,.br-button.sign-in.auto-md{
        width:auto
    }
}
@media(min-width: 1280px){
    .br-sign-in.block-lg,.br-button.sign-in.block-lg{
        width:100%
    }
    .br-sign-in.auto-lg,.br-button.sign-in.auto-lg{
        width:auto
    }
}
@media(min-width: 1600px){
    .br-sign-in.block-xl,.br-button.sign-in.block-xl{
        width:100%
    }
    .br-sign-in.auto-xl,.br-button.sign-in.auto-xl{
        width:auto
    }
}
.br-sign-in.circle,.br-sign-in[circle],.br-sign-in.is-circle,.br-button.sign-in.circle,.br-button.sign-in[circle],.br-button.sign-in.is-circle{
    border-radius:50%;
    padding:0;
    width:var(--button-size)
}
.br-sign-in.xsmall,.br-sign-in[xsmall],.br-sign-in.is-xsmall,.br-button.sign-in.xsmall,.br-button.sign-in[xsmall],.br-button.sign-in.is-xsmall{
    --button-size: var(--button-xsmall)
}
.br-sign-in.small,.br-sign-in[small],.br-sign-in.is-small,.br-button.sign-in.small,.br-button.sign-in[small],.br-button.sign-in.is-small{
    --button-size: var(--button-small)
}
.br-sign-in.medium,.br-sign-in[medium],.br-sign-in.is-medium,.br-button.sign-in.medium,.br-button.sign-in[medium],.br-button.sign-in.is-medium{
    --button-size: var(--button-medium)
}
.br-sign-in.large,.br-sign-in[large],.br-sign-in.is-large,.br-button.sign-in.large,.br-button.sign-in[large],.br-button.sign-in.is-large{
    --button-size: var(--button-large)
}
.br-sign-in.primary,.br-sign-in[primary],.br-sign-in.is-primary,.br-button.sign-in.primary,.br-button.sign-in[primary],.br-button.sign-in.is-primary{
    --interactive-rgb: var(--color-dark-rgb);
    background-color:var(--interactive-light);
    color:var(--color-dark)
}
.br-sign-in.secondary,.br-sign-in[secondary],.br-sign-in.is-secondary,.br-button.sign-in.secondary,.br-button.sign-in[secondary],.br-button.sign-in.is-secondary{
    background-color:var(--background-light);
    border:1px solid var(--interactive)
}
.br-sign-in.danger,.br-sign-in[danger],.br-sign-in.is-danger,.br-button.sign-in.danger,.br-button.sign-in[danger],.br-button.sign-in.is-danger{
    background-color:var(--danger);
    --interactive-rgb: var(--color-dark-rgb);
    color:var(--color-dark)
}
.br-sign-in.success,.br-sign-in[success],.br-sign-in.is-success,.br-button.sign-in.success,.br-button.sign-in[success],.br-button.sign-in.is-success{
    background-color:var(--success);
    --interactive-rgb: var(--color-dark-rgb);
    color:var(--color-dark)
}
.br-sign-in.warning,.br-sign-in[warning],.br-sign-in.is-warning,.br-button.sign-in.warning,.br-button.sign-in[warning],.br-button.sign-in.is-warning{
    background-color:var(--warning);
    --interactive-rgb: var(--color-light-rgb);
    color:var(--color-light)
}
.br-sign-in.info,.br-sign-in[info],.br-sign-in.is-info,.br-button.sign-in.info,.br-button.sign-in[info],.br-button.sign-in.is-info{
    background-color:var(--info);
    --interactive-rgb: var(--color-dark-rgb);
    color:var(--color-dark)
}
.br-sign-in:disabled,.br-button.sign-in:disabled{
    cursor:not-allowed
}
.br-sign-in:not(:disabled),.br-button.sign-in:not(:disabled){
    --focus-offset: var(--spacing-scale-half)
}
.br-sign-in:not(:disabled):focus,.br-button.sign-in:not(:disabled):focus{
    outline:none
}
.br-sign-in:not(:disabled).focus-visible,.br-sign-in:not(:disabled):focus-visible,.br-button.sign-in:not(:disabled).focus-visible,.br-button.sign-in:not(:disabled):focus-visible{
    outline-color:var(--focus);
    outline-offset:var(--focus-offset);
    outline-style:var(--focus-style);
    outline-width:var(--focus-width)
}
.br-sign-in:not(:disabled):not(:disabled):hover,.br-button.sign-in:not(:disabled):not(:disabled):hover{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}
.br-sign-in:not(:disabled):not(:disabled):active,.br-button.sign-in:not(:disabled):not(:disabled):active{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}
.br-sign-in.active,.br-sign-in.is-active,.br-sign-in[active],.br-button.sign-in.active,.br-button.sign-in.is-active,.br-button.sign-in[active]{
    --hover: var(--hover-dark);
    background-color:var(--active);
    color:var(--color-dark)
}
.br-sign-in.loading,.br-button.sign-in.loading{
    color:rgba(0,0,0,0) !important;
    cursor:progress
}
.br-sign-in.loading:not(:disabled):hover,.br-button.sign-in.loading:not(:disabled):hover{
    background-image:none
}
.br-sign-in.loading::before,.br-button.sign-in.loading::before{
    border-color:var(--interactive) var(--interactive) rgba(0,0,0,0);
    border-style:solid
}
.br-sign-in.loading.primary::before,.br-sign-in.loading.danger::before,.br-sign-in.loading.success::before,.br-sign-in.loading.info::before,.br-button.sign-in.loading.primary::before,.br-button.sign-in.loading.danger::before,.br-button.sign-in.loading.success::before,.br-button.sign-in.loading.info::before{
    border-color:var(--background) var(--background) rgba(0,0,0,0)
}
.br-sign-in.inverted,.br-sign-in.is-inverted,.br-sign-in[inverted],.br-sign-in.dark-mode,.br-button.sign-in.inverted,.br-button.sign-in.is-inverted,.br-button.sign-in[inverted],.br-button.sign-in.dark-mode{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark);
    color:var(--interactive-dark)
}
.br-sign-in.inverted.primary,.br-sign-in.inverted[primary],.br-sign-in.inverted.is-primary,.br-sign-in.is-inverted.primary,.br-sign-in.is-inverted[primary],.br-sign-in.is-inverted.is-primary,.br-sign-in[inverted].primary,.br-sign-in[inverted][primary],.br-sign-in[inverted].is-primary,.br-sign-in.dark-mode.primary,.br-sign-in.dark-mode[primary],.br-sign-in.dark-mode.is-primary,.br-button.sign-in.inverted.primary,.br-button.sign-in.inverted[primary],.br-button.sign-in.inverted.is-primary,.br-button.sign-in.is-inverted.primary,.br-button.sign-in.is-inverted[primary],.br-button.sign-in.is-inverted.is-primary,.br-button.sign-in[inverted].primary,.br-button.sign-in[inverted][primary],.br-button.sign-in[inverted].is-primary,.br-button.sign-in.dark-mode.primary,.br-button.sign-in.dark-mode[primary],.br-button.sign-in.dark-mode.is-primary{
    --interactive-rgb: var(--background-dark-rgb);
    background-color:var(--interactive-dark);
    color:var(--background-dark)
}
.br-sign-in.inverted.secondary,.br-sign-in.inverted[secondary],.br-sign-in.inverted.is-secondary,.br-sign-in.is-inverted.secondary,.br-sign-in.is-inverted[secondary],.br-sign-in.is-inverted.is-secondary,.br-sign-in[inverted].secondary,.br-sign-in[inverted][secondary],.br-sign-in[inverted].is-secondary,.br-sign-in.dark-mode.secondary,.br-sign-in.dark-mode[secondary],.br-sign-in.dark-mode.is-secondary,.br-button.sign-in.inverted.secondary,.br-button.sign-in.inverted[secondary],.br-button.sign-in.inverted.is-secondary,.br-button.sign-in.is-inverted.secondary,.br-button.sign-in.is-inverted[secondary],.br-button.sign-in.is-inverted.is-secondary,.br-button.sign-in[inverted].secondary,.br-button.sign-in[inverted][secondary],.br-button.sign-in[inverted].is-secondary,.br-button.sign-in.dark-mode.secondary,.br-button.sign-in.dark-mode[secondary],.br-button.sign-in.dark-mode.is-secondary{
    background-color:var(--background-dark)
}
.br-sign-in.inverted.active,.br-sign-in.is-inverted.active,.br-sign-in[inverted].active,.br-sign-in.dark-mode.active,.br-button.sign-in.inverted.active,.br-button.sign-in.is-inverted.active,.br-button.sign-in[inverted].active,.br-button.sign-in.dark-mode.active{
    --hover: var(--hover-light);
    --interactive-rgb: var(--active-rgb);
    background-color:var(--background-light);
    color:var(--active)
}
.br-sign-in img,.br-button.sign-in img{
    max-height:var(--sign-in-img)
}
.br-sign-in.inverted,.br-sign-in.is-inverted,.br-sign-in[inverted],.br-sign-in.dark-mode,.br-button.sign-in.inverted,.br-button.sign-in.is-inverted,.br-button.sign-in[inverted],.br-button.sign-in.dark-mode{
    --background: var(--background-dark)
}
.br-skiplink{
    --skiplink-layer: var(--z-index-layer-4);
    --skiplink-margin: var(--spacing-scale-2x);
    --skiplink-min-width: 300px;
    --skiplink-shadow: var(--surface-shadow-lg);
    --skiplink-duration: 150ms;
    --skiplink-timing-function: ease-out;
    display:inline-flex;
    flex-direction:column;
    left:var(--skiplink-margin);
    position:fixed;
    top:0;
    z-index:var(--skiplink-layer)
}
.br-skiplink a{
    align-items:center;
    background-color:var(--background);
    box-shadow:var(--skiplink-shadow);
    display:inline-flex;
    min-width:var(--skiplink-min-width);
    position:absolute;
    top:-100vh;
    transition:top var(--skiplink-duration) var(--skiplink-timing-function);
    white-space:nowrap;
    width:auto
}
.br-skiplink a:focus,.br-skiplink a:focus-visible{
    top:0
}
.br-skiplink .br-tag{
    background:var(--interactive)
}
.br-skiplink.full{
    box-shadow:var(--skiplink-shadow);
    flex-direction:row;
    top:-100vh;
    transition:top var(--skiplink-duration) var(--skiplink-timing-function)
}
.br-skiplink.full a{
    box-shadow:none;
    min-width:0;
    position:relative;
    top:0
}
.br-skiplink.full:focus-within{
    top:0
}
.br-step{
    --step-empty: 16px;
    --step-empty-border: 4px;
    --step-line: 1px;
    --step-size: var(--step-medium);
    --step-small: 32px;
    --step-medium: 40px;
    --step-large: 48px;
    --step-simple-size: var(--step-simple-medium);
    --step-simple-medium: 8px;
    --step-simple-large: 12px;
    --step-alert-success-icon: "";
    --step-alert-warning-icon: "";
    --step-alert-info-icon: "";
    --step-alert-danger-icon: "";
    display:flex;
    padding:var(--spacing-scale-base)
}
.br-step .step-progress{
    display:flex;
    flex-grow:1
}
.br-step.vertical{
    flex-direction:column
}
.br-step.vertical .step-progress{
    flex-direction:column
}
.br-step .step-progress-btn{
    align-items:center;
    background-color:rgba(0,0,0,0);
    border:0;
    display:flex;
    flex-grow:1;
    justify-content:center;
    min-height:var(--step-size);
    padding:0;
    position:relative
}
.br-step[data-label=left] .step-progress-btn{
    justify-content:end
}
.br-step[data-label=right] .step-progress-btn{
    justify-content:start
}
.br-step.vertical .step-progress-btn{
    justify-content:start
}
.br-step.vertical[data-label=left] .step-progress-btn{
    justify-content:end
}
.br-step.vertical[data-label=right] .step-progress-btn{
    justify-content:start
}
.br-step .step-progress-btn::before{
    align-items:center;
    background-color:var(--background);
    border:var(--step-line) solid var(--interactive);
    border-radius:50%;
    color:var(--interactive);
    content:attr(step-num);
    display:inline-flex;
    font-size:var(--font-size-scale-up-03);
    font-weight:var(--font-weight-medium);
    height:var(--step-size);
    justify-content:center;
    left:0;
    margin:auto;
    position:absolute;
    right:0;
    width:var(--step-size);
    z-index:2
}
.br-step .step-icon{
    align-items:center;
    color:var(--interactive);
    display:inline-flex;
    height:var(--step-size);
    justify-content:center;
    position:absolute;
    width:var(--step-size);
    z-index:4
}
.br-step .step-alert{
    align-items:center;
    border-radius:50%;
    color:var(--color-dark);
    display:flex;
    height:var(--font-size-scale-up-04);
    justify-content:center;
    position:absolute;
    width:var(--font-size-scale-up-04);
    z-index:4
}
.br-step .step-alert::after{
    display:flex;
    font-family:"Font Awesome 5 Free";
    font-size:var(--font-size-scale-up-01);
    font-weight:900
}
.br-step[data-label=bottom] .step-progress-btn::before{
    top:0
}
.br-step[data-label=bottom] .step-icon{
    top:0
}
.br-step[data-label=bottom] .step-alert{
    transform:translate(calc(var(--step-size) * 0.5), calc(var(--step-size) * -0.75))
}
.br-step[data-label=top] .step-progress-btn::before{
    bottom:0
}
.br-step[data-label=top] .step-icon{
    bottom:0
}
.br-step[data-label=top] .step-alert{
    transform:translate(calc(var(--step-size) * 0.5), calc(var(--step-size) * 0.25))
}
.br-step[data-label=left] .step-progress-btn::before{
    left:auto;
    right:0
}
.br-step[data-label=left] .step-alert{
    transform:translate(calc(var(--step-size) * 0.4), calc(var(--step-size) * -0.25))
}
.br-step[data-label=right] .step-progress-btn::before{
    left:0;
    right:auto
}
.br-step[data-label=right] .step-alert{
    transform:translate(calc(var(--step-size) * 0.65), calc(var(--step-size) * -0.25))
}
.br-step.vertical .step-progress-btn::before{
    bottom:0;
    left:auto;
    right:auto;
    top:0
}
.br-step.vertical[data-label=left] .step-progress-btn::before{
    right:0
}
.br-step.vertical[data-label=right] .step-progress-btn::before{
    left:0
}
.br-step .step-progress-btn::after{
    background-color:var(--interactive);
    content:"";
    display:block;
    height:var(--step-line);
    left:0;
    position:absolute;
    right:0;
    z-index:1
}
.br-step .step-progress-btn:first-child::after{
    left:50%
}
.br-step .step-progress-btn:last-child::after{
    right:50%
}
.br-step[data-label=bottom] .step-progress-btn::after{
    top:calc(var(--step-size)*.5)
}
.br-step[data-label=top] .step-progress-btn::after{
    bottom:calc(var(--step-size)*.5)
}
.br-step[data-label=left] .step-progress-btn::after{
    left:0
}
.br-step[data-label=left] .step-progress-btn:first-child::after{
    left:100%
}
.br-step[data-label=left] .step-progress-btn:last-child::after{
    right:0
}
.br-step[data-label=right] .step-progress-btn::after{
    right:0
}
.br-step[data-label=right] .step-progress-btn:first-child::after{
    left:0
}
.br-step[data-label=right] .step-progress-btn:last-child::after{
    right:100%
}
.br-step.vertical .step-progress-btn::after{
    bottom:0;
    height:auto;
    left:auto;
    right:auto;
    top:0;
    width:var(--step-line)
}
.br-step.vertical .step-progress-btn:first-child::after{
    left:auto;
    top:50%
}
.br-step.vertical .step-progress-btn:last-child::after{
    bottom:50%;
    right:auto
}
.br-step.vertical[data-label=left] .step-progress-btn::after{
    right:calc(var(--step-size)*.5)
}
.br-step.vertical[data-label=right] .step-progress-btn::after{
    left:calc(var(--step-size)*.5)
}
.br-step .step-info{
    color:var(--interactive);
    display:inline-block;
    font-size:var(--font-size-scale-up-01);
    font-weight:var(--font-weight-medium)
}
.br-step[data-label=bottom] .step-info{
    margin-top:var(--step-size);
    padding-top:var(--spacing-scale-2x)
}
.br-step[data-label=top] .step-info{
    margin-bottom:var(--step-size);
    padding-bottom:var(--spacing-scale-2x)
}
.br-step[data-label=left] .step-info{
    display:none
}
@media(min-width: 576px){
    .br-step[data-label=left] .step-info{
        background-color:var(--background);
        display:inline-block;
        margin-right:var(--step-size);
        padding:var(--spacing-scale-2x);
        position:relative;
        z-index:3
    }
}
.br-step[data-label=right] .step-info{
    display:none
}
@media(min-width: 576px){
    .br-step[data-label=right] .step-info{
        background-color:var(--background);
        display:inline-block;
        margin-left:var(--step-size);
        padding:var(--spacing-scale-2x);
        position:relative;
        z-index:3
    }
}
.br-step.vertical[data-label=left] .step-info{
    display:inline-block;
    margin-left:0;
    margin-right:var(--step-size);
    padding:var(--spacing-scale-2x)
}
.br-step.vertical[data-label=right] .step-info{
    display:inline-block;
    margin-left:var(--step-size);
    margin-right:0;
    padding:var(--spacing-scale-2x)
}
.br-step[data-type=void] .step-progress-btn::before{
    content:"";
    height:var(--step-empty);
    width:var(--step-empty)
}
.br-step[data-type=void] .step-info{
    height:0;
    overflow:hidden;
    position:absolute;
    width:0
}
.br-step[data-type=simple]{
    align-items:center;
    display:flex;
    justify-content:center
}
.br-step[data-type=simple] .step-progress{
    align-items:center;
    display:flex;
    justify-content:center
}
.br-step[data-type=simple] .step-progress-btn{
    flex-grow:0;
    width:24px
}
.br-step[data-type=simple] .step-progress-btn::before{
    background-color:var(--gray-20);
    border-color:var(--gray-20);
    content:"";
    height:var(--step-simple-size);
    width:var(--step-simple-size)
}
.br-step[data-type=simple] .step-progress-btn::after{
    content:none
}
.br-step[data-type=simple] .step-info{
    height:0;
    overflow:hidden;
    position:absolute;
    width:0
}
.br-step[data-type=text]{
    align-items:center;
    display:flex;
    justify-content:center
}
.br-step[data-type=text] .step-progress{
    align-items:center;
    display:flex;
    justify-content:center
}
.br-step[data-type=text] .step-progress-btn{
    height:0;
    min-height:var(--font-size-scale-base);
    overflow:hidden;
    position:absolute;
    width:0
}
.br-step[data-type=text] .step-progress-btn::before{
    background-color:rgba(0,0,0,0);
    border:0;
    color:var(--color);
    font-size:var(--font-size-scale-base);
    font-weight:var(--font-weight-regular);
    width:auto
}
.br-step[data-type=text] .step-progress-btn::after{
    content:none
}
.br-step[data-type=text] .step-info{
    height:0;
    overflow:hidden;
    position:absolute;
    width:0
}
.br-step[scroll],.br-step[data-scroll]{
    overflow-x:auto;
    overflow-y:hidden
}
.br-step[scroll]::-webkit-scrollbar,.br-step[data-scroll]::-webkit-scrollbar{
    height:var(--spacing-scale-base);
    width:var(--spacing-scale-base)
}
.br-step[scroll]::-webkit-scrollbar-track,.br-step[data-scroll]::-webkit-scrollbar-track{
    background:var(--gray-10)
}
.br-step[scroll]::-webkit-scrollbar-thumb,.br-step[data-scroll]::-webkit-scrollbar-thumb{
    background:var(--gray-30)
}
.br-step[scroll]:hover::-webkit-scrollbar-thumb,.br-step[data-scroll]:hover::-webkit-scrollbar-thumb{
    background:var(--gray-40)
}
.br-step[scroll] .step-progress-btn,.br-step[data-scroll] .step-progress-btn{
    min-width:200px
}
.br-step[scroll].vertical,.br-step[data-scroll].vertical{
    overflow-x:hidden;
    overflow-y:auto
}
.br-step[scroll].vertical .step-progress-btn,.br-step[data-scroll].vertical .step-progress-btn{
    min-height:100px;
    min-width:auto
}
.br-step .step-progress-btn[data-alert=success]{
    color:var(--success)
}
.br-step .step-progress-btn[data-alert=success] .step-info{
    color:var(--success)
}
.br-step .step-progress-btn[data-alert=success] .step-alert{
    background-color:var(--success)
}
.br-step .step-progress-btn[data-alert=success] .step-alert::after{
    content:var(--step-alert-success-icon)
}
.br-step .step-progress-btn[data-alert=info]{
    color:var(--info)
}
.br-step .step-progress-btn[data-alert=info] .step-info{
    color:var(--info)
}
.br-step .step-progress-btn[data-alert=info] .step-alert{
    background-color:var(--info)
}
.br-step .step-progress-btn[data-alert=info] .step-alert::after{
    content:var(--step-alert-info-icon)
}
.br-step .step-progress-btn[data-alert=warning]{
    color:var(--color-light)
}
.br-step .step-progress-btn[data-alert=warning] .step-info{
    color:var(--color)
}
.br-step .step-progress-btn[data-alert=warning] .step-alert{
    background-color:var(--warning)
}
.br-step .step-progress-btn[data-alert=warning] .step-alert::after{
    content:var(--step-alert-warning-icon);
    color:var(--color-light)
}
.br-step .step-progress-btn[data-alert=danger]{
    color:var(--danger)
}
.br-step .step-progress-btn[data-alert=danger] .step-info{
    color:var(--danger)
}
.br-step .step-progress-btn[data-alert=danger] .step-alert{
    background-color:var(--danger)
}
.br-step .step-progress-btn[data-alert=danger] .step-alert::after{
    content:var(--step-alert-danger-icon)
}
.br-step .step-progress-btn.active::before,.br-step .step-progress-btn[active]::before{
    background-color:var(--active);
    border-color:var(--active);
    color:var(--background)
}
.br-step .step-progress-btn.active .step-icon,.br-step .step-progress-btn[active] .step-icon{
    color:var(--background)
}
.br-step .step-progress-btn:focus{
    outline:none
}
.br-step .step-progress-btn.focus-visible::before,.br-step .step-progress-btn:focus-visible::before{
    outline-color:var(--focus);
    outline-offset:var(--focus-offset);
    outline-style:var(--focus-style);
    outline-width:var(--focus-width);
    z-index:4
}
.br-step .step-progress-btn:hover:not(:disabled)::before{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}
.br-step .step-progress-btn:disabled{
    opacity:1
}
.br-step .step-progress-btn:disabled::before{
    border-color:rgba(var(--interactive-rgb), var(--disabled))
}
.br-step .step-progress-btn:disabled .step-icon{
    color:rgba(var(--interactive-rgb), var(--disabled))
}
.br-step[data-type=void] .step-progress-btn.active .step-alert,.br-step[data-type=void] .step-progress-btn[active] .step-alert{
    border:var(--step-empty-border) solid var(--active);
    height:calc(var(--font-size-scale-up-04) + var(--step-empty-border));
    width:calc(var(--font-size-scale-up-04) + var(--step-empty-border))
}
.br-step[data-type=void] .step-progress-btn[data-alert].focus-visible::before,.br-step[data-type=void] .step-progress-btn[data-alert]:focus-visible::before{
    outline:none
}
.br-step[data-type=void] .step-progress-btn[data-alert].focus-visible .step-alert,.br-step[data-type=void] .step-progress-btn[data-alert]:focus-visible .step-alert{
    outline-color:var(--focus);
    outline-offset:var(--focus-offset);
    outline-style:var(--focus-style);
    outline-width:var(--focus-width);
    z-index:4
}
.br-step[data-type=text] .step-progress-btn{
    cursor:default
}
.br-step[data-type=text] .step-progress-btn.active,.br-step[data-type=text] .step-progress-btn[active]{
    height:auto;
    position:static;
    width:auto
}
.br-step[data-type=text] .step-progress-btn.active::before,.br-step[data-type=text] .step-progress-btn[active]::before{
    background-color:rgba(0,0,0,0);
    border:0;
    color:var(--color);
    position:static
}
.br-step[data-type=text] .step-progress-btn:focus::before,.br-step[data-type=text] .step-progress-btn.focus-visible::before,.br-step[data-type=text] .step-progress-btn:focus-visible::before{
    outline:none
}
.br-step[data-type=text] .step-progress-btn:hover::before{
    background-image:none
}
.br-step.inverted,.br-step.dark-mode{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark)
}
.br-step.inverted .step-progress-btn[data-alert=success],.br-step.dark-mode .step-progress-btn[data-alert=success]{
    color:var(--success-alternative)
}
.br-step.inverted .step-progress-btn[data-alert=success] .step-info,.br-step.dark-mode .step-progress-btn[data-alert=success] .step-info{
    color:var(--success-alternative)
}
.br-step.inverted .step-progress-btn[data-alert=success] .step-alert::after,.br-step.dark-mode .step-progress-btn[data-alert=success] .step-alert::after{
    content:var(--step-alert-success-icon)
}
.br-step.inverted .step-progress-btn[data-alert=info],.br-step.dark-mode .step-progress-btn[data-alert=info]{
    color:var(--info-alternative)
}
.br-step.inverted .step-progress-btn[data-alert=info] .step-info,.br-step.dark-mode .step-progress-btn[data-alert=info] .step-info{
    color:var(--info-alternative)
}
.br-step.inverted .step-progress-btn[data-alert=info] .step-alert::after,.br-step.dark-mode .step-progress-btn[data-alert=info] .step-alert::after{
    content:var(--step-alert-info-icon)
}
.br-step.inverted .step-progress-btn[data-alert=warning] .step-alert::after,.br-step.dark-mode .step-progress-btn[data-alert=warning] .step-alert::after{
    content:var(--step-alert-warning-icon)
}
.br-step.inverted .step-progress-btn[data-alert=danger],.br-step.dark-mode .step-progress-btn[data-alert=danger]{
    color:var(--danger-alternative)
}
.br-step.inverted .step-progress-btn[data-alert=danger] .step-info,.br-step.dark-mode .step-progress-btn[data-alert=danger] .step-info{
    color:var(--danger-alternative)
}
.br-step.inverted .step-progress-btn[data-alert=danger] .step-alert::after,.br-step.dark-mode .step-progress-btn[data-alert=danger] .step-alert::after{
    content:var(--step-alert-danger-icon)
}
.br-step.inverted .step-progress-btn.active,.br-step.inverted .step-progress-btn[active],.br-step.dark-mode .step-progress-btn.active,.br-step.dark-mode .step-progress-btn[active]{
    color:var(--color-dark)
}
.br-step.inverted .step-progress-btn.active::before,.br-step.inverted .step-progress-btn[active]::before,.br-step.dark-mode .step-progress-btn.active::before,.br-step.dark-mode .step-progress-btn[active]::before{
    background-color:var(--background-light);
    border-color:var(--background-light);
    color:var(--active)
}
.br-step.inverted .step-progress-btn.active .step-icon,.br-step.inverted .step-progress-btn[active] .step-icon,.br-step.dark-mode .step-progress-btn.active .step-icon,.br-step.dark-mode .step-progress-btn[active] .step-icon{
    color:var(--active)
}
.br-step.inverted[data-type=void] .step-progress-btn.active .step-alert,.br-step.inverted[data-type=void] .step-progress-btn[active] .step-alert,.br-step.dark-mode[data-type=void] .step-progress-btn.active .step-alert,.br-step.dark-mode[data-type=void] .step-progress-btn[active] .step-alert{
    border-color:var(--color-dark)
}
.br-step.inverted[data-type=text] .step-progress-btn::before,.br-step.dark-mode[data-type=text] .step-progress-btn::before{
    background-color:rgba(0,0,0,0);
    color:var(--color)
}
.br-switch{
    --switch-height: var(--switch-height-medium);
    --switch-width: var(--switch-width-medium);
    --switch-toggle-size: var(--switch-toggle-medium);
    --switch-icon-size: var(--switch-icon-medium);
    --switch-height-small: 24px;
    --switch-height-medium: 30px;
    --switch-height-large: 36px;
    --switch-width-small: 40px;
    --switch-width-medium: 52px;
    --switch-width-large: 64px;
    --switch-toggle-small: 16px;
    --switch-toggle-medium: 22px;
    --switch-toggle-large: 28px;
    --switch-icon-small: var(--icon-size-xs);
    --switch-icon-medium: var(--icon-size-sm);
    --switch-icon-large: var(--icon-size-base);
    display:inline-flex;
    min-height:var(--switch-height)
}
.br-switch input{
    opacity:0;
    position:absolute
}
.br-switch input+label{
    align-items:center;
    color:var(--color);
    cursor:pointer;
    display:inline-flex;
    font-size:var(--font-size-scale-base);
    margin-bottom:0;
    position:relative
}
.br-switch input+label::before{
    background:var(--background-light);
    border:1px solid var(--border-color);
    border-radius:100em;
    content:"";
    height:var(--switch-height);
    position:absolute;
    width:var(--switch-width)
}
.br-switch input+label::after{
    background-color:var(--off);
    border-radius:50%;
    content:"";
    height:var(--switch-toggle-size);
    position:absolute;
    transition:all .3s ease-in-out;
    width:var(--switch-toggle-size)
}
.br-switch input:checked+label::after{
    background-color:var(--on)
}
.br-switch input+label{
    padding-right:calc(var(--spacing-scale-2x) + var(--switch-width))
}
.br-switch input+label:empty{
    padding-right:var(--switch-width)
}
.br-switch input+label::before{
    right:0
}
.br-switch input+label::after{
    right:calc(4px + var(--switch-toggle-size))
}
.br-switch input:checked+label::after{
    right:4px
}
.br-switch.right input+label{
    padding-left:calc(var(--spacing-scale-2x) + var(--switch-width));
    padding-right:0
}
.br-switch.right input+label::before{
    left:0
}
.br-switch.right input+label::after{
    left:4px
}
.br-switch.right input:checked+label::after{
    left:calc(var(--switch-width) - var(--switch-toggle-size) - 4px)
}
.br-switch.top{
    min-height:calc(var(--switch-height)*2)
}
.br-switch.top input+label{
    align-items:flex-start;
    padding-right:0
}
.br-switch.top input+label::before{
    bottom:0;
    left:0
}
.br-switch.top input+label::after{
    bottom:4px;
    left:4px
}
.br-switch.top input:checked+label::after{
    left:calc(var(--switch-width) - var(--switch-toggle-size) - 4px)
}
.br-switch.small{
    --switch-height: var(--switch-height-small);
    --switch-width: var(--switch-width-small);
    --switch-toggle-size: var(--switch-toggle-small);
    --switch-icon-size: var(--switch-icon-small)
}
.br-switch.medium{
    --switch-height: var(--switch-height-medium);
    --switch-width: var(--switch-width-medium);
    --switch-toggle-size: var(--switch-toggle-medium);
    --switch-icon-size: var(--switch-icon-medium)
}
.br-switch.large{
    --switch-height: var(--switch-height-large);
    --switch-width: var(--switch-width-large);
    --switch-toggle-size: var(--switch-toggle-large);
    --switch-icon-size: var(--switch-icon-large)
}
.br-switch input~.switch-data{
    align-self:center;
    color:var(--color);
    font-size:var(--font-size-scale-base);
    font-weight:var(--font-weight-regular);
    margin-left:8px
}
.br-switch input~.switch-data::before{
    content:attr(data-disabled)
}
.br-switch input:checked~.switch-data{
    color:var(--color)
}
.br-switch input:checked~.switch-data::before{
    content:attr(data-enabled)
}
.br-switch.icon input+label::after{
    align-items:center;
    color:var(--color-dark);
    content:"";
    display:inline-flex;
    font-family:"Font Awesome 5 Free",sans-serif;
    font-size:var(--switch-icon-size);
    font-weight:var(--font-weight-black);
    justify-content:center
}
.br-switch.icon input:checked+label::after{
    content:""
}
.br-switch input:focus-visible+label::before,.br-switch input.focus-visible+label::before{
    border-color:var(--focus) !important;
    box-shadow:0 0 0 var(--surface-width-md) var(--focus);
    outline:none
}
.br-switch input:hover:not([disabled]):checked+label::before{
    background-image:linear-gradient(rgba(var(--on-rgb), var(--hover)), rgba(var(--on-rgb), var(--hover)))
}
.br-switch input:hover:not([disabled]):not(:checked)+label::before{
    background-image:linear-gradient(rgba(var(--off-rgb), var(--hover)), rgba(var(--off-rgb), var(--hover)))
}
.br-switch input:active:not([disabled]):checked+label::before{
    background-image:linear-gradient(rgba(var(--on-rgb), var(--pressed)), rgba(var(--on-rgb), var(--pressed)))
}
.br-switch input:active:not([disabled]):not(:checked)+label::before{
    background-image:linear-gradient(rgba(var(--off-rgb), var(--pressed)), rgba(var(--off-rgb), var(--pressed)))
}
.br-switch.inverted,.br-switch.inverted label,.br-switch.dark-mode,.br-switch.dark-mode label{
    color:var(--color-dark)
}
.br-table{
    --table-padding: var(--spacing-scale-3x);
    --table-row-size: var(--table-row-medium);
    --table-row-small: var(--spacing-scale-base);
    --table-row-medium: var(--spacing-scale-2x);
    --table-row-large: var(--spacing-scale-3x)
}
.br-table caption{
    opacity:0;
    position:absolute;
    z-index:-1
}
.br-table .responsive{
    overflow:auto
}
.br-table tr:hover td.column-collapse{
    background-color:var(--background-alternative);
    background-image:none
}
.br-table .column-collapse{
    background-color:var(--background-alternative);
    width:40px
}
.br-table .column-checkbox{
    width:24px
}
.br-table .table-header{
    position:relative
}
.br-table .table-header.show .top-bar{
    opacity:0;
    pointer-events:none
}
.br-table .top-bar{
    align-items:center;
    display:flex;
    padding:var(--spacing-scale-base) var(--spacing-scale-2x) var(--spacing-scale-base) var(--table-padding)
}
.br-table .top-bar .title,.br-table .top-bar .table-title{
    color:var(--color);
    flex-grow:1;
    font-size:var(--font-size-scale-up-01);
    font-weight:var(--font-weight-semi-bold)
}
.br-table .top-bar .actions-trigger{
    margin-right:var(--spacing-scale-base)
}
.br-table .top-bar .dropdown [data-toggle=dropdown]+*,.br-table .top-bar .dropdown [data-toggle=dropdown-legacy]+*{
    left:auto;
    right:0
}
@media(min-width: 576px){
    .br-table .top-bar title{
        font-size:var(--font-size-scale-up-03);
        line-height:var(--font-line-height-medium)
    }
}
.br-table .search-bar{
    align-items:center;
    bottom:0;
    display:none;
    height:56px;
    left:0;
    padding-left:var(--table-padding);
    padding-right:var(--spacing-scale-2x);
    position:absolute;
    right:0;
    top:0
}
.br-table .search-bar.show{
    display:flex
}
.br-table .search-bar .br-input{
    flex:1
}
.br-table .search-bar .br-input label{
    display:none
}
.br-table .search-bar .br-input input{
    margin-bottom:0;
    margin-top:0
}
.br-table .search-bar .br-input input+.br-button{
    --button-size: var(--button-small);
    margin-top:0;
    position:absolute;
    right:var(--spacing-scale-half);
    top:0
}
.br-table .search-bar .br-input+.br-button{
    margin-left:var(--table-row-medium)
}
.br-table .selected-bar,.br-table .selection-bar{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark);
    --table-padding: var(--spacing-scale-base) var(--spacing-scale-2x);
    align-items:center;
    background-color:var(--interactive-light);
    bottom:0;
    color:var(--color);
    display:none;
    left:0;
    padding:var(--table-padding);
    right:0;
    top:0
}
.br-table .selected-bar.show,.br-table .selection-bar.show{
    display:flex
}
.br-table .selected-bar .info,.br-table .selection-bar .info{
    align-items:center;
    display:flex;
    flex-grow:1;
    white-space:nowrap
}
.br-table .selected-bar .info [data-toggle=check-all],.br-table .selected-bar .info .select-all,.br-table .selection-bar .info [data-toggle=check-all],.br-table .selection-bar .info .select-all{
    font-size:var(--font-size-scale-up-03);
    margin-right:var(--spacing-scale-half);
    padding:0
}
.br-table .selected-bar .text,.br-table .selected-bar .count,.br-table .selection-bar .text,.br-table .selection-bar .count{
    line-height:var(--font-line-height-low);
    padding-right:var(--spacing-scale-half)
}
.br-table .selected-bar.is-active,.br-table .selected-bar.active,.br-table .selection-bar.is-active,.br-table .selection-bar.active{
    opacity:1;
    top:0
}
.br-table .footer,.br-table .table-footer{
    padding:var(--spacing-scale-base) var(--spacing-scale-2x) var(--spacing-scale-base) var(--table-padding)
}
.br-table .footer .br-input .br-button,.br-table .table-footer .br-input .br-button{
    transform:rotate(180deg)
}
.br-table .footer .br-list,.br-table .table-footer .br-list{
    bottom:100%
}
.br-table.small table,.br-table.small .headers,.br-table.small .clone-headers .item{
    --table-row-size: var(--table-row-small)
}
.br-table.medium table,.br-table.medium .headers,.br-table.medium .clone-headers .item{
    --table-row-size: var(--table-row-medium)
}
.br-table.large table,.br-table.large .headers,.br-table.large .clone-headers .item{
    --table-row-size: var(--table-row-large)
}
.br-table.inverted,.br-table.dark-mode{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark)
}
.br-table.inverted.inverted,.br-table.inverted.dark-mode,.br-table.dark-mode.inverted,.br-table.dark-mode.dark-mode{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark)
}
.br-table.inverted.inverted.inverted .br-input,.br-table.inverted.inverted.inverted .br-input label,.br-table.inverted.inverted.dark-mode .br-input,.br-table.inverted.inverted.dark-mode .br-input label,.br-table.inverted.dark-mode.inverted .br-input,.br-table.inverted.dark-mode.inverted .br-input label,.br-table.inverted.dark-mode.dark-mode .br-input,.br-table.inverted.dark-mode.dark-mode .br-input label,.br-table.dark-mode.inverted.inverted .br-input,.br-table.dark-mode.inverted.inverted .br-input label,.br-table.dark-mode.inverted.dark-mode .br-input,.br-table.dark-mode.inverted.dark-mode .br-input label,.br-table.dark-mode.dark-mode.inverted .br-input,.br-table.dark-mode.dark-mode.inverted .br-input label,.br-table.dark-mode.dark-mode.dark-mode .br-input,.br-table.dark-mode.dark-mode.dark-mode .br-input label{
    --color: var(--color-dark);
    --focus-color: var(--focus-color-dark)
}
.br-table.inverted.inverted .page.active,.br-table.inverted.dark-mode .page.active,.br-table.dark-mode.inverted .page.active,.br-table.dark-mode.dark-mode .page.active{
    --interactive-rgb: var(--active-rgb);
    background-color:var(--background-light);
    color:var(--active)
}
.br-table.inverted th,.br-table.inverted td.column-collapse,.br-table.inverted tr:hover td.column-collapse,.br-table.dark-mode th,.br-table.dark-mode td.column-collapse,.br-table.dark-mode tr:hover td.column-collapse{
    background-color:var(--background-dark)
}
.br-table.no-hover td:not(.column-collapse):hover td{
    background:none
}
.br-tab{
    --tab-padding: var(--spacing-scale-3x);
    --tab-size: var(--tab-medium);
    --tab-large: var(--spacing-scale-3x);
    --tab-medium: var(--spacing-scale-2x);
    --tab-small: var(--spacing-scale-base)
}
.br-tab .tab-nav{
    overflow-x:auto;
    width:100%
}
.br-tab .tab-nav::-webkit-scrollbar{
    height:var(--spacing-scale-base);
    width:var(--spacing-scale-base)
}
.br-tab .tab-nav::-webkit-scrollbar-track{
    background:var(--gray-10)
}
.br-tab .tab-nav::-webkit-scrollbar-thumb{
    background:var(--gray-30)
}
.br-tab .tab-nav:hover::-webkit-scrollbar-thumb{
    background:var(--gray-40)
}
@media(max-width: 991px){
    .br-tab .tab-nav{
        display:flex;
        overflow-x:auto;
        width:100%
    }
    .br-tab .tab-nav::-webkit-scrollbar{
        height:var(--spacing-scale-base);
        width:var(--spacing-scale-base)
    }
    .br-tab .tab-nav::-webkit-scrollbar-track{
        background:var(--gray-10)
    }
    .br-tab .tab-nav::-webkit-scrollbar-thumb{
        background:var(--gray-30)
    }
    .br-tab .tab-nav:hover::-webkit-scrollbar-thumb{
        background:var(--gray-40)
    }
}
.br-tab .tab-nav ul{
    border-bottom:1px solid var(--border-color);
    display:flex;
    margin-bottom:0;
    margin-top:0;
    padding:0;
    width:100%
}
.br-tab .tab-item{
    align-items:center;
    display:flex;
    justify-content:center;
    position:relative;
    white-space:nowrap
}
.br-tab .tab-item button,.br-tab .tab-item a{
    --focus-offset: calc(var(--spacing-scale-half) * -1);
    background-color:rgba(0,0,0,0);
    border:0;
    border-bottom:4px solid rgba(0,0,0,0);
    color:var(--color);
    display:inline-block;
    font-size:var(--font-size-scale-up-02);
    font-weight:var(--font-weight-medium);
    line-height:1;
    padding:var(--tab-size) var(--tab-padding);
    text-align:center;
    white-space:nowrap
}
.br-tab .tab-item button:focus,.br-tab .tab-item a:focus{
    outline:none
}
.br-tab .tab-item button.focus-visible,.br-tab .tab-item button:focus-visible,.br-tab .tab-item a.focus-visible,.br-tab .tab-item a:focus-visible{
    outline-color:var(--focus);
    outline-offset:var(--focus-offset);
    outline-style:var(--focus-style);
    outline-width:var(--focus-width)
}
.br-tab .tab-item button:not(:disabled):hover,.br-tab .tab-item a:not(:disabled):hover{
    background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))
}
.br-tab .tab-item:first-child{
    padding-left:0
}
.br-tab .tab-item:last-child{
    padding-right:0
}
.br-tab .tab-item.is-active button,.br-tab .tab-item.active button{
    border-bottom:4px solid var(--active);
    color:var(--active)
}
.br-tab .tab-item.is-active .results,.br-tab .tab-item.active .results{
    --font-weight: var(--font-weight-semi-bold);
    color:var(--active)
}
.br-tab .results{
    display:flex;
    font-weight:var(--font-weight);
    justify-content:center;
    margin-top:var(--spacing-scale-2x);
    position:absolute;
    top:100%
}
.br-tab[data-counter=true] .tab-nav ul{
    margin-bottom:calc(var(--spacing-scale-2x) + var(--font-size-scale-up-02) + var(--spacing-scale-base))
}
.br-tab .tab-content .tab-panel{
    color:var(--text-color);
    display:none
}
.br-tab .tab-content .tab-panel.is-active,.br-tab .tab-content .tab-panel.active{
    display:block
}
.br-tab.small,.br-tab[small],.br-tab.is-small{
    --tab-size: var(--tab-small)
}
.br-tab.medium,.br-tab[medium],.br-tab.is-medium{
    --tab-size: var(--tab-medium)
}
.br-tab.large,.br-tab[large],.br-tab.is-large{
    --tab-size: var(--tab-large)
}
.br-tab.inverted,.br-tab.dark-mode{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark)
}
.br-tab.inverted .tab-item.active button,.br-tab.dark-mode .tab-item.active button{
    border-bottom-color:var(--background-light);
    color:var(--color)
}
.br-tag{
    --tag-size: var(--tag-medium);
    --tag-small: var(--spacing-scale-2xh);
    --tag-medium: var(--spacing-scale-3xh);
    --tag-large: var(--spacing-scale-4xh);
    align-items:center;
    background:var(--background-dark);
    border-radius:var(--surface-rounder-sm);
    color:var(--color-dark);
    display:inline-flex;
    font-size:var(--font-size-scale-base);
    font-weight:var(--font-weight-medium);
    justify-content:center;
    margin:0;
    min-height:var(--tag-size);
    padding:0 var(--spacing-scale-baseh);
    align-items:center;
    background:var(--background-dark);
    border-radius:var(--surface-rounder-sm);
    color:var(--color-dark);
    display:inline-flex;
    font-size:var(--font-size-scale-base);
    font-weight:var(--font-weight-medium);
    justify-content:center;
    margin:0;
    min-height:var(--tag-size);
    padding:0 var(--spacing-scale-baseh)
}
.br-tag+.br-tag{
    margin-left:var(--spacing-scale-half)
}
.br-tag>.svg-inline--fa:first-child,.br-tag>.fa:first-child,.br-tag>.fab:first-child,.br-tag>.fad:first-child,.br-tag>.fal:first-child,.br-tag>.far:first-child,.br-tag>.fas:first-child{
    margin-right:var(--spacing-scale-baseh)
}
.br-tag.interaction,.br-tag.interaction-select{
    --tag-small: var(--spacing-scale-4x);
    --tag-medium: var(--spacing-scale-5x);
    --tag-large: var(--spacing-scale-5xh);
    font-size:var(--font-size-scale-up-01)
}
.br-tag.interaction{
    background:var(--interactive)
}
.br-tag.interaction .br-button{
    --button-size: var(--spacing-scale-3xh);
    --focus: var(--focus-color-dark);
    --hover: var(--hover-dark);
    --interactive-rgb: var(--color-dark-rgb);
    background-color:var(--interactive-light);
    border-radius:50%;
    color:var(--color-dark);
    margin-left:var(--spacing-scale-baseh);
    padding:0;
    width:var(--button-size)
}
.br-tag.interaction:hover .br-button{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}
.br-tag.interaction:active .br-button{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}
.br-tag.interaction-select{
    background:rgba(0,0,0,0);
    padding:0
}
.br-tag.interaction-select label{
    --interactive-rgb: var(--color-dark-rgb);
    --hover: var(--hover-dark);
    align-items:center;
    background:var(--background-dark);
    border-radius:var(--surface-rounder-sm);
    color:var(--color-dark);
    display:inline-flex;
    font-size:var(--font-size-scale-base);
    font-weight:var(--font-weight-medium);
    justify-content:center;
    margin:0;
    min-height:var(--tag-size);
    padding:0 var(--spacing-scale-baseh);
    background:var(--interactive);
    cursor:pointer;
    font-size:var(--font-size-scale-up-01);
    margin:0;
    transition:padding 150ms ease
}
.br-tag.interaction-select label+.br-tag.interaction-select label{
    margin-left:var(--spacing-scale-half)
}
.br-tag.interaction-select label>.svg-inline--fa:first-child,.br-tag.interaction-select label>.fa:first-child,.br-tag.interaction-select label>.fab:first-child,.br-tag.interaction-select label>.fad:first-child,.br-tag.interaction-select label>.fal:first-child,.br-tag.interaction-select label>.far:first-child,.br-tag.interaction-select label>.fas:first-child{
    margin-right:var(--spacing-scale-baseh)
}
.br-tag.interaction-select input{
    height:0;
    opacity:0;
    position:relative;
    width:0
}
.br-tag.interaction-select input:checked+label::after{
    border:solid var(--color-dark);
    border-width:0 3px 3px 0;
    content:"";
    height:var(--icon-size-sm);
    transform:rotate(45deg) translate(12px, -14px);
    width:8px
}
.br-tag.interaction-select input:focus+label{
    outline-color:var(--focus-color);
    outline-offset:var(--focus-offset);
    outline-style:var(--focus-style);
    outline-width:var(--focus-width)
}
.br-tag.interaction-select input:hover+label{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}
.br-tag.interaction-select input:active+label{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
    color:var(--color-dark)
}
.br-tag.interaction-select.selected label{
    background-color:var(--selected);
    padding-right:var(--spacing-scale-4xh)
}
.br-tag.disabled input{
    cursor:not-allowed
}
.br-tag.status{
    --tag-small: var(--spacing-scale-baseh);
    --tag-medium: var(--spacing-scale-2x);
    --tag-large: var(--spacing-scale-3x);
    border:1px solid var(--background-light);
    border-radius:50%;
    min-width:var(--tag-size);
    padding:0
}
.br-tag.count{
    --tag-small: var(--spacing-scale-2xh);
    --tag-medium: var(--spacing-scale-3x);
    --tag-large: var(--spacing-scale-3xh);
    border:1px solid var(--background-light);
    border-radius:100em;
    min-width:var(--tag-size);
    padding-left:var(--spacing-scale-base);
    padding-right:var(--spacing-scale-base)
}
.br-tag.icon{
    --tag-small: var(--spacing-scale-3xh);
    --tag-medium: var(--spacing-scale-4x);
    --tag-large: var(--spacing-scale-5xh);
    border-radius:50%;
    min-width:var(--tag-size);
    padding:0
}
.br-tag.icon .svg-inline--fa,.br-tag.icon .fa,.br-tag.icon .fab,.br-tag.icon .fad,.br-tag.icon .fal,.br-tag.icon .far,.br-tag.icon .fas{
    font-size:var(--icon-size-base);
    margin:0 !important
}
.br-tag.small{
    --tag-size: var(--tag-small)
}
.br-tag.medium{
    --tag-size: var(--tag-medium)
}
.br-tag.large{
    --tag-size: var(--tag-large)
}
.br-tag.interaction,.br-tag.interaction-select{
    --tag-small: var(--spacing-scale-4x);
    --tag-medium: var(--spacing-scale-5x);
    --tag-large: var(--spacing-scale-5xh);
    font-size:var(--font-size-scale-up-01)
}
.br-tag.interaction{
    background:var(--interactive)
}
.br-tag.interaction .br-button{
    --button-size: var(--spacing-scale-3xh);
    --focus: var(--focus-color-dark);
    --hover: var(--hover-dark);
    --interactive-rgb: var(--color-dark-rgb);
    background-color:var(--interactive-light);
    border-radius:50%;
    color:var(--color-dark);
    margin-left:var(--spacing-scale-baseh);
    padding:0;
    width:var(--button-size)
}
.br-tag.interaction:hover .br-button{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}
.br-tag.interaction:active .br-button{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}
.br-tag.interaction-select{
    background:rgba(0,0,0,0);
    padding:0
}
.br-tag.interaction-select label{
    --interactive-rgb: var(--color-dark-rgb);
    --hover: var(--hover-dark);
    align-items:center;
    background:var(--background-dark);
    border-radius:var(--surface-rounder-sm);
    color:var(--color-dark);
    display:inline-flex;
    font-size:var(--font-size-scale-base);
    font-weight:var(--font-weight-medium);
    justify-content:center;
    margin:0;
    min-height:var(--tag-size);
    padding:0 var(--spacing-scale-baseh);
    background:var(--interactive);
    cursor:pointer;
    font-size:var(--font-size-scale-up-01);
    margin:0;
    transition:padding 150ms ease
}
.br-tag.interaction-select label+.br-tag.interaction-select label{
    margin-left:var(--spacing-scale-half)
}
.br-tag.interaction-select label>.svg-inline--fa:first-child,.br-tag.interaction-select label>.fa:first-child,.br-tag.interaction-select label>.fab:first-child,.br-tag.interaction-select label>.fad:first-child,.br-tag.interaction-select label>.fal:first-child,.br-tag.interaction-select label>.far:first-child,.br-tag.interaction-select label>.fas:first-child{
    margin-right:var(--spacing-scale-baseh)
}
.br-tag.interaction-select input{
    height:0;
    opacity:0;
    position:relative;
    width:0
}
.br-tag.interaction-select input:checked+label::after{
    border:solid var(--color-dark);
    border-width:0 3px 3px 0;
    content:"";
    height:var(--icon-size-sm);
    transform:rotate(45deg) translate(12px, -14px);
    width:8px
}
.br-tag.interaction-select input:focus+label{
    outline-color:var(--focus-color);
    outline-offset:var(--focus-offset);
    outline-style:var(--focus-style);
    outline-width:var(--focus-width)
}
.br-tag.interaction-select input:hover+label{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}
.br-tag.interaction-select input:active+label{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
    color:var(--color-dark)
}
.br-tag.interaction-select.selected label{
    background-color:var(--selected);
    padding-right:var(--spacing-scale-4xh)
}
.br-tag.disabled input{
    cursor:not-allowed
}
.br-tag.interaction,.br-tag.interaction-select{
    --tag-small: var(--spacing-scale-4x);
    --tag-medium: var(--spacing-scale-5x);
    --tag-large: var(--spacing-scale-5xh);
    font-size:var(--font-size-scale-up-01)
}
.br-tag.interaction{
    background:var(--interactive)
}
.br-tag.interaction .br-button{
    --button-size: var(--spacing-scale-3xh);
    --focus: var(--focus-color-dark);
    --hover: var(--hover-dark);
    --interactive-rgb: var(--color-dark-rgb);
    background-color:var(--interactive-light);
    border-radius:50%;
    color:var(--color-dark);
    margin-left:var(--spacing-scale-baseh);
    padding:0;
    width:var(--button-size)
}
.br-tag.interaction:hover .br-button{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}
.br-tag.interaction:active .br-button{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}
.br-tag.interaction-select{
    background:rgba(0,0,0,0);
    padding:0
}
.br-tag.interaction-select label{
    --interactive-rgb: var(--color-dark-rgb);
    --hover: var(--hover-dark);
    align-items:center;
    background:var(--background-dark);
    border-radius:var(--surface-rounder-sm);
    color:var(--color-dark);
    display:inline-flex;
    font-size:var(--font-size-scale-base);
    font-weight:var(--font-weight-medium);
    justify-content:center;
    margin:0;
    min-height:var(--tag-size);
    padding:0 var(--spacing-scale-baseh);
    background:var(--interactive);
    cursor:pointer;
    font-size:var(--font-size-scale-up-01);
    margin:0;
    transition:padding 150ms ease
}
.br-tag.interaction-select label+.br-tag.interaction-select label{
    margin-left:var(--spacing-scale-half)
}
.br-tag.interaction-select label>.svg-inline--fa:first-child,.br-tag.interaction-select label>.fa:first-child,.br-tag.interaction-select label>.fab:first-child,.br-tag.interaction-select label>.fad:first-child,.br-tag.interaction-select label>.fal:first-child,.br-tag.interaction-select label>.far:first-child,.br-tag.interaction-select label>.fas:first-child{
    margin-right:var(--spacing-scale-baseh)
}
.br-tag.interaction-select input{
    height:0;
    opacity:0;
    position:relative;
    width:0
}
.br-tag.interaction-select input:checked+label::after{
    border:solid var(--color-dark);
    border-width:0 3px 3px 0;
    content:"";
    height:var(--icon-size-sm);
    transform:rotate(45deg) translate(12px, -14px);
    width:8px
}
.br-tag.interaction-select input:focus+label{
    outline-color:var(--focus-color);
    outline-offset:var(--focus-offset);
    outline-style:var(--focus-style);
    outline-width:var(--focus-width)
}
.br-tag.interaction-select input:hover+label{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}
.br-tag.interaction-select input:active+label{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
    color:var(--color-dark)
}
.br-tag.interaction-select.selected label{
    background-color:var(--selected);
    padding-right:var(--spacing-scale-4xh)
}
.br-tag.disabled input{
    cursor:not-allowed
}
.br-tag+.br-tag{
    margin-left:var(--spacing-scale-half)
}
.br-tag>.svg-inline--fa:first-child,.br-tag>.fa:first-child,.br-tag>.fab:first-child,.br-tag>.fad:first-child,.br-tag>.fal:first-child,.br-tag>.far:first-child,.br-tag>.fas:first-child{
    margin-right:var(--spacing-scale-baseh)
}
.br-tag.small{
    --tag-size: var(--tag-small)
}
.br-tag.medium{
    --tag-size: var(--tag-medium)
}
.br-tag.large{
    --tag-size: var(--tag-large)
}
.br-tag.support-01{
    --tag-background: var(--color-support-01)
}
.br-tag.support-02{
    --tag-background: var(--color-support-02)
}
.br-tag.support-03{
    --tag-background: var(--color-support-03)
}
.br-tag.support-04{
    --tag-background: var(--color-support-04)
}
.br-tag.support-05{
    --tag-background: var(--color-support-05)
}
.br-tag.support-06{
    --tag-background: var(--color-support-06)
}
.br-tag.support-07{
    --tag-background: var(--color-support-07)
}
.br-tag.support-08{
    --tag-background: var(--color-support-08)
}
.br-tag.support-09{
    --tag-background: var(--color-support-09)
}
.br-tag.support-10{
    --tag-background: var(--color-support-10)
}
.br-tag.support-11{
    --tag-background: var(--color-support-11)
}
.br-tag.is-primary-pastel-01,.br-tag.primary-pastel-01,.br-tag[primary-pastel-01]{
    background-color:#c5d4eb
}
.br-tag.is-primary-pastel-02,.br-tag.primary-pastel-02,.br-tag[primary-pastel-02]{
    background-color:#dbe8fb
}
.br-tag.is-primary-lighten-01,.br-tag.primary-lighten-01,.br-tag[primary-lighten-01]{
    background-color:#2670e8
}
.br-tag.is-primary-lighten-02,.br-tag.primary-lighten-02,.br-tag[primary-lighten-02]{
    background-color:#5992ed
}
.br-tag.is-primary-default,.br-tag.primary-default,.br-tag[primary-default]{
    background-color:#1351b4
}
.br-tag.is-primary-darken-01,.br-tag.primary-darken-01,.br-tag[primary-darken-01]{
    background-color:#0c326f
}
.br-tag.is-primary-darken-02,.br-tag.primary-darken-02,.br-tag[primary-darken-02]{
    background-color:#071d41
}
.br-tag.is-secondary-01,.br-tag.secondary-01,.br-tag[secondary-01]{
    background-color:#fff
}
.br-tag.is-secondary-02,.br-tag.secondary-02,.br-tag[secondary-02]{
    background-color:#f8f8f8
}
.br-tag.is-secondary-03,.br-tag.secondary-03,.br-tag[secondary-03]{
    background-color:#ededed
}
.br-tag.is-secondary-04,.br-tag.secondary-04,.br-tag[secondary-04]{
    background-color:#ccc
}
.br-tag.is-secondary-05,.br-tag.secondary-05,.br-tag[secondary-05]{
    background-color:#9e9d9d
}
.br-tag.is-secondary-06,.br-tag.secondary-06,.br-tag[secondary-06]{
    background-color:#888
}
.br-tag.is-secondary-07,.br-tag.secondary-07,.br-tag[secondary-07]{
    background-color:#555
}
.br-tag.is-secondary-08,.br-tag.secondary-08,.br-tag[secondary-08]{
    background-color:#333
}
.br-tag.is-secondary-09,.br-tag.secondary-09,.br-tag[secondary-09]{
    background-color:#000
}
.br-tag.is-highlight,.br-tag.highlight,.br-tag[highlight]{
    background-color:#268744
}
.br-tag.is-support-01,.br-tag.support-01,.br-tag[support-01]{
    background-color:#36a191
}
.br-tag.is-support-02,.br-tag.support-02,.br-tag[support-02]{
    background-color:#f2e317
}
.br-tag.is-support-03,.br-tag.support-03,.br-tag[support-03]{
    background-color:#db4800
}
.br-tag.is-support-04,.br-tag.support-04,.br-tag[support-04]{
    background-color:#a26739
}
.br-tag.is-support-05,.br-tag.support-05,.br-tag[support-05]{
    background-color:#40e0d0
}
.br-tag.is-support-06,.br-tag.support-06,.br-tag[support-06]{
    background-color:#48cbeb
}
.br-tag.is-support-07,.br-tag.support-07,.br-tag[support-07]{
    background-color:#c72487
}
.br-tag.is-support-08,.br-tag.support-08,.br-tag[support-08]{
    background-color:#63007f
}
.br-tag.is-support-09,.br-tag.support-09,.br-tag[support-09]{
    background-color:#f08080
}
.br-tag.is-support-10,.br-tag.support-10,.br-tag[support-10]{
    background-color:#ff8c00
}
.br-tag.is-support-11,.br-tag.support-11,.br-tag[support-11]{
    background-color:oldlace
}
.br-tag.is-success,.br-tag.success,.br-tag[success]{
    background-color:var(--success)
}
.br-tag.is-danger,.br-tag.danger,.br-tag[danger]{
    background-color:var(--danger)
}
.br-tag.is-warning,.br-tag.warning,.br-tag[warning]{
    background-color:var(--warning)
}
.br-tag.is-info,.br-tag.info,.br-tag[info]{
    background-color:var(--info)
}
.br-tag-input{
    --input-background: var(--bg-color);
    --input-border-color: var(--color-secondary-06);
    --input-border-width: 1px;
    --input-border-style: solid;
    --input-padding: 0 var(--spacing-scale-half);
    --input-radius: var(--surface-rounder-sm);
    background:var(--input-background);
    border:var(--input-border-width) var(--input-border-style) var(--input-border-color);
    border-radius:var(--input-radius);
    color:var(--text-color);
    display:block;
    font-size:var(--font-size-scale-up-01);
    font-weight:var(--font-weight-medium);
    height:var(--input-size);
    padding:var(--input-padding);
    width:100%;
    display:flex;
    flex-wrap:wrap
}
.br-tag-input:not(:disabled):hover{
    background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))
}
.br-tag-input:focus,.br-tag-input:focus-visible,.br-tag-input.focus-visible{
    border-color:var(--focus) !important;
    box-shadow:0 0 0 var(--surface-width-md) var(--focus);
    outline:none
}
.br-tag-input.has-icon{
    padding-right:var(--spacing-scale-5x)
}
.br-tag-input[type=password]::-ms-reveal,.br-tag-input[type=password]::-ms-clear{
    display:none
}
.br-tag-input input{
    flex:1
}
.input-tag{
    border:0;
    box-sizing:border-box;
    color:inherit;
    flex:1;
    font-family:inherit;
    font-size:inherit;
    outline:none;
    padding:.9em .5em
}
.br-textarea{
    --textarea-padding: var(--textarea-medium);
    --textarea-small: var(--spacing-scale-base);
    --textarea-medium: var(--spacing-scale-baseh);
    --textarea-large: var(--spacing-scale-2x);
    color:var(--color)
}
.br-textarea label{
    display:inline-block;
    margin-bottom:var(--spacing-scale-half)
}
.br-textarea textarea{
    background:var(--background-light);
    border:1px solid var(--border-color-alternative);
    border-radius:6px;
    color:var(--color);
    display:block;
    font-size:var(--font-size-scale-up-01);
    font-weight:var(--font-weight-medium);
    padding:var(--textarea-padding);
    width:100%
}
.br-textarea.small textarea,.br-textarea[data-small] textarea{
    --textarea-padding: var(--textarea-small)
}
.br-textarea.medium textarea,.br-textarea[data-medium] textarea{
    --textarea-padding: var(--textarea-medium)
}
.br-textarea.large textarea,.br-textarea[data-large] textarea{
    --textarea-padding: var(--textarea-large)
}
.br-textarea.success textarea,.br-textarea[data-success] textarea{
    border-color:var(--success);
    border-width:2px
}
.br-textarea.danger textarea,.br-textarea[data-danger] textarea{
    border-color:var(--danger);
    border-width:2px
}
.br-textarea.warning textarea,.br-textarea[data-warning] textarea{
    border-color:var(--warning);
    border-width:2px
}
.br-textarea.info textarea,.br-textarea[data-info] textarea{
    border-color:var(--info);
    border-width:2px
}
.br-textarea textarea:focus,.br-textarea textarea:focus-visible,.br-textarea textarea.focus-visible{
    border-color:var(--focus) !important;
    box-shadow:0 0 0 var(--surface-width-md) var(--focus);
    outline:none
}
.br-textarea textarea:hover:not(:disabled):hover{
    background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))
}
.br-textarea.inverted,.br-textarea.inverted label,.br-textarea.dark-mode,.br-textarea.dark-mode label{
    --color: var(--color-dark);
    --focus-color: var(--focus-color-dark)
}
.br-textarea.inverted textarea,.br-textarea.dark-mode textarea{
    color:var(--color-light)
}
.br-tooltip{
    align-items:flex-start;
    background:var(--color-info, #155bcb);
    border-radius:4px;
    box-shadow:0 3px 6px rgba(0,0,0,.16);
    color:var(--color-secondary-01, #fff);
    display:flex !important;
    flex-wrap:wrap;
    font-size:var(--font-size-scale-down-01, 11.662px);
    font-weight:var(--font-weight-medium, 500);
    justify-content:flex-start;
    max-width:240px;
    opacity:0;
    padding:var(--spacing-scale-2x);
    position:absolute !important;
    visibility:hidden;
    z-index:999
}
@keyframes fadeInOpacity{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes fadeOutOpacity{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
.br-tooltip[data-show]{
    animation:fadeInOpacity ease-in-out .5s;
    opacity:1;
    visibility:visible
}
.br-tooltip[popover]{
    max-width:320px;
    min-width:240px;
    overflow-x:hidden;
    width:auto
}
.br-tooltip[success]{
    background:var(--color-success, #168821)
}
.br-tooltip[success] .arrow{
    border-color:var(--color-success, #168821)
}
.br-tooltip[error]{
    background:var(--color-danger, #e52207)
}
.br-tooltip[error] .arrow{
    border-color:var(--color-danger, #e52207)
}
.br-tooltip[warning]{
    background:var(--color-warning, #ffcd07);
    color:var(--color-secondary-08, #333)
}
.br-tooltip[warning] .arrow{
    border-color:var(--color-warning, #ffcd07)
}
.br-tooltip[info],.br-tooltip{
    background:var(--color-info, #155bcb)
}
.br-tooltip[info] .arrow,.br-tooltip .arrow{
    border-color:var(--color-info, #155bcb)
}
.br-tooltip .arrow{
    height:0 !important;
    position:absolute !important;
    width:0 !important;
    z-index:-1 !important
}
.br-tooltip[data-popper-placement^=top]>.arrow{
    border-left:8px solid rgba(0,0,0,0);
    border-right:8px solid rgba(0,0,0,0);
    border-top-style:solid;
    border-top-width:8px;
    bottom:-7px;
    margin-left:0
}
.br-tooltip[data-popper-placement^=bottom]>.arrow{
    border-bottom-style:solid;
    border-bottom-width:8px;
    border-left:8px solid rgba(0,0,0,0);
    border-right:8px solid rgba(0,0,0,0);
    margin-left:0;
    top:-8px
}
.br-tooltip[data-popper-placement^=left]>.arrow{
    border-bottom:8px solid rgba(0,0,0,0);
    border-left-style:solid;
    border-left-width:8px;
    border-top:8px solid rgba(0,0,0,0);
    right:calc(var(--spacing-scale-base)*-1)
}
.br-tooltip[data-popper-placement^=right]>.arrow{
    border-bottom:8px solid rgba(0,0,0,0);
    border-right-style:solid;
    border-right-width:8px;
    border-top:8px solid rgba(0,0,0,0);
    left:calc(var(--spacing-scale-base)*-1)
}
.br-tooltip .text,.br-tooltip .subtext,.br-tooltip .link{
    display:block;
    max-width:100%;
    min-width:0
}
.br-tooltip .popover-header{
    font-size:var(--font-size-scale-base, 14px);
    margin-bottom:1em;
    min-width:180px;
    text-align:center;
    width:100%
}
.br-tooltip .popover-header .fas,.br-tooltip .popover-header .svg-inline--fa{
    font-size:var(--font-size-scale-up-06, 41.804px);
    text-align:center
}
.br-tooltip .popover-image{
    border:3px solid var(--color-secondary-01, #fff);
    height:auto;
    margin-left:-10px;
    max-height:120px;
    max-width:45%;
    overflow:hidden;
    width:auto
}
.br-tooltip .popover-icon{
    height:auto;
    margin-left:-10px;
    margin-top:10%;
    max-height:120px;
    max-width:45%;
    overflow:hidden;
    width:auto
}
.br-tooltip .popover-body{
    font-size:var(--font-size-scale-down-01, 11.662px);
    margin-bottom:1em;
    min-width:180px;
    width:100%
}
.br-tooltip .popover-image+div{
    align-items:flex-start;
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    text-align:left;
    width:65%
}
.br-tooltip .popover-image+div div{
    padding-left:var(--spacing-scale-base);
    text-align:left
}
.br-tooltip .popover-icon+div{
    align-items:flex-start;
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    text-align:left;
    width:65%
}
.br-tooltip .popover-icon+div div{
    padding-left:var(--spacing-scale-base);
    text-align:left
}
.br-tooltip .popover-footer{
    font-size:var(--font-size-scale-down-01, 11.662px);
    min-width:180px;
    text-align:center;
    width:100%
}
.br-tooltip .text{
    font-size:var(--font-size-scale-base, 14px);
    font-weight:var(--font-weight-semi-bold, 600)
}
.br-tooltip .subtext{
    font-size:var(--font-size-scale-down-01, 11.662px);
    font-weight:var(--font-weight-medium, 500)
}
.br-tooltip .link{
    color:inherit;
    text-align:right;
    text-decoration:underline;
    width:100%
}
.br-tooltip .close{
    background:rgba(0,0,0,0);
    border:0;
    color:inherit;
    cursor:pointer;
    margin:0;
    padding:0;
    position:absolute;
    right:10px;
    top:10px
}
.br-upload input{
    display:none
}
.br-upload .upload-button{
    --button-radius: 100em;
    --button-xsmall: 24px;
    --button-small: 32px;
    --button-medium: 40px;
    --button-large: 48px;
    --button-size: var(--button-medium);
    align-items:center;
    background-color:rgba(0,0,0,0);
    border:0;
    border-radius:var(--button-radius);
    color:var(--interactive);
    cursor:pointer;
    display:inline-flex;
    font-size:var(--font-size-scale-up-01);
    font-weight:var(--font-weight-semi-bold);
    height:var(--button-size);
    justify-content:center;
    overflow:hidden;
    padding:0 var(--spacing-scale-3x);
    position:relative;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
    width:auto;
    border:var(--surface-width-sm) dashed var(--interactive);
    border-radius:var(--surface-rounder-sm);
    display:block;
    font-size:var(--font-size-scale-base);
    font-style:italic;
    font-weight:var(--font-weight-regular);
    margin-top:var(--spacing-scale-half);
    max-width:550px;
    min-height:var(--button-size);
    padding-left:var(--spacing-scale-2x);
    padding-right:var(--spacing-scale-2x);
    text-align:left;
    width:100%
}
.br-upload .upload-button .svg-inline--fa,.br-upload .upload-button .fa,.br-upload .upload-button .fab,.br-upload .upload-button .fad,.br-upload .upload-button .fal,.br-upload .upload-button .far,.br-upload .upload-button .fas{
    margin-right:var(--spacing-scale-base)
}
.br-upload .upload-list{
    max-width:550px;
    position:relative
}
.br-upload .upload-list .content{
    align-self:center;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:70%
}
.br-upload .upload-list .support{
    align-items:center;
    display:flex
}
.br-upload .br-tooltip{
    max-width:93%
}
.br-upload .upload-button:disabled{
    cursor:not-allowed
}
.br-upload .upload-button:not(:disabled){
    --focus-offset: var(--spacing-scale-half)
}
.br-upload .upload-button:not(:disabled):focus{
    outline:none
}
.br-upload .upload-button:not(:disabled).focus-visible,.br-upload .upload-button:not(:disabled):focus-visible{
    outline-color:var(--focus);
    outline-offset:var(--focus-offset);
    outline-style:var(--focus-style);
    outline-width:var(--focus-width)
}
.br-upload .upload-button:not(:disabled):not(:disabled):hover{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}
.br-upload .upload-button:not(:disabled):not(:disabled):active{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}
.br-upload .upload-button.active,.br-upload .upload-button.is-active,.br-upload .upload-button[active]{
    --hover: var(--hover-dark);
    background-color:var(--active);
    color:var(--color-dark)
}
.br-upload .upload-button.loading{
    color:rgba(0,0,0,0) !important;
    cursor:progress
}
.br-upload .upload-button.loading:not(:disabled):hover{
    background-image:none
}
.br-upload .upload-button.loading::before{
    border-color:var(--interactive) var(--interactive) rgba(0,0,0,0);
    border-style:solid
}
.br-upload .upload-button.loading.primary::before,.br-upload .upload-button.loading.danger::before,.br-upload .upload-button.loading.success::before,.br-upload .upload-button.loading.info::before{
    border-color:var(--background) var(--background) rgba(0,0,0,0)
}
.br-upload.success .upload-button,.br-upload[data-success] .upload-button{
    border-color:var(--success)
}
.br-upload.danger .upload-button,.br-upload[data-danger] .upload-button{
    border-color:var(--danger)
}
.br-upload.warning .upload-button,.br-upload[data-warning] .upload-button{
    border-color:var(--warning)
}
.br-upload.info .upload-button,.br-upload[data-info] .upload-button{
    border-color:var(--info)
}
.br-upload.dragging .upload-button{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}
.br-wizard{
    --wizard-min-height: 300px;
    --wizard-max-height: 800px;
    display:flex;
    flex-direction:column;
    height:100%;
    margin-bottom:var(--spacing-scale-4x);
    max-height:var(--wizard-max-height);
    max-width:none;
    min-height:var(--wizard-min-height)
}
.br-wizard .wizard-progress{
    background-color:var(--background-alternative);
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(0, 1fr));
    grid-template-rows:none;
    min-height:164px;
    overflow-x:auto;
    overflow-y:hidden;
    padding-top:var(--spacing-scale-7x);
    width:100%
}
@media(max-width: 991px){
    .br-wizard .wizard-progress{
        max-height:100px;
        min-height:100px;
        overflow-y:hidden;
        padding-top:var(--spacing-scale-3x);
        position:relative;
        transition-delay:0s;
        transition-duration:.25s;
        transition-property:all;
        transition-timing-function:linear
    }
    .br-wizard .wizard-progress::after{
        background-color:rgba(0,0,0,0);
        bottom:2px;
        color:var(--interactive);
        content:"";
        display:block;
        font-family:"Font Awesome 5 Free",sans-serif;
        font-size:var(--switch-icon-size);
        font-weight:var(--font-weight-black);
        height:1em;
        left:50%;
        margin-left:-0.5em;
        position:absolute;
        top:unset;
        transition-delay:0s;
        transition-duration:.25s;
        transition-property:all;
        transition-timing-function:linear;
        width:auto
    }
}
.br-wizard .wizard-progress-btn{
    background-color:rgba(0,0,0,0);
    border:0;
    box-shadow:none !important;
    color:var(--interactive);
    font-size:var(--font-size-scale-up-01, 16.8px);
    line-height:19px;
    max-height:90px;
    padding-bottom:0;
    padding-top:var(--spacing-scale-2x);
    position:relative;
    text-indent:0;
    transition-delay:0s;
    transition-duration:.15s;
    transition-property:all;
    transition-timing-function:linear
}
.br-wizard .wizard-progress-btn[disabled]{
    color:rgba(var(--interactive-rgb), var(--disabled));
    opacity:1
}
.br-wizard .wizard-progress-btn[disabled]::before{
    opacity:var(--disabled)
}
.br-wizard .wizard-progress-btn:focus{
    outline:none
}
.br-wizard .wizard-progress-btn.focus-visible:not([disabled]):not(.disabled)::before,.br-wizard .wizard-progress-btn:focus-visible:not([disabled]):not(.disabled)::before{
    outline-color:var(--focus-color);
    outline-offset:var(--focus-offset);
    outline-style:var(--focus-style);
    outline-width:var(--focus-width)
}
.br-wizard .wizard-progress-btn:hover:not([disabled])::before{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))
}
.br-wizard .wizard-progress-btn:active:not([disabled])::before{
    background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))
}
.br-wizard .wizard-progress-btn::before{
    background-color:var(--background);
    border:2px solid var(--interactive);
    border-radius:50%;
    box-sizing:border-box;
    color:var(--interactive);
    content:attr(step) !important;
    display:block;
    font-size:var(--font-size-scale-up-02, 20.16px);
    font-weight:var(--font-weight-semi-bold, 600);
    height:36px;
    left:50%;
    line-height:29px;
    margin-top:-13px;
    position:absolute;
    top:0;
    transform:translateX(-50%);
    transition:all .15s linear 0s,transform .15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
    width:36px;
    z-index:3
}
.br-wizard .wizard-progress-btn::after{
    background-color:var(--interactive) !important;
    content:"";
    display:block;
    height:1px;
    left:calc(-50% + 17px);
    position:absolute;
    top:5px;
    transition-delay:0s;
    transition-duration:.15s;
    transition-property:all;
    transition-timing-function:linear;
    width:calc(100% - 34px);
    z-index:1
}
.br-wizard .wizard-progress-btn:first-child::after{
    display:none
}
.br-wizard .wizard-progress-btn[active]{
    color:var(--active);
    font-weight:var(--font-weight-semi-bold, 600)
}
.br-wizard .wizard-progress-btn[active]::after{
    background-color:var(--active)
}
.br-wizard .wizard-progress-btn[active]::before{
    background-color:var(--active);
    border:2px solid var(--background-light);
    color:var(--background-light);
    font-weight:var(--font-weight-bold, 700)
}
@media(max-width: 991px){
    .br-wizard .wizard-progress-btn .info{
        font-size:var(--font-size-scale-down-02, 9.716px);
        line-height:1em;
        text-align:center
    }
}
@media(max-width: 991px){
    .br-wizard[collapsed] .wizard-progress{
        max-height:64px;
        min-height:64px;
        overflow-y:hidden;
        padding-bottom:var(--spacing-scale-3x);
        padding-top:var(--spacing-scale-3x)
    }
    .br-wizard[collapsed] .wizard-progress::after{
        margin-top:var(--spacing-scale-4xh)
    }
    .br-wizard[collapsed] .wizard-progress-btn{
        padding-bottom:var(--spacing-scale-base)
    }
    .br-wizard[collapsed] .wizard-progress-btn .info{
        display:none
    }
    .br-wizard[collapsed] .wizard-form{
        height:auto
    }
    .br-wizard[collapsed] .wizard-panel-content{
        overflow-x:hidden;
        overflow-y:auto
    }
}
.br-wizard .wizard-form{
    display:flex;
    flex:1;
    height:auto;
    overflow:hidden;
    position:relative
}
.br-wizard .wizard-panel{
    display:none;
    flex-direction:column;
    flex-wrap:nowrap;
    height:auto;
    left:0;
    margin-bottom:0;
    opacity:0;
    position:static;
    top:0;
    visibility:hidden;
    width:100%
}
.br-wizard .wizard-panel[active]{
    display:flex;
    height:auto;
    left:0 !important;
    opacity:1;
    transition-delay:0s;
    transition-duration:.5s;
    transition-property:all;
    transition-timing-function:linear;
    visibility:visible
}
@keyframes slide-left{
    0%{
        opacity:0;
        transform:translateX(1%)
    }
    100%{
        opacity:1;
        transform:translateX(0)
    }
}
.br-wizard .wizard-panel-content{
    border-top:1px solid var(--border-color);
    flex-grow:1;
    height:auto;
    max-height:none;
    overflow-x:auto;
    overflow-y:auto;
    padding:var(--spacing-scale-base) var(--spacing-scale-2x)
}
.br-wizard .wizard-panel-content::-webkit-scrollbar{
    height:var(--spacing-scale-base);
    width:var(--spacing-scale-base)
}
.br-wizard .wizard-panel-content::-webkit-scrollbar-track{
    background:var(--gray-10)
}
.br-wizard .wizard-panel-content::-webkit-scrollbar-thumb{
    background:var(--gray-30)
}
.br-wizard .wizard-panel-content:hover::-webkit-scrollbar-thumb{
    background:var(--gray-40)
}
.br-wizard .wizard-panel-content:focus,.br-wizard .wizard-panel-content:focus-visible,.br-wizard .wizard-panel-content.focus-visible{
    border-color:var(--focus) !important;
    box-shadow:0 0 0 var(--surface-width-md) var(--focus);
    outline:none
}
.br-wizard .wizard-panel-content>:last-child{
    margin-bottom:0
}
.br-wizard .wizard-panel-btn{
    align-self:flex-end;
    background-color:var(--background-alternative);
    border-top:1px solid var(--border-color);
    height:fit-content;
    margin-top:1px;
    padding:var(--spacing-scale-2x) 1.5%;
    width:100%
}
.br-wizard .wizard-btn-next,.br-wizard .wizard-btn,.br-wizard .wizard-btn-prev{
    float:right;
    margin-left:var(--spacing-scale-2x)
}
.br-wizard .wizard-btn-canc{
    float:left
}
@media(max-width: 991px){
    .br-wizard .wizard-form{
        height:auto
    }
    .br-wizard .wizard-panel{
        border-top:0;
        display:none;
        flex-wrap:nowrap;
        margin-bottom:0;
        max-height:none
    }
    .br-wizard .wizard-panel-content{
        height:auto;
        max-height:100%;
        overflow-x:hidden;
        overflow-y:auto;
        padding:var(--spacing-scale-half) var(--spacing-scale-base);
        transition-delay:0s;
        transition-duration:.25s;
        transition-property:all;
        transition-timing-function:linear
    }
    .br-wizard .wizard-panel-btn{
        align-items:flex-end;
        background-color:var(--background-alternative);
        display:flex;
        flex-wrap:wrap;
        height:fit-content;
        justify-content:center;
        padding:0 !important;
        position:static;
        width:100%
    }
    .br-wizard .wizard-btn-canc,.br-wizard .wizard-btn-next,.br-wizard .wizard-btn-prev,.br-wizard .wizard-btn{
        float:none;
        margin:var(--spacing-scale-base) 5%;
        width:90%
    }
    .br-wizard .wizard-btn-next,.br-wizard .wizard-btn{
        order:1
    }
}
.br-wizard[vertical]{
    flex-direction:row
}
.br-wizard[vertical] .wizard-progress{
    flex:1;
    float:none;
    grid-template-columns:1fr;
    height:auto;
    max-width:260px;
    overflow-x:hidden;
    padding-top:0;
    position:relative;
    text-align:right
}
.br-wizard[vertical] .wizard-progress-btn{
    height:100%;
    line-height:100%;
    max-height:100%;
    padding-bottom:0;
    padding-right:70px;
    padding-top:0;
    text-align:right
}
.br-wizard[vertical] .wizard-progress-btn::before{
    left:calc(100% - 32px);
    line-height:26px;
    margin-top:calc(var(--spacing-scale-2x)*-1);
    position:absolute;
    text-align:center;
    top:50%
}
.br-wizard[vertical] .wizard-progress-btn::after{
    height:calc(100% - 34px);
    left:calc(100% - 33px);
    position:absolute;
    top:calc(-50% + 18px);
    width:1px
}
.br-wizard[vertical] .wizard-progress-btn[active]::after{
    width:1px
}
.br-wizard[vertical][scroll] .wizard-progress{
    overflow-y:auto
}
.br-wizard[vertical][scroll] .wizard-progress::-webkit-scrollbar{
    height:var(--spacing-scale-base);
    width:var(--spacing-scale-base)
}
.br-wizard[vertical][scroll] .wizard-progress::-webkit-scrollbar-track{
    background:var(--gray-10)
}
.br-wizard[vertical][scroll] .wizard-progress::-webkit-scrollbar-thumb{
    background:var(--gray-30)
}
.br-wizard[vertical][scroll] .wizard-progress:hover::-webkit-scrollbar-thumb{
    background:var(--gray-40)
}
.br-wizard[vertical][scroll] .wizard-progress .wizard-progress-btn{
    min-height:100px
}
.br-wizard[vertical] .wizard-form{
    float:none;
    height:auto;
    width:calc(100% - 260px)
}
.br-wizard[vertical] .wizard-form .wizard-panel .wizard-panel-content{
    border-top:0
}
@media(max-width: 991px){
    .br-wizard[vertical] .wizard-progress{
        max-height:100%;
        max-width:110px
    }
    .br-wizard[vertical] .wizard-progress::after{
        height:1em;
        left:unset;
        margin-top:-0.5em;
        right:2px;
        top:50%;
        transform:rotate(-90deg);
        width:1em
    }
    .br-wizard[vertical] .wizard-progress-btn{
        line-height:18px;
        padding-right:var(--spacing-scale-7x)
    }
    .br-wizard[vertical] .wizard-progress-btn .info{
        line-height:1.6em;
        margin-top:-0.5em;
        position:absolute;
        right:54px
    }
    .br-wizard[vertical] .wizard-form{
        height:auto;
        max-width:calc(100% - 110px);
        min-width:calc(100% - 110px);
        transition-delay:0s;
        transition-duration:.25s;
        transition-property:all;
        transition-timing-function:linear
    }
    .br-wizard[vertical] .wizard-panel{
        height:100%;
        max-height:100%
    }
    .br-wizard[vertical][collapsed] .wizard-progress{
        max-width:60px;
        padding-bottom:0;
        padding-top:0
    }
    .br-wizard[vertical][collapsed] .wizard-progress-btn{
        padding-right:0
    }
    .br-wizard[vertical][collapsed] .wizard-progress-btn .info{
        display:none
    }
    .br-wizard[vertical][collapsed] .wizard-form{
        max-width:calc(100% - 60px);
        min-width:calc(100% - 60px)
    }
}
.br-wizard.inverted,.br-wizard.dark-mode{
    --color: var(--color-dark);
    --color-rgb: var(--color-dark-rgb);
    --text-color: var(--color-dark);
    --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-dark)
}
.br-wizard.inverted .br-button.primary,.br-wizard.inverted .br-button[primary],.br-wizard.inverted .br-button.is-primary,.br-wizard.dark-mode .br-button.primary,.br-wizard.dark-mode .br-button[primary],.br-wizard.dark-mode .br-button.is-primary{
    --color: var(--color-light);
    --color-rgb: var(--color-light-rgb);
    --text-color: var(--color-light);
    --interactive: var(--interactive-light);
    --interactive-rgb: var(--background-dark-rgb);
    --visited: var(--visited-light);
    --hover: var(--hover-light);
    --pressed: var(--pressed-light);
    --focus-color: var(--focus-color-light);
    --focus: var(--focus-color-light);
    background-color:var(--interactive-dark);
    color:var(--background-dark)
}
.br-wizard.inverted .br-button.secondary,.br-wizard.inverted .br-button[secondary],.br-wizard.inverted .br-button.is-secondary,.br-wizard.dark-mode .br-button.secondary,.br-wizard.dark-mode .br-button[secondary],.br-wizard.dark-mode .br-button.is-secondary{
    background-color:var(--background-dark)
}
.br-wizard.inverted .wizard-progress,.br-wizard.dark-mode .wizard-progress{
    background-color:rgba(0,0,0,0)
}
.br-wizard.inverted .wizard-progress-btn[active],.br-wizard.dark-mode .wizard-progress-btn[active]{
    color:var(--color)
}
.br-wizard.inverted .wizard-progress-btn[active]::before,.br-wizard.dark-mode .wizard-progress-btn[active]::before{
    --interactive-rgb: var(--active-rgb);
    background-color:var(--color);
    color:var(--active)
}
.br-wizard.inverted .wizard-panel .wizard-panel-btn,.br-wizard.dark-mode .wizard-panel .wizard-panel-btn{
    background-color:rgba(0,0,0,0)
}
*[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)
}
.card-content,.picture-card{
    display:flex;
    flex-direction:column;
    height:100%
}
.card-img-top{
    flex:0 0 auto;
    width:100%;
    height:auto
}
.card-body{
    flex:1 0 auto;
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
.featured-cards__chevron-icon{
    width:12px;
    height:28px;
    align-self:center
}
.streamfield{
    background-color:var(primary-pastel-01)
}
.streamfield a{
    color:var(--dark-orange)
}
.streamfield-column{
    padding:80px 20px
}
.streamfield-column p:first-child{
    color:var(--dark-brown);
    font-family:var(--font--primary);
    font-size:1.5rem;
    line-height:1.31;
    margin-bottom:30px
}
.streamfield-column p:first-child a{
    text-decoration-skip-ink:none;
    text-decoration-thickness:3px;
    text-underline-offset:4px
}
.streamfield-column p{
    font-size:.875rem;
    line-height:1.57
}
.streamfield-column p:last-child{
    margin-bottom:0
}
@media(min-width: 768px){
    .streamfield-column p{
        font-size:var(--font-md);
        line-height:1.55
    }
}
@media(min-width: 992px){
    .streamfield-column{
        padding:140px 0
    }
    .streamfield-column p:first-child{
        font-size:3.75rem;
        line-height:1.07;
        margin-bottom:60px
    }
}
.hero{
    background-size:cover;
    background-position:center;
    padding:30px 0 0;
    position:relative;
    margin:0 0 10px
}
.hero{
    margin:0;
    padding:20px 0 0 0
}
@media screen and (min-width: 768px){
    .hero{
        padding:20px 0 0 0;
        margin:0 0 40px 0
    }
}
@media screen and (min-width: 768px){
    .promo h2{
        padding-top:0;
        margin-top:0
    }
}
.hero-gradient-mask{
    position:absolute;
    width:100%;
    height:100%;
    bottom:0;
    background:linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 50%)
}
@media(min-width: 768px){
    .hero-gradient-mask{
        background:linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 50%)
    }
}
.home-hero h1{
    color:#fff;
    position:relative;
    font-weight:700;
    text-shadow:1px 1px 1px #000
}
.home-hero{
    padding:20px 40px
}
.home-hero .lead{
    font-size:2rem;
    line-height:1.31;
    font-weight:400;
    color:#fff;
    margin:40px auto;
    font-size:1.625rem;
    line-height:1.15;
    text-shadow:1px 1px 1px #000;
    position:relative
}
.feedback{
    width:100%
}
.feedback p{
    padding-top:10px;
    font-weight:200;
    color:#fff
}
.feedback a{
    color:#fff;
    font-weight:bold
}
.br-header[data-sticky]{
    margin-bottom:0 !important
}
figure{
    position:relative
}
.info{
    margin-top:0px;
    margin-bottom:5px
}
.center{
    text-align:center;
    margin:0 auto
}
.locations{
    position:relative
}
.locations h5{
    color:#fff;
    text-shadow:#000 1px 2px 8px;
    font-size:2em
}
.locations img{
    z-index:1
}
.hero-image h1{
    padding:40px;
    color:#fff;
    font-weight:900;
    text-shadow:#000 1px 2px 8px
}
.card-img-overlay{
    position:absolute;
    top:50px;
    right:0;
    bottom:0;
    left:0;
    padding:1.25rem;
    z-index:1;
    height:100px
}
.card-title{
    margin-bottom:.75rem
}
.bg-gradient-blue-vivid{
    background-image:linear-gradient(var(--blue-vivid-5), var(--pure-0));
    padding:20px;
    margin-top:-20px
}
.location__meta-title,.location__day{
    font-weight:600
}
img.responsive{
    width:100%;
    height:auto
}
img.rounded-corners{
    border-radius:5px
}
.br-card .hat{
    font-weight:normal;
    padding-bottom:0
}
.br-card h3{
    margin-top:0;
    font-size:1.17em
}
.br-card h3 a{
    text-decoration:none
}
.br-card .br-ifrr-card .card-header,.br-card .br-ifrr-card .card-content,.br-card .br-ifrr-card .picture-card{
    background:#f8f8f8
}
.br-card .br-ifrr-card .card-header h3{
    padding-bottom:10px;
    color:#0c326f
}
.br-card .card-header H3{
    display:block;
    font-size:20px;
    font-weight:500;
    line-height:30px;
    margin:0;
    min-height:0
}
.br-card a.br-ifrr-card:hover .card-header,.br-card a.br-ifrr-card:hover .card-content,.br-card a.br-ifrr-card:hover .picture-card{
    background-color:#dbe8fb;
    text-decoration:none
}
.details-list dt{
    font-weight:500;
    line-height:1.1em;
    padding-bottom:0
}
.details-list dd{
    color:var(--gray-60);
    font-size:1.2rem;
    font-weight:400;
    padding-top:0;
    padding-left:.5rem;
    padding-bottom:.5rem;
    margin-inline-start:0
}
*.is-loading,*.loading,*[loading]{
    z-index:var(--z-index-layer-1) !important
}
img.left{
    float:left;
    padding-right:20px
}
.editorial{
    margin-top:20px
}
.searchfilters{
    --input-height: 42px;
    background-color:var(--gray-10);
    border-radius:4px;
    align-items:end;
    gap:2rem;
    padding:1.5rem;
    position:relative
}
.searchcounter{
    background-color:var(--gray-5);
    border-radius:0 0 var(--border-radius) var(--border-radius);
    border:1px solid var(--gray-10);
    border-top:0 none;
    margin:0 2rem 2rem;
    padding:.2rem .75rem
}
.richtext-image{
    text-align:center
}
.article-card h2{
    margin-top:10px;
    margin-bottom:0;
    color:var(--blue-warm-vivid-70)
}
.article-card h2:hover{
    color:var(--blue-warm-20) !important
}
.article-card img{
    margin:10px
}
.side-bar{
    border:1px solid #e5e5e5;
    margin-bottom:20px;
    border-radius:4px;
    box-shadow:0 1px 3px rgba(0,0,0,.05)
}
.br-card{
    width:fit-content
}
.br-card figure{
    margin:0;
    padding:0;
    display:inline
}
.br-card figcaption{
    padding-bottom:10px
}
.br-card.right{
    float:right;
    margin-left:20px
}
.br-card.left{
    float:left;
    margin-right:20px
}
.br-card.full-width{
    margin:0 auto
}
.br-card.full-width img{
    width:100%;
    height:100%
}
.badge{
    background-color:var(--gray-100);
    border-radius:25px;
    color:var(--gray-800);
    font-size:.8rem;
    line-height:.9em;
    padding:.35rem .55rem;
    text-decoration:none !important
}
.e-mec.flex-item{
    flex-basis:210px
}
.e-mec a{
    border:1px solid #000;
    border-radius:10px;
    display:grid;
    grid-template-columns:auto auto;
    grid-template-rows:44px auto;
    text-decoration:none;
    padding:1.5rem
}
.e-mec a .logo{
    background-position:0 0;
    background-repeat:no-repeat;
    background-size:contain;
    display:inline-block;
    text-indent:-9000px
}
.e-mec a .qr-code{
    grid-row:1/3;
    grid-column:2;
    height:95px;
    width:95px
}
div.sitemap a.menu-item{
    font-weight:bold
}
div.sitemap li{
    list-style-type:none
}
div.sitemap li a.menu-item{
    font-weight:normal
}

/* Personalização para wagtail_text_alignment */
.text-left {
    text-align: left;
}
.text-center{
    text-align: center;
}
.text-right {
    text-align: right;
}

/* Customização de imagem destaque em noticia */
.img-destaque {
width: 50%;
display: block;
margin: 0 auto 1rem auto; /* centralizado + margem inferior */
}

    /* md (>=768px) */
    @media (min-width: 768px) {
    .img-destaque {
        width: 75%;
    }
    }

    /* xl (>=1200px) */
    @media (min-width: 1200px) {
    .img-destaque {
        width: 75%;
    }
}