:root{--dyna-color-bccdc6:#bccdc6;--dyna-color-bccdc6-match:#383e3b;--dyna-color-ced7ce:#ced7ce;--dyna-color-ced7ce-match:#3e403e;--dyna-color-e2e3df:#e2e3df;--dyna-color-e2e3df-match:#444443;--dyna-color-f0f0ef:#f0f0ef;--dyna-color-f0f0ef-match:#484848;--dyna-color-ffffff:#ffffff;--dyna-color-ffffff-match:#4c4c4c;}.dark-mode{--dyna-color-bccdc6:#96a49e;--dyna-color-bccdc6-match:#1e2120;--dyna-color-ced7ce:#a5aca5;--dyna-color-ced7ce-match:#212221;--dyna-color-e2e3df:#b5b6b2;--dyna-color-e2e3df-match:#242424;--dyna-color-f0f0ef:#c0c0bf;--dyna-color-f0f0ef-match:#262626;--dyna-color-ffffff:#cccccc;--dyna-color-ffffff-match:#292929;}.flat-mode{--dyna-color-bccdc6:#646464;--dyna-color-bccdc6-match:#e3e3e3;--dyna-color-ced7ce:#6a6a6a;--dyna-color-ced7ce-match:#e9e9e9;--dyna-color-e2e3df:#717171;--dyna-color-e2e3df-match:#f0f0f0;--dyna-color-f0f0ef:#787878;--dyna-color-f0f0ef-match:#f8f8f8;--dyna-color-ffffff:#808080;--dyna-color-ffffff-match:#ffffff;}.flat-mode.dark-mode{--dyna-color-bccdc6:#464646;--dyna-color-bccdc6-match:#c5c5c5;--dyna-color-ced7ce:#4a4a4a;--dyna-color-ced7ce-match:#cacaca;--dyna-color-e2e3df:#4f4f4f;--dyna-color-e2e3df-match:#cecece;--dyna-color-f0f0ef:#545454;--dyna-color-f0f0ef-match:#d4d4d4;--dyna-color-ffffff:#595959;--dyna-color-ffffff-match:#d8d8d8;}