:root{--dyna-color-af63b7:#af63b7;--dyna-color-af63b7-match:#351e37;--dyna-color-8293b7:#8293b7;--dyna-color-8293b7-match:#272c37;--dyna-color-9dbbab:#9dbbab;--dyna-color-9dbbab-match:#2f3833;--dyna-color-bfc2b6:#bfc2b6;--dyna-color-bfc2b6-match:#393a37;--dyna-color-cccccc:#cccccc;--dyna-color-cccccc-match:#3d3d3d;}.dark-mode{--dyna-color-af63b7:#8c4f92;--dyna-color-af63b7-match:#1c101d;--dyna-color-8293b7:#687692;--dyna-color-8293b7-match:#15181d;--dyna-color-9dbbab:#7e9689;--dyna-color-9dbbab-match:#191e1b;--dyna-color-bfc2b6:#999b92;--dyna-color-bfc2b6-match:#1f1f1d;--dyna-color-cccccc:#a3a3a3;--dyna-color-cccccc-match:#212121;}.flat-mode{--dyna-color-af63b7:#424242;--dyna-color-af63b7-match:#c1c1c1;--dyna-color-8293b7:#494949;--dyna-color-8293b7-match:#c8c8c8;--dyna-color-9dbbab:#585858;--dyna-color-9dbbab-match:#d8d8d8;--dyna-color-bfc2b6:#606060;--dyna-color-bfc2b6-match:#e0e0e0;--dyna-color-cccccc:#666666;--dyna-color-cccccc-match:#e6e6e6;}.flat-mode.dark-mode{--dyna-color-af63b7:#aeaeae;--dyna-color-af63b7-match:#2e2e2e;--dyna-color-8293b7:#b2b2b2;--dyna-color-8293b7-match:#333333;--dyna-color-9dbbab:#bdbdbd;--dyna-color-9dbbab-match:#3e3e3e;--dyna-color-bfc2b6:#434343;--dyna-color-bfc2b6-match:#c2c2c2;--dyna-color-cccccc:#484848;--dyna-color-cccccc-match:#c7c7c7;}