:root{--dyna-color-5c51ad:#5c51ad;--dyna-color-5c51ad-match:#cecbe6;--dyna-color-6851ad:#6851ad;--dyna-color-6851ad-match:#d2cbe6;--dyna-color-7351ad:#7351ad;--dyna-color-7351ad-match:#d5cbe6;--dyna-color-7f51ad:#7f51ad;--dyna-color-7f51ad-match:#d9cbe6;--dyna-color-8b51ad:#8b51ad;--dyna-color-8b51ad-match:#dccbe6;}.dark-mode{--dyna-color-5c51ad:#4a418a;--dyna-color-5c51ad-match:#dbd9e8;--dyna-color-6851ad:#53418a;--dyna-color-6851ad-match:#ddd9e8;--dyna-color-7351ad:#5c418a;--dyna-color-7351ad-match:#ded9e8;--dyna-color-7f51ad:#66418a;--dyna-color-7f51ad-match:#e0d9e8;--dyna-color-8b51ad:#6f418a;--dyna-color-8b51ad-match:#e2d9e8;}.flat-mode{--dyna-color-5c51ad:#afafaf;--dyna-color-5c51ad-match:#303030;--dyna-color-6851ad:#b0b0b0;--dyna-color-6851ad-match:#313131;--dyna-color-7351ad:#b2b2b2;--dyna-color-7351ad-match:#333333;--dyna-color-7f51ad:#b4b4b4;--dyna-color-7f51ad-match:#343434;--dyna-color-8b51ad:#b6b6b6;--dyna-color-8b51ad-match:#363636;}.flat-mode.dark-mode{--dyna-color-5c51ad:#a0a0a0;--dyna-color-5c51ad-match:#212121;--dyna-color-6851ad:#a2a2a2;--dyna-color-6851ad-match:#222222;--dyna-color-7351ad:#a3a3a3;--dyna-color-7351ad-match:#242424;--dyna-color-7f51ad:#a4a4a4;--dyna-color-7f51ad-match:#252525;--dyna-color-8b51ad:#a6a6a6;--dyna-color-8b51ad-match:#262626;}