:root{--dyna-color-dfcde1:#dfcde1;--dyna-color-dfcde1-match:#433e44;--dyna-color-dbdfe6:#dbdfe6;--dyna-color-dbdfe6-match:#424345;--dyna-color-e8edea:#e8edea;--dyna-color-e8edea-match:#464746;--dyna-color-f5f5f4:#f5f5f4;--dyna-color-f5f5f4-match:#4a4a49;--dyna-color-ffffff:#ffffff;--dyna-color-ffffff-match:#4c4c4c;}.dark-mode{--dyna-color-dfcde1:#b2a4b4;--dyna-color-dfcde1-match:#242124;--dyna-color-dbdfe6:#afb2b8;--dyna-color-dbdfe6-match:#232425;--dyna-color-e8edea:#babebb;--dyna-color-e8edea-match:#252625;--dyna-color-f5f5f4:#c4c4c3;--dyna-color-f5f5f4-match:#272727;--dyna-color-ffffff:#cccccc;--dyna-color-ffffff-match:#292929;}.flat-mode{--dyna-color-dfcde1:#6a6a6a;--dyna-color-dfcde1-match:#eaeaea;--dyna-color-dbdfe6:#707070;--dyna-color-dbdfe6-match:#efefef;--dyna-color-e8edea:#767676;--dyna-color-e8edea-match:#f5f5f5;--dyna-color-f5f5f4:#7a7a7a;--dyna-color-f5f5f4-match:#fafafa;--dyna-color-ffffff:#808080;--dyna-color-ffffff-match:#ffffff;}.flat-mode.dark-mode{--dyna-color-dfcde1:#4a4a4a;--dyna-color-dfcde1-match:#cacaca;--dyna-color-dbdfe6:#4e4e4e;--dyna-color-dbdfe6-match:#cecece;--dyna-color-e8edea:#525252;--dyna-color-e8edea-match:#d2d2d2;--dyna-color-f5f5f4:#565656;--dyna-color-f5f5f4-match:#d6d6d6;--dyna-color-ffffff:#595959;--dyna-color-ffffff-match:#d8d8d8;}