:root{--dyna-color-c8c8bb:#c8c8bb;--dyna-color-c8c8bb-match:#3c3c38;--dyna-color-d4d2cd:#d4d2cd;--dyna-color-d4d2cd-match:#403f3e;--dyna-color-e2e0df:#e2e0df;--dyna-color-e2e0df-match:#444343;--dyna-color-f0efef:#f0efef;--dyna-color-f0efef-match:#484848;--dyna-color-ffffff:#ffffff;--dyna-color-ffffff-match:#4c4c4c;}.dark-mode{--dyna-color-c8c8bb:#a0a096;--dyna-color-c8c8bb-match:#20201e;--dyna-color-d4d2cd:#aaa8a4;--dyna-color-d4d2cd-match:#222221;--dyna-color-e2e0df:#b5b3b2;--dyna-color-e2e0df-match:#242424;--dyna-color-f0efef:#c0bfbf;--dyna-color-f0efef-match:#262626;--dyna-color-ffffff:#cccccc;--dyna-color-ffffff-match:#292929;}.flat-mode{--dyna-color-c8c8bb:#646464;--dyna-color-c8c8bb-match:#e3e3e3;--dyna-color-d4d2cd:#696969;--dyna-color-d4d2cd-match:#e8e8e8;--dyna-color-e2e0df:#707070;--dyna-color-e2e0df-match:#f0f0f0;--dyna-color-f0efef:#787878;--dyna-color-f0efef-match:#f7f7f7;--dyna-color-ffffff:#808080;--dyna-color-ffffff-match:#ffffff;}.flat-mode.dark-mode{--dyna-color-c8c8bb:#464646;--dyna-color-c8c8bb-match:#c5c5c5;--dyna-color-d4d2cd:#4a4a4a;--dyna-color-d4d2cd-match:#c9c9c9;--dyna-color-e2e0df:#4e4e4e;--dyna-color-e2e0df-match:#cecece;--dyna-color-f0efef:#545454;--dyna-color-f0efef-match:#d3d3d3;--dyna-color-ffffff:#595959;--dyna-color-ffffff-match:#d8d8d8;}