<style id="color-scheme" color-scheme="u17" color-style="multicolor-1">.u-body {
--none: transparent;
--none-darker: transparent;
--none-r: 255;
--none-g: 255;
--none-b: 255;
--none-contrast: body-color;
--none-contrast-darker: body-color;
--none-text-color: var(--body-color);
--transparent: transparent;
--transparent-darker: transparent;
--transparent-r: 255;
--transparent-g: 255;
--transparent-b: 255;
--transparent-contrast: body-color;
--transparent-contrast-darker: body-color;
--transparent-text-color: var(--body-color);
--custom-color-1: #d0588f;
--custom-color-1-darker: #c94180;
--custom-color-1-r: 208;
--custom-color-1-g: 88;
--custom-color-1-b: 143;
--custom-color-1-contrast: white;
--custom-color-1-contrast-darker: white;
--custom-color-1-text-color: var(--body-alt-color);
--custom-color-2: #c07da3;
--custom-color-2-darker: #b66894;
--custom-color-2-r: 192;
--custom-color-2-g: 125;
--custom-color-2-b: 163;
--custom-color-2-contrast: white;
--custom-color-2-contrast-darker: white;
--custom-color-2-text-color: var(--body-alt-color);
--custom-color-3: #a347ad;
--custom-color-3-darker: #93409c;
--custom-color-3-r: 163;
--custom-color-3-g: 71;
--custom-color-3-b: 173;
--custom-color-3-contrast: white;
--custom-color-3-contrast-darker: white;
--custom-color-3-text-color: var(--body-alt-color);
--custom-color-4: #4f1a7b;
--custom-color-4-darker: #47176f;
--custom-color-4-r: 79;
--custom-color-4-g: 26;
--custom-color-4-b: 123;
--custom-color-4-contrast: white;
--custom-color-4-contrast-darker: white;
--custom-color-4-text-color: var(--body-alt-color);
--custom-color-5: #e7e4ea;
--custom-color-5-darker: #d0cad6;
--custom-color-5-r: 231;
--custom-color-5-g: 228;
--custom-color-5-b: 234;
--custom-color-5-contrast: black;
--custom-color-5-contrast-darker: black;
--custom-color-5-text-color: var(--body-color);
--custom-color-6: #eee7f5;
--custom-color-6-darker: #d6c5e7;
--custom-color-6-r: 238;
--custom-color-6-g: 231;
--custom-color-6-b: 245;
--custom-color-6-contrast: black;
--custom-color-6-contrast-darker: black;
--custom-color-6-text-color: var(--body-color);
--custom-color-7: #f4f0f9;
--custom-color-7-darker: #dacdeb;
--custom-color-7-r: 244;
--custom-color-7-g: 240;
--custom-color-7-b: 249;
--custom-color-7-contrast: black;
--custom-color-7-contrast-darker: black;
--custom-color-7-text-color: var(--body-color);
--custom-color-8: #682a9a;
--custom-color-8-darker: #5e268b;
--custom-color-8-r: 104;
--custom-color-8-g: 42;
--custom-color-8-b: 154;
--custom-color-8-contrast: white;
--custom-color-8-contrast-darker: white;
--custom-color-8-text-color: var(--body-alt-color);
--custom-color-9: #f2e5fd;
--custom-color-9-darker: #dcb8fa;
--custom-color-9-r: 242;
--custom-color-9-g: 229;
--custom-color-9-b: 253;
--custom-color-9-contrast: black;
--custom-color-9-contrast-darker: black;
--custom-color-9-text-color: var(--body-color);
--custom-color-10: #fe7ac0;
--custom-color-10-darker: #fe55ae;
--custom-color-10-r: 254;
--custom-color-10-g: 122;
--custom-color-10-b: 192;
--custom-color-10-contrast: white;
--custom-color-10-contrast-darker: white;
--custom-color-10-text-color: var(--body-alt-color);
--body-color: #747474;
--body-color-darker: #686868;
--body-color-r: 116;
--body-color-g: 116;
--body-color-b: 116;
--body-color-contrast: white;
--body-color-contrast-darker: white;
--body-color-text-color: var(--body-alt-color);
--body-alt-color: #ffffff;
--body-alt-color-darker: #e6e6e6;
--body-alt-color-r: 255;
--body-alt-color-g: 255;
--body-alt-color-b: 255;
--body-alt-color-contrast: black;
--body-alt-color-contrast-darker: black;
--body-alt-color-text-color: var(--body-color);
--bg-color: #ffffff;
--bg-color-darker: #e6e6e6;
--bg-color-r: 255;
--bg-color-g: 255;
--bg-color-b: 255;
--bg-color-contrast: black;
--bg-color-contrast-darker: black;
--bg-color-text-color: var(--body-color);
--palette-1-base: #e6737a;
--palette-1-base-darker: #e1565e;
--palette-1-base-r: 230;
--palette-1-base-g: 115;
--palette-1-base-b: 122;
--palette-1-base-contrast: white;
--palette-1-base-contrast-darker: white;
--palette-1-base-text-color: var(--body-alt-color);
--palette-1-dark-3: #332929;
--palette-1-dark-3-darker: #2e2525;
--palette-1-dark-3-r: 51;
--palette-1-dark-3-g: 41;
--palette-1-dark-3-b: 41;
--palette-1-dark-3-contrast: white;
--palette-1-dark-3-contrast-darker: white;
--palette-1-dark-3-text-color: var(--body-alt-color);
--palette-1-dark-2: #6f4d4f;
--palette-1-dark-2-darker: #644547;
--palette-1-dark-2-r: 111;
--palette-1-dark-2-g: 77;
--palette-1-dark-2-b: 79;
--palette-1-dark-2-contrast: white;
--palette-1-dark-2-contrast-darker: white;
--palette-1-dark-2-text-color: var(--body-alt-color);
--palette-1-dark-1: #aa666a;
--palette-1-dark-1-darker: #9d575c;
--palette-1-dark-1-r: 170;
--palette-1-dark-1-g: 102;
--palette-1-dark-1-b: 106;
--palette-1-dark-1-contrast: white;
--palette-1-dark-1-contrast-darker: white;
--palette-1-dark-1-text-color: var(--body-alt-color);
--palette-1: #e6737a;
--palette-1-darker: #e1565e;
--palette-1-r: 230;
--palette-1-g: 115;
--palette-1-b: 122;
--palette-1-contrast: white;
--palette-1-contrast-darker: white;
--palette-1-text-color: var(--body-alt-color);
--palette-1-light-1: #ee9a9f;
--palette-1-light-1-darker: #e8787f;
--palette-1-light-1-r: 238;
--palette-1-light-1-g: 154;
--palette-1-light-1-b: 159;
--palette-1-light-1-contrast: white;
--palette-1-light-1-contrast-darker: white;
--palette-1-light-1-text-color: var(--body-alt-color);
--palette-1-light-2: #f5c4c7;
--palette-1-light-2-darker: #ef9ea3;
--palette-1-light-2-r: 245;
--palette-1-light-2-g: 196;
--palette-1-light-2-b: 199;
--palette-1-light-2-contrast: black;
--palette-1-light-2-contrast-darker: white;
--palette-1-light-2-text-color: var(--body-color);
--palette-1-light-3: #fdf0f1;
--palette-1-light-3-darker: #f7c4c8;
--palette-1-light-3-r: 253;
--palette-1-light-3-g: 240;
--palette-1-light-3-b: 241;
--palette-1-light-3-contrast: black;
--palette-1-light-3-contrast-darker: black;
--palette-1-light-3-text-color: var(--body-color);
--palette-2-base: #a248ae;
--palette-2-base-darker: #92419d;
--palette-2-base-r: 162;
--palette-2-base-g: 72;
--palette-2-base-b: 174;
--palette-2-base-contrast: white;
--palette-2-base-contrast-darker: white;
--palette-2-base-text-color: var(--body-alt-color);
--palette-2-dark-3: #322933;
--palette-2-dark-3-darker: #2d252e;
--palette-2-dark-3-r: 50;
--palette-2-dark-3-g: 41;
--palette-2-dark-3-b: 51;
--palette-2-dark-3-contrast: white;
--palette-2-dark-3-contrast-darker: white;
--palette-2-dark-3-text-color: var(--body-alt-color);
--palette-2-dark-2: #6b4471;
--palette-2-dark-2-darker: #603d66;
--palette-2-dark-2-r: 107;
--palette-2-dark-2-g: 68;
--palette-2-dark-2-b: 113;
--palette-2-dark-2-contrast: white;
--palette-2-dark-2-contrast-darker: white;
--palette-2-dark-2-text-color: var(--body-alt-color);
--palette-2-dark-1: #a248ae;
--palette-2-dark-1-darker: #92419d;
--palette-2-dark-1-r: 162;
--palette-2-dark-1-g: 72;
--palette-2-dark-1-b: 174;
--palette-2-dark-1-contrast: white;
--palette-2-dark-1-contrast-darker: white;
--palette-2-dark-1-text-color: var(--body-alt-color);
--palette-2: #c864d5;
--palette-2-darker: #bf4bce;
--palette-2-r: 200;
--palette-2-g: 100;
--palette-2-b: 213;
--palette-2-contrast: white;
--palette-2-contrast-darker: white;
--palette-2-text-color: var(--body-alt-color);
--palette-2-light-1: #d88ee2;
--palette-2-light-1-darker: #ce71da;
--palette-2-light-1-r: 216;
--palette-2-light-1-g: 142;
--palette-2-light-1-b: 226;
--palette-2-light-1-contrast: white;
--palette-2-light-1-contrast-darker: white;
--palette-2-light-1-text-color: var(--body-alt-color);
--palette-2-light-2: #e8bcee;
--palette-2-light-2-darker: #dc9ae5;
--palette-2-light-2-r: 232;
--palette-2-light-2-g: 188;
--palette-2-light-2-b: 238;
--palette-2-light-2-contrast: black;
--palette-2-light-2-contrast-darker: white;
--palette-2-light-2-text-color: var(--body-color);
--palette-2-light-3: #f9edfb;
--palette-2-light-3-darker: #ecc5f2;
--palette-2-light-3-r: 249;
--palette-2-light-3-g: 237;
--palette-2-light-3-b: 251;
--palette-2-light-3-contrast: black;
--palette-2-light-3-contrast-darker: black;
--palette-2-light-3-text-color: var(--body-color);
--palette-3-base: #f8a9b0;
--palette-3-base-darker: #f5828d;
--palette-3-base-r: 248;
--palette-3-base-g: 169;
--palette-3-base-b: 176;
--palette-3-base-contrast: black;
--palette-3-base-contrast-darker: white;
--palette-3-base-text-color: var(--body-color);
--palette-3-dark-3: #33292a;
--palette-3-dark-3-darker: #2e2526;
--palette-3-dark-3-r: 51;
--palette-3-dark-3-g: 41;
--palette-3-dark-3-b: 42;
--palette-3-dark-3-contrast: white;
--palette-3-dark-3-contrast-darker: white;
--palette-3-dark-3-text-color: var(--body-alt-color);
--palette-3-dark-2: #654a4d;
--palette-3-dark-2-darker: #5b4345;
--palette-3-dark-2-r: 101;
--palette-3-dark-2-g: 74;
--palette-3-dark-2-b: 77;
--palette-3-dark-2-contrast: white;
--palette-3-dark-2-contrast-darker: white;
--palette-3-dark-2-text-color: var(--body-alt-color);
--palette-3-dark-1: #96666a;
--palette-3-dark-1-darker: #875c5f;
--palette-3-dark-1-r: 150;
--palette-3-dark-1-g: 102;
--palette-3-dark-1-b: 106;
--palette-3-dark-1-contrast: white;
--palette-3-dark-1-contrast-darker: white;
--palette-3-dark-1-text-color: var(--body-alt-color);
--palette-3: #c87b82;
--palette-3-darker: #bf646c;
--palette-3-r: 200;
--palette-3-g: 123;
--palette-3-b: 130;
--palette-3-contrast: white;
--palette-3-contrast-darker: white;
--palette-3-text-color: var(--body-alt-color);
--palette-3-light-1: #f8a9b0;
--palette-3-light-1-darker: #f5828d;
--palette-3-light-1-r: 248;
--palette-3-light-1-g: 169;
--palette-3-light-1-b: 176;
--palette-3-light-1-contrast: black;
--palette-3-light-1-contrast-darker: white;
--palette-3-light-1-text-color: var(--body-color);
--palette-3-light-2: #fbcfd3;
--palette-3-light-2-darker: #f7a5ac;
--palette-3-light-2-r: 251;
--palette-3-light-2-g: 207;
--palette-3-light-2-b: 211;
--palette-3-light-2-contrast: black;
--palette-3-light-2-contrast-darker: white;
--palette-3-light-2-text-color: var(--body-color);
--palette-3-light-3: #fef6f7;
--palette-3-light-3-darker: #f9c9cf;
--palette-3-light-3-r: 254;
--palette-3-light-3-g: 246;
--palette-3-light-3-b: 247;
--palette-3-light-3-contrast: black;
--palette-3-light-3-contrast-darker: black;
--palette-3-light-3-text-color: var(--body-color);
--palette-4-base: #f6bbdb;
--palette-4-base-darker: #f195c7;
--palette-4-base-r: 246;
--palette-4-base-g: 187;
--palette-4-base-b: 219;
--palette-4-base-contrast: black;
--palette-4-base-contrast-darker: white;
--palette-4-base-text-color: var(--body-color);
--palette-4-dark-3: #33292e;
--palette-4-dark-3-darker: #2e2529;
--palette-4-dark-3-r: 51;
--palette-4-dark-3-g: 41;
--palette-4-dark-3-b: 46;
--palette-4-dark-3-contrast: white;
--palette-4-dark-3-contrast-darker: white;
--palette-4-dark-3-text-color: var(--body-alt-color);
--palette-4-dark-2: #634b58;
--palette-4-dark-2-darker: #59444f;
--palette-4-dark-2-r: 99;
--palette-4-dark-2-g: 75;
--palette-4-dark-2-b: 88;
--palette-4-dark-2-contrast: white;
--palette-4-dark-2-contrast-darker: white;
--palette-4-dark-2-text-color: var(--body-alt-color);
--palette-4-dark-1: #926a80;
--palette-4-dark-1-darker: #835f73;
--palette-4-dark-1-r: 146;
--palette-4-dark-1-g: 106;
--palette-4-dark-1-b: 128;
--palette-4-dark-1-contrast: white;
--palette-4-dark-1-contrast-darker: white;
--palette-4-dark-1-text-color: var(--body-alt-color);
--palette-4: #c285a6;
--palette-4-darker: #b76f96;
--palette-4-r: 194;
--palette-4-g: 133;
--palette-4-b: 166;
--palette-4-contrast: white;
--palette-4-contrast-darker: white;
--palette-4-text-color: var(--body-alt-color);
--palette-4-light-1: #f6bbdb;
--palette-4-light-1-darker: #f195c7;
--palette-4-light-1-r: 246;
--palette-4-light-1-g: 187;
--palette-4-light-1-b: 219;
--palette-4-light-1-contrast: black;
--palette-4-light-1-contrast-darker: white;
--palette-4-light-1-text-color: var(--body-color);
--palette-4-light-2: #fad9eb;
--palette-4-light-2-darker: #f5b0d5;
--palette-4-light-2-r: 250;
--palette-4-light-2-g: 217;
--palette-4-light-2-b: 235;
--palette-4-light-2-contrast: black;
--palette-4-light-2-contrast-darker: black;
--palette-4-light-2-text-color: var(--body-color);
--palette-4-light-3: #fef8fb;
--palette-4-light-3-darker: #f8cce2;
--palette-4-light-3-r: 254;
--palette-4-light-3-g: 248;
--palette-4-light-3-b: 251;
--palette-4-light-3-contrast: black;
--palette-4-light-3-contrast-darker: black;
--palette-4-light-3-text-color: var(--body-color);
--palette-5-base: #dcdee1;
--palette-5-base-darker: #c4c7cc;
--palette-5-base-r: 220;
--palette-5-base-g: 222;
--palette-5-base-b: 225;
--palette-5-base-contrast: black;
--palette-5-base-contrast-darker: black;
--palette-5-base-text-color: var(--body-color);
--palette-5-dark-3: #292d33;
--palette-5-dark-3-darker: #25292e;
--palette-5-dark-3-r: 41;
--palette-5-dark-3-g: 45;
--palette-5-dark-3-b: 51;
--palette-5-dark-3-contrast: white;
--palette-5-dark-3-contrast-darker: white;
--palette-5-dark-3-text-color: var(--body-alt-color);
--palette-5-dark-2: #4c5461;
--palette-5-dark-2-darker: #444c57;
--palette-5-dark-2-r: 76;
--palette-5-dark-2-g: 84;
--palette-5-dark-2-b: 97;
--palette-5-dark-2-contrast: white;
--palette-5-dark-2-contrast-darker: white;
--palette-5-dark-2-text-color: var(--body-alt-color);
--palette-5-dark-1: #6d7a8e;
--palette-5-dark-1-darker: #626e80;
--palette-5-dark-1-r: 109;
--palette-5-dark-1-g: 122;
--palette-5-dark-1-b: 142;
--palette-5-dark-1-contrast: white;
--palette-5-dark-1-contrast-darker: white;
--palette-5-dark-1-text-color: var(--body-alt-color);
--palette-5: #8da0bc;
--palette-5-darker: #788fb0;
--palette-5-r: 141;
--palette-5-g: 160;
--palette-5-b: 188;
--palette-5-contrast: white;
--palette-5-contrast-darker: white;
--palette-5-text-color: var(--body-alt-color);
--palette-5-light-1: #b2becf;
--palette-5-light-1-darker: #9aaac0;
--palette-5-light-1-r: 178;
--palette-5-light-1-g: 190;
--palette-5-light-1-b: 207;
--palette-5-light-1-contrast: black;
--palette-5-light-1-contrast-darker: white;
--palette-5-light-1-text-color: var(--body-color);
--palette-5-light-2: #dcdee1;
--palette-5-light-2-darker: #c4c7cc;
--palette-5-light-2-r: 220;
--palette-5-light-2-g: 222;
--palette-5-light-2-b: 225;
--palette-5-light-2-contrast: black;
--palette-5-light-2-contrast-darker: black;
--palette-5-light-2-text-color: var(--body-color);
--palette-5-light-3: #f7f9fc;
--palette-5-light-3-darker: #d3deee;
--palette-5-light-3-r: 247;
--palette-5-light-3-g: 249;
--palette-5-light-3-b: 252;
--palette-5-light-3-contrast: black;
--palette-5-light-3-contrast-darker: black;
--palette-5-light-3-text-color: var(--body-color);
--grey-40: #999999;
--grey-40-darker: #8a8a8a;
--grey-40-r: 153;
--grey-40-g: 153;
--grey-40-b: 153;
--grey-40-contrast: white;
--grey-40-contrast-darker: white;
--grey-40-text-color: var(--body-alt-color);
--grey-30: #b3b3b3;
--grey-30-darker: #a1a1a1;
--grey-30-r: 179;
--grey-30-g: 179;
--grey-30-b: 179;
--grey-30-contrast: white;
--grey-30-contrast-darker: white;
--grey-30-text-color: var(--body-alt-color);
--grey-25: #c0c0c0;
--grey-25-darker: #adadad;
--grey-25-r: 192;
--grey-25-g: 192;
--grey-25-b: 192;
--grey-25-contrast: black;
--grey-25-contrast-darker: white;
--grey-25-text-color: var(--body-color);
--white: #ffffff;
--white-darker: #e6e6e6;
--white-r: 255;
--white-g: 255;
--white-b: 255;
--white-contrast: black;
--white-contrast-darker: black;
--white-text-color: var(--body-color);
--grey-15: #d9d9d9;
--grey-15-darker: #c3c3c3;
--grey-15-r: 217;
--grey-15-g: 217;
--grey-15-b: 217;
--grey-15-contrast: black;
--grey-15-contrast-darker: black;
--grey-15-text-color: var(--body-color);
--grey-10: #e5e5e5;
--grey-10-darker: #cecece;
--grey-10-r: 229;
--grey-10-g: 229;
--grey-10-b: 229;
--grey-10-contrast: black;
--grey-10-contrast-darker: black;
--grey-10-text-color: var(--body-color);
--grey-5: #f2f2f2;
--grey-5-darker: #dadada;
--grey-5-r: 242;
--grey-5-g: 242;
--grey-5-b: 242;
--grey-5-contrast: black;
--grey-5-contrast-darker: black;
--grey-5-text-color: var(--body-color);
--grey-90: #1a1a1a;
--grey-90-darker: #171717;
--grey-90-r: 26;
--grey-90-g: 26;
--grey-90-b: 26;
--grey-90-contrast: white;
--grey-90-contrast-darker: white;
--grey-90-text-color: var(--body-alt-color);
--grey-80: #333333;
--grey-80-darker: #2e2e2e;
--grey-80-r: 51;
--grey-80-g: 51;
--grey-80-b: 51;
--grey-80-contrast: white;
--grey-80-contrast-darker: white;
--grey-80-text-color: var(--body-alt-color);
--grey-75: #404040;
--grey-75-darker: #3a3a3a;
--grey-75-r: 64;
--grey-75-g: 64;
--grey-75-b: 64;
--grey-75-contrast: white;
--grey-75-contrast-darker: white;
--grey-75-text-color: var(--body-alt-color);
--black: #000000;
--black-darker: #000000;
--black-r: 0;
--black-g: 0;
--black-b: 0;
--black-contrast: white;
--black-contrast-darker: white;
--black-text-color: var(--body-alt-color);
--grey-70: #4d4d4d;
--grey-70-darker: #454545;
--grey-70-r: 77;
--grey-70-g: 77;
--grey-70-b: 77;
--grey-70-contrast: white;
--grey-70-contrast-darker: white;
--grey-70-text-color: var(--body-alt-color);
--grey-60: #666666;
--grey-60-darker: #5c5c5c;
--grey-60-r: 102;
--grey-60-g: 102;
--grey-60-b: 102;
--grey-60-contrast: white;
--grey-60-contrast-darker: white;
--grey-60-text-color: var(--body-alt-color);
--grey-50: #808080;
--grey-50-darker: #737373;
--grey-50-r: 128;
--grey-50-g: 128;
--grey-50-b: 128;
--grey-50-contrast: white;
--grey-50-contrast-darker: white;
--grey-50-text-color: var(--body-alt-color);
--grey-dark-3: #212121;
--grey-dark-3-darker: #1e1e1e;
--grey-dark-3-r: 33;
--grey-dark-3-g: 33;
--grey-dark-3-b: 33;
--grey-dark-3-contrast: white;
--grey-dark-3-contrast-darker: white;
--grey-dark-3-text-color: var(--body-alt-color);
--grey-dark-2: #333333;
--grey-dark-2-darker: #2e2e2e;
--grey-dark-2-r: 51;
--grey-dark-2-g: 51;
--grey-dark-2-b: 51;
--grey-dark-2-contrast: white;
--grey-dark-2-contrast-darker: white;
--grey-dark-2-text-color: var(--body-alt-color);
--grey-dark-1: #454545;
--grey-dark-1-darker: #3e3e3e;
--grey-dark-1-r: 69;
--grey-dark-1-g: 69;
--grey-dark-1-b: 69;
--grey-dark-1-contrast: white;
--grey-dark-1-contrast-darker: white;
--grey-dark-1-text-color: var(--body-alt-color);
--grey: #b3b3b3;
--grey-darker: #a1a1a1;
--grey-r: 179;
--grey-g: 179;
--grey-b: 179;
--grey-contrast: white;
--grey-contrast-darker: white;
--grey-text-color: var(--body-alt-color);
--grey-light-1: #d9d9d9;
--grey-light-1-darker: #c3c3c3;
--grey-light-1-r: 217;
--grey-light-1-g: 217;
--grey-light-1-b: 217;
--grey-light-1-contrast: black;
--grey-light-1-contrast-darker: black;
--grey-light-1-text-color: var(--body-color);
--grey-light-2: #eeeeee;
--grey-light-2-darker: #d6d6d6;
--grey-light-2-r: 238;
--grey-light-2-g: 238;
--grey-light-2-b: 238;
--grey-light-2-contrast: black;
--grey-light-2-contrast-darker: black;
--grey-light-2-text-color: var(--body-color);
--grey-light-3: #f6f6f6;
--grey-light-3-darker: #dddddd;
--grey-light-3-r: 246;
--grey-light-3-g: 246;
--grey-light-3-b: 246;
--grey-light-3-contrast: black;
--grey-light-3-contrast-darker: black;
--grey-light-3-text-color: var(--body-color);
--color-1-base: #e6737a;
--color-1-base-darker: #e1565e;
--color-1-base-r: 230;
--color-1-base-g: 115;
--color-1-base-b: 122;
--color-1-base-contrast: white;
--color-1-base-contrast-darker: white;
--color-1-base-text-color: var(--body-alt-color);
--color-1-dark-3: #332929;
--color-1-dark-3-darker: #2e2525;
--color-1-dark-3-r: 51;
--color-1-dark-3-g: 41;
--color-1-dark-3-b: 41;
--color-1-dark-3-contrast: white;
--color-1-dark-3-contrast-darker: white;
--color-1-dark-3-text-color: var(--body-alt-color);
--color-1-dark-2: #6f4d4f;
--color-1-dark-2-darker: #644547;
--color-1-dark-2-r: 111;
--color-1-dark-2-g: 77;
--color-1-dark-2-b: 79;
--color-1-dark-2-contrast: white;
--color-1-dark-2-contrast-darker: white;
--color-1-dark-2-text-color: var(--body-alt-color);
--color-1-dark-1: #aa666a;
--color-1-dark-1-darker: #9d575c;
--color-1-dark-1-r: 170;
--color-1-dark-1-g: 102;
--color-1-dark-1-b: 106;
--color-1-dark-1-contrast: white;
--color-1-dark-1-contrast-darker: white;
--color-1-dark-1-text-color: var(--body-alt-color);
--color-1: #e6737a;
--color-1-darker: #e1565e;
--color-1-r: 230;
--color-1-g: 115;
--color-1-b: 122;
--color-1-contrast: white;
--color-1-contrast-darker: white;
--color-1-text-color: var(--body-alt-color);
--color-1-light-1: #ee9a9f;
--color-1-light-1-darker: #e8787f;
--color-1-light-1-r: 238;
--color-1-light-1-g: 154;
--color-1-light-1-b: 159;
--color-1-light-1-contrast: white;
--color-1-light-1-contrast-darker: white;
--color-1-light-1-text-color: var(--body-alt-color);
--color-1-light-2: #f5c4c7;
--color-1-light-2-darker: #ef9ea3;
--color-1-light-2-r: 245;
--color-1-light-2-g: 196;
--color-1-light-2-b: 199;
--color-1-light-2-contrast: black;
--color-1-light-2-contrast-darker: white;
--color-1-light-2-text-color: var(--body-color);
--color-1-light-3: #fdf0f1;
--color-1-light-3-darker: #f7c4c8;
--color-1-light-3-r: 253;
--color-1-light-3-g: 240;
--color-1-light-3-b: 241;
--color-1-light-3-contrast: black;
--color-1-light-3-contrast-darker: black;
--color-1-light-3-text-color: var(--body-color);
--color-2-base: #a248ae;
--color-2-base-darker: #92419d;
--color-2-base-r: 162;
--color-2-base-g: 72;
--color-2-base-b: 174;
--color-2-base-contrast: white;
--color-2-base-contrast-darker: white;
--color-2-base-text-color: var(--body-alt-color);
--color-2-dark-3: #322933;
--color-2-dark-3-darker: #2d252e;
--color-2-dark-3-r: 50;
--color-2-dark-3-g: 41;
--color-2-dark-3-b: 51;
--color-2-dark-3-contrast: white;
--color-2-dark-3-contrast-darker: white;
--color-2-dark-3-text-color: var(--body-alt-color);
--color-2-dark-2: #6b4471;
--color-2-dark-2-darker: #603d66;
--color-2-dark-2-r: 107;
--color-2-dark-2-g: 68;
--color-2-dark-2-b: 113;
--color-2-dark-2-contrast: white;
--color-2-dark-2-contrast-darker: white;
--color-2-dark-2-text-color: var(--body-alt-color);
--color-2-dark-1: #a248ae;
--color-2-dark-1-darker: #92419d;
--color-2-dark-1-r: 162;
--color-2-dark-1-g: 72;
--color-2-dark-1-b: 174;
--color-2-dark-1-contrast: white;
--color-2-dark-1-contrast-darker: white;
--color-2-dark-1-text-color: var(--body-alt-color);
--color-2: #c864d5;
--color-2-darker: #bf4bce;
--color-2-r: 200;
--color-2-g: 100;
--color-2-b: 213;
--color-2-contrast: white;
--color-2-contrast-darker: white;
--color-2-text-color: var(--body-alt-color);
--color-2-light-1: #d88ee2;
--color-2-light-1-darker: #ce71da;
--color-2-light-1-r: 216;
--color-2-light-1-g: 142;
--color-2-light-1-b: 226;
--color-2-light-1-contrast: white;
--color-2-light-1-contrast-darker: white;
--color-2-light-1-text-color: var(--body-alt-color);
--color-2-light-2: #e8bcee;
--color-2-light-2-darker: #dc9ae5;
--color-2-light-2-r: 232;
--color-2-light-2-g: 188;
--color-2-light-2-b: 238;
--color-2-light-2-contrast: black;
--color-2-light-2-contrast-darker: white;
--color-2-light-2-text-color: var(--body-color);
--color-2-light-3: #f9edfb;
--color-2-light-3-darker: #ecc5f2;
--color-2-light-3-r: 249;
--color-2-light-3-g: 237;
--color-2-light-3-b: 251;
--color-2-light-3-contrast: black;
--color-2-light-3-contrast-darker: black;
--color-2-light-3-text-color: var(--body-color);
--color-3-base: #f8a9b0;
--color-3-base-darker: #f5828d;
--color-3-base-r: 248;
--color-3-base-g: 169;
--color-3-base-b: 176;
--color-3-base-contrast: black;
--color-3-base-contrast-darker: white;
--color-3-base-text-color: var(--body-color);
--color-3-dark-3: #33292a;
--color-3-dark-3-darker: #2e2526;
--color-3-dark-3-r: 51;
--color-3-dark-3-g: 41;
--color-3-dark-3-b: 42;
--color-3-dark-3-contrast: white;
--color-3-dark-3-contrast-darker: white;
--color-3-dark-3-text-color: var(--body-alt-color);
--color-3-dark-2: #654a4d;
--color-3-dark-2-darker: #5b4345;
--color-3-dark-2-r: 101;
--color-3-dark-2-g: 74;
--color-3-dark-2-b: 77;
--color-3-dark-2-contrast: white;
--color-3-dark-2-contrast-darker: white;
--color-3-dark-2-text-color: var(--body-alt-color);
--color-3-dark-1: #96666a;
--color-3-dark-1-darker: #875c5f;
--color-3-dark-1-r: 150;
--color-3-dark-1-g: 102;
--color-3-dark-1-b: 106;
--color-3-dark-1-contrast: white;
--color-3-dark-1-contrast-darker: white;
--color-3-dark-1-text-color: var(--body-alt-color);
--color-3: #c87b82;
--color-3-darker: #bf646c;
--color-3-r: 200;
--color-3-g: 123;
--color-3-b: 130;
--color-3-contrast: white;
--color-3-contrast-darker: white;
--color-3-text-color: var(--body-alt-color);
--color-3-light-1: #f8a9b0;
--color-3-light-1-darker: #f5828d;
--color-3-light-1-r: 248;
--color-3-light-1-g: 169;
--color-3-light-1-b: 176;
--color-3-light-1-contrast: black;
--color-3-light-1-contrast-darker: white;
--color-3-light-1-text-color: var(--body-color);
--color-3-light-2: #fbcfd3;
--color-3-light-2-darker: #f7a5ac;
--color-3-light-2-r: 251;
--color-3-light-2-g: 207;
--color-3-light-2-b: 211;
--color-3-light-2-contrast: black;
--color-3-light-2-contrast-darker: white;
--color-3-light-2-text-color: var(--body-color);
--color-3-light-3: #fef6f7;
--color-3-light-3-darker: #f9c9cf;
--color-3-light-3-r: 254;
--color-3-light-3-g: 246;
--color-3-light-3-b: 247;
--color-3-light-3-contrast: black;
--color-3-light-3-contrast-darker: black;
--color-3-light-3-text-color: var(--body-color);
--color-4-base: #f6bbdb;
--color-4-base-darker: #f195c7;
--color-4-base-r: 246;
--color-4-base-g: 187;
--color-4-base-b: 219;
--color-4-base-contrast: black;
--color-4-base-contrast-darker: white;
--color-4-base-text-color: var(--body-color);
--color-4-dark-3: #33292e;
--color-4-dark-3-darker: #2e2529;
--color-4-dark-3-r: 51;
--color-4-dark-3-g: 41;
--color-4-dark-3-b: 46;
--color-4-dark-3-contrast: white;
--color-4-dark-3-contrast-darker: white;
--color-4-dark-3-text-color: var(--body-alt-color);
--color-4-dark-2: #634b58;
--color-4-dark-2-darker: #59444f;
--color-4-dark-2-r: 99;
--color-4-dark-2-g: 75;
--color-4-dark-2-b: 88;
--color-4-dark-2-contrast: white;
--color-4-dark-2-contrast-darker: white;
--color-4-dark-2-text-color: var(--body-alt-color);
--color-4-dark-1: #926a80;
--color-4-dark-1-darker: #835f73;
--color-4-dark-1-r: 146;
--color-4-dark-1-g: 106;
--color-4-dark-1-b: 128;
--color-4-dark-1-contrast: white;
--color-4-dark-1-contrast-darker: white;
--color-4-dark-1-text-color: var(--body-alt-color);
--color-4: #c285a6;
--color-4-darker: #b76f96;
--color-4-r: 194;
--color-4-g: 133;
--color-4-b: 166;
--color-4-contrast: white;
--color-4-contrast-darker: white;
--color-4-text-color: var(--body-alt-color);
--color-4-light-1: #f6bbdb;
--color-4-light-1-darker: #f195c7;
--color-4-light-1-r: 246;
--color-4-light-1-g: 187;
--color-4-light-1-b: 219;
--color-4-light-1-contrast: black;
--color-4-light-1-contrast-darker: white;
--color-4-light-1-text-color: var(--body-color);
--color-4-light-2: #fad9eb;
--color-4-light-2-darker: #f5b0d5;
--color-4-light-2-r: 250;
--color-4-light-2-g: 217;
--color-4-light-2-b: 235;
--color-4-light-2-contrast: black;
--color-4-light-2-contrast-darker: black;
--color-4-light-2-text-color: var(--body-color);
--color-4-light-3: #fef8fb;
--color-4-light-3-darker: #f8cce2;
--color-4-light-3-r: 254;
--color-4-light-3-g: 248;
--color-4-light-3-b: 251;
--color-4-light-3-contrast: black;
--color-4-light-3-contrast-darker: black;
--color-4-light-3-text-color: var(--body-color);
--color-5-base: #dcdee1;
--color-5-base-darker: #c4c7cc;
--color-5-base-r: 220;
--color-5-base-g: 222;
--color-5-base-b: 225;
--color-5-base-contrast: black;
--color-5-base-contrast-darker: black;
--color-5-base-text-color: var(--body-color);
--color-5-dark-3: #292d33;
--color-5-dark-3-darker: #25292e;
--color-5-dark-3-r: 41;
--color-5-dark-3-g: 45;
--color-5-dark-3-b: 51;
--color-5-dark-3-contrast: white;
--color-5-dark-3-contrast-darker: white;
--color-5-dark-3-text-color: var(--body-alt-color);
--color-5-dark-2: #4c5461;
--color-5-dark-2-darker: #444c57;
--color-5-dark-2-r: 76;
--color-5-dark-2-g: 84;
--color-5-dark-2-b: 97;
--color-5-dark-2-contrast: white;
--color-5-dark-2-contrast-darker: white;
--color-5-dark-2-text-color: var(--body-alt-color);
--color-5-dark-1: #6d7a8e;
--color-5-dark-1-darker: #626e80;
--color-5-dark-1-r: 109;
--color-5-dark-1-g: 122;
--color-5-dark-1-b: 142;
--color-5-dark-1-contrast: white;
--color-5-dark-1-contrast-darker: white;
--color-5-dark-1-text-color: var(--body-alt-color);
--color-5: #8da0bc;
--color-5-darker: #788fb0;
--color-5-r: 141;
--color-5-g: 160;
--color-5-b: 188;
--color-5-contrast: white;
--color-5-contrast-darker: white;
--color-5-text-color: var(--body-alt-color);
--color-5-light-1: #b2becf;
--color-5-light-1-darker: #9aaac0;
--color-5-light-1-r: 178;
--color-5-light-1-g: 190;
--color-5-light-1-b: 207;
--color-5-light-1-contrast: black;
--color-5-light-1-contrast-darker: white;
--color-5-light-1-text-color: var(--body-color);
--color-5-light-2: #dcdee1;
--color-5-light-2-darker: #c4c7cc;
--color-5-light-2-r: 220;
--color-5-light-2-g: 222;
--color-5-light-2-b: 225;
--color-5-light-2-contrast: black;
--color-5-light-2-contrast-darker: black;
--color-5-light-2-text-color: var(--body-color);
--color-5-light-3: #f7f9fc;
--color-5-light-3-darker: #d3deee;
--color-5-light-3-r: 247;
--color-5-light-3-g: 249;
--color-5-light-3-b: 252;
--color-5-light-3-contrast: black;
--color-5-light-3-contrast-darker: black;
--color-5-light-3-text-color: var(--body-color);
--white-contrast: var(--body-color);
--shading-contrast: var(--body-alt-color);
--bg-contrast: var(--body-color);
}.u-custom-color-1,
        .u-body.u-custom-color-1,
        section.u-custom-color-1:before,
        .u-custom-color-1 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-1 > .u-container-layout:before,
        .u-custom-color-1 > .u-inner-container-layout:before,
        .u-custom-color-1.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-1:before,
        .u-table-alt-custom-color-1 tr:nth-child(even)
        {
            color: var(--custom-color-1-text-color);
            background-color: var(--custom-color-1);

        }

        .u-input.u-custom-color-1,
        .u-field-input.u-custom-color-1,
        .u-button-style.u-custom-color-1,
        .u-button-style.u-custom-color-1[class*="u-border-"]
        {
            color: var(--custom-color-1-text-color) !important;
            background-color: var(--custom-color-1) !important;
        }

        .u-button-style.u-custom-color-1:hover,
        .u-button-style.u-custom-color-1[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-1:focus,
        .u-button-style.u-custom-color-1[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-1:active,
        .u-button-style.u-button-style.u-custom-color-1[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-1.active,
        .u-button-style.u-button-style.u-custom-color-1[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-1,
        li.active > .u-button-style.u-button-style.u-custom-color-1[class*="u-border-"]
        {
            color: var(--custom-color-1-text-color) !important;
            background-color: var(--custom-color-1-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-1:hover,
        .u-hover-custom-color-1[class*="u-border-"]:hover,
        .u-hover-custom-color-1:focus,
        .u-hover-custom-color-1[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-1:hover,
        a.u-button-style.u-hover-custom-color-1.hover,
        a.u-button-style.u-hover-custom-color-1[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-1[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-1,
        a.u-button-style:hover > .u-hover-custom-color-1[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-1:focus,
        a.u-button-style.u-hover-custom-color-1[class*="u-border-"]:focus
        {
            color: var(--custom-color-1-text-color) !important;
            background-color: var(--custom-color-1) !important;
        }

        /* active */
        .u-active-custom-color-1.u-active.u-active,
        .u-active-custom-color-1[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-1:active,
        a.u-button-style.u-button-style.u-active-custom-color-1[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-1.active,
        a.u-button-style.u-button-style.u-active-custom-color-1[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-1,
        a.u-button-style.u-button-style.active > .u-active-custom-color-1[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-1,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-1[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-1:checked
        {
            color: var(--custom-color-1-text-color) !important;
            background-color: var(--custom-color-1) !important;
        }

        a.u-link.u-hover-custom-color-1:hover {
            color: var(--custom-color-1) !important;
        }

        
        
        .u-custom-color-2,
        .u-body.u-custom-color-2,
        section.u-custom-color-2:before,
        .u-custom-color-2 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-2 > .u-container-layout:before,
        .u-custom-color-2 > .u-inner-container-layout:before,
        .u-custom-color-2.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-2:before,
        .u-table-alt-custom-color-2 tr:nth-child(even)
        {
            color: var(--custom-color-2-text-color);
            background-color: var(--custom-color-2);

        }

        .u-input.u-custom-color-2,
        .u-field-input.u-custom-color-2,
        .u-button-style.u-custom-color-2,
        .u-button-style.u-custom-color-2[class*="u-border-"]
        {
            color: var(--custom-color-2-text-color) !important;
            background-color: var(--custom-color-2) !important;
        }

        .u-button-style.u-custom-color-2:hover,
        .u-button-style.u-custom-color-2[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-2:focus,
        .u-button-style.u-custom-color-2[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-2:active,
        .u-button-style.u-button-style.u-custom-color-2[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-2.active,
        .u-button-style.u-button-style.u-custom-color-2[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-2,
        li.active > .u-button-style.u-button-style.u-custom-color-2[class*="u-border-"]
        {
            color: var(--custom-color-2-text-color) !important;
            background-color: var(--custom-color-2-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-2:hover,
        .u-hover-custom-color-2[class*="u-border-"]:hover,
        .u-hover-custom-color-2:focus,
        .u-hover-custom-color-2[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-2:hover,
        a.u-button-style.u-hover-custom-color-2.hover,
        a.u-button-style.u-hover-custom-color-2[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-2[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-2,
        a.u-button-style:hover > .u-hover-custom-color-2[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-2:focus,
        a.u-button-style.u-hover-custom-color-2[class*="u-border-"]:focus
        {
            color: var(--custom-color-2-text-color) !important;
            background-color: var(--custom-color-2) !important;
        }

        /* active */
        .u-active-custom-color-2.u-active.u-active,
        .u-active-custom-color-2[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-2:active,
        a.u-button-style.u-button-style.u-active-custom-color-2[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-2.active,
        a.u-button-style.u-button-style.u-active-custom-color-2[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-2,
        a.u-button-style.u-button-style.active > .u-active-custom-color-2[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-2,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-2[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-2:checked
        {
            color: var(--custom-color-2-text-color) !important;
            background-color: var(--custom-color-2) !important;
        }

        a.u-link.u-hover-custom-color-2:hover {
            color: var(--custom-color-2) !important;
        }

        
        
        .u-custom-color-3,
        .u-body.u-custom-color-3,
        section.u-custom-color-3:before,
        .u-custom-color-3 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-3 > .u-container-layout:before,
        .u-custom-color-3 > .u-inner-container-layout:before,
        .u-custom-color-3.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-3:before,
        .u-table-alt-custom-color-3 tr:nth-child(even)
        {
            color: var(--custom-color-3-text-color);
            background-color: var(--custom-color-3);

        }

        .u-input.u-custom-color-3,
        .u-field-input.u-custom-color-3,
        .u-button-style.u-custom-color-3,
        .u-button-style.u-custom-color-3[class*="u-border-"]
        {
            color: var(--custom-color-3-text-color) !important;
            background-color: var(--custom-color-3) !important;
        }

        .u-button-style.u-custom-color-3:hover,
        .u-button-style.u-custom-color-3[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-3:focus,
        .u-button-style.u-custom-color-3[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-3:active,
        .u-button-style.u-button-style.u-custom-color-3[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-3.active,
        .u-button-style.u-button-style.u-custom-color-3[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-3,
        li.active > .u-button-style.u-button-style.u-custom-color-3[class*="u-border-"]
        {
            color: var(--custom-color-3-text-color) !important;
            background-color: var(--custom-color-3-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-3:hover,
        .u-hover-custom-color-3[class*="u-border-"]:hover,
        .u-hover-custom-color-3:focus,
        .u-hover-custom-color-3[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-3:hover,
        a.u-button-style.u-hover-custom-color-3.hover,
        a.u-button-style.u-hover-custom-color-3[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-3[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-3,
        a.u-button-style:hover > .u-hover-custom-color-3[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-3:focus,
        a.u-button-style.u-hover-custom-color-3[class*="u-border-"]:focus
        {
            color: var(--custom-color-3-text-color) !important;
            background-color: var(--custom-color-3) !important;
        }

        /* active */
        .u-active-custom-color-3.u-active.u-active,
        .u-active-custom-color-3[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-3:active,
        a.u-button-style.u-button-style.u-active-custom-color-3[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-3.active,
        a.u-button-style.u-button-style.u-active-custom-color-3[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-3,
        a.u-button-style.u-button-style.active > .u-active-custom-color-3[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-3,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-3[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-3:checked
        {
            color: var(--custom-color-3-text-color) !important;
            background-color: var(--custom-color-3) !important;
        }

        a.u-link.u-hover-custom-color-3:hover {
            color: var(--custom-color-3) !important;
        }

        
        
        .u-custom-color-4,
        .u-body.u-custom-color-4,
        section.u-custom-color-4:before,
        .u-custom-color-4 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-4 > .u-container-layout:before,
        .u-custom-color-4 > .u-inner-container-layout:before,
        .u-custom-color-4.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-4:before,
        .u-table-alt-custom-color-4 tr:nth-child(even)
        {
            color: var(--custom-color-4-text-color);
            background-color: var(--custom-color-4);

        }

        .u-input.u-custom-color-4,
        .u-field-input.u-custom-color-4,
        .u-button-style.u-custom-color-4,
        .u-button-style.u-custom-color-4[class*="u-border-"]
        {
            color: var(--custom-color-4-text-color) !important;
            background-color: var(--custom-color-4) !important;
        }

        .u-button-style.u-custom-color-4:hover,
        .u-button-style.u-custom-color-4[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-4:focus,
        .u-button-style.u-custom-color-4[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-4:active,
        .u-button-style.u-button-style.u-custom-color-4[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-4.active,
        .u-button-style.u-button-style.u-custom-color-4[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-4,
        li.active > .u-button-style.u-button-style.u-custom-color-4[class*="u-border-"]
        {
            color: var(--custom-color-4-text-color) !important;
            background-color: var(--custom-color-4-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-4:hover,
        .u-hover-custom-color-4[class*="u-border-"]:hover,
        .u-hover-custom-color-4:focus,
        .u-hover-custom-color-4[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-4:hover,
        a.u-button-style.u-hover-custom-color-4.hover,
        a.u-button-style.u-hover-custom-color-4[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-4[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-4,
        a.u-button-style:hover > .u-hover-custom-color-4[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-4:focus,
        a.u-button-style.u-hover-custom-color-4[class*="u-border-"]:focus
        {
            color: var(--custom-color-4-text-color) !important;
            background-color: var(--custom-color-4) !important;
        }

        /* active */
        .u-active-custom-color-4.u-active.u-active,
        .u-active-custom-color-4[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-4:active,
        a.u-button-style.u-button-style.u-active-custom-color-4[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-4.active,
        a.u-button-style.u-button-style.u-active-custom-color-4[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-4,
        a.u-button-style.u-button-style.active > .u-active-custom-color-4[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-4,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-4[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-4:checked
        {
            color: var(--custom-color-4-text-color) !important;
            background-color: var(--custom-color-4) !important;
        }

        a.u-link.u-hover-custom-color-4:hover {
            color: var(--custom-color-4) !important;
        }

        
        
        .u-custom-color-5,
        .u-body.u-custom-color-5,
        section.u-custom-color-5:before,
        .u-custom-color-5 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-5 > .u-container-layout:before,
        .u-custom-color-5 > .u-inner-container-layout:before,
        .u-custom-color-5.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-5:before,
        .u-table-alt-custom-color-5 tr:nth-child(even)
        {
            color: var(--custom-color-5-text-color);
            background-color: var(--custom-color-5);

        }

        .u-input.u-custom-color-5,
        .u-field-input.u-custom-color-5,
        .u-button-style.u-custom-color-5,
        .u-button-style.u-custom-color-5[class*="u-border-"]
        {
            color: var(--custom-color-5-text-color) !important;
            background-color: var(--custom-color-5) !important;
        }

        .u-button-style.u-custom-color-5:hover,
        .u-button-style.u-custom-color-5[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-5:focus,
        .u-button-style.u-custom-color-5[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-5:active,
        .u-button-style.u-button-style.u-custom-color-5[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-5.active,
        .u-button-style.u-button-style.u-custom-color-5[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-5,
        li.active > .u-button-style.u-button-style.u-custom-color-5[class*="u-border-"]
        {
            color: var(--custom-color-5-text-color) !important;
            background-color: var(--custom-color-5-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-5:hover,
        .u-hover-custom-color-5[class*="u-border-"]:hover,
        .u-hover-custom-color-5:focus,
        .u-hover-custom-color-5[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-5:hover,
        a.u-button-style.u-hover-custom-color-5.hover,
        a.u-button-style.u-hover-custom-color-5[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-5[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-5,
        a.u-button-style:hover > .u-hover-custom-color-5[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-5:focus,
        a.u-button-style.u-hover-custom-color-5[class*="u-border-"]:focus
        {
            color: var(--custom-color-5-text-color) !important;
            background-color: var(--custom-color-5) !important;
        }

        /* active */
        .u-active-custom-color-5.u-active.u-active,
        .u-active-custom-color-5[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-5:active,
        a.u-button-style.u-button-style.u-active-custom-color-5[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-5.active,
        a.u-button-style.u-button-style.u-active-custom-color-5[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-5,
        a.u-button-style.u-button-style.active > .u-active-custom-color-5[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-5,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-5[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-5:checked
        {
            color: var(--custom-color-5-text-color) !important;
            background-color: var(--custom-color-5) !important;
        }

        a.u-link.u-hover-custom-color-5:hover {
            color: var(--custom-color-5) !important;
        }

        
        
        .u-custom-color-6,
        .u-body.u-custom-color-6,
        section.u-custom-color-6:before,
        .u-custom-color-6 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-6 > .u-container-layout:before,
        .u-custom-color-6 > .u-inner-container-layout:before,
        .u-custom-color-6.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-6:before,
        .u-table-alt-custom-color-6 tr:nth-child(even)
        {
            color: var(--custom-color-6-text-color);
            background-color: var(--custom-color-6);

        }

        .u-input.u-custom-color-6,
        .u-field-input.u-custom-color-6,
        .u-button-style.u-custom-color-6,
        .u-button-style.u-custom-color-6[class*="u-border-"]
        {
            color: var(--custom-color-6-text-color) !important;
            background-color: var(--custom-color-6) !important;
        }

        .u-button-style.u-custom-color-6:hover,
        .u-button-style.u-custom-color-6[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-6:focus,
        .u-button-style.u-custom-color-6[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-6:active,
        .u-button-style.u-button-style.u-custom-color-6[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-6.active,
        .u-button-style.u-button-style.u-custom-color-6[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-6,
        li.active > .u-button-style.u-button-style.u-custom-color-6[class*="u-border-"]
        {
            color: var(--custom-color-6-text-color) !important;
            background-color: var(--custom-color-6-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-6:hover,
        .u-hover-custom-color-6[class*="u-border-"]:hover,
        .u-hover-custom-color-6:focus,
        .u-hover-custom-color-6[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-6:hover,
        a.u-button-style.u-hover-custom-color-6.hover,
        a.u-button-style.u-hover-custom-color-6[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-6[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-6,
        a.u-button-style:hover > .u-hover-custom-color-6[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-6:focus,
        a.u-button-style.u-hover-custom-color-6[class*="u-border-"]:focus
        {
            color: var(--custom-color-6-text-color) !important;
            background-color: var(--custom-color-6) !important;
        }

        /* active */
        .u-active-custom-color-6.u-active.u-active,
        .u-active-custom-color-6[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-6:active,
        a.u-button-style.u-button-style.u-active-custom-color-6[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-6.active,
        a.u-button-style.u-button-style.u-active-custom-color-6[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-6,
        a.u-button-style.u-button-style.active > .u-active-custom-color-6[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-6,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-6[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-6:checked
        {
            color: var(--custom-color-6-text-color) !important;
            background-color: var(--custom-color-6) !important;
        }

        a.u-link.u-hover-custom-color-6:hover {
            color: var(--custom-color-6) !important;
        }

        
        
        .u-custom-color-7,
        .u-body.u-custom-color-7,
        section.u-custom-color-7:before,
        .u-custom-color-7 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-7 > .u-container-layout:before,
        .u-custom-color-7 > .u-inner-container-layout:before,
        .u-custom-color-7.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-7:before,
        .u-table-alt-custom-color-7 tr:nth-child(even)
        {
            color: var(--custom-color-7-text-color);
            background-color: var(--custom-color-7);

        }

        .u-input.u-custom-color-7,
        .u-field-input.u-custom-color-7,
        .u-button-style.u-custom-color-7,
        .u-button-style.u-custom-color-7[class*="u-border-"]
        {
            color: var(--custom-color-7-text-color) !important;
            background-color: var(--custom-color-7) !important;
        }

        .u-button-style.u-custom-color-7:hover,
        .u-button-style.u-custom-color-7[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-7:focus,
        .u-button-style.u-custom-color-7[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-7:active,
        .u-button-style.u-button-style.u-custom-color-7[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-7.active,
        .u-button-style.u-button-style.u-custom-color-7[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-7,
        li.active > .u-button-style.u-button-style.u-custom-color-7[class*="u-border-"]
        {
            color: var(--custom-color-7-text-color) !important;
            background-color: var(--custom-color-7-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-7:hover,
        .u-hover-custom-color-7[class*="u-border-"]:hover,
        .u-hover-custom-color-7:focus,
        .u-hover-custom-color-7[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-7:hover,
        a.u-button-style.u-hover-custom-color-7.hover,
        a.u-button-style.u-hover-custom-color-7[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-7[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-7,
        a.u-button-style:hover > .u-hover-custom-color-7[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-7:focus,
        a.u-button-style.u-hover-custom-color-7[class*="u-border-"]:focus
        {
            color: var(--custom-color-7-text-color) !important;
            background-color: var(--custom-color-7) !important;
        }

        /* active */
        .u-active-custom-color-7.u-active.u-active,
        .u-active-custom-color-7[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-7:active,
        a.u-button-style.u-button-style.u-active-custom-color-7[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-7.active,
        a.u-button-style.u-button-style.u-active-custom-color-7[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-7,
        a.u-button-style.u-button-style.active > .u-active-custom-color-7[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-7,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-7[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-7:checked
        {
            color: var(--custom-color-7-text-color) !important;
            background-color: var(--custom-color-7) !important;
        }

        a.u-link.u-hover-custom-color-7:hover {
            color: var(--custom-color-7) !important;
        }

        
        
        .u-custom-color-8,
        .u-body.u-custom-color-8,
        section.u-custom-color-8:before,
        .u-custom-color-8 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-8 > .u-container-layout:before,
        .u-custom-color-8 > .u-inner-container-layout:before,
        .u-custom-color-8.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-8:before,
        .u-table-alt-custom-color-8 tr:nth-child(even)
        {
            color: var(--custom-color-8-text-color);
            background-color: var(--custom-color-8);

        }

        .u-input.u-custom-color-8,
        .u-field-input.u-custom-color-8,
        .u-button-style.u-custom-color-8,
        .u-button-style.u-custom-color-8[class*="u-border-"]
        {
            color: var(--custom-color-8-text-color) !important;
            background-color: var(--custom-color-8) !important;
        }

        .u-button-style.u-custom-color-8:hover,
        .u-button-style.u-custom-color-8[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-8:focus,
        .u-button-style.u-custom-color-8[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-8:active,
        .u-button-style.u-button-style.u-custom-color-8[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-8.active,
        .u-button-style.u-button-style.u-custom-color-8[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-8,
        li.active > .u-button-style.u-button-style.u-custom-color-8[class*="u-border-"]
        {
            color: var(--custom-color-8-text-color) !important;
            background-color: var(--custom-color-8-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-8:hover,
        .u-hover-custom-color-8[class*="u-border-"]:hover,
        .u-hover-custom-color-8:focus,
        .u-hover-custom-color-8[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-8:hover,
        a.u-button-style.u-hover-custom-color-8.hover,
        a.u-button-style.u-hover-custom-color-8[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-8[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-8,
        a.u-button-style:hover > .u-hover-custom-color-8[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-8:focus,
        a.u-button-style.u-hover-custom-color-8[class*="u-border-"]:focus
        {
            color: var(--custom-color-8-text-color) !important;
            background-color: var(--custom-color-8) !important;
        }

        /* active */
        .u-active-custom-color-8.u-active.u-active,
        .u-active-custom-color-8[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-8:active,
        a.u-button-style.u-button-style.u-active-custom-color-8[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-8.active,
        a.u-button-style.u-button-style.u-active-custom-color-8[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-8,
        a.u-button-style.u-button-style.active > .u-active-custom-color-8[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-8,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-8[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-8:checked
        {
            color: var(--custom-color-8-text-color) !important;
            background-color: var(--custom-color-8) !important;
        }

        a.u-link.u-hover-custom-color-8:hover {
            color: var(--custom-color-8) !important;
        }

        
        
        .u-custom-color-9,
        .u-body.u-custom-color-9,
        section.u-custom-color-9:before,
        .u-custom-color-9 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-9 > .u-container-layout:before,
        .u-custom-color-9 > .u-inner-container-layout:before,
        .u-custom-color-9.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-9:before,
        .u-table-alt-custom-color-9 tr:nth-child(even)
        {
            color: var(--custom-color-9-text-color);
            background-color: var(--custom-color-9);

        }

        .u-input.u-custom-color-9,
        .u-field-input.u-custom-color-9,
        .u-button-style.u-custom-color-9,
        .u-button-style.u-custom-color-9[class*="u-border-"]
        {
            color: var(--custom-color-9-text-color) !important;
            background-color: var(--custom-color-9) !important;
        }

        .u-button-style.u-custom-color-9:hover,
        .u-button-style.u-custom-color-9[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-9:focus,
        .u-button-style.u-custom-color-9[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-9:active,
        .u-button-style.u-button-style.u-custom-color-9[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-9.active,
        .u-button-style.u-button-style.u-custom-color-9[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-9,
        li.active > .u-button-style.u-button-style.u-custom-color-9[class*="u-border-"]
        {
            color: var(--custom-color-9-text-color) !important;
            background-color: var(--custom-color-9-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-9:hover,
        .u-hover-custom-color-9[class*="u-border-"]:hover,
        .u-hover-custom-color-9:focus,
        .u-hover-custom-color-9[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-9:hover,
        a.u-button-style.u-hover-custom-color-9.hover,
        a.u-button-style.u-hover-custom-color-9[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-9[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-9,
        a.u-button-style:hover > .u-hover-custom-color-9[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-9:focus,
        a.u-button-style.u-hover-custom-color-9[class*="u-border-"]:focus
        {
            color: var(--custom-color-9-text-color) !important;
            background-color: var(--custom-color-9) !important;
        }

        /* active */
        .u-active-custom-color-9.u-active.u-active,
        .u-active-custom-color-9[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-9:active,
        a.u-button-style.u-button-style.u-active-custom-color-9[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-9.active,
        a.u-button-style.u-button-style.u-active-custom-color-9[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-9,
        a.u-button-style.u-button-style.active > .u-active-custom-color-9[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-9,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-9[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-9:checked
        {
            color: var(--custom-color-9-text-color) !important;
            background-color: var(--custom-color-9) !important;
        }

        a.u-link.u-hover-custom-color-9:hover {
            color: var(--custom-color-9) !important;
        }

        
        
        .u-custom-color-10,
        .u-body.u-custom-color-10,
        section.u-custom-color-10:before,
        .u-custom-color-10 > .u-audio-main-layout-wrapper:before,
        .u-custom-color-10 > .u-container-layout:before,
        .u-custom-color-10 > .u-inner-container-layout:before,
        .u-custom-color-10.u-sidenav:before,
        .u-container-layout.u-container-layout.u-custom-color-10:before,
        .u-table-alt-custom-color-10 tr:nth-child(even)
        {
            color: var(--custom-color-10-text-color);
            background-color: var(--custom-color-10);

        }

        .u-input.u-custom-color-10,
        .u-field-input.u-custom-color-10,
        .u-button-style.u-custom-color-10,
        .u-button-style.u-custom-color-10[class*="u-border-"]
        {
            color: var(--custom-color-10-text-color) !important;
            background-color: var(--custom-color-10) !important;
        }

        .u-button-style.u-custom-color-10:hover,
        .u-button-style.u-custom-color-10[class*="u-border-"]:hover,
        .u-button-style.u-custom-color-10:focus,
        .u-button-style.u-custom-color-10[class*="u-border-"]:focus,
        .u-button-style.u-button-style.u-custom-color-10:active,
        .u-button-style.u-button-style.u-custom-color-10[class*="u-border-"]:active,
        .u-button-style.u-button-style.u-custom-color-10.active,
        .u-button-style.u-button-style.u-custom-color-10[class*="u-border-"].active,
        li.active > .u-button-style.u-button-style.u-custom-color-10,
        li.active > .u-button-style.u-button-style.u-custom-color-10[class*="u-border-"]
        {
            color: var(--custom-color-10-text-color) !important;
            background-color: var(--custom-color-10-darker) !important;
        }

        /* hover */
        .u-hover-custom-color-10:hover,
        .u-hover-custom-color-10[class*="u-border-"]:hover,
        .u-hover-custom-color-10:focus,
        .u-hover-custom-color-10[class*="u-border-"]:focus,
        a.u-button-style.u-hover-custom-color-10:hover,
        a.u-button-style.u-hover-custom-color-10.hover,
        a.u-button-style.u-hover-custom-color-10[class*="u-border-"]:hover,
        a.u-button-style.u-hover-custom-color-10[class*="u-border-"].hover,
        a.u-button-style:hover > .u-hover-custom-color-10,
        a.u-button-style:hover > .u-hover-custom-color-10[class*="u-border-"],
        a.u-button-style.u-hover-custom-color-10:focus,
        a.u-button-style.u-hover-custom-color-10[class*="u-border-"]:focus
        {
            color: var(--custom-color-10-text-color) !important;
            background-color: var(--custom-color-10) !important;
        }

        /* active */
        .u-active-custom-color-10.u-active.u-active,
        .u-active-custom-color-10[class*="u-border-"].u-active.u-active,
        a.u-button-style.u-button-style.u-active-custom-color-10:active,
        a.u-button-style.u-button-style.u-active-custom-color-10[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-active-custom-color-10.active,
        a.u-button-style.u-button-style.u-active-custom-color-10[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-active-custom-color-10,
        a.u-button-style.u-button-style.active > .u-active-custom-color-10[class*="u-border-"],
        li.active > a.u-button-style.u-button-style.u-active-custom-color-10,
        li.active > a.u-button-style.u-button-style.u-active-custom-color-10[class*="u-border-"],
        input.u-field-input.u-field-input.u-active-custom-color-10:checked
        {
            color: var(--custom-color-10-text-color) !important;
            background-color: var(--custom-color-10) !important;
        }

        a.u-link.u-hover-custom-color-10:hover {
            color: var(--custom-color-10) !important;
        }

        

        
        .u-border-custom-color-1,
        .u-border-custom-color-1.u-input,
        .u-border-custom-color-1.u-field-input.u-field-input,
        .u-separator-custom-color-1:after
        {
            border-color: var(--custom-color-1);
            stroke: var(--custom-color-1);
        }

        .u-button-style.u-border-custom-color-1
        {
            border-color: var(--custom-color-1) !important;
            color: var(--custom-color-1) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-1:hover,
        .u-button-style.u-border-custom-color-1:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-1-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-1:hover,
        .u-border-hover-custom-color-1:focus,
        a.u-button-style.u-border-hover-custom-color-1:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-1,
        a.u-button-style.u-border-hover-custom-color-1:focus
        {
            color: var(--custom-color-1) !important;
            border-color: var(--custom-color-1) !important;
        }


        .u-border-active-custom-color-1.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-1:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-1.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-1,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-1,
        input.u-field-input.u-field-input.u-border-active-custom-color-1:checked
        {
            color: var(--custom-color-1) !important;
            border-color: var(--custom-color-1) !important;
        }

        .u-link.u-border-custom-color-1[class*="u-border-"]
        {
            border-color: var(--custom-color-1) !important;
        }

        .u-link.u-border-custom-color-1[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-1-darker) !important;
        }
        
        
        .u-border-custom-color-2,
        .u-border-custom-color-2.u-input,
        .u-border-custom-color-2.u-field-input.u-field-input,
        .u-separator-custom-color-2:after
        {
            border-color: var(--custom-color-2);
            stroke: var(--custom-color-2);
        }

        .u-button-style.u-border-custom-color-2
        {
            border-color: var(--custom-color-2) !important;
            color: var(--custom-color-2) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-2:hover,
        .u-button-style.u-border-custom-color-2:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-2-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-2:hover,
        .u-border-hover-custom-color-2:focus,
        a.u-button-style.u-border-hover-custom-color-2:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-2,
        a.u-button-style.u-border-hover-custom-color-2:focus
        {
            color: var(--custom-color-2) !important;
            border-color: var(--custom-color-2) !important;
        }


        .u-border-active-custom-color-2.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-2:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-2.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-2,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-2,
        input.u-field-input.u-field-input.u-border-active-custom-color-2:checked
        {
            color: var(--custom-color-2) !important;
            border-color: var(--custom-color-2) !important;
        }

        .u-link.u-border-custom-color-2[class*="u-border-"]
        {
            border-color: var(--custom-color-2) !important;
        }

        .u-link.u-border-custom-color-2[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-2-darker) !important;
        }
        
        
        .u-border-custom-color-3,
        .u-border-custom-color-3.u-input,
        .u-border-custom-color-3.u-field-input.u-field-input,
        .u-separator-custom-color-3:after
        {
            border-color: var(--custom-color-3);
            stroke: var(--custom-color-3);
        }

        .u-button-style.u-border-custom-color-3
        {
            border-color: var(--custom-color-3) !important;
            color: var(--custom-color-3) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-3:hover,
        .u-button-style.u-border-custom-color-3:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-3-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-3:hover,
        .u-border-hover-custom-color-3:focus,
        a.u-button-style.u-border-hover-custom-color-3:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-3,
        a.u-button-style.u-border-hover-custom-color-3:focus
        {
            color: var(--custom-color-3) !important;
            border-color: var(--custom-color-3) !important;
        }


        .u-border-active-custom-color-3.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-3:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-3.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-3,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-3,
        input.u-field-input.u-field-input.u-border-active-custom-color-3:checked
        {
            color: var(--custom-color-3) !important;
            border-color: var(--custom-color-3) !important;
        }

        .u-link.u-border-custom-color-3[class*="u-border-"]
        {
            border-color: var(--custom-color-3) !important;
        }

        .u-link.u-border-custom-color-3[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-3-darker) !important;
        }
        
        
        .u-border-custom-color-4,
        .u-border-custom-color-4.u-input,
        .u-border-custom-color-4.u-field-input.u-field-input,
        .u-separator-custom-color-4:after
        {
            border-color: var(--custom-color-4);
            stroke: var(--custom-color-4);
        }

        .u-button-style.u-border-custom-color-4
        {
            border-color: var(--custom-color-4) !important;
            color: var(--custom-color-4) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-4:hover,
        .u-button-style.u-border-custom-color-4:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-4-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-4:hover,
        .u-border-hover-custom-color-4:focus,
        a.u-button-style.u-border-hover-custom-color-4:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-4,
        a.u-button-style.u-border-hover-custom-color-4:focus
        {
            color: var(--custom-color-4) !important;
            border-color: var(--custom-color-4) !important;
        }


        .u-border-active-custom-color-4.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-4:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-4.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-4,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-4,
        input.u-field-input.u-field-input.u-border-active-custom-color-4:checked
        {
            color: var(--custom-color-4) !important;
            border-color: var(--custom-color-4) !important;
        }

        .u-link.u-border-custom-color-4[class*="u-border-"]
        {
            border-color: var(--custom-color-4) !important;
        }

        .u-link.u-border-custom-color-4[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-4-darker) !important;
        }
        
        
        .u-border-custom-color-5,
        .u-border-custom-color-5.u-input,
        .u-border-custom-color-5.u-field-input.u-field-input,
        .u-separator-custom-color-5:after
        {
            border-color: var(--custom-color-5);
            stroke: var(--custom-color-5);
        }

        .u-button-style.u-border-custom-color-5
        {
            border-color: var(--custom-color-5) !important;
            color: var(--custom-color-5) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-5:hover,
        .u-button-style.u-border-custom-color-5:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-5-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-5:hover,
        .u-border-hover-custom-color-5:focus,
        a.u-button-style.u-border-hover-custom-color-5:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-5,
        a.u-button-style.u-border-hover-custom-color-5:focus
        {
            color: var(--custom-color-5) !important;
            border-color: var(--custom-color-5) !important;
        }


        .u-border-active-custom-color-5.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-5:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-5.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-5,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-5,
        input.u-field-input.u-field-input.u-border-active-custom-color-5:checked
        {
            color: var(--custom-color-5) !important;
            border-color: var(--custom-color-5) !important;
        }

        .u-link.u-border-custom-color-5[class*="u-border-"]
        {
            border-color: var(--custom-color-5) !important;
        }

        .u-link.u-border-custom-color-5[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-5-darker) !important;
        }
        
        
        .u-border-custom-color-6,
        .u-border-custom-color-6.u-input,
        .u-border-custom-color-6.u-field-input.u-field-input,
        .u-separator-custom-color-6:after
        {
            border-color: var(--custom-color-6);
            stroke: var(--custom-color-6);
        }

        .u-button-style.u-border-custom-color-6
        {
            border-color: var(--custom-color-6) !important;
            color: var(--custom-color-6) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-6:hover,
        .u-button-style.u-border-custom-color-6:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-6-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-6:hover,
        .u-border-hover-custom-color-6:focus,
        a.u-button-style.u-border-hover-custom-color-6:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-6,
        a.u-button-style.u-border-hover-custom-color-6:focus
        {
            color: var(--custom-color-6) !important;
            border-color: var(--custom-color-6) !important;
        }


        .u-border-active-custom-color-6.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-6:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-6.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-6,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-6,
        input.u-field-input.u-field-input.u-border-active-custom-color-6:checked
        {
            color: var(--custom-color-6) !important;
            border-color: var(--custom-color-6) !important;
        }

        .u-link.u-border-custom-color-6[class*="u-border-"]
        {
            border-color: var(--custom-color-6) !important;
        }

        .u-link.u-border-custom-color-6[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-6-darker) !important;
        }
        
        
        .u-border-custom-color-7,
        .u-border-custom-color-7.u-input,
        .u-border-custom-color-7.u-field-input.u-field-input,
        .u-separator-custom-color-7:after
        {
            border-color: var(--custom-color-7);
            stroke: var(--custom-color-7);
        }

        .u-button-style.u-border-custom-color-7
        {
            border-color: var(--custom-color-7) !important;
            color: var(--custom-color-7) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-7:hover,
        .u-button-style.u-border-custom-color-7:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-7-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-7:hover,
        .u-border-hover-custom-color-7:focus,
        a.u-button-style.u-border-hover-custom-color-7:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-7,
        a.u-button-style.u-border-hover-custom-color-7:focus
        {
            color: var(--custom-color-7) !important;
            border-color: var(--custom-color-7) !important;
        }


        .u-border-active-custom-color-7.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-7:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-7.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-7,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-7,
        input.u-field-input.u-field-input.u-border-active-custom-color-7:checked
        {
            color: var(--custom-color-7) !important;
            border-color: var(--custom-color-7) !important;
        }

        .u-link.u-border-custom-color-7[class*="u-border-"]
        {
            border-color: var(--custom-color-7) !important;
        }

        .u-link.u-border-custom-color-7[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-7-darker) !important;
        }
        
        
        .u-border-custom-color-8,
        .u-border-custom-color-8.u-input,
        .u-border-custom-color-8.u-field-input.u-field-input,
        .u-separator-custom-color-8:after
        {
            border-color: var(--custom-color-8);
            stroke: var(--custom-color-8);
        }

        .u-button-style.u-border-custom-color-8
        {
            border-color: var(--custom-color-8) !important;
            color: var(--custom-color-8) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-8:hover,
        .u-button-style.u-border-custom-color-8:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-8-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-8:hover,
        .u-border-hover-custom-color-8:focus,
        a.u-button-style.u-border-hover-custom-color-8:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-8,
        a.u-button-style.u-border-hover-custom-color-8:focus
        {
            color: var(--custom-color-8) !important;
            border-color: var(--custom-color-8) !important;
        }


        .u-border-active-custom-color-8.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-8:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-8.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-8,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-8,
        input.u-field-input.u-field-input.u-border-active-custom-color-8:checked
        {
            color: var(--custom-color-8) !important;
            border-color: var(--custom-color-8) !important;
        }

        .u-link.u-border-custom-color-8[class*="u-border-"]
        {
            border-color: var(--custom-color-8) !important;
        }

        .u-link.u-border-custom-color-8[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-8-darker) !important;
        }
        
        
        .u-border-custom-color-9,
        .u-border-custom-color-9.u-input,
        .u-border-custom-color-9.u-field-input.u-field-input,
        .u-separator-custom-color-9:after
        {
            border-color: var(--custom-color-9);
            stroke: var(--custom-color-9);
        }

        .u-button-style.u-border-custom-color-9
        {
            border-color: var(--custom-color-9) !important;
            color: var(--custom-color-9) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-9:hover,
        .u-button-style.u-border-custom-color-9:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-9-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-9:hover,
        .u-border-hover-custom-color-9:focus,
        a.u-button-style.u-border-hover-custom-color-9:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-9,
        a.u-button-style.u-border-hover-custom-color-9:focus
        {
            color: var(--custom-color-9) !important;
            border-color: var(--custom-color-9) !important;
        }


        .u-border-active-custom-color-9.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-9:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-9.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-9,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-9,
        input.u-field-input.u-field-input.u-border-active-custom-color-9:checked
        {
            color: var(--custom-color-9) !important;
            border-color: var(--custom-color-9) !important;
        }

        .u-link.u-border-custom-color-9[class*="u-border-"]
        {
            border-color: var(--custom-color-9) !important;
        }

        .u-link.u-border-custom-color-9[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-9-darker) !important;
        }
        
        
        .u-border-custom-color-10,
        .u-border-custom-color-10.u-input,
        .u-border-custom-color-10.u-field-input.u-field-input,
        .u-separator-custom-color-10:after
        {
            border-color: var(--custom-color-10);
            stroke: var(--custom-color-10);
        }

        .u-button-style.u-border-custom-color-10
        {
            border-color: var(--custom-color-10) !important;
            color: var(--custom-color-10) !important;
            background-color: transparent !important;
        }

        .u-button-style.u-border-custom-color-10:hover,
        .u-button-style.u-border-custom-color-10:focus
        {
            border-color: transparent !important;
            color: var(--custom-color-10-darker) !important;
            background-color: transparent !important;
        }

        .u-border-hover-custom-color-10:hover,
        .u-border-hover-custom-color-10:focus,
        a.u-button-style.u-border-hover-custom-color-10:hover,
        a.u-button-style:hover > .u-border-hover-custom-color-10,
        a.u-button-style.u-border-hover-custom-color-10:focus
        {
            color: var(--custom-color-10) !important;
            border-color: var(--custom-color-10) !important;
        }


        .u-border-active-custom-color-10.u-active.u-active,
        a.u-button-style.u-button-style.u-border-active-custom-color-10:active,
        a.u-button-style.u-button-style.u-border-active-custom-color-10.active,
        a.u-button-style.u-button-style.active > .u-border-active-custom-color-10,
        li.active > a.u-button-style.u-button-style.u-border-active-custom-color-10,
        input.u-field-input.u-field-input.u-border-active-custom-color-10:checked
        {
            color: var(--custom-color-10) !important;
            border-color: var(--custom-color-10) !important;
        }

        .u-link.u-border-custom-color-10[class*="u-border-"]
        {
            border-color: var(--custom-color-10) !important;
        }

        .u-link.u-border-custom-color-10[class*="u-border-"]:hover
        {
            border-color: var(--custom-color-10-darker) !important;
        }
        

        
        .u-text-custom-color-1,
        .u-input.u-text-custom-color-1,
        .u-input.u-text-custom-color-1[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-1,
        li.active > a.u-button-style.u-text-custom-color-1[class*="u-border-"],
        a.u-button-style.u-text-custom-color-1,
        a.u-button-style.u-text-custom-color-1[class*="u-border-"]
        {
            color: var(--custom-color-1) !important;
            --current-color-r: var(--custom-color-1-r);
            --current-color-g: var(--custom-color-1-g);
            --current-color-b: var(--custom-color-1-b);
        }

        a.u-button-style.u-text-custom-color-1:hover,
        a.u-button-style.u-text-custom-color-1[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-1:focus,
        a.u-button-style.u-text-custom-color-1[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-1:active,
        a.u-button-style.u-button-style.u-text-custom-color-1[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-1.active,
        a.u-button-style.u-button-style.u-text-custom-color-1[class*="u-border-"].active
        {
            color: var(--custom-color-1-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-1,
        a.u-button-style:hover > .u-text-hover-custom-color-1[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-1:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-1[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-1.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-1[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-1:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-1[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-1:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-1[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-1:hover,
        .u-text-hover-custom-color-1.u-language-url:hover,
        .u-text-hover-custom-color-1 .u-language-url:hover,
        .u-text-hover-custom-color-1.u-carousel-control:hover,
        .u-text-hover-custom-color-1.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-1 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-1:hover
        {
            color: var(--custom-color-1) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-1:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-1[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-1.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-1[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-1,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-1[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-1.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-1 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-1.u-active
        {
            color: var(--custom-color-1) !important;
        }

        .u-text-custom-color-1 .u-svg-link {
            fill: var(--custom-color-1);
        }

        .u-text-hover-custom-color-1:hover .u-svg-link,
        .u-text-hover-custom-color-1:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-1 .u-svg-link
        {
            fill: var(--custom-color-1);
        }

        .u-text-active-custom-color-1:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-1 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-1 .u-svg-link
        {
            fill: var(--custom-color-1);
        }

        .u-link.u-text-custom-color-1:hover
        {
            color: var(--custom-color-1-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-1:hover
        {
            color: var(--custom-color-1) !important;
        }
        
        
        .u-text-custom-color-2,
        .u-input.u-text-custom-color-2,
        .u-input.u-text-custom-color-2[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-2,
        li.active > a.u-button-style.u-text-custom-color-2[class*="u-border-"],
        a.u-button-style.u-text-custom-color-2,
        a.u-button-style.u-text-custom-color-2[class*="u-border-"]
        {
            color: var(--custom-color-2) !important;
            --current-color-r: var(--custom-color-2-r);
            --current-color-g: var(--custom-color-2-g);
            --current-color-b: var(--custom-color-2-b);
        }

        a.u-button-style.u-text-custom-color-2:hover,
        a.u-button-style.u-text-custom-color-2[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-2:focus,
        a.u-button-style.u-text-custom-color-2[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-2:active,
        a.u-button-style.u-button-style.u-text-custom-color-2[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-2.active,
        a.u-button-style.u-button-style.u-text-custom-color-2[class*="u-border-"].active
        {
            color: var(--custom-color-2-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-2,
        a.u-button-style:hover > .u-text-hover-custom-color-2[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-2:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-2[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-2.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-2[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-2:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-2[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-2:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-2[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-2:hover,
        .u-text-hover-custom-color-2.u-language-url:hover,
        .u-text-hover-custom-color-2 .u-language-url:hover,
        .u-text-hover-custom-color-2.u-carousel-control:hover,
        .u-text-hover-custom-color-2.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-2 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-2:hover
        {
            color: var(--custom-color-2) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-2:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-2[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-2.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-2[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-2,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-2[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-2.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-2 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-2.u-active
        {
            color: var(--custom-color-2) !important;
        }

        .u-text-custom-color-2 .u-svg-link {
            fill: var(--custom-color-2);
        }

        .u-text-hover-custom-color-2:hover .u-svg-link,
        .u-text-hover-custom-color-2:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-2 .u-svg-link
        {
            fill: var(--custom-color-2);
        }

        .u-text-active-custom-color-2:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-2 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-2 .u-svg-link
        {
            fill: var(--custom-color-2);
        }

        .u-link.u-text-custom-color-2:hover
        {
            color: var(--custom-color-2-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-2:hover
        {
            color: var(--custom-color-2) !important;
        }
        
        
        .u-text-custom-color-3,
        .u-input.u-text-custom-color-3,
        .u-input.u-text-custom-color-3[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-3,
        li.active > a.u-button-style.u-text-custom-color-3[class*="u-border-"],
        a.u-button-style.u-text-custom-color-3,
        a.u-button-style.u-text-custom-color-3[class*="u-border-"]
        {
            color: var(--custom-color-3) !important;
            --current-color-r: var(--custom-color-3-r);
            --current-color-g: var(--custom-color-3-g);
            --current-color-b: var(--custom-color-3-b);
        }

        a.u-button-style.u-text-custom-color-3:hover,
        a.u-button-style.u-text-custom-color-3[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-3:focus,
        a.u-button-style.u-text-custom-color-3[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-3:active,
        a.u-button-style.u-button-style.u-text-custom-color-3[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-3.active,
        a.u-button-style.u-button-style.u-text-custom-color-3[class*="u-border-"].active
        {
            color: var(--custom-color-3-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-3,
        a.u-button-style:hover > .u-text-hover-custom-color-3[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-3:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-3[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-3.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-3[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-3:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-3[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-3:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-3[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-3:hover,
        .u-text-hover-custom-color-3.u-language-url:hover,
        .u-text-hover-custom-color-3 .u-language-url:hover,
        .u-text-hover-custom-color-3.u-carousel-control:hover,
        .u-text-hover-custom-color-3.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-3 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-3:hover
        {
            color: var(--custom-color-3) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-3:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-3[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-3.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-3[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-3,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-3[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-3.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-3 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-3.u-active
        {
            color: var(--custom-color-3) !important;
        }

        .u-text-custom-color-3 .u-svg-link {
            fill: var(--custom-color-3);
        }

        .u-text-hover-custom-color-3:hover .u-svg-link,
        .u-text-hover-custom-color-3:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-3 .u-svg-link
        {
            fill: var(--custom-color-3);
        }

        .u-text-active-custom-color-3:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-3 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-3 .u-svg-link
        {
            fill: var(--custom-color-3);
        }

        .u-link.u-text-custom-color-3:hover
        {
            color: var(--custom-color-3-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-3:hover
        {
            color: var(--custom-color-3) !important;
        }
        
        
        .u-text-custom-color-4,
        .u-input.u-text-custom-color-4,
        .u-input.u-text-custom-color-4[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-4,
        li.active > a.u-button-style.u-text-custom-color-4[class*="u-border-"],
        a.u-button-style.u-text-custom-color-4,
        a.u-button-style.u-text-custom-color-4[class*="u-border-"]
        {
            color: var(--custom-color-4) !important;
            --current-color-r: var(--custom-color-4-r);
            --current-color-g: var(--custom-color-4-g);
            --current-color-b: var(--custom-color-4-b);
        }

        a.u-button-style.u-text-custom-color-4:hover,
        a.u-button-style.u-text-custom-color-4[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-4:focus,
        a.u-button-style.u-text-custom-color-4[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-4:active,
        a.u-button-style.u-button-style.u-text-custom-color-4[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-4.active,
        a.u-button-style.u-button-style.u-text-custom-color-4[class*="u-border-"].active
        {
            color: var(--custom-color-4-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-4,
        a.u-button-style:hover > .u-text-hover-custom-color-4[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-4:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-4[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-4.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-4[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-4:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-4[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-4:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-4[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-4:hover,
        .u-text-hover-custom-color-4.u-language-url:hover,
        .u-text-hover-custom-color-4 .u-language-url:hover,
        .u-text-hover-custom-color-4.u-carousel-control:hover,
        .u-text-hover-custom-color-4.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-4 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-4:hover
        {
            color: var(--custom-color-4) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-4:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-4[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-4.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-4[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-4,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-4[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-4.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-4 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-4.u-active
        {
            color: var(--custom-color-4) !important;
        }

        .u-text-custom-color-4 .u-svg-link {
            fill: var(--custom-color-4);
        }

        .u-text-hover-custom-color-4:hover .u-svg-link,
        .u-text-hover-custom-color-4:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-4 .u-svg-link
        {
            fill: var(--custom-color-4);
        }

        .u-text-active-custom-color-4:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-4 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-4 .u-svg-link
        {
            fill: var(--custom-color-4);
        }

        .u-link.u-text-custom-color-4:hover
        {
            color: var(--custom-color-4-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-4:hover
        {
            color: var(--custom-color-4) !important;
        }
        
        
        .u-text-custom-color-5,
        .u-input.u-text-custom-color-5,
        .u-input.u-text-custom-color-5[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-5,
        li.active > a.u-button-style.u-text-custom-color-5[class*="u-border-"],
        a.u-button-style.u-text-custom-color-5,
        a.u-button-style.u-text-custom-color-5[class*="u-border-"]
        {
            color: var(--custom-color-5) !important;
            --current-color-r: var(--custom-color-5-r);
            --current-color-g: var(--custom-color-5-g);
            --current-color-b: var(--custom-color-5-b);
        }

        a.u-button-style.u-text-custom-color-5:hover,
        a.u-button-style.u-text-custom-color-5[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-5:focus,
        a.u-button-style.u-text-custom-color-5[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-5:active,
        a.u-button-style.u-button-style.u-text-custom-color-5[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-5.active,
        a.u-button-style.u-button-style.u-text-custom-color-5[class*="u-border-"].active
        {
            color: var(--custom-color-5-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-5,
        a.u-button-style:hover > .u-text-hover-custom-color-5[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-5:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-5[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-5.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-5[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-5:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-5[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-5:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-5[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-5:hover,
        .u-text-hover-custom-color-5.u-language-url:hover,
        .u-text-hover-custom-color-5 .u-language-url:hover,
        .u-text-hover-custom-color-5.u-carousel-control:hover,
        .u-text-hover-custom-color-5.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-5 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-5:hover
        {
            color: var(--custom-color-5) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-5:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-5[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-5.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-5[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-5,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-5[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-5.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-5 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-5.u-active
        {
            color: var(--custom-color-5) !important;
        }

        .u-text-custom-color-5 .u-svg-link {
            fill: var(--custom-color-5);
        }

        .u-text-hover-custom-color-5:hover .u-svg-link,
        .u-text-hover-custom-color-5:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-5 .u-svg-link
        {
            fill: var(--custom-color-5);
        }

        .u-text-active-custom-color-5:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-5 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-5 .u-svg-link
        {
            fill: var(--custom-color-5);
        }

        .u-link.u-text-custom-color-5:hover
        {
            color: var(--custom-color-5-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-5:hover
        {
            color: var(--custom-color-5) !important;
        }
        
        
        .u-text-custom-color-6,
        .u-input.u-text-custom-color-6,
        .u-input.u-text-custom-color-6[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-6,
        li.active > a.u-button-style.u-text-custom-color-6[class*="u-border-"],
        a.u-button-style.u-text-custom-color-6,
        a.u-button-style.u-text-custom-color-6[class*="u-border-"]
        {
            color: var(--custom-color-6) !important;
            --current-color-r: var(--custom-color-6-r);
            --current-color-g: var(--custom-color-6-g);
            --current-color-b: var(--custom-color-6-b);
        }

        a.u-button-style.u-text-custom-color-6:hover,
        a.u-button-style.u-text-custom-color-6[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-6:focus,
        a.u-button-style.u-text-custom-color-6[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-6:active,
        a.u-button-style.u-button-style.u-text-custom-color-6[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-6.active,
        a.u-button-style.u-button-style.u-text-custom-color-6[class*="u-border-"].active
        {
            color: var(--custom-color-6-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-6,
        a.u-button-style:hover > .u-text-hover-custom-color-6[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-6:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-6[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-6.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-6[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-6:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-6[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-6:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-6[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-6:hover,
        .u-text-hover-custom-color-6.u-language-url:hover,
        .u-text-hover-custom-color-6 .u-language-url:hover,
        .u-text-hover-custom-color-6.u-carousel-control:hover,
        .u-text-hover-custom-color-6.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-6 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-6:hover
        {
            color: var(--custom-color-6) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-6:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-6[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-6.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-6[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-6,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-6[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-6.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-6 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-6.u-active
        {
            color: var(--custom-color-6) !important;
        }

        .u-text-custom-color-6 .u-svg-link {
            fill: var(--custom-color-6);
        }

        .u-text-hover-custom-color-6:hover .u-svg-link,
        .u-text-hover-custom-color-6:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-6 .u-svg-link
        {
            fill: var(--custom-color-6);
        }

        .u-text-active-custom-color-6:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-6 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-6 .u-svg-link
        {
            fill: var(--custom-color-6);
        }

        .u-link.u-text-custom-color-6:hover
        {
            color: var(--custom-color-6-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-6:hover
        {
            color: var(--custom-color-6) !important;
        }
        
        
        .u-text-custom-color-7,
        .u-input.u-text-custom-color-7,
        .u-input.u-text-custom-color-7[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-7,
        li.active > a.u-button-style.u-text-custom-color-7[class*="u-border-"],
        a.u-button-style.u-text-custom-color-7,
        a.u-button-style.u-text-custom-color-7[class*="u-border-"]
        {
            color: var(--custom-color-7) !important;
            --current-color-r: var(--custom-color-7-r);
            --current-color-g: var(--custom-color-7-g);
            --current-color-b: var(--custom-color-7-b);
        }

        a.u-button-style.u-text-custom-color-7:hover,
        a.u-button-style.u-text-custom-color-7[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-7:focus,
        a.u-button-style.u-text-custom-color-7[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-7:active,
        a.u-button-style.u-button-style.u-text-custom-color-7[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-7.active,
        a.u-button-style.u-button-style.u-text-custom-color-7[class*="u-border-"].active
        {
            color: var(--custom-color-7-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-7,
        a.u-button-style:hover > .u-text-hover-custom-color-7[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-7:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-7[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-7.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-7[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-7:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-7[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-7:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-7[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-7:hover,
        .u-text-hover-custom-color-7.u-language-url:hover,
        .u-text-hover-custom-color-7 .u-language-url:hover,
        .u-text-hover-custom-color-7.u-carousel-control:hover,
        .u-text-hover-custom-color-7.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-7 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-7:hover
        {
            color: var(--custom-color-7) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-7:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-7[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-7.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-7[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-7,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-7[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-7.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-7 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-7.u-active
        {
            color: var(--custom-color-7) !important;
        }

        .u-text-custom-color-7 .u-svg-link {
            fill: var(--custom-color-7);
        }

        .u-text-hover-custom-color-7:hover .u-svg-link,
        .u-text-hover-custom-color-7:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-7 .u-svg-link
        {
            fill: var(--custom-color-7);
        }

        .u-text-active-custom-color-7:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-7 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-7 .u-svg-link
        {
            fill: var(--custom-color-7);
        }

        .u-link.u-text-custom-color-7:hover
        {
            color: var(--custom-color-7-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-7:hover
        {
            color: var(--custom-color-7) !important;
        }
        
        
        .u-text-custom-color-8,
        .u-input.u-text-custom-color-8,
        .u-input.u-text-custom-color-8[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-8,
        li.active > a.u-button-style.u-text-custom-color-8[class*="u-border-"],
        a.u-button-style.u-text-custom-color-8,
        a.u-button-style.u-text-custom-color-8[class*="u-border-"]
        {
            color: var(--custom-color-8) !important;
            --current-color-r: var(--custom-color-8-r);
            --current-color-g: var(--custom-color-8-g);
            --current-color-b: var(--custom-color-8-b);
        }

        a.u-button-style.u-text-custom-color-8:hover,
        a.u-button-style.u-text-custom-color-8[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-8:focus,
        a.u-button-style.u-text-custom-color-8[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-8:active,
        a.u-button-style.u-button-style.u-text-custom-color-8[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-8.active,
        a.u-button-style.u-button-style.u-text-custom-color-8[class*="u-border-"].active
        {
            color: var(--custom-color-8-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-8,
        a.u-button-style:hover > .u-text-hover-custom-color-8[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-8:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-8[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-8.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-8[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-8:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-8[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-8:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-8[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-8:hover,
        .u-text-hover-custom-color-8.u-language-url:hover,
        .u-text-hover-custom-color-8 .u-language-url:hover,
        .u-text-hover-custom-color-8.u-carousel-control:hover,
        .u-text-hover-custom-color-8.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-8 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-8:hover
        {
            color: var(--custom-color-8) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-8:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-8[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-8.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-8[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-8,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-8[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-8.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-8 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-8.u-active
        {
            color: var(--custom-color-8) !important;
        }

        .u-text-custom-color-8 .u-svg-link {
            fill: var(--custom-color-8);
        }

        .u-text-hover-custom-color-8:hover .u-svg-link,
        .u-text-hover-custom-color-8:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-8 .u-svg-link
        {
            fill: var(--custom-color-8);
        }

        .u-text-active-custom-color-8:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-8 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-8 .u-svg-link
        {
            fill: var(--custom-color-8);
        }

        .u-link.u-text-custom-color-8:hover
        {
            color: var(--custom-color-8-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-8:hover
        {
            color: var(--custom-color-8) !important;
        }
        
        
        .u-text-custom-color-9,
        .u-input.u-text-custom-color-9,
        .u-input.u-text-custom-color-9[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-9,
        li.active > a.u-button-style.u-text-custom-color-9[class*="u-border-"],
        a.u-button-style.u-text-custom-color-9,
        a.u-button-style.u-text-custom-color-9[class*="u-border-"]
        {
            color: var(--custom-color-9) !important;
            --current-color-r: var(--custom-color-9-r);
            --current-color-g: var(--custom-color-9-g);
            --current-color-b: var(--custom-color-9-b);
        }

        a.u-button-style.u-text-custom-color-9:hover,
        a.u-button-style.u-text-custom-color-9[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-9:focus,
        a.u-button-style.u-text-custom-color-9[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-9:active,
        a.u-button-style.u-button-style.u-text-custom-color-9[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-9.active,
        a.u-button-style.u-button-style.u-text-custom-color-9[class*="u-border-"].active
        {
            color: var(--custom-color-9-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-9,
        a.u-button-style:hover > .u-text-hover-custom-color-9[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-9:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-9[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-9.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-9[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-9:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-9[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-9:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-9[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-9:hover,
        .u-text-hover-custom-color-9.u-language-url:hover,
        .u-text-hover-custom-color-9 .u-language-url:hover,
        .u-text-hover-custom-color-9.u-carousel-control:hover,
        .u-text-hover-custom-color-9.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-9 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-9:hover
        {
            color: var(--custom-color-9) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-9:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-9[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-9.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-9[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-9,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-9[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-9.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-9 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-9.u-active
        {
            color: var(--custom-color-9) !important;
        }

        .u-text-custom-color-9 .u-svg-link {
            fill: var(--custom-color-9);
        }

        .u-text-hover-custom-color-9:hover .u-svg-link,
        .u-text-hover-custom-color-9:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-9 .u-svg-link
        {
            fill: var(--custom-color-9);
        }

        .u-text-active-custom-color-9:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-9 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-9 .u-svg-link
        {
            fill: var(--custom-color-9);
        }

        .u-link.u-text-custom-color-9:hover
        {
            color: var(--custom-color-9-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-9:hover
        {
            color: var(--custom-color-9) !important;
        }
        
        
        .u-text-custom-color-10,
        .u-input.u-text-custom-color-10,
        .u-input.u-text-custom-color-10[class*="u-border-"],
        li.active > a.u-button-style.u-text-custom-color-10,
        li.active > a.u-button-style.u-text-custom-color-10[class*="u-border-"],
        a.u-button-style.u-text-custom-color-10,
        a.u-button-style.u-text-custom-color-10[class*="u-border-"]
        {
            color: var(--custom-color-10) !important;
            --current-color-r: var(--custom-color-10-r);
            --current-color-g: var(--custom-color-10-g);
            --current-color-b: var(--custom-color-10-b);
        }

        a.u-button-style.u-text-custom-color-10:hover,
        a.u-button-style.u-text-custom-color-10[class*="u-border-"]:hover,
        a.u-button-style.u-text-custom-color-10:focus,
        a.u-button-style.u-text-custom-color-10[class*="u-border-"]:focus,
        a.u-button-style.u-button-style.u-text-custom-color-10:active,
        a.u-button-style.u-button-style.u-text-custom-color-10[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-custom-color-10.active,
        a.u-button-style.u-button-style.u-text-custom-color-10[class*="u-border-"].active
        {
            color: var(--custom-color-10-darker) !important;
        }

        /* hover */
        a.u-button-style:hover > .u-text-hover-custom-color-10,
        a.u-button-style:hover > .u-text-hover-custom-color-10[class*="u-border-"],
        a.u-button-style.u-button-style.u-text-hover-custom-color-10:hover,
        a.u-button-style.u-button-style.u-text-hover-custom-color-10[class*="u-border-"]:hover,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-10.active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-10[class*="u-border-"].active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-10:active,
        a.u-button-style.u-button-style.u-button-style.u-text-hover-custom-color-10[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-text-hover-custom-color-10:focus,
        a.u-button-style.u-button-style.u-text-hover-custom-color-10[class*="u-border-"]:focus,
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-10:hover,
        .u-text-hover-custom-color-10.u-language-url:hover,
        .u-text-hover-custom-color-10 .u-language-url:hover,
        .u-text-hover-custom-color-10.u-carousel-control:hover,
        .u-text-hover-custom-color-10.u-gallery-nav:hover,
        .u-popupmenu-items.u-text-hover-custom-color-10 .u-nav-link:hover,
        .u-calendar-time-list .u-calendar-time-slot.u-text-hover-custom-color-10:hover
        {
            color: var(--custom-color-10) !important;
        }

        /* active */
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-10:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-10[class*="u-border-"]:active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-10.active,
        a.u-button-style.u-button-style.u-button-style.u-button-style.u-text-active-custom-color-10[class*="u-border-"].active,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-10,
        a.u-button-style.u-button-style.active > .u-text-active-custom-color-10[class*="u-border-"],
        :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-nav-link.u-text-active-custom-color-10.active,
        .u-popupmenu-items.u-popupmenu-items.u-text-active-custom-color-10 .u-nav-link.active,
        .u-calendar-time-list .u-calendar-time-slot.u-text-active-custom-color-10.u-active
        {
            color: var(--custom-color-10) !important;
        }

        .u-text-custom-color-10 .u-svg-link {
            fill: var(--custom-color-10);
        }

        .u-text-hover-custom-color-10:hover .u-svg-link,
        .u-text-hover-custom-color-10:focus .u-svg-link,
        .u-button-style:hover > .u-text-hover-custom-color-10 .u-svg-link
        {
            fill: var(--custom-color-10);
        }

        .u-text-active-custom-color-10:active .u-svg-link.u-svg-link,
        .u-button-style.u-button-style:active > .u-text-active-custom-color-10 .u-svg-link,
        .u-button-style.u-button-style.active > .u-text-active-custom-color-10 .u-svg-link
        {
            fill: var(--custom-color-10);
        }

        .u-link.u-text-custom-color-10:hover
        {
            color: var(--custom-color-10-darker) !important;
        }

        a.u-link.u-text-hover-custom-color-10:hover
        {
            color: var(--custom-color-10) !important;
        }</style><style id="typography" typography="custom-page-typography-9">
        .u-body
        {
        --title-font-weight: 400;
        --title-font-size: 6rem;
        --title-line-height: 1.1;
        --title-margin-top: 20px;
        --title-margin-bottom: 20px;
        --title-color: var(--custom-color-2);
        --title-alt-text-color: var(--white);
        --subtitle-font-weight: 400;
        --subtitle-font-size: 3rem;
        --subtitle-line-height: 1.1;
        --subtitle-margin-top: 20px;
        --subtitle-margin-bottom: 20px;
        --subtitle-color: var(--custom-color-4);
        --subtitle-text-transform: uppercase;
        --subtitle-letter-spacing: -1px;
        --subtitle-alt-text-color: var(--white);
        --h1-font-weight: 400;
        --h1-font-size: 4.5rem;
        --h1-line-height: 1.1;
        --h1-margin-top: 20px;
        --h1-margin-bottom: 20px;
        --h1-color: var(--custom-color-4);
        --h1-text-transform: uppercase;
        --h1-letter-spacing: -3px;
        --h1-alt-text-color: var(--white);
        --h2-font-weight: 400;
        --h2-font-size: 3rem;
        --h2-line-height: 1.1;
        --h2-margin-top: 20px;
        --h2-margin-bottom: 20px;
        --h2-color: var(--custom-color-4);
        --h2-text-transform: uppercase;
        --h2-letter-spacing: -1px;
        --h2-alt-text-color: var(--white);
        --h3-font-size: 2.25rem;
        --h3-line-height: 1.2;
        --h3-margin-top: 20px;
        --h3-margin-bottom: 20px;
        --h3-color: var(--custom-color-4);
        --h3-text-transform: uppercase;
        --h3-letter-spacing: 0px;
        --h3-font-weight: 500;
        --h3-alt-text-color: var(--white);
        --h4-font-size: 1.5rem;
        --h4-line-height: 1.2;
        --h4-margin-top: 20px;
        --h4-margin-bottom: 20px;
        --h4-color: var(--custom-color-4);
        --h4-letter-spacing: 0px;
        --h4-text-transform: uppercase;
        --h4-font-weight: 500;
        --h4-alt-text-color: var(--white);
        --h5-font-size: 1.25rem;
        --h5-line-height: 1.2;
        --h5-margin-top: 20px;
        --h5-margin-bottom: 20px;
        --h5-color: var(--custom-color-4);
        --h5-text-transform: uppercase;
        --h5-letter-spacing: 0px;
        --h5-font-weight: 500;
        --h5-alt-text-color: var(--white);
        --h6-font-weight: 400;
        --h6-font-size: 1.125rem;
        --h6-line-height: 1.2;
        --h6-margin-top: 20px;
        --h6-margin-bottom: 20px;
        --h6-color: var(--custom-color-4);
        --h6-alt-text-color: var(--white);
        --largeText-font-size: 1.5rem;
        --largeText-margin-top: 20px;
        --largeText-margin-bottom: 20px;
        --smallText-font-size: 0.875rem;
        --smallText-margin-top: 20px;
        --smallText-margin-bottom: 20px;
        --text-font-size: 1.125rem;
        --text-margin-top: 20px;
        --text-margin-bottom: 20px;
        --text-line-height: 1.6;
        --hyperlink-font-size: 1.125rem;
        --hyperlink-color: var(--custom-color-2);
        --hyperlink-line-height: 1.6;
        --hyperlink-alt-text-color: var(--white);
        --hyperlink-hover-color: var(--custom-color-2);
        --hyperlink-hover-alt-text-color: var(--grey-30-darker);
        --hyperlink-active-color: var(--custom-color-2-darker);
        --hyperlink-active-alt-text-color: var(--grey-30-darker);
        --button-margin-top: 20px;
        --button-margin-bottom: 20px;
        --button-font-family: Oswald,sans-serif;
        --button-font-weight: 500;
        --button-borders: top right bottom left;
        --button-border-top-style: solid;
        --button-border-left-style: solid;
        --button-border-right-style: solid;
        --button-border-bottom-style: solid;
        --button-border-width: 1px;
        --button-border-radius: 6px;
        --button-text-transform: uppercase;
        --button-line-height: 1.4;
        --button-border-radius: 6px;
        --button-background-color: var(--transparent);
        --button-border-color: var(--custom-color-4);
        --button-color: var(--custom-color-4);
        --button-alt-border-color: var(--white);
        --button-alt-color: var(--white);
        --button-hover-background-color: var(--transparent);
        --button-hover-border-color: var(--custom-color-4-darker);
        --button-hover-color: var(--custom-color-4-darker);
        --button-hover-alt-border-color: var(--white);
        --button-hover-alt-color: var(--white);
        --button-hover-background-color: var(--transparent);
        --button-hover-border-color: var(--custom-color-4-darker);
        --button-hover-color: var(--custom-color-4-darker);
        --button-hover-alt-border-color: var(--white);
        --button-hover-alt-color: var(--white);
        --button-active-background-color: var(--transparent);
        --button-active-border-color: var(--custom-color-4-darker);
        --button-active-color: var(--custom-color-4-darker);
        --button-active-alt-border-color: var(--white);
        --button-active-alt-color: var(--white);
        --blockquote-font-size: 1.125rem;
        --blockquote-font-style: italic;
        --blockquote-padding-left: 20px;
        --blockquote-border-width: 4px;
        --blockquote-border-color: var(--palette-1-base);
        --blockquote-margin-top: 20px;
        --blockquote-margin-bottom: 20px;
        --blockquote-line-height: 1.6;
        --metadata-margin-top: 20px;
        --metadata-margin-bottom: 20px;
        --metadata-line-height: 1.6;
        --list-font-size: 1.125rem;
        --list-margin-top: 20px;
        --list-margin-bottom: 20px;
        --list-line-height: 1.6;
        --orderedlist-font-size: 1.125rem;
        --orderedlist-margin-top: 20px;
        --orderedlist-margin-bottom: 20px;
        --orderedlist-line-height: 1.6;
        --postContent-font-size: 1.125rem;
        --postContent-margin-top: 20px;
        --postContent-margin-bottom: 20px;
        --postContent-line-height: 1.6;
        --theme-sheet-width-xl: 1140px;
        --theme-sheet-width-lg: 940px;
        --theme-sheet-width-md: 720px;
        --theme-sheet-width-sm: 540px;
        --theme-sheet-width-xs: 340px;
        --theme-sheet-width-xxl: 1320px;
        --form-input-border-width: 1px;
        --form-input-border-color: var(--grey-30);
        --form-input-borders: top right bottom left;
        --form-input-background-color: var(--white);
        --form-input-color: var(--black);
        --title-font-size-lg: 4.5rem;
        --title-font-size-sm: 3.75rem;
        --title-font-size-xs: 3rem;
        --subtitle-font-size-sm: 2.25rem;
        --subtitle-font-size-xs: 1.875rem;
        --h1-font-size-lg: 3.75rem;
        --h1-font-size-sm: 3rem;
        --h1-font-size-xs: 2.25rem;
        --h2-font-size-sm: 2.25rem;
        --h2-font-size-xs: 1.875rem;
        --h3-font-size-sm: 1.875rem;
        --h3-font-size-xs: 1.5rem;
        --text-font-size-sm: 1rem;
        --hyperlink-font-size-sm: 1rem;
        --blockquote-font-size-sm: 1rem;
        --list-font-size-sm: 1rem;
        --orderedlist-font-size-sm: 1rem;
        --postContent-font-size-sm: 1rem;
        }

        /** common-rules **/
        h1.u-title
        {
        font-weight: var(--title-font-weight);
        font-size: var(--title-font-size);
        line-height: var(--title-line-height);
        margin-top: var(--title-margin-top);
        margin-bottom: var(--title-margin-bottom);
        }
        h2.u-subtitle
        {
        font-weight: var(--subtitle-font-weight);
        font-size: var(--subtitle-font-size);
        line-height: var(--subtitle-line-height);
        margin-top: var(--subtitle-margin-top);
        margin-bottom: var(--subtitle-margin-bottom);
        text-transform: var(--subtitle-text-transform);
        letter-spacing: var(--subtitle-letter-spacing);
        }
        h1:not(.u-title)
        {
        font-weight: var(--h1-font-weight);
        font-size: var(--h1-font-size);
        line-height: var(--h1-line-height);
        margin-top: var(--h1-margin-top);
        margin-bottom: var(--h1-margin-bottom);
        text-transform: var(--h1-text-transform);
        letter-spacing: var(--h1-letter-spacing);
        }
        h2:not(.u-subtitle)
        {
        font-weight: var(--h2-font-weight);
        font-size: var(--h2-font-size);
        line-height: var(--h2-line-height);
        margin-top: var(--h2-margin-top);
        margin-bottom: var(--h2-margin-bottom);
        text-transform: var(--h2-text-transform);
        letter-spacing: var(--h2-letter-spacing);
        }
        h3
        {
        font-size: var(--h3-font-size);
        line-height: var(--h3-line-height);
        margin-top: var(--h3-margin-top);
        margin-bottom: var(--h3-margin-bottom);
        text-transform: var(--h3-text-transform);
        letter-spacing: var(--h3-letter-spacing);
        font-weight: var(--h3-font-weight);
        }
        h4
        {
        font-size: var(--h4-font-size);
        line-height: var(--h4-line-height);
        margin-top: var(--h4-margin-top);
        margin-bottom: var(--h4-margin-bottom);
        letter-spacing: var(--h4-letter-spacing);
        text-transform: var(--h4-text-transform);
        font-weight: var(--h4-font-weight);
        }
        h5
        {
        font-size: var(--h5-font-size);
        line-height: var(--h5-line-height);
        margin-top: var(--h5-margin-top);
        margin-bottom: var(--h5-margin-bottom);
        text-transform: var(--h5-text-transform);
        letter-spacing: var(--h5-letter-spacing);
        font-weight: var(--h5-font-weight);
        }
        h6
        {
        font-weight: var(--h6-font-weight);
        font-size: var(--h6-font-size);
        line-height: var(--h6-line-height);
        margin-top: var(--h6-margin-top);
        margin-bottom: var(--h6-margin-bottom);
        }
        p.u-large-text
        {
        font-size: var(--largeText-font-size);
        margin-top: var(--largeText-margin-top);
        margin-bottom: var(--largeText-margin-bottom);
        }
        p.u-small-text
        {
        font-size: var(--smallText-font-size);
        margin-top: var(--smallText-margin-top);
        margin-bottom: var(--smallText-margin-bottom);
        }
        p:not(.u-text-variant)
        {
        font-size: var(--text-font-size);
        margin-top: var(--text-margin-top);
        margin-bottom: var(--text-margin-bottom);
        line-height: var(--text-line-height);
        }
        a
        {
        font-size: var(--hyperlink-font-size);
        line-height: var(--hyperlink-line-height);
        }
        .u-btn
        {
        margin-top: var(--button-margin-top);
        margin-bottom: var(--button-margin-bottom);
        font-family: var(--button-font-family);
        font-weight: var(--button-font-weight);
        borders: var(--button-borders);
        border-top-style: var(--button-border-top-style);
        border-left-style: var(--button-border-left-style);
        border-right-style: var(--button-border-right-style);
        border-bottom-style: var(--button-border-bottom-style);
        border-width: var(--button-border-width);
        border-radius: var(--button-border-radius);
        text-transform: var(--button-text-transform);
        line-height: var(--button-line-height);
        }
        .u-btn
        {
        border-radius: var(--button-border-radius);
        }
        blockquote
        {
        font-size: var(--blockquote-font-size);
        font-style: var(--blockquote-font-style);
        padding-left: var(--blockquote-padding-left);
        border-width: var(--blockquote-border-width);
        margin-top: var(--blockquote-margin-top);
        margin-bottom: var(--blockquote-margin-bottom);
        line-height: var(--blockquote-line-height);
        }
        .u-metadata
        {
        margin-top: var(--metadata-margin-top);
        margin-bottom: var(--metadata-margin-bottom);
        line-height: var(--metadata-line-height);
        }
        ul:not(.u-unstyled)
        {
        font-size: var(--list-font-size);
        margin-top: var(--list-margin-top);
        margin-bottom: var(--list-margin-bottom);
        line-height: var(--list-line-height);
        }
        ol
        {
        font-size: var(--orderedlist-font-size);
        margin-top: var(--orderedlist-margin-top);
        margin-bottom: var(--orderedlist-margin-bottom);
        line-height: var(--orderedlist-line-height);
        }
        .u-post-content
        {
        font-size: var(--postContent-font-size);
        margin-top: var(--postContent-margin-top);
        margin-bottom: var(--postContent-margin-bottom);
        line-height: var(--postContent-line-height);
        }
        .u-input
        {
        border-width: var(--form-input-border-width);
        borders: var(--form-input-borders);
        }
        /** common-rules **/

        /** publish-rules **/
        /*begin-media rules*/
        @media (max-width: 1199px) {
        h1.u-title
        {
        font-size: var(--title-font-size-lg);
        }
        }
        @media (max-width: 767px) {
        h1.u-title
        {
        font-size: var(--title-font-size-sm);
        }
        }
        @media (max-width: 575px) {
        h1.u-title
        {
        font-size: var(--title-font-size-xs);
        }
        }
        @media (max-width: 767px) {
        h2.u-subtitle
        {
        font-size: var(--subtitle-font-size-sm);
        }
        }
        @media (max-width: 575px) {
        h2.u-subtitle
        {
        font-size: var(--subtitle-font-size-xs);
        }
        }
        @media (max-width: 1199px) {
        h1:not(.u-title)
        {
        font-size: var(--h1-font-size-lg);
        }
        }
        @media (max-width: 767px) {
        h1:not(.u-title)
        {
        font-size: var(--h1-font-size-sm);
        }
        }
        @media (max-width: 575px) {
        h1:not(.u-title)
        {
        font-size: var(--h1-font-size-xs);
        }
        }
        @media (max-width: 767px) {
        h2:not(.u-subtitle)
        {
        font-size: var(--h2-font-size-sm);
        }
        }
        @media (max-width: 575px) {
        h2:not(.u-subtitle)
        {
        font-size: var(--h2-font-size-xs);
        }
        }
        @media (max-width: 767px) {
        h3
        {
        font-size: var(--h3-font-size-sm);
        }
        }
        @media (max-width: 575px) {
        h3
        {
        font-size: var(--h3-font-size-xs);
        }
        }
        @media (max-width: 767px) {
        p:not(.u-text-variant)
        {
        font-size: var(--text-font-size-sm);
        }
        }
        @media (max-width: 767px) {
        a
        {
        font-size: var(--hyperlink-font-size-sm);
        }
        }
        @media (max-width: 767px) {
        blockquote
        {
        font-size: var(--blockquote-font-size-sm);
        }
        }
        @media (max-width: 767px) {
        ul:not(.u-unstyled)
        {
        font-size: var(--list-font-size-sm);
        }
        }
        @media (max-width: 767px) {
        ol
        {
        font-size: var(--orderedlist-font-size-sm);
        }
        }
        @media (max-width: 767px) {
        .u-post-content
        {
        font-size: var(--postContent-font-size-sm);
        }
        }
        /*end-media rules*/
        /** publish-rules **/

        

        /** cms-rules **/
        /*begin-responsive rules*/
        .u-lg h1.u-title
        {
        font-size: var(--title-font-size-lg);
        }
        .u-md h1.u-title
        {
        font-size: var(--title-font-size-lg);
        }
        .u-sm h1.u-title
        {
        font-size: var(--title-font-size-sm);
        }
        .u-xs h1.u-title
        {
        font-size: var(--title-font-size-xs);
        }
        .u-sm h2.u-subtitle
        {
        font-size: var(--subtitle-font-size-sm);
        }
        .u-xs h2.u-subtitle
        {
        font-size: var(--subtitle-font-size-xs);
        }
        .u-lg h1:not(.u-title)
        {
        font-size: var(--h1-font-size-lg);
        }
        .u-md h1:not(.u-title)
        {
        font-size: var(--h1-font-size-lg);
        }
        .u-sm h1:not(.u-title)
        {
        font-size: var(--h1-font-size-sm);
        }
        .u-xs h1:not(.u-title)
        {
        font-size: var(--h1-font-size-xs);
        }
        .u-sm h2:not(.u-subtitle)
        {
        font-size: var(--h2-font-size-sm);
        }
        .u-xs h2:not(.u-subtitle)
        {
        font-size: var(--h2-font-size-xs);
        }
        .u-sm h3
        {
        font-size: var(--h3-font-size-sm);
        }
        .u-xs h3
        {
        font-size: var(--h3-font-size-xs);
        }
        .u-sm p:not(.u-text-variant)
        {
        font-size: var(--text-font-size-sm);
        }
        .u-xs p:not(.u-text-variant)
        {
        font-size: var(--text-font-size-sm);
        }
        .u-sm a
        {
        font-size: var(--hyperlink-font-size-sm);
        }
        .u-xs a
        {
        font-size: var(--hyperlink-font-size-sm);
        }
        .u-sm blockquote
        {
        font-size: var(--blockquote-font-size-sm);
        }
        .u-xs blockquote
        {
        font-size: var(--blockquote-font-size-sm);
        }
        .u-sm ul:not(.u-unstyled)
        {
        font-size: var(--list-font-size-sm);
        }
        .u-xs ul:not(.u-unstyled)
        {
        font-size: var(--list-font-size-sm);
        }
        .u-sm ol
        {
        font-size: var(--orderedlist-font-size-sm);
        }
        .u-xs ol
        {
        font-size: var(--orderedlist-font-size-sm);
        }
        .u-sm .u-post-content
        {
        font-size: var(--postContent-font-size-sm);
        }
        .u-xs .u-post-content
        {
        font-size: var(--postContent-font-size-sm);
        }
        /*end-responsive rules*/
        /** cms-rules **/

        /** color-rules **/
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > h1.u-title,
        .u-gradient > .u-container-layout > h1.u-title,
        .u-image:not(.u-shading) > .u-container-layout > h1.u-title,
        h1.u-title
        {
        color: var(--title-color);
        }
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > h2.u-subtitle,
        .u-gradient > .u-container-layout > h2.u-subtitle,
        .u-image:not(.u-shading) > .u-container-layout > h2.u-subtitle,
        h2.u-subtitle
        {
        color: var(--subtitle-color);
        }
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > h1:not(.u-title),
        .u-gradient > .u-container-layout > h1:not(.u-title),
        .u-image:not(.u-shading) > .u-container-layout > h1:not(.u-title),
        h1:not(.u-title)
        {
        color: var(--h1-color);
        }
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > h2:not(.u-subtitle),
        .u-gradient > .u-container-layout > h2:not(.u-subtitle),
        .u-image:not(.u-shading) > .u-container-layout > h2:not(.u-subtitle),
        h2:not(.u-subtitle)
        {
        color: var(--h2-color);
        }
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > h3,
        .u-gradient > .u-container-layout > h3,
        .u-image:not(.u-shading) > .u-container-layout > h3,
        h3
        {
        color: var(--h3-color);
        }
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > h4,
        .u-gradient > .u-container-layout > h4,
        .u-image:not(.u-shading) > .u-container-layout > h4,
        h4
        {
        color: var(--h4-color);
        }
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > h5,
        .u-gradient > .u-container-layout > h5,
        .u-image:not(.u-shading) > .u-container-layout > h5,
        h5
        {
        color: var(--h5-color);
        }
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > h6,
        .u-gradient > .u-container-layout > h6,
        .u-image:not(.u-shading) > .u-container-layout > h6,
        h6
        {
        color: var(--h6-color);
        }
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > a,
        .u-gradient > .u-container-layout > a,
        .u-image:not(.u-shading) > .u-container-layout > a,
        a
        {
        color: var(--hyperlink-color);
        }
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > a:hover,
        .u-gradient > .u-container-layout > a:hover,
        .u-image:not(.u-shading) > .u-container-layout > a:hover,
        a:hover
        {
        color: var(--hyperlink-hover-color);
        }
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > a:active,
        .u-gradient > .u-container-layout > a:active,
        .u-image:not(.u-shading) > .u-container-layout > a:active,
        a:active
        {
        color: var(--hyperlink-active-color);
        }
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > .u-btn,
        .u-gradient > .u-container-layout > .u-btn,
        .u-image:not(.u-shading) > .u-container-layout > .u-btn,
        .u-btn
        {
        background-color: var(--button-background-color);
        border-color: var(--button-border-color);
        color: var(--button-color);
        }
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > .u-btn:hover,
        .u-gradient > .u-container-layout > .u-btn:hover,
        .u-image:not(.u-shading) > .u-container-layout > .u-btn:hover,
        .u-btn:hover
        {
        background-color: var(--button-hover-background-color);
        border-color: var(--button-hover-border-color);
        color: var(--button-hover-color);
        }
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > .u-btn:focus,
        .u-gradient > .u-container-layout > .u-btn:focus,
        .u-image:not(.u-shading) > .u-container-layout > .u-btn:focus,
        .u-btn:focus
        {
        background-color: var(--button-hover-background-color);
        border-color: var(--button-hover-border-color);
        color: var(--button-hover-color);
        }
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > .u-btn:active,
        .u-gradient > .u-container-layout > .u-btn:active,
        .u-image:not(.u-shading) > .u-container-layout > .u-btn:active,
        .u-btn:active
        {
        background-color: var(--button-active-background-color);
        border-color: var(--button-active-border-color);
        color: var(--button-active-color);
        }
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > blockquote,
        .u-gradient > .u-container-layout > blockquote,
        .u-image:not(.u-shading) > .u-container-layout > blockquote,
        blockquote
        {
        border-color: var(--blockquote-border-color);
        }
        .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header :not(.u-nav-item) > .u-input,
        .u-gradient > .u-container-layout > .u-input,
        .u-image:not(.u-shading) > .u-container-layout > .u-input,
        .u-input
        {
        border-color: var(--form-input-border-color);
        background-color: var(--form-input-background-color);
        color: var(--form-input-color);
        }
        /** color-rules **/

        /** alt-color-rules **/
        :where(.u-custom-color-1, .u-custom-color-2, .u-custom-color-3, .u-custom-color-4, .u-custom-color-8, .u-custom-color-10, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-3, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-4, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-palette-5, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey, .u-shading) h1.u-title, :where(.u-overlap-contrast .u-header) h1.u-title:not(.u-nav-link):not(.u-btn)
        {
        color: var(--title-alt-text-color);
        }
        :where(.u-custom-color-1, .u-custom-color-2, .u-custom-color-3, .u-custom-color-4, .u-custom-color-8, .u-custom-color-10, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-3, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-4, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-palette-5, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey, .u-shading) h2.u-subtitle, :where(.u-overlap-contrast .u-header) h2.u-subtitle:not(.u-nav-link):not(.u-btn)
        {
        color: var(--subtitle-alt-text-color);
        }
        :where(.u-custom-color-1, .u-custom-color-2, .u-custom-color-3, .u-custom-color-4, .u-custom-color-8, .u-custom-color-10, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-3, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-4, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-palette-5, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey, .u-shading) h1:not(.u-title), :where(.u-overlap-contrast .u-header) h1:not(.u-title):not(.u-nav-link):not(.u-btn)
        {
        color: var(--h1-alt-text-color);
        }
        :where(.u-custom-color-1, .u-custom-color-2, .u-custom-color-3, .u-custom-color-4, .u-custom-color-8, .u-custom-color-10, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-3, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-4, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-palette-5, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey, .u-shading) h2:not(.u-subtitle), :where(.u-overlap-contrast .u-header) h2:not(.u-subtitle):not(.u-nav-link):not(.u-btn)
        {
        color: var(--h2-alt-text-color);
        }
        :where(.u-custom-color-1, .u-custom-color-2, .u-custom-color-3, .u-custom-color-4, .u-custom-color-8, .u-custom-color-10, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-3, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-4, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-palette-5, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey, .u-shading) h3, :where(.u-overlap-contrast .u-header) h3:not(.u-nav-link):not(.u-btn)
        {
        color: var(--h3-alt-text-color);
        }
        :where(.u-custom-color-1, .u-custom-color-2, .u-custom-color-3, .u-custom-color-4, .u-custom-color-8, .u-custom-color-10, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-3, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-4, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-palette-5, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey, .u-shading) h4, :where(.u-overlap-contrast .u-header) h4:not(.u-nav-link):not(.u-btn)
        {
        color: var(--h4-alt-text-color);
        }
        :where(.u-custom-color-1, .u-custom-color-2, .u-custom-color-3, .u-custom-color-4, .u-custom-color-8, .u-custom-color-10, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-3, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-4, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-palette-5, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey, .u-shading) h5, :where(.u-overlap-contrast .u-header) h5:not(.u-nav-link):not(.u-btn)
        {
        color: var(--h5-alt-text-color);
        }
        :where(.u-custom-color-1, .u-custom-color-2, .u-custom-color-3, .u-custom-color-4, .u-custom-color-8, .u-custom-color-10, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-3, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-4, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-palette-5, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey, .u-shading) h6, :where(.u-overlap-contrast .u-header) h6:not(.u-nav-link):not(.u-btn)
        {
        color: var(--h6-alt-text-color);
        }
        :where(.u-custom-color-1, .u-custom-color-2, .u-custom-color-3, .u-custom-color-4, .u-custom-color-8, .u-custom-color-10, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-3, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-4, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-palette-5, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey, .u-shading) a, :where(.u-overlap-contrast .u-header) a:not(.u-nav-link):not(.u-btn)
        {
        color: var(--hyperlink-alt-text-color);
        }
        :where(.u-custom-color-1, .u-custom-color-2, .u-custom-color-3, .u-custom-color-4, .u-custom-color-8, .u-custom-color-10, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-3, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-4, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-palette-5, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey) a:hover
        {
        color: var(--hyperlink-hover-alt-text-color);
        }
        :where(.u-custom-color-1, .u-custom-color-2, .u-custom-color-3, .u-custom-color-4, .u-custom-color-8, .u-custom-color-10, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-3, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-4, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-palette-5, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey) a:active
        {
        color: var(--hyperlink-active-alt-text-color);
        }
        :where(.u-custom-color-1, .u-custom-color-2, .u-custom-color-3, .u-custom-color-4, .u-custom-color-8, .u-custom-color-10, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-3, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-4, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-palette-5, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey, .u-shading, .u-overlap-contrast .u-header) .u-btn
        {
        border-color: var(--button-alt-border-color);
        color: var(--button-alt-color);
        }
        :where(.u-custom-color-1, .u-custom-color-2, .u-custom-color-3, .u-custom-color-4, .u-custom-color-8, .u-custom-color-10, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-3, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-4, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-palette-5, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey, .u-shading, .u-overlap-contrast .u-header) .u-btn:hover
        {
        border-color: var(--button-hover-alt-border-color);
        color: var(--button-hover-alt-color);
        }
        :where(.u-custom-color-1, .u-custom-color-2, .u-custom-color-3, .u-custom-color-4, .u-custom-color-8, .u-custom-color-10, .u-body-color, .u-palette-1-base, .u-palette-1-dark-3, .u-palette-1-dark-2, .u-palette-1-dark-1, .u-palette-1, .u-palette-1-light-1, .u-palette-2-base, .u-palette-2-dark-3, .u-palette-2-dark-2, .u-palette-2-dark-1, .u-palette-2, .u-palette-2-light-1, .u-palette-3-dark-3, .u-palette-3-dark-2, .u-palette-3-dark-1, .u-palette-3, .u-palette-4-dark-3, .u-palette-4-dark-2, .u-palette-4-dark-1, .u-palette-4, .u-palette-5-dark-3, .u-palette-5-dark-2, .u-palette-5-dark-1, .u-palette-5, .u-grey-40, .u-grey-30, .u-grey-90, .u-grey-80, .u-grey-75, .u-black, .u-grey-70, .u-grey-60, .u-grey-50, .u-grey-dark-3, .u-grey-dark-2, .u-grey-dark-1, .u-grey, .u-shading, .u-overlap-contrast .u-header) .u-btn:active
        {
        border-color: var(--button-active-alt-border-color);
        color: var(--button-active-alt-color);
        }
        /** alt-color-rules **/
    </style><style id="font-scheme" font-scheme="custom-font-family-3" heading-font="Oswald,sans-serif" text-font="Heebo">.u-body {
   --text-font: Heebo;
   --heading-font: Oswald,sans-serif;
}</style>

• [D] fonts
• [F] custom_fonts.css
  Delete
• [F] customizer-site-style.php
  Delete
• [F] customizer-style.css
  Delete
• [F] media.css
  Delete