:root,
.inverted-undo {
    /* red */
    /* yellow */
    /* green */
    --z0: #111827;
    --a0: #2a1c26;
    --b0: #2a2429;
    --c0: #162730;
    --z1: #1e2433;
    --a1: #421f24;
    --b1: #45322a;
    --c1: #1c3b3b;
    --z2: #2b313f;
    --a2: #5a2122;
    --b2: #60422b;
    --c2: #1f4f47;
    --z3: #393e4c;
    --a3: #71231f;
    --b3: #7b522a;
    --c3: #226452;
    --z4: #474c59;
    --a4: #89221c;
    --b4: #976328;
    --c4: #227a5e;
    --z5: #565a66;
    --a5: #a22018;
    --b5: #b47424;
    --c5: #20906a;
    --z6: #656974;
    --a6: #bb1b13;
    --b6: #d1861d;
    --c6: #1ba776;
    --z7: #747782;
    --a7: #d4100b;
    --b7: #f0990f;
    --c7: #0ebf82;
    --z8: #848790;
    --a8: #e62b18;
    --b8: #ffa723;
    --c8: #31ce8f;
    --z9: #94969f;
    --a9: #ee5035;
    --b9: #ffb146;
    --c9: #59d49c;
    --z10: #a4a6ae;
    --a10: #f66d50;
    --b10: #ffbc63;
    --c10: #76dbaa;
    --z11: #b4b7bd;
    --a11: #fb866c;
    --b11: #ffc67d;
    --c11: #8fe0b7;
    --z12: #c5c7cc;
    --a12: #ff9f88;
    --b12: #ffd197;
    --c12: #a7e6c5;
    --z13: #d6d8db;
    --a13: #ffb7a5;
    --b13: #ffdbb1;
    --c13: #bdecd3;
    --z14: #e7e9eb;
    --a14: #ffcfc3;
    --b14: #ffe6cb;
    --c14: #d2f1e1;
    --z15: #f9fafb;
    --a15: #fee6e1;
    --b15: #fef1e5;
    --c15: #e8f6ef;
    --d0: #152239;
    --e0: #181e39;
    --f0: #1f1d39;
    --g0: #291d30;
    --d1: #1a3050;
    --e1: #202651;
    --f1: #2f2251;
    --g1: #43223b;
    --d2: #1d3d69;
    --e2: #282e69;
    --f2: #3f2769;
    --g2: #5e2647;
    --d3: #1e4c82;
    --e3: #303782;
    --f3: #502b82;
    --g3: #7a2953;
    --d4: #1e5a9d;
    --e4: #383f9d;
    --f4: #622e9d;
    --g4: #962a5f;
    --d5: #1c69b8;
    --e5: #4047b8;
    --f5: #7430b8;
    --g5: #b32a6c;
    --d6: #1779d4;
    --e6: #4750d4;
    --f6: #8732d4;
    --g6: #d12678;
    --d7: #0b89f0;
    --e7: #4e59f0;
    --f7: #9933f0;
    --g7: #ef2085;
    --d8: #3797ff;
    --e8: #6366ff;
    --f8: #aa43ff;
    --g8: #ff3892;
    --d9: #62a3ff;
    --e9: #7e78ff;
    --f9: #b85fff;
    --g9: #ff5c9f;
    --d10: #7fafff;
    --e10: #958aff;
    --f10: #c477ff;
    --g10: #ff78ac;
    --d11: #98bbfe;
    --e11: #a99cff;
    --f11: #cf8fff;
    --g11: #ff91b9;
    --d12: #aec8fe;
    --e12: #bbafff;
    --f12: #daa5ff;
    --g12: #ffa8c6;
    --d13: #c3d4fd;
    --e13: #cdc2fe;
    --f13: #e3bbfe;
    --g13: #ffbed4;
    --d14: #d7e2fd;
    --e14: #ddd6fd;
    --f14: #ebd1fd;
    --g14: #ffd4e1;
    --d15: #eaeffc;
    --e15: #ece9fc;
    --f15: #f3e8fc;
    --g15: #fde9ef;
    -webkit-font-smoothing: antialiased;
    --shadow-bg: 0 var(--x2) var(--x4) var(--z0);
    --shadow: 0 var(--x1) var(--x8) rgba(0, 0, 0, 0.4);
    --accent0: var(--d0);
    --comp0: var(--g0);
    --accent1: var(--d1);
    --comp1: var(--g1);
    --accent2: var(--d2);
    --comp2: var(--g2);
    --accent3: var(--d3);
    --comp3: var(--g3);
    --accent4: var(--d4);
    --comp4: var(--g4);
    --accent5: var(--d5);
    --comp5: var(--g5);
    --accent6: var(--d6);
    --comp6: var(--g6);
    --accent7: var(--d7);
    --comp7: var(--g7);
    --accent8: var(--d8);
    --comp8: var(--g8);
    --accent9: var(--d9);
    --comp9: var(--g9);
    --accent10: var(--d10);
    --comp10: var(--g10);
    --accent11: var(--d11);
    --comp11: var(--g11);
    --accent12: var(--d12);
    --comp12: var(--g12);
    --accent13: var(--d13);
    --comp13: var(--g13);
    --accent14: var(--d14);
    --comp14: var(--g14);
    --accent15: var(--d15);
    --comp15: var(--g15);
}

.inverted {
    --z0: #ffffff;
    --a0: #ffebe5;
    --b0: #fff5e9;
    --c0: #edfaf3;
    --z1: #ececee;
    --a1: #ffd2c6;
    --b1: #ffeace;
    --c1: #d7f5e4;
    --z2: #dadade;
    --a2: #ffbaa7;
    --b2: #ffdfb3;
    --c2: #c1efd5;
    --z3: #c8c8ce;
    --a3: #ffa28a;
    --b3: #ffd399;
    --c3: #aae9c7;
    --z4: #b6b6be;
    --a4: #fe886d;
    --b4: #ffc87f;
    --c4: #92e2b9;
    --z5: #a4a5ae;
    --a5: #f76e51;
    --b5: #ffbd64;
    --c5: #78dcab;
    --z6: #93949e;
    --a6: #ef5135;
    --b6: #ffb247;
    --c6: #5ad59d;
    --z7: #82838f;
    --a7: #e62c18;
    --b7: #ffa723;
    --c7: #31ce8f;
    --z8: #727380;
    --a8: #d30d0a;
    --b8: #ef980e;
    --c8: #0dbe81;
    --z9: #616371;
    --a9: #b91612;
    --b9: #cf841c;
    --c9: #18a574;
    --z10: #525463;
    --a10: #9e1a17;
    --b10: #b17122;
    --c10: #1d8c68;
    --z11: #424555;
    --a11: #851b1a;
    --b11: #935e26;
    --c11: #1e745b;
    --z12: #333647;
    --a12: #6c1b1c;
    --b12: #764c27;
    --c12: #1d5d4e;
    --z13: #25283a;
    --a13: #53191e;
    --b13: #5a3a27;
    --c13: #1a4742;
    --z14: #171b2d;
    --a14: #3b1620;
    --b14: #3e2a26;
    --c14: #153236;
    --z15: #080c21;
    --a15: #221320;
    --b15: #231a23;
    --c15: #0f1e2a;
    --d0: #eff3ff;
    --e0: #f2eeff;
    --f0: #f9ecff;
    --g0: #ffedf3;
    --d1: #dbe5ff;
    --e1: #e2d9ff;
    --f1: #f0d5ff;
    --g1: #ffd7e5;
    --d2: #c7d8ff;
    --e2: #d1c5ff;
    --f2: #e7bfff;
    --g2: #ffc1d6;
    --d3: #b2caff;
    --e3: #bfb2ff;
    --f3: #dda8ff;
    --g3: #ffabc8;
    --d4: #9bbdff;
    --e4: #ac9eff;
    --f4: #d290ff;
    --g4: #ff93bb;
    --d5: #81b0ff;
    --e5: #978bff;
    --f5: #c679ff;
    --g5: #ff7aad;
    --d6: #63a3ff;
    --e6: #7f78ff;
    --f6: #b960ff;
    --g6: #ff5da0;
    --d7: #3897ff;
    --e7: #6366ff;
    --f7: #ab44ff;
    --g7: #ff3992;
    --d8: #0788f0;
    --e8: #4d58f0;
    --f8: #9932f0;
    --g8: #ef1e85;
    --d9: #1077d2;
    --e9: #444ed2;
    --f9: #842fd2;
    --g9: #cf2277;
    --d10: #1466b5;
    --e10: #3b44b5;
    --f10: #702cb5;
    --g10: #b02369;
    --d11: #165599;
    --e11: #323a99;
    --f11: #5d2899;
    --g11: #91235c;
    --d12: #15467e;
    --e12: #29317e;
    --f12: #4a247e;
    --g12: #74214f;
    --d13: #143664;
    --e13: #212764;
    --f13: #381f64;
    --g13: #581e42;
    --d14: #11284b;
    --e14: #181e4b;
    --f14: #271a4b;
    --g14: #3c1a36;
    --d15: #0d1a33;
    --e15: #101633;
    --f15: #161433;
    --g15: #21142a;
    -webkit-font-smoothing: auto;
    --shadow-bg: 0 var(--x2) var(--x4) var(--z3);
    --shadow: 0 var(--x1) var(--x8) rgba(0, 0, 0, 0.1);
    --accent0: var(--d0);
    --comp0: var(--g0);
    --accent1: var(--d1);
    --comp1: var(--g1);
    --accent2: var(--d2);
    --comp2: var(--g2);
    --accent3: var(--d3);
    --comp3: var(--g3);
    --accent4: var(--d4);
    --comp4: var(--g4);
    --accent5: var(--d5);
    --comp5: var(--g5);
    --accent6: var(--d6);
    --comp6: var(--g6);
    --accent7: var(--d7);
    --comp7: var(--g7);
    --accent8: var(--d8);
    --comp8: var(--g8);
    --accent9: var(--d9);
    --comp9: var(--g9);
    --accent10: var(--d10);
    --comp10: var(--g10);
    --accent11: var(--d11);
    --comp11: var(--g11);
    --accent12: var(--d12);
    --comp12: var(--g12);
    --accent13: var(--d13);
    --comp13: var(--g13);
    --accent14: var(--d14);
    --comp14: var(--g14);
    --accent15: var(--d15);
    --comp15: var(--g15);
}

:root {
    --x1: 4px;
    --x2: 8px;
    --x3: 12px;
    --x4: 16px;
    --x5: 20px;
    --x6: 24px;
    --x7: 28px;
    --x8: 32px;
    --x9: 36px;
    --x10: 40px;
    --x11: 44px;
    --x12: 48px;
    --x13: 52px;
    --x14: 56px;
    --x15: 60px;
    --x16: 64px;
    --mono-font: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    --ui-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --panel-width: calc(var(--x10)*2*2 + var(--x1));
    --transition-duration: 200ms;
    --transition: all var(--transition-duration) ease;
}