:root{--md-f0f5f6:#f0f5f6;--md-027e68aa:#027e68aa;--md-096c5d:#096c5d;--md-006050:#006050;--md-b4d6d3:#b4d6d3;--md-00946d:#00946d;--md-006653:#006653;--md-a9ceca:#a9ceca;--md-73aaa3:#73aaa3;--md-d1e7df:#d1e7df;--md-e0ffd1:#e0ffd1;--md-00976e:#00976e;--md-00866c:#00866c;--md-00a765:#00a765;--md-006d58:#006d58;--md-fcfefe:#fcfefe;--md-d7e6e5:#d7e6e5;--md-102933:#102933;--md-e5f3ed:#e5f3ed;--md-bddbd0:#bddbd0;--md-cadcd5:#cadcd5;--md-072e2c33:#072e2c33;--md-00866ccc:#00866ccc;--md-18534555:#18534555;--md-2d9a80:#2d9a80;--md-32ad8f:#32ad8f;--md-174e41:#174e41;--md-227561:#227561;--md-21735f:#21735f;--md-227360:#227360;--md-237763:#237763;--md-227460:#227460;--md-247b66:#247b66;--md-2c977d:#2c977d;--md-2b957b:#2b957b;--md-2c987e:#2c987e;--md-2c967d:#2c967d;--md-32ae90:#32ae90;--md-32ac8f:#32ac8f;--md-298d75:#298d75;--md-33b193:#33b193;--md-2d997f:#2d997f;--md-21705d:#21705d;--md-278871:#278871;--md-2fa186:#2fa186;--md-2fa387:#2fa387;--md-37bf9e:#37bf9e;--md-2ea084:#2ea084;--md-30a78a:#30a78a;--md-36b99a:#36b99a;--md-31a88c:#31a88c;--md-31aa8d:#31aa8d;--md-26826c:#26826c;--md-1342377a:#1342377a;--md-0f342b:#0f342b;--md-10382e:#10382e;--md-174e4140:#174e4140;--md-1e6957:#1e6957;--md-1c615050:#1c615050;--md-1f6957:#1f6957;--md-206d5b:#206d5b;--md-247c67:#247c67;--md-19564766:#19564766;--md-1f6b5950:#1f6b5950;--md-227762:#227762;--md-2a9078:#2a9078;--md-34b193:#34b193;--md-3bc6a5:#3bc6a5;--md-3fc7a6:#3fc7a6;--md-298e769c:#298e769c;--md-2e9f84:#2e9f84;--md-237a6530:#237a6530;--md-36ba9a:#36ba9a;--md-206f5c:#206f5c;--md-21715e:#21715e;--md-1f6c5935:#1f6c5935;--md-247a66:#247a66;--md-2d9b81:#2d9b81;--md-206f5c55:#206f5c55;--md-237964:#237964;--md-237a65:#237a65;--md-25806a:#25806a;--md-288a72:#288a72;--md-2b937a:#2b937a;--md-37be9e:#37be9e;--md-1a5a4b:#1a5a4b;--md-1d6252:#1d6252;--md-19564740:#19564740;--md-19564770:#19564770;--md-1f6b59:#1f6b59;--md-1e695755:#1e695755;--md-26816b:#26816b;--md-25816b:#25816b;--md-288972:#288972;--md-26846d24:#26846d24;--md-2d9d82:#2d9d82;--md-35b5962b:#35b5962b;--md-1f6b5944:#1f6b5944;--md-27877030:#27877030;--md-2a9178:#2a9178;--md-42c8a8:#42c8a8;--md-288b73:#288b73;--md-36bc9c:#36bc9c;--md-37bc9c:#37bc9c;--md-38c2a1:#38c2a1;--md-40c8a7:#40c8a7;--md-47c9aa:#47c9aa;--md-27856f:#27856f;--md-39c4a3:#39c4a3;--md-38c3a1:#38c3a1;--md-20705d38:#20705d38;--md-39c5a3:#39c5a3;--md-33ae91:#33ae91;--md-36b89940:#36b89940;--md-3cc6a5:#3cc6a5;--md-2b947b18:#2b947b18;--md-46c9aa:#46c9aa;--md-39c3a2:#39c3a2;--md-3dc7a6:#3dc7a6;--md-3cc7a5:#3cc7a5;--md-49caab:#49caab;--md-2fa38733:#2fa38733;--md-298e76:#298e76;--md-31a78b20:#31a78b20;--md-288871:#288871;--md-4eccae:#4eccae;--md-31a98c20:#31a98c20;--md-2a8f7720:#2a8f7720;--md-2fa085:#2fa085;--md-2d9c81:#2d9c81;--md-47caaa:#47caaa;--md-4acaab:#4acaab;--md-5fd0b5:#5fd0b5;--md-34b59626:#34b59626;--md-33af9109:#33af9109;--md-66d2b8:#66d2b8;--md-5ed0b5:#5ed0b5;--md-33b092:#33b092;--md-35b596:#35b596;--md-45c9a9:#45c9a9;--md-51ccaf:#51ccaf;--md-26846d44:#26846d44;--md-31a98c:#31a98c;--md-6bd4bb:#6bd4bb;--md-6dd4bc:#6dd4bc;--md-38c09f2b:#38c09f2b;--md-60d1b6:#60d1b6;--md-37bf9e22:#37bf9e22;--md-38bf9f26:#38bf9f26;--md-63d2b7:#63d2b7;--md-56ceb1:#56ceb1;--md-38c1a0:#38c1a0;--md-3ec7a6:#3ec7a6;--md-36bb9b:#36bb9b;--md-5dd0b4:#5dd0b4;--md-75d7bf:#75d7bf;--md-66d3b9:#66d3b9;--md-6cd4bb:#6cd4bb;--md-3ac6a4:#3ac6a4;--md-83dbc6:#83dbc6;--md-38bf9f:#38bf9f;--md-43c8a8:#43c8a8;--md-82dbc6:#82dbc6;--md-40c7a7:#40c7a7;--md-43c9a9:#43c9a9;--md-44c9a9:#44c9a9;--md-78d8c1:#78d8c1;--md-80dac4:#80dac4;--md-4acbac:#4acbac;--md-4fccae:#4fccae;--md-7dd9c3:#7dd9c3;--md-4dcbad:#4dcbad;--md-77d7c0:#77d7c0;--md-50ccae:#50ccae;--md-5bcfb3:#5bcfb3;--md-54cdb0:#54cdb0;--md-62d2b7:#62d2b7;--md-52cdaf:#52cdaf;--md-88ddc8:#88ddc8;--md-53cdb0:#53cdb0;--md-6ed5bc:#6ed5bc;--md-8cddca:#8cddca;--md-8cdeca:#8cdeca;--md-8fdecb:#8fdecb;--md-9be2d1:#9be2d1;--md-5bd0b4:#5bd0b4;--md-70d6bd:#70d6bd;--md-8ddecb:#8ddecb;--md-93dfcd:#93dfcd;--md-8edecb:#8edecb;--md-8bddc9:#8bddc9;--md-96e1cf:#96e1cf;--md-92dfcd:#92dfcd;--md-93e0cd:#93e0cd;--md-a2e4d4:#a2e4d4;--md-72d6be:#72d6be;--md-8fdfcc:#8fdfcc;--md-95e0ce:#95e0ce;--md-9ae2d144:#9ae2d144;--md-a6e5d6:#a6e5d6;--md-a7e6d7:#a7e6d7;--md-9ae2d1:#9ae2d1;--md-7ad9c2:#7ad9c2;--md-99e2d0:#99e2d0;--md-a0e3d3:#a0e3d3;--md-98e1d0:#98e1d0;--md-9de2d2:#9de2d2;--md-a1e4d4:#a1e4d4;--md-74d7bf:#74d7bf;--md-a7e5d6:#a7e5d6;--md-9fe3d3:#9fe3d3;--md-a5e5d680:#a5e5d680;--md-abe7d8:#abe7d8;--md-a4e5d5:#a4e5d5;--md-a5e5d6:#a5e5d6;--md-a9e6d7:#a9e6d7;--md-ade7d9:#ade7d9;--md-b4e9dc:#b4e9dc;--md-ace7d9:#ace7d9;--md-abe6d8:#abe6d8;--md-b5eadd:#b5eadd;--md-baebdf:#baebdf;--md-b2e9dc:#b2e9dc;--md-b1e8db:#b1e8db;--md-bbebe0:#bbebe0;--md-b3e9dc:#b3e9dc;--md-b6eadd:#b6eadd;--md-b8eade:#b8eade;--md-afe8da:#afe8da;--md-b9ebdf:#b9ebdf;--md-aee8da:#aee8da;--md-beece1:#beece1;--md-bfede2:#bfede2;--md-b2e9db:#b2e9db;--md-b5e9dd:#b5e9dd;--md-bcebe0:#bcebe0;--md-bdece1:#bdece1;--md-bfece1:#bfece1;--md-bcece0:#bcece0;--md-b8ebdf:#b8ebdf;--md-c2ede3:#c2ede3;--md-c9efe6:#c9efe6;--md-cbf0e7:#cbf0e7;--md-c6eee5:#c6eee5;--md-c1ede2:#c1ede2;--md-c0ede2:#c0ede2;--md-c3eee4:#c3eee4;--md-c5eee4:#c5eee4;--md-c6efe5:#c6efe5;--md-d0f1e9:#d0f1e9;--md-c7efe5:#c7efe5;--md-caefe6:#caefe6;--md-d2f2ea:#d2f2ea;--md-d3f2eb9c:#d3f2eb9c;--md-caf0e7:#caf0e7;--md-d4f2eb:#d4f2eb;--md-d5f3ec:#d5f3ec;--md-cff1e9:#cff1e9;--md-d7f3ec:#d7f3ec;--md-d7f4ed:#d7f4ed;--md-d8f4ed:#d8f4ed;--md-d9f4ee:#d9f4ee;--md-d1f2ea:#d1f2ea;--md-daf4ee9e:#daf4ee9e;--md-daf4eeb0:#daf4eeb0;--md-d3f2eb:#d3f2eb;--md-dbf4ee:#dbf4ee;--md-ddf5ef:#ddf5ef;--md-def5f0:#def5f0;--md-def6f0:#def6f0;--md-dff6f0:#dff6f0;--md-daf4ee:#daf4ee;--md-e0f6f1:#e0f6f1;--md-e1f6f1:#e1f6f1;--md-e1f6f170:#e1f6f170;--md-e2f6f1bb:#e2f6f1bb;--md-e2f6f1:#e2f6f1;--md-e4f7f3:#e4f7f3;--md-e6f8f4:#e6f8f4;--md-e6f8f4f5:#e6f8f4f5;--md-e7f8f4:#e7f8f4;--md-e7f8f4b8:#e7f8f4b8;--md-e2f7f2:#e2f7f2;--md-e8f8f4:#e8f8f4;--md-e9f8f5:#e9f8f5;--md-e9f9f5:#e9f9f5;--md-eaf9f5:#eaf9f5;--md-ebf9f6:#ebf9f6;--md-ecf9f6:#ecf9f6;--md-ecfaf6:#ecfaf6;--md-edfaf7:#edfaf7;--md-eefaf7:#eefaf7;--md-effaf8:#effaf8;--md-f0fbf8:#f0fbf8;--md-f1fbf9:#f1fbf9;--md-f2fbf9:#f2fbf9;--md-f3fbf9:#f3fbf9;--md-f3fbf9d9:#f3fbf9d9;--md-f3fbf9f0:#f3fbf9f0;--md-f4fcfa:#f4fcfa;--md-f4fcfaf0:#f4fcfaf0;--md-f4fcfadb:#f4fcfadb;--md-f5fcfa:#f5fcfa;--md-f5fcfacc:#f5fcfacc;--md-f6fcfb80:#f6fcfb80;--md-f6fcfb:#f6fcfb;--md-f6fdfb:#f6fdfb;--md-f7fdfb:#f7fdfb;--md-f7fdfbbb:#f7fdfbbb;--md-f8fdfc:#f8fdfc;--md-f8fdfcba:#f8fdfcba;--md-f9fdfc:#f9fdfc;--md-f9fdfc90:#f9fdfc90;--md-f9fdfcf5:#f9fdfcf5;--md-fafdfd:#fafdfd;--md-fafefd:#fafefd;--md-61776f:#61776f;--md-072e2c22:#072e2c22;--md-a8cec2:#a8cec2;--md-009272:#009272;--md-dcebe4:#dcebe4;--md-003d3333:#003d3333;--md-b9d7cd:#b9d7cd;--md-edf0ee:#edf0ee;--md-e0f1e9:#e0f1e9;--md-dff2e8:#dff2e8;--md-183d33:#183d33;--md-d1ded8:#d1ded8;--md-173e3320:#173e3320;--md-f5faf7:#f5faf7;--md-e0ebe5:#e0ebe5;--md-c8dfd4:#c8dfd4;--md-113c3020:#113c3020;--md-dae6df:#dae6df;--md-00392e33:#00392e33;--md-eaf5ef:#eaf5ef;--md-e4ece7:#e4ece7;--md-bbd8ca:#bbd8ca;--md-f7fcf9:#f7fcf9;--md-deefe5:#deefe5;--md-143e30:#143e30;--md-00352755:#00352755;--md-002e2455:#002e2455;--md-00866c33:#00866c33;--md-5c7d70:#5c7d70;--md-d1e8db:#d1e8db;--md-31574c:#31574c;--md-667b73:#667b73;--md-74867e:#74867e;--md-159de0:#159de0;--md-edf6f1:#edf6f1;--md-75f59a:#75f59a;--md-36dd72:#36dd72;--md-37443f:#37443f;--md-003d3033:#003d3033;--md-cbded4:#cbded4;--md-f3f8f5:#f3f8f5;--md-46534d:#46534d;--md-dcefe4:#dcefe4;--md-83b79c:#83b79c;--md-174c38:#174c38;--md-f6fcf9:#f6fcf9;--md-15372d:#15372d;--md-e1f2e9:#e1f2e9;--md-28c79b:#28c79b;--md-899c94:#899c94;--md-20b987:#20b987;--md-25483b:#25483b;--md-00382c20:#00382c20;--md-d9e8e0:#d9e8e0;--md-26473a:#26473a;--md-eef6f1:#eef6f1;--md-dbece2:#dbece2;--md-bed9cb:#bed9cb;--md-e8f4ed:#e8f4ed;--md-245440:#245440;--md-e1f1e8:#e1f1e8;--md-c7dfd2:#c7dfd2;--md-254b3d:#254b3d;--md-00352740:#00352740;--md-002e2466:#002e2466;--md-c0dbcc:#c0dbcc;--md-285e48:#285e48;} html[data-chat-background="modern-blue"]{--md-f0f5f6:#f0f3f6;--md-027e68aa:#023f7eaa;--md-096c5d:#093a6c;--md-006050:#002f60;--md-b4d6d3:#b4c5d6;--md-00946d:#004994;--md-006653:#003266;--md-a9ceca:#a9bbce;--md-73aaa3:#738eaa;--md-d1e7df:#d1dce7;--md-e0ffd1:#d1e8ff;--md-00976e:#004a97;--md-00866c:#004286;--md-00a765:#0052a7;--md-006d58:#00356d;--md-fcfefe:#fcfdfe;--md-d7e6e5:#d7dee6;--md-102933:#102133;--md-e5f3ed:#e5ecf3;--md-bddbd0:#bdccdb;--md-cadcd5:#cad3dc;--md-072e2c33:#071a2e33;--md-00866ccc:#004286cc;--md-18534555:#18355355;--md-2d9a80:#2d629a;--md-32ad8f:#326ead;--md-174e41:#17324e;--md-227561:#224b75;--md-21735f:#214973;--md-227360:#224a73;--md-237763:#234c77;--md-227460:#224a74;--md-247b66:#244f7b;--md-2c977d:#2c6097;--md-2b957b:#2b5f95;--md-2c987e:#2c6198;--md-2c967d:#2c6096;--md-32ae90:#326fae;--md-32ac8f:#326eac;--md-298d75:#295a8d;--md-33b193:#3371b1;--md-2d997f:#2d6299;--md-21705d:#214870;--md-278871:#275788;--md-2fa186:#2f67a1;--md-2fa387:#2f68a3;--md-37bf9e:#377abf;--md-2ea084:#2e66a0;--md-30a78a:#306aa7;--md-36b99a:#3676b9;--md-31a88c:#316ba8;--md-31aa8d:#316caa;--md-26826c:#265382;--md-1342377a:#132a427a;--md-0f342b:#0f2134;--md-10382e:#102438;--md-174e4140:#17324e40;--md-1e6957:#1e4369;--md-1c615050:#1c3e6150;--md-1f6957:#1f4369;--md-206d5b:#20466d;--md-247c67:#244f7c;--md-19564766:#19375666;--md-1f6b5950:#1f446b50;--md-227762:#224c77;--md-2a9078:#2a5c90;--md-34b193:#3471b1;--md-3bc6a5:#3b7fc6;--md-3fc7a6:#3f82c7;--md-298e769c:#295a8e9c;--md-2e9f84:#2e659f;--md-237a6530:#234e7a30;--md-36ba9a:#3677ba;--md-206f5c:#20476f;--md-21715e:#214871;--md-1f6c5935:#1f456c35;--md-247a66:#244e7a;--md-2d9b81:#2d639b;--md-206f5c55:#20476f55;--md-237964:#234d79;--md-237a65:#234e7a;--md-25806a:#255280;--md-288a72:#28588a;--md-2b937a:#2b5e93;--md-37be9e:#3779be;--md-1a5a4b:#1a395a;--md-1d6252:#1d3f62;--md-19564740:#19375640;--md-19564770:#19375670;--md-1f6b59:#1f446b;--md-1e695755:#1e436955;--md-26816b:#265381;--md-25816b:#255281;--md-288972:#285889;--md-26846d24:#26548424;--md-2d9d82:#2d649d;--md-35b5962b:#3574b52b;--md-1f6b5944:#1f446b44;--md-27877030:#27568730;--md-2a9178:#2a5c91;--md-42c8a8:#4284c8;--md-288b73:#28598b;--md-36bc9c:#3678bc;--md-37bc9c:#3778bc;--md-38c2a1:#387cc2;--md-40c8a7:#4083c8;--md-47c9aa:#4787c9;--md-27856f:#275585;--md-39c4a3:#397dc4;--md-38c3a1:#387cc3;--md-20705d38:#20477038;--md-39c5a3:#397ec5;--md-33ae91:#336fae;--md-36b89940:#3676b840;--md-3cc6a5:#3c80c6;--md-2b947b18:#2b5e9418;--md-46c9aa:#4686c9;--md-39c3a2:#397dc3;--md-3dc7a6:#3d81c7;--md-3cc7a5:#3c80c7;--md-49caab:#4988ca;--md-2fa38733:#2f68a333;--md-298e76:#295a8e;--md-31a78b20:#316ba720;--md-288871:#285788;--md-4eccae:#4e8ccc;--md-31a98c20:#316ca920;--md-2a8f7720:#2a5b8f20;--md-2fa085:#2f66a0;--md-2d9c81:#2d639c;--md-47caaa:#4787ca;--md-4acaab:#4a89ca;--md-5fd0b5:#5f96d0;--md-34b59626:#3473b526;--md-33af9109:#3370af09;--md-66d2b8:#669bd2;--md-5ed0b5:#5e96d0;--md-33b092:#3370b0;--md-35b596:#3574b5;--md-45c9a9:#4586c9;--md-51ccaf:#518dcc;--md-26846d44:#26548444;--md-31a98c:#316ca9;--md-6bd4bb:#6b9ed4;--md-6dd4bc:#6d9fd4;--md-38c09f2b:#387bc02b;--md-60d1b6:#6097d1;--md-37bf9e22:#377abf22;--md-38bf9f26:#387abf26;--md-63d2b7:#6399d2;--md-56ceb1:#5691ce;--md-38c1a0:#387bc1;--md-3ec7a6:#3e81c7;--md-36bb9b:#3677bb;--md-5dd0b4:#5d95d0;--md-75d7bf:#75a5d7;--md-66d3b9:#669bd3;--md-6cd4bb:#6c9fd4;--md-3ac6a4:#3a7fc6;--md-83dbc6:#83aedb;--md-38bf9f:#387abf;--md-43c8a8:#4384c8;--md-82dbc6:#82aedb;--md-40c7a7:#4082c7;--md-43c9a9:#4385c9;--md-44c9a9:#4485c9;--md-78d8c1:#78a7d8;--md-80dac4:#80acda;--md-4acbac:#4a89cb;--md-4fccae:#4f8ccc;--md-7dd9c3:#7daad9;--md-4dcbad:#4d8bcb;--md-77d7c0:#77a6d7;--md-50ccae:#508dcc;--md-5bcfb3:#5b94cf;--md-54cdb0:#548fcd;--md-62d2b7:#6299d2;--md-52cdaf:#528ecd;--md-88ddc8:#88b2dd;--md-53cdb0:#538fcd;--md-6ed5bc:#6ea0d5;--md-8cddca:#8cb4dd;--md-8cdeca:#8cb4de;--md-8fdecb:#8fb6de;--md-9be2d1:#9bbee2;--md-5bd0b4:#5b94d0;--md-70d6bd:#70a2d6;--md-8ddecb:#8db5de;--md-93dfcd:#93b8df;--md-8edecb:#8eb5de;--md-8bddc9:#8bb3dd;--md-96e1cf:#96bbe1;--md-92dfcd:#92b8df;--md-93e0cd:#93b9e0;--md-a2e4d4:#a2c2e4;--md-72d6be:#72a3d6;--md-8fdfcc:#8fb6df;--md-95e0ce:#95bae0;--md-9ae2d144:#9abde244;--md-a6e5d6:#a6c5e5;--md-a7e6d7:#a7c6e6;--md-9ae2d1:#9abde2;--md-7ad9c2:#7aa9d9;--md-99e2d0:#99bde2;--md-a0e3d3:#a0c1e3;--md-98e1d0:#98bce1;--md-9de2d2:#9dbfe2;--md-a1e4d4:#a1c2e4;--md-74d7bf:#74a5d7;--md-a7e5d6:#a7c5e5;--md-9fe3d3:#9fc0e3;--md-a5e5d680:#a5c4e580;--md-abe7d8:#abc8e7;--md-a4e5d5:#a4c4e5;--md-a5e5d6:#a5c4e5;--md-a9e6d7:#a9c7e6;--md-ade7d9:#adc9e7;--md-b4e9dc:#b4cee9;--md-ace7d9:#acc9e7;--md-abe6d8:#abc8e6;--md-b5eadd:#b5cfea;--md-baebdf:#bad2eb;--md-b2e9dc:#b2cde9;--md-b1e8db:#b1cce8;--md-bbebe0:#bbd3eb;--md-b3e9dc:#b3cde9;--md-b6eadd:#b6cfea;--md-b8eade:#b8d0ea;--md-afe8da:#afcbe8;--md-b9ebdf:#b9d2eb;--md-aee8da:#aecae8;--md-beece1:#bed5ec;--md-bfede2:#bfd6ed;--md-b2e9db:#b2cde9;--md-b5e9dd:#b5cee9;--md-bcebe0:#bcd3eb;--md-bdece1:#bdd4ec;--md-bfece1:#bfd5ec;--md-bcece0:#bcd4ec;--md-b8ebdf:#b8d1eb;--md-c2ede3:#c2d7ed;--md-c9efe6:#c9dcef;--md-cbf0e7:#cbddf0;--md-c6eee5:#c6daee;--md-c1ede2:#c1d7ed;--md-c0ede2:#c0d6ed;--md-c3eee4:#c3d8ee;--md-c5eee4:#c5d9ee;--md-c6efe5:#c6daef;--md-d0f1e9:#d0e0f1;--md-c7efe5:#c7dbef;--md-caefe6:#cadcef;--md-d2f2ea:#d2e2f2;--md-d3f2eb9c:#d3e2f29c;--md-caf0e7:#caddf0;--md-d4f2eb:#d4e3f2;--md-d5f3ec:#d5e4f3;--md-cff1e9:#cfe0f1;--md-d7f3ec:#d7e5f3;--md-d7f4ed:#d7e5f4;--md-d8f4ed:#d8e6f4;--md-d9f4ee:#d9e6f4;--md-d1f2ea:#d1e1f2;--md-daf4ee9e:#dae7f49e;--md-daf4eeb0:#dae7f4b0;--md-d3f2eb:#d3e2f2;--md-dbf4ee:#dbe7f4;--md-ddf5ef:#dde9f5;--md-def5f0:#dee9f5;--md-def6f0:#deeaf6;--md-dff6f0:#dfeaf6;--md-daf4ee:#dae7f4;--md-e0f6f1:#e0ebf6;--md-e1f6f1:#e1ebf6;--md-e1f6f170:#e1ebf670;--md-e2f6f1bb:#e2ecf6bb;--md-e2f6f1:#e2ecf6;--md-e4f7f3:#e4edf7;--md-e6f8f4:#e6eff8;--md-e6f8f4f5:#e6eff8f5;--md-e7f8f4:#e7eff8;--md-e7f8f4b8:#e7eff8b8;--md-e2f7f2:#e2ecf7;--md-e8f8f4:#e8f0f8;--md-e9f8f5:#e9f0f8;--md-e9f9f5:#e9f1f9;--md-eaf9f5:#eaf1f9;--md-ebf9f6:#ebf2f9;--md-ecf9f6:#ecf2f9;--md-ecfaf6:#ecf3fa;--md-edfaf7:#edf3fa;--md-eefaf7:#eef4fa;--md-effaf8:#eff4fa;--md-f0fbf8:#f0f5fb;--md-f1fbf9:#f1f6fb;--md-f2fbf9:#f2f6fb;--md-f3fbf9:#f3f7fb;--md-f3fbf9d9:#f3f7fbd9;--md-f3fbf9f0:#f3f7fbf0;--md-f4fcfa:#f4f8fc;--md-f4fcfaf0:#f4f8fcf0;--md-f4fcfadb:#f4f8fcdb;--md-f5fcfa:#f5f8fc;--md-f5fcfacc:#f5f8fccc;--md-f6fcfb80:#f6f9fc80;--md-f6fcfb:#f6f9fc;--md-f6fdfb:#f6f9fd;--md-f7fdfb:#f7fafd;--md-f7fdfbbb:#f7fafdbb;--md-f8fdfc:#f8fafd;--md-f8fdfcba:#f8fafdba;--md-f9fdfc:#f9fbfd;--md-f9fdfc90:#f9fbfd90;--md-f9fdfcf5:#f9fbfdf5;--md-fafdfd:#fafbfd;--md-fafefd:#fafcfe;--md-61776f:#616c77;--md-072e2c22:#071a2e22;--md-a8cec2:#a8bbce;--md-009272:#004892;--md-dcebe4:#dce3eb;--md-003d3333:#001e3d33;--md-b9d7cd:#b9c8d7;--md-edf0ee:#edeef0;--md-e0f1e9:#e0e8f1;--md-dff2e8:#dfe8f2;--md-183d33:#182a3d;--md-d1ded8:#d1d7de;--md-173e3320:#172a3e20;--md-f5faf7:#f5f7fa;--md-e0ebe5:#e0e5eb;--md-c8dfd4:#c8d3df;--md-113c3020:#11263c20;--md-dae6df:#dae0e6;--md-00392e33:#001c3933;--md-eaf5ef:#eaeff5;--md-e4ece7:#e4e8ec;--md-bbd8ca:#bbc9d8;--md-f7fcf9:#f7f9fc;--md-deefe5:#dee6ef;--md-143e30:#14293e;--md-00352755:#001a3555;--md-002e2455:#00172e55;--md-00866c33:#00428633;--md-5c7d70:#5c6c7d;--md-d1e8db:#d1dce8;--md-31574c:#314457;--md-667b73:#66707b;--md-74867e:#747d86;--md-159de0:#1578e0;--md-edf6f1:#edf1f6;--md-75f59a:#75b4f5;--md-36dd72:#3688dd;--md-37443f:#373d44;--md-003d3033:#001e3d33;--md-cbded4:#cbd4de;--md-f3f8f5:#f3f5f8;--md-46534d:#464c53;--md-dcefe4:#dce5ef;--md-83b79c:#839cb7;--md-174c38:#17314c;--md-f6fcf9:#f6f9fc;--md-15372d:#152637;--md-e1f2e9:#e1e9f2;--md-28c79b:#2876c7;--md-899c94:#89929c;--md-20b987:#206bb9;--md-25483b:#253648;--md-00382c20:#001b3820;--md-d9e8e0:#d9e0e8;--md-26473a:#263647;--md-eef6f1:#eef2f6;--md-dbece2:#dbe3ec;--md-bed9cb:#becbd9;--md-e8f4ed:#e8eef4;--md-245440:#243c54;--md-e1f1e8:#e1e9f1;--md-c7dfd2:#c7d3df;--md-254b3d:#25384b;--md-00352740:#001a3540;--md-002e2466:#00172e66;--md-c0dbcc:#c0cddb;--md-285e48:#28425e;} /* sohbet-demo.html visual skin; Classic and desktop are intentionally out of scope. */ #modernAttach,#modernChatBack,#modernProfileMenu{display:none} @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] #app#app{display:flex!important;flex-direction:column!important;background:var(--md-f0f5f6)!important;color:#091125;font-family:Arial,sans-serif!important;overflow:hidden!important} html.modern-demo[data-applet-choice="modern"] #app#app>.titlebar{order:0;min-height:67px!important;height:67px!important;padding:8px 14px!important;background:radial-gradient(ellipse at 50% 70%,var(--md-027e68aa),transparent 65%),linear-gradient(120deg,var(--md-096c5d),var(--md-006050))!important;border:0!important;border-radius:0!important;color:white!important;flex:none!important} html.modern-demo[data-applet-choice="modern"] #app#app .brand{gap:10px!important;color:white!important;flex:1!important} html.modern-demo[data-applet-choice="modern"] #app#app .brand strong{font:bold 23px/1.15 Arial!important;color:white!important} html.modern-demo[data-applet-choice="modern"] #app#app .brand small{font:12px Arial!important;color:var(--md-b4d6d3)!important} html.modern-demo[data-applet-choice="modern"] #app#app .brand-buddies{width:46px!important;height:46px!important;filter:none!important} html.modern-demo[data-applet-choice="modern"] #app#app #radioPanel{background:#ffffff18!important;border-color:#ffffff30!important;max-width:108px!important;min-width:0!important;color:white!important} html.modern-demo[data-applet-choice="modern"] #app#app #radioTitle ,html.modern-demo[data-applet-choice="modern"] #app#app #radioStatus{color:white!important;font-size:9px!important} html.modern-demo[data-applet-choice="modern"] #app#app #radioVolume ,html.modern-demo[data-applet-choice="modern"] #app#app .radio-bars{display:none!important} html.modern-demo[data-applet-choice="modern"] #app#app #radioPlay{background:var(--md-00946d)!important;color:white!important} html.modern-demo[data-applet-choice="modern"] #app#app>.mobile-nav{order:1!important;position:static!important;display:flex!important;height:47px!important;min-height:47px!important;padding:0 8px!important;gap:6px!important;background:var(--md-006653)!important;border:0!important;box-shadow:none!important;flex:none!important;border-radius:0!important} html.modern-demo[data-applet-choice="modern"] #app#app>.mobile-nav>button{height:47px!important;min-height:0!important;padding:0 3px!important;display:flex!important;flex-direction:row!important;justify-content:center!important;gap:5px!important;border:0!important;border-bottom:4px solid transparent!important;border-radius:0!important;background:transparent!important;color:var(--md-a9ceca)!important;flex:1!important;font:600 14px Arial!important;position:relative!important;box-shadow:none!important} html.modern-demo[data-applet-choice="modern"] #app#app>.mobile-nav>button.active{color:white!important;border-bottom-color:white!important} html.modern-demo[data-applet-choice="modern"] #app#app>.mobile-nav>button>span{font:600 13px Arial!important;color:inherit!important} html.modern-demo[data-applet-choice="modern"] #app#app>.mobile-nav>button :is(img,.social-avatar){width:23px!important;height:23px!important} html.modern-demo[data-applet-choice="modern"] #app#app>.mobile-nav>button[data-mobile="chats"] ,html.modern-demo[data-applet-choice="modern"] #app#app>.mobile-nav>#lastChannelButton{display:none!important} html.modern-demo[data-applet-choice="modern"] #app#app .mobile-nav-badge{position:static!important;background:var(--md-73aaa3)!important;color:white!important;border-radius:20px!important;min-width:19px!important;height:19px!important;font:11px/19px Arial!important} html.modern-demo[data-applet-choice="modern"] #app#app>.layout{order:2!important;flex:1!important;min-height:0!important;height:auto!important;display:flex!important;padding:0!important;gap:0!important} html.modern-demo[data-applet-choice="modern"] #app#app #standardTabs ,html.modern-demo[data-applet-choice="modern"] #app#app .standard-tabs-shell ,html.modern-demo[data-applet-choice="modern"] #app#app>.layout>.sidebar ,html.modern-demo[data-applet-choice="modern"] #app#app #rightPanel ,html.modern-demo[data-applet-choice="modern"] #app#app #referenceTopicBar{display:none!important} html.modern-demo[data-applet-choice="modern"] #app#app .chat-panel{flex:1!important;min-width:0!important;width:100%!important;display:flex!important;flex-direction:column!important;padding:0!important;border:0!important;border-radius:0!important;background:#eeeae1!important} html.modern-demo[data-applet-choice="modern"] #app#app .channel-head{height:60px!important;min-height:60px!important;padding:4px 10px!important;gap:10px!important;background:var(--md-006653)!important;color:white!important;border:0!important;display:flex!important;border-radius:0!important} html.modern-demo[data-applet-choice="modern"] #app#app .channel-head h2{color:white!important;font:bold 20px Arial!important} html.modern-demo[data-applet-choice="modern"] #app#app .channel-head p{color:var(--md-d1e7df)!important;font:12px Arial!important} html.modern-demo[data-applet-choice="modern"] #app#app .channel-head .channel-icon{width:43px!important;height:43px!important;border-radius:50%!important;background:#ffffff22!important} html.modern-demo[data-applet-choice="modern"] #app#app .channel-head .channel-icon img{width:100%!important;height:100%!important} html.modern-demo[data-applet-choice="modern"] #app#app #mobileMembersButton{position:static!important;transform:none!important;margin-left:auto!important;align-self:center!important;background:transparent!important;color:white!important;border:0!important;box-shadow:none!important} html.modern-demo[data-applet-choice="modern"] #app#app #messages{background:#eeeae1 url(/images/modern-demo/pattern.svg)!important;padding:15px 10px 8px!important;flex:1!important;min-height:0!important;border:0!important;border-radius:0!important} html.modern-demo[data-applet-choice="modern"] #app#app #messages .message:not(.system-message){display:flex!important;align-items:flex-start!important;gap:11px!important;margin:0 0 13px!important;padding:0!important;max-width:100%!important;background:none!important;border:0!important;min-height:0!important} html.modern-demo[data-applet-choice="modern"] #app#app #messages .message.self{flex-direction:row-reverse!important} html.modern-demo[data-applet-choice="modern"] #app#app #messages .message>.message-avatar{display:flex!important;position:static!important;width:36px!important;height:36px!important;flex:0 0 36px!important;margin:0!important;border:0!important;border-radius:50%!important;overflow:hidden!important;transform:none!important} html.modern-demo[data-applet-choice="modern"] #app#app #messages .message-avatar :is(img,.social-avatar){width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important} html.modern-demo[data-applet-choice="modern"] #app#app #messages .message-body{position:relative!important;display:flex!important;flex-direction:column!important;flex:0 1 auto!important;background:#fff!important;color:#080e1e!important;padding:8px 12px 5px!important;border:0!important;border-radius:0 13px 13px 13px!important;box-shadow:0 1.5px 2.5px #0000000d!important;max-width:calc(100% - 47px)!important;min-width:90px!important;margin:0!important} html.modern-demo[data-applet-choice="modern"] #app#app #messages .message.self .message-body{background:var(--md-e0ffd1)!important;border-radius:13px 0 13px 13px!important} html.modern-demo[data-applet-choice="modern"] #app#app #messages .message-body::before{content:""!important;position:absolute!important;left:-8px!important;top:0!important;border-top:10px solid white!important;border-left:10px solid transparent!important;width:0!important;height:0!important} html.modern-demo[data-applet-choice="modern"] #app#app #messages .self .message-body::before{left:auto!important;right:-8px!important;border-left:0!important;border-right:10px solid transparent!important;border-top-color:var(--md-e0ffd1)!important} html.modern-demo[data-applet-choice="modern"] #app#app #messages .message-body>div:first-child{background:transparent!important;display:flex!important;gap:8px!important;padding:0!important;border:0!important} html.modern-demo[data-applet-choice="modern"] #app#app #messages .message-name{font:bold 11px Arial!important;color:var(--md-00976e)!important} html.modern-demo[data-applet-choice="modern"] #app#app #messages .message-text{font-size:var(--chat-text-size,15px)!important;line-height:1.32!important;min-height:0!important;padding:0!important;background:none!important} html.modern-demo[data-applet-choice="modern"] #app#app #messages .message-time ,html.modern-demo[data-applet-choice="modern"] #app#app .standard-time ,html.modern-demo[data-applet-choice="modern"] #app#app .classic-like{display:none!important} html.modern-demo[data-applet-choice="modern"] #app#app #messages .classic-end-time{display:block!important;text-align:right!important;font:10px/1.2 Arial!important;color:#526579!important;margin:2px 0 0!important;align-self:flex-end!important} html.modern-demo[data-applet-choice="modern"] #app#app #messages .reaction-widget{align-self:flex-end!important} html.modern-demo[data-applet-choice="modern"] #app#app .composer{background:#eeeae1!important;padding:3px 5px 5px!important;flex:none!important;border:0!important;position:relative!important;min-height:0!important} html.modern-demo[data-applet-choice="modern"] #app#app .composer-row{display:flex!important;align-items:center!important;gap:6px!important;padding:0!important;background:transparent!important;border:0!important;min-height:51px!important} html.modern-demo[data-applet-choice="modern"] #app#app .message-input-wrap{display:flex!important;align-items:center!important;gap:8px!important;background:white!important;border:0!important;border-radius:30px!important;min-height:43px!important;height:auto!important;padding:0 10px!important;flex:1!important;min-width:0!important;box-shadow:none!important} html.modern-demo[data-applet-choice="modern"] #app#app #messageInput{order:1!important;min-width:0!important;width:100%!important;flex:1!important;height:43px!important;min-height:43px!important;max-height:105px!important;padding:11px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#172537!important;font:16px/21px Arial!important;outline:none!important} html.modern-demo[data-applet-choice="modern"] #app#app #emojiButton{order:0!important} html.modern-demo[data-applet-choice="modern"] #app#app #modernAttach{order:2!important} html.modern-demo[data-applet-choice="modern"] #app#app #imageButton{order:3!important} html.modern-demo[data-applet-choice="modern"] #app#app .message-input-wrap button{position:static!important;transform:none!important;flex:0 0 24px!important;width:24px!important;height:30px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#657483!important;margin:0!important;font-size:0!important} html.modern-demo[data-applet-choice="modern"] #app#app .md-control-icon{display:flex!important;align-items:center;justify-content:center;width:100%;height:100%;visibility:visible!important} html.modern-demo[data-applet-choice="modern"] #app#app :is(#emojiButton ,html.modern-demo[data-applet-choice="modern"] #imageButton ,html.modern-demo[data-applet-choice="modern"] #voiceButton ,html.modern-demo[data-applet-choice="modern"] #sendButton)>:not(.md-control-icon){display:none!important} html.modern-demo[data-applet-choice="modern"] #app#app :is(#emojiButton ,html.modern-demo[data-applet-choice="modern"] #imageButton ,html.modern-demo[data-applet-choice="modern"] #voiceButton ,html.modern-demo[data-applet-choice="modern"] #sendButton)::before ,html.modern-demo[data-applet-choice="modern"] #app#app :is(#emojiButton ,html.modern-demo[data-applet-choice="modern"] #imageButton ,html.modern-demo[data-applet-choice="modern"] #voiceButton ,html.modern-demo[data-applet-choice="modern"] #sendButton)::after{display:none!important} html.modern-demo[data-applet-choice="modern"] #app#app :is(#voiceButton ,html.modern-demo[data-applet-choice="modern"] #sendButton){position:static!important;transform:none!important;flex:0 0 51px!important;width:51px!important;min-width:51px!important;height:51px!important;padding:12px!important;border-radius:50%!important;background:var(--md-00866c)!important;border:0!important;color:white!important;font-size:0!important;box-shadow:none!important;margin:0!important;order:9!important} html.modern-demo[data-applet-choice="modern"] #app#app .composer-row:not(.md-has-text):not(.md-no-voice) #sendButton ,html.modern-demo[data-applet-choice="modern"] #app#app .composer-row.md-has-text:not(.md-recording) #voiceButton{display:none!important} html.modern-demo[data-applet-choice="modern"] #app#app .md-control-icon svg ,html.modern-demo[data-applet-choice="modern"] #app#app #modernAttach svg ,html.modern-demo[data-applet-choice="modern"] #app#app #modernChatBack svg ,html.modern-demo[data-applet-choice="modern"] #app#app #modernProfileMenu svg{width:24px!important;height:24px!important} html.modern-demo[data-applet-choice="modern"] #app#app .desktop-composer-toolbar{display:none!important} html.modern-demo[data-applet-choice="modern"] #app#app.md-tools-open .desktop-composer-toolbar{display:flex!important;flex-wrap:wrap!important;position:absolute!important;bottom:65px!important;left:10px!important;right:10px!important;padding:12px!important;background:white!important;border-radius:14px!important;box-shadow:0 4px 20px #0003!important;z-index:30!important;gap:10px!important} html.modern-demo[data-applet-choice="modern"] #app#app .composer-tools ,html.modern-demo[data-applet-choice="modern"] #app#app .desktop-composer-hint ,html.modern-demo[data-applet-choice="modern"] #app#app .private-profile ,html.modern-demo[data-applet-choice="modern"] #app#app .private-profile-panel{display:none!important} html.modern-demo[data-applet-choice="modern"] #app#app #modernChatBack ,html.modern-demo[data-applet-choice="modern"] #app#app #modernProfileMenu{display:flex!important;align-items:center!important;justify-content:center!important;color:white!important;background:transparent!important;border:0!important;width:30px!important;flex:0 0 30px!important;padding:0!important} html.modern-demo[data-applet-choice="modern"] #app#app #mobileSection{position:relative!important;inset:auto!important;order:3!important;flex:1!important;min-height:0!important;width:100%!important;height:auto!important;max-height:none!important;border:0!important;border-radius:12px 12px 0 0!important;background:var(--md-f0f5f6)!important;box-shadow:none!important;transform:none!important} html.modern-demo[data-applet-choice="modern"] #app#app #mobileSection:not(.open){display:none!important} html.modern-demo[data-applet-choice="modern"] #app#app #mobileSection.open{display:flex!important;flex-direction:column!important} html.modern-demo[data-applet-choice="modern"] #app#app.md-list-open>.layout{display:none!important} html.modern-demo[data-applet-choice="modern"] #app#app .mobile-section-head{display:none!important} html.modern-demo[data-applet-choice="modern"] #app#app #mobileSectionContent{overflow:auto!important;padding:0 4px!important;background:var(--md-f0f5f6)!important;flex:1!important;min-height:0!important} html.modern-demo[data-applet-choice="modern"] #app#app .md-channel-list{background:white;border-radius:12px;padding:0 16px} html.modern-demo[data-applet-choice="modern"] #app#app .md-channel{display:flex;align-items:center;width:100%;height:72px;gap:18px;text-align:left;border:0;border-bottom:1px solid #e7eaed;background:white;padding:0;color:#091125} html.modern-demo[data-applet-choice="modern"] #app#app .md-channel>img{width:55px;height:55px;border-radius:50%;object-fit:cover} html.modern-demo[data-applet-choice="modern"] #app#app .md-channel>span{flex:1;min-width:0} html.modern-demo[data-applet-choice="modern"] #app#app .md-channel span>b{display:block;font:bold 19px Arial;margin:0 0 5px} html.modern-demo[data-applet-choice="modern"] #app#app .md-channel small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:14px Arial;color:#536375} html.modern-demo[data-applet-choice="modern"] #app#app .md-channel em>b{background:var(--md-00a765);color:white;border-radius:50%;display:grid;place-items:center;min-width:24px;height:24px;padding:0 4px;font:bold 12px Arial} html.modern-demo[data-applet-choice="modern"] #app#app .md-join{position:absolute;right:12px;bottom:16px;width:57px;height:57px;border:0;border-radius:50%;background:var(--md-00946d);color:white;font:40px Arial;box-shadow:0 6px 10px #0003} html.modern-demo[data-applet-choice="modern"] #app#app .md-profile{padding:10px 6px} html.modern-demo[data-applet-choice="modern"] #app#app .md-card{border-radius:12px;background:white;margin-bottom:8px;padding:8px} html.modern-demo[data-applet-choice="modern"] #app#app .md-card h3{font:bold 14px Arial;color:var(--md-006d58);margin:2px 4px 8px} html.modern-demo[data-applet-choice="modern"] #app#app .md-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px} html.modern-demo[data-applet-choice="modern"] #app#app .md-option{display:flex;align-items:center;gap:6px;text-align:left;border:1px solid #e1e9ee;border-radius:9px;padding:7px 5px;min-height:50px;background:linear-gradient(110deg,#fff,var(--md-fcfefe));color:#091125;min-width:0} html.modern-demo[data-applet-choice="modern"] #app#app .md-option i{font-style:normal;font-size:21px} html.modern-demo[data-applet-choice="modern"] #app#app .md-option span{flex:1;min-width:0} html.modern-demo[data-applet-choice="modern"] #app#app .md-option strong{display:block;font:bold 11px Arial} html.modern-demo[data-applet-choice="modern"] #app#app .md-option small{display:block;margin-top:4px;font:9px Arial;color:#667b91} html.modern-demo[data-applet-choice="modern"] #app#app .md-identity .social-self{display:flex;align-items:center;gap:18px;background:white;border:0;color:#091125;font:bold 22px Arial} html.modern-demo[data-applet-choice="modern"] #app#app .md-identity .social-avatar{width:76px;height:76px;border-radius:50%} html.modern-demo[data-applet-choice="modern"] #app#app .md-identity .social-status{display:none} html.modern-demo[data-applet-choice="modern"] #app#app .md-identity .own-nick-form{display:flex;gap:6px;margin-top:10px} html.modern-demo[data-applet-choice="modern"] #app#app .md-identity .own-nick-form input{min-width:0;flex:1;border:1px solid var(--md-d7e6e5);border-radius:8px;padding:7px} html.modern-demo[data-applet-choice="modern"] #app#app .mobile-setting-row{background:white!important;border:0!important;border-bottom:1px solid #edf0f2!important;border-radius:0!important;color:var(--md-102933)!important;min-height:44px!important;padding:6px 8px!important} html.modern-demo[data-applet-choice="modern"] #app#app .mobile-setting-row b{font:bold 12px Arial!important} html.modern-demo[data-applet-choice="modern"] #app#app .mobile-setting-row small{font:11px Arial!important;color:#62748a!important} html.modern-demo[data-applet-choice="modern"] #app#app :is(.mobile-home-group,.conversation-row,.mobile-home-row,.social-friend-row){background:white!important;border-radius:0!important;border-color:#e7eaed!important;box-shadow:none!important;color:#091125!important} html.modern-demo[data-applet-choice="modern"] #app#app .mobile-home-row{min-height:72px!important} html.modern-demo[data-applet-choice="modern"] #app#app .mobile-home-row .social-avatar{width:48px!important;height:48px!important;border-radius:50%!important} html.modern-demo[data-applet-choice="modern"] #app#app [hidden]{display:none!important} } @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] #app#app #modernAttach{display:flex!important} html.modern-demo[data-applet-choice="modern"] #app#app .message-input-wrap #emojiButton{display:flex!important} html.modern-demo[data-applet-choice="modern"] #app#app .message-input-wrap #imageButton:not([hidden]){display:flex!important} html.modern-demo[data-applet-choice="modern"] #app#app .mobile-nav>button[data-mobile="friends"]>span{font-size:0!important} html.modern-demo[data-applet-choice="modern"] #app#app .mobile-nav>button[data-mobile="friends"]>span::after{content:"Sohbetler";font:600 13px Arial} html.modern-demo[data-applet-choice="modern"] #app#app .mobile-nav>button[data-mobile="channels"]>span{font-size:0!important} html.modern-demo[data-applet-choice="modern"] #app#app .mobile-nav>button[data-mobile="channels"]>span::after{content:"Kanallar";font:600 13px Arial} html.modern-demo[data-applet-choice="modern"] #app#app .desktop-composer-toolbar button{background:var(--md-e5f3ed)!important;color:var(--md-006653)!important;border-color:var(--md-bddbd0)!important;border-radius:8px!important} html.modern-demo[data-applet-choice="modern"] #app#app #voiceButton.recording{background:#c92939!important} html.modern-demo[data-applet-choice="modern"] #app#app .md-profile [data-session-logout]{background:#fff0f0!important;color:#c52020!important} html.modern-demo[data-applet-choice="modern"] #app#app .md-profile .md-option:focus-visible{outline:2px solid var(--md-00946d)} } /* Dedicated demo navigation: do not restyle the legacy bottom navigation. */ #modernDemoTabs{display:none} @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app>.mobile-nav{display:none!important;height:0!important;min-height:0!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernDemoTabs{display:flex!important;order:1!important;position:static!important;flex:0 0 47px!important;height:47px!important;gap:10px;padding:0 8px;background:var(--md-006653);color:var(--md-a9ceca);border:0;box-sizing:border-box} html.modern-demo[data-applet-choice="modern"] body #app#app #modernDemoTabs>button{position:relative!important;display:flex!important;flex:1 1 0!important;min-width:0!important;align-items:center!important;justify-content:center!important;gap:7px!important;height:47px!important;padding:0!important;margin:0!important;border:0!important;border-bottom:4px solid transparent!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:var(--md-a9ceca)!important;font:700 clamp(12px,3.4vw,16px)/1 Arial!important;overflow:hidden} html.modern-demo[data-applet-choice="modern"] body #app#app #modernDemoTabs>button.active{color:white!important;border-bottom-color:white!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernDemoTabs svg{width:23px;height:23px;flex:0 0 23px} html.modern-demo[data-applet-choice="modern"] body #app#app #modernDemoTabs span{display:block!important;position:static!important;white-space:nowrap;font:inherit!important;color:inherit!important;letter-spacing:0!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernDemoTabs b{position:static!important;background:var(--md-73aaa3);border-radius:50%;padding:3px 5px;min-width:18px;font:11px/1 Arial;color:white} html.modern-demo[data-applet-choice="modern"] body #app#app #modernDemoTabs [hidden]{display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app:not(.md-list-open) #modernDemoTabs{display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app{height:var(--chat-height,100dvh)!important;min-height:0!important;max-height:100dvh!important;padding-bottom:0!important;grid-template-rows:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app>.layout{margin:0!important;padding:0!important;min-height:0!important;flex:1 1 0!important;height:auto!important;max-height:none!important;overflow:hidden!important} html.modern-demo[data-applet-choice="modern"] body #app#app .chat-panel{min-height:0!important;height:100%!important;max-height:100%!important;padding-bottom:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important} html.modern-demo[data-applet-choice="modern"] body #app#app .composer{margin:0!important;bottom:auto!important;position:relative!important;flex:0 0 auto!important;width:100%!important;padding:3px 5px max(5px,env(safe-area-inset-bottom))!important;box-sizing:border-box!important} html.modern-demo[data-applet-choice="modern"] body #app#app .composer-row{width:100%!important;max-width:none!important;grid-template-columns:none!important;flex-wrap:nowrap!important} html.modern-demo[data-applet-choice="modern"] body #app#app #messageInput{resize:none!important;overflow-y:auto!important;box-sizing:border-box!important} html.modern-demo[data-applet-choice="modern"] body #app#app #messages .message-body{height:auto!important;min-height:0!important;overflow:visible!important} html.modern-demo[data-applet-choice="modern"] body #app#app #messages .message-content-line{display:block!important;width:auto!important;position:static!important;padding:0!important;margin:0!important} html.modern-demo[data-applet-choice="modern"] body #app#app #messages .message-text{position:static!important;display:block!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;line-height:1.32!important;float:none!important;height:auto!important;margin:0!important} html.modern-demo[data-applet-choice="modern"] body #app#app #messages .message-body>div:first-child{position:static!important;float:none!important;min-height:15px!important;line-height:15px!important;margin:0 0 3px!important} html.modern-demo[data-applet-choice="modern"] body #app#app #messages .message-name{position:static!important;float:none!important;line-height:15px!important;white-space:normal!important} html.modern-demo[data-applet-choice="modern"] body #app#app .md-channel{box-sizing:border-box;flex-wrap:nowrap} html.modern-demo[data-applet-choice="modern"] body #app#app .md-channel span>b{line-height:23px!important;position:static!important} html.modern-demo[data-applet-choice="modern"] body #app#app .md-channel small{line-height:18px!important;position:static!important} } @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app:not(.md-list-open)>.titlebar{display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app #messages .message-avatar{align-self:flex-start!important} html.modern-demo[data-applet-choice="modern"] body #app#app #messages .classic-end-time{position:static!important;float:none!important;clear:both!important;padding:0!important;height:auto!important} } /* Login visibility must win over every presentation layout rule. */ html body #app#app.hidden,html body #app#app[hidden]{display:none!important} @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app .composer-row #voiceButton:not([hidden]){display:flex!important;order:9!important;background:var(--md-00866c)!important;color:white!important} html.modern-demo[data-applet-choice="modern"] body #app#app .composer-row .message-input-wrap #sendButton{display:none!important;order:4!important;width:28px!important;min-width:28px!important;height:30px!important;flex:0 0 28px!important;padding:2px!important;background:transparent!important;color:var(--md-00866c)!important;border:0!important;border-radius:0!important} html.modern-demo[data-applet-choice="modern"] body #app#app .composer-row.md-has-text .message-input-wrap #sendButton:not([hidden]){display:flex!important} html.modern-demo[data-applet-choice="modern"] body #app#app .composer-row #voiceButton.recording{background:#c92939!important} html.modern-demo[data-applet-choice="modern"] body :is(#mobileDrawer,#userCard,#socialDialog,.applet-admin-dialog,.nick-auth-dialog,.friend-confirm-dialog,.chat-video-dialog,.emoji-picker){background:#fff!important;color:var(--md-102933)!important;border-color:var(--md-cadcd5)!important;box-shadow:0 6px 24px var(--md-072e2c33)!important} html.modern-demo[data-applet-choice="modern"] body :is(#mobileDrawer,#userCard,#socialDialog,.applet-admin-dialog,.nick-auth-dialog,.friend-confirm-dialog,.chat-video-dialog) :is(header,.drawer-head,.user-card-head,summary){background:var(--md-e5f3ed)!important;color:var(--md-006653)!important;border-color:var(--md-cadcd5)!important} html.modern-demo[data-applet-choice="modern"] body :is(#mobileDrawer,#userCard,#socialDialog,.applet-admin-dialog,.nick-auth-dialog,.friend-confirm-dialog,.chat-video-dialog) button{background-color:var(--md-00866c)!important;color:#fff!important;border-color:var(--md-00866c)!important;box-shadow:none!important} html.modern-demo[data-applet-choice="modern"] body :is(#mobileDrawer,#userCard,#socialDialog,.applet-admin-dialog,.nick-auth-dialog) :is(input,select,textarea){background-color:#fff!important;color:var(--md-102933)!important;border-color:var(--md-cadcd5)!important;accent-color:var(--md-00866c)} html.modern-demo[data-applet-choice="modern"] body #app#app :is(.mobile-home-row,.social-friend-row,.mobile-setting-row) :is(b,strong){color:#091125!important} html.modern-demo[data-applet-choice="modern"] body #app#app :is(.mobile-home-row,.social-friend-row,.mobile-setting-row) small{color:#536375!important} html.modern-demo[data-applet-choice="modern"] body :is(.member-group-heading,.mobile-home-group-title){background:var(--md-e5f3ed)!important;color:var(--md-006653)!important;border-color:var(--md-cadcd5)!important} html.modern-demo[data-applet-choice="modern"] body #app#app :is(.md-identity button,.show-more,.private-header-actions button){background-color:var(--md-00866c)!important;color:white!important;border-color:var(--md-cadcd5)!important} html.modern-demo[data-applet-choice="modern"] body :is(.scroll-jump-button,.scroll-bottom-button,.scroll-top-button){background:var(--md-00866ccc)!important;color:white!important;border-color:var(--md-cadcd5)!important} } @media(max-width:760px){html.modern-demo[data-applet-choice="modern"]{--cz-00316b55:var(--md-18534555)!important;--cz-0053c7:var(--md-2d9a80)!important;--cz-0066df:var(--md-32ad8f)!important;--cz-06245f:var(--md-174e41)!important;--cz-063f91:var(--md-227561)!important;--cz-06458e:var(--md-21735f)!important;--cz-06478f:var(--md-227360)!important;--cz-07368d:var(--md-21735f)!important;--cz-073b93:var(--md-237763)!important;--cz-073d8f:var(--md-227460)!important;--cz-074598:var(--md-247b66)!important;--cz-0753bc:var(--md-2c977d)!important;--cz-0756b9:var(--md-2b957b)!important;--cz-0757bd:var(--md-2c987e)!important;--cz-0758bb:var(--md-2c967d)!important;--cz-0758bd:var(--md-2c987e)!important;--cz-0759d9:var(--md-32ae90)!important;--cz-075bd7:var(--md-32ac8f)!important;--cz-075daf:var(--md-298d75)!important;--cz-075ddd:var(--md-33b193)!important;--cz-0763bf:var(--md-2d997f)!important;--cz-08285d:var(--md-174e41)!important;--cz-083d89:var(--md-21705d)!important;--cz-0860a7:var(--md-278871)!important;--cz-0861c8:var(--md-2fa186)!important;--cz-0861ca:var(--md-2fa387)!important;--cz-0864ee:var(--md-37bf9e)!important;--cz-0865ba:var(--md-2c967d)!important;--cz-0866c6:var(--md-2ea084)!important;--cz-0871cf:var(--md-30a78a)!important;--cz-0871e7:var(--md-36b99a)!important;--cz-0878d1:var(--md-31a88c)!important;--cz-0952d2:var(--md-31aa8d)!important;--cz-0956ba:var(--md-2c977d)!important;--cz-0a4c9e:var(--md-26826c)!important;--cz-0e25477a:var(--md-1342377a)!important;--cz-102333:var(--md-0f342b)!important;--cz-102538:var(--md-10382e)!important;--cz-102c5540:var(--md-174e4140)!important;--cz-103377:var(--md-1e6957)!important;--cz-10386d50:var(--md-1c615050)!important;--cz-103c78:var(--md-1f6957)!important;--cz-103d7d:var(--md-206d5b)!important;--cz-104990:var(--md-247c67)!important;--cz-12385d66:var(--md-19564766)!important;--cz-123e7850:var(--md-1f6b5950)!important;--cz-124287:var(--md-227762)!important;--cz-125ca8:var(--md-2a9078)!important;--cz-1266b5:var(--md-2d9a80)!important;--cz-126ad3:var(--md-34b193)!important;--cz-126bef:var(--md-3bc6a5)!important;--cz-126cf4:var(--md-3fc7a6)!important;--cz-1358a49c:var(--md-298e769c)!important;--cz-135dba:var(--md-2e9f84)!important;--cz-144b8930:var(--md-237a6530)!important;--cz-1475dc:var(--md-36ba9a)!important;--cz-153b7a:var(--md-206f5c)!important;--cz-153f7d:var(--md-21715e)!important;--cz-153f93:var(--md-26826c)!important;--cz-154184:var(--md-227762)!important;--cz-15477635:var(--md-1f6c5935)!important;--cz-15477d:var(--md-21715e)!important;--cz-154d89:var(--md-247a66)!important;--cz-1552a5:var(--md-2a9078)!important;--cz-155bb3:var(--md-2d9b81)!important;--cz-163f79:var(--md-206f5c)!important;--cz-16457955:var(--md-206f5c55)!important;--cz-164c81:var(--md-227561)!important;--cz-164e86:var(--md-237964)!important;--cz-164e87:var(--md-237a65)!important;--cz-16558f:var(--md-25806a)!important;--cz-16569c:var(--md-288a72)!important;--cz-1658a8:var(--md-2b937a)!important;--cz-1679df:var(--md-37be9e)!important;--cz-1687eb:var(--md-3bc6a5)!important;--cz-17365d:var(--md-1a5a4b)!important;--cz-173768:var(--md-1d6252)!important;--cz-17385840:var(--md-19564740)!important;--cz-17385870:var(--md-19564770)!important;--cz-173e7855:var(--md-206f5c55)!important;--cz-173f73:var(--md-1f6b59)!important;--cz-17427055:var(--md-1e695755)!important;--cz-17437d:var(--md-21735f)!important;--cz-174f90:var(--md-26816b)!important;--cz-174f9b:var(--md-288a72)!important;--cz-17548f:var(--md-25816b)!important;--cz-17609a:var(--md-288972)!important;--cz-17629324:var(--md-26846d24)!important;--cz-1766b3:var(--md-2d9d82)!important;--cz-1768c2:var(--md-31a88c)!important;--cz-1768d32b:var(--md-35b5962b)!important;--cz-18477244:var(--md-1f6b5944)!important;--cz-18559630:var(--md-27877030)!important;--cz-185799:var(--md-288972)!important;--cz-185fa3:var(--md-2a9178)!important;--cz-1877f2:var(--md-42c8a8)!important;--cz-1885d8:var(--md-36ba9a)!important;--cz-19519a:var(--md-288b73)!important;--cz-1971d9:var(--md-36bc9c)!important;--cz-1974da:var(--md-37bc9c)!important;--cz-1b71df:var(--md-38c2a1)!important;--cz-1b83ed:var(--md-40c8a7)!important;--cz-1c4279:var(--md-227360)!important;--cz-1d5d92:var(--md-278871)!important;--cz-209cf0:var(--md-47c9aa)!important;--cz-21486a35:var(--md-1f6c5935)!important;--cz-21558b:var(--md-27856f)!important;--cz-218fdc:var(--md-39c4a3)!important;--cz-229ce8:var(--md-42c8a8)!important;--cz-229ed9:var(--md-38c3a1)!important;--cz-23496d38:var(--md-20705d38)!important;--cz-236dbd:var(--md-32ae90)!important;--cz-2379db:var(--md-39c5a3)!important;--cz-237cbe:var(--md-33ae91)!important;--cz-244b78:var(--md-237964)!important;--cz-246cca40:var(--md-36b89940)!important;--cz-247ddd:var(--md-3bc6a5)!important;--cz-247dde:var(--md-3cc6a5)!important;--cz-2485de:var(--md-3cc6a5)!important;--cz-254a8c:var(--md-288972)!important;--cz-25659a18:var(--md-2b947b18)!important;--cz-258eea:var(--md-46c9aa)!important;--cz-2675d6:var(--md-39c3a2)!important;--cz-2776ce:var(--md-37be9e)!important;--cz-277bdd:var(--md-3dc7a6)!important;--cz-2785dc:var(--md-3cc7a5)!important;--cz-2786ec:var(--md-49caab)!important;--cz-284a76:var(--md-247a66)!important;--cz-2867aa33:var(--md-2fa38733)!important;--cz-2878c7:var(--md-36b99a)!important;--cz-29618e:var(--md-298e76)!important;--cz-2982df:var(--md-40c8a7)!important;--cz-299bd8:var(--md-3bc6a5)!important;--cz-2a6eae20:var(--md-31a78b20)!important;--cz-2b5685:var(--md-288871)!important;--cz-2b619c:var(--md-2d9a80)!important;--cz-2ca8ee:var(--md-4eccae)!important;--cz-3069aa20:var(--md-31a98c20)!important;--cz-31598820:var(--md-2a8f7720)!important;--cz-315b85:var(--md-298d75)!important;--cz-315b92:var(--md-2c977d)!important;--cz-315b95:var(--md-2d997f)!important;--cz-315f8d:var(--md-2b937a)!important;--cz-3183d3:var(--md-3dc7a6)!important;--cz-32699d:var(--md-2fa085)!important;--cz-327dc4:var(--md-37bf9e)!important;--cz-3388d7:var(--md-42c8a8)!important;--cz-345b95:var(--md-2d9c81)!important;--cz-3489dd:var(--md-47caaa)!important;--cz-356298:var(--md-2e9f84)!important;--cz-3584df:var(--md-4acaab)!important;--cz-3597fa:var(--md-5fd0b5)!important;--cz-36608e:var(--md-2c987e)!important;--cz-367bb326:var(--md-34b59626)!important;--cz-376fae:var(--md-34b193)!important;--cz-3971a909:var(--md-33af9109)!important;--cz-399aff:var(--md-66d2b8)!important;--cz-3e9bf0:var(--md-5ed0b5)!important;--cz-3f6fa4:var(--md-33b092)!important;--cz-3f72a6:var(--md-34b193)!important;--cz-4177a9:var(--md-35b596)!important;--cz-426699:var(--md-31aa8d)!important;--cz-4387b7:var(--md-38c2a1)!important;--cz-438acb:var(--md-45c9a9)!important;--cz-438cda:var(--md-51ccaf)!important;--cz-44556644:var(--md-26846d44)!important;--cz-446a96:var(--md-31a98c)!important;--cz-446a9f:var(--md-33b092)!important;--cz-45a9fa:var(--md-6bd4bb)!important;--cz-45b7fc:var(--md-6dd4bc)!important;--cz-477cb12b:var(--md-38c09f2b)!important;--cz-488bc8:var(--md-47c9aa)!important;--cz-48bfe9:var(--md-60d1b6)!important;--cz-497fad22:var(--md-37bf9e22)!important;--cz-4b7bac26:var(--md-38bf9f26)!important;--cz-4b9dea:var(--md-63d2b7)!important;--cz-4c94d8:var(--md-56ceb1)!important;--cz-507da9:var(--md-38c1a0)!important;--cz-52708e:var(--md-32ae90)!important;--cz-5283b4:var(--md-3fc7a6)!important;--cz-5297dd:var(--md-5fd0b5)!important;--cz-537aa9:var(--md-39c3a2)!important;--cz-537ca7:var(--md-38c2a1)!important;--cz-537fae:var(--md-3bc6a5)!important;--cz-54769e:var(--md-36bc9c)!important;--cz-5481b1:var(--md-3ec7a6)!important;--cz-55739c:var(--md-36bb9b)!important;--cz-557da9:var(--md-39c5a3)!important;--cz-557fae:var(--md-3cc7a5)!important;--cz-559ad8:var(--md-5dd0b4)!important;--cz-57c8f5:var(--md-75d7bf)!important;--cz-5b9dde:var(--md-66d3b9)!important;--cz-5ba3e5:var(--md-6cd4bb)!important;--cz-5c7da4:var(--md-3ac6a4)!important;--cz-5fb5ff:var(--md-83dbc6)!important;--cz-607b97:var(--md-38bf9f)!important;--cz-6085aa:var(--md-42c8a8)!important;--cz-617b99:var(--md-38c2a1)!important;--cz-6385a8:var(--md-43c8a8)!important;--cz-6387ac:var(--md-46c9aa)!important;--cz-63b4fa:var(--md-82dbc6)!important;--cz-6480a3:var(--md-40c7a7)!important;--cz-6481a8:var(--md-43c9a9)!important;--cz-65a5db:var(--md-6cd4bb)!important;--cz-6682a1:var(--md-40c7a7)!important;--cz-66849c:var(--md-3cc6a5)!important;--cz-6684a9:var(--md-46c9aa)!important;--cz-6686a8:var(--md-45c9a9)!important;--cz-6786a6:var(--md-44c9a9)!important;--cz-6789a8:var(--md-46c9aa)!important;--cz-6883a2:var(--md-42c8a8)!important;--cz-6885a6:var(--md-45c9a9)!important;--cz-68aee8:var(--md-78d8c1)!important;--cz-68b1f2:var(--md-80dac4)!important;--cz-6984a8:var(--md-47caaa)!important;--cz-6c86a9:var(--md-4acbac)!important;--cz-6c8caf:var(--md-4fccae)!important;--cz-6daee9:var(--md-7dd9c3)!important;--cz-6e87a7:var(--md-4acbac)!important;--cz-6f8da9:var(--md-4dcbad)!important;--cz-6fa9df:var(--md-77d7c0)!important;--cz-7089a3:var(--md-49caab)!important;--cz-708dac:var(--md-50ccae)!important;--cz-7095ba:var(--md-5bcfb3)!important;--cz-718db0:var(--md-54cdb0)!important;--cz-7299c2:var(--md-62d2b7)!important;--cz-7390ac:var(--md-52cdaf)!important;--cz-7390ae:var(--md-54cdb0)!important;--cz-76d8ef:var(--md-88ddc8)!important;--cz-7790aa:var(--md-54cdb0)!important;--cz-7890a8:var(--md-53cdb0)!important;--cz-78a0cb:var(--md-6ed5bc)!important;--cz-78afe2:var(--md-80dac4)!important;--cz-7990a8:var(--md-54cdb0)!important;--cz-79abe4:var(--md-82dbc6)!important;--cz-7db8ec:var(--md-8cddca)!important;--cz-7eb9ec:var(--md-8cdeca)!important;--cz-7eb9ef:var(--md-8fdecb)!important;--cz-7edaff:var(--md-9be2d1)!important;--cz-8195aa:var(--md-5bd0b4)!important;--cz-82a5c4:var(--md-70d6bd)!important;--cz-82b9e9:var(--md-8ddecb)!important;--cz-82baf0:var(--md-93dfcd)!important;--cz-83b5e9:var(--md-8edecb)!important;--cz-83b8e5:var(--md-8bddc9)!important;--cz-83bdf4:var(--md-96e1cf)!important;--cz-8497aa:var(--md-5ed0b5)!important;--cz-86b8eb:var(--md-92dfcd)!important;--cz-87b9ec:var(--md-93e0cd)!important;--cz-87d4ff:var(--md-a2e4d4)!important;--cz-88a4c0:var(--md-72d6be)!important;--cz-89c4f4:var(--md-9be2d1)!important;--cz-8bb9e3:var(--md-8fdfcc)!important;--cz-8bbbea:var(--md-95e0ce)!important;--cz-8cbcf044:var(--md-9ae2d144)!important;--cz-8cd4ff:var(--md-a6e5d6)!important;--cz-8dbbe8:var(--md-95e0ce)!important;--cz-8ebae9:var(--md-96e1cf)!important;--cz-8ee6ff:var(--md-a7e6d7)!important;--cz-8fbeed:var(--md-9ae2d1)!important;--cz-90b9ec:var(--md-9ae2d1)!important;--cz-91abc2:var(--md-7ad9c2)!important;--cz-91bfea:var(--md-99e2d0)!important;--cz-91c4f2:var(--md-a0e3d3)!important;--cz-92bee7:var(--md-98e1d0)!important;--cz-94bbd5:var(--md-8cddca)!important;--cz-94c3eb:var(--md-9de2d2)!important;--cz-95c0ee:var(--md-a0e3d3)!important;--cz-96c5ef:var(--md-a1e4d4)!important;--cz-97a4b4:var(--md-74d7bf)!important;--cz-99c4ed:var(--md-a2e4d4)!important;--cz-99cef3:var(--md-a7e5d6)!important;--cz-9ac5e8:var(--md-9fe3d3)!important;--cz-9bc4ef80:var(--md-a5e5d680)!important;--cz-9bd0f7:var(--md-abe7d8)!important;--cz-9cc7ed:var(--md-a4e5d5)!important;--cz-9cc8ee:var(--md-a5e5d6)!important;--cz-9dc6e9:var(--md-a2e4d4)!important;--cz-9dc7ed:var(--md-a5e5d6)!important;--cz-9dc8f2:var(--md-a9e6d7)!important;--cz-9dd0f7:var(--md-ade7d9)!important;--cz-9ec7ee:var(--md-a7e5d6)!important;--cz-9ec8ec:var(--md-a5e5d6)!important;--cz-9eeaff:var(--md-b4e9dc)!important;--cz-9fc8f4:var(--md-ace7d9)!important;--cz-9fc9ed:var(--md-a7e5d6)!important;--cz-a3c9ea:var(--md-a7e6d7)!important;--cz-a4c8ef:var(--md-ace7d9)!important;--cz-a4cbed:var(--md-abe6d8)!important;--cz-a5cfed:var(--md-abe7d8)!important;--cz-a5cffa:var(--md-b5eadd)!important;--cz-a6eeff:var(--md-baebdf)!important;--cz-a7c8f4:var(--md-b2e9dc)!important;--cz-a7cdf2:var(--md-b1e8db)!important;--cz-a7ceff:var(--md-bbebe0)!important;--cz-a8cdf4:var(--md-b3e9dc)!important;--cz-a8d4f7:var(--md-b5eadd)!important;--cz-a8d6f8:var(--md-b6eadd)!important;--cz-a8d8fa:var(--md-b8eade)!important;--cz-a9c9f0:var(--md-b1e8db)!important;--cz-a9cbee:var(--md-afe8da)!important;--cz-a9d7fb:var(--md-b9ebdf)!important;--cz-aacdf1:var(--md-b2e9dc)!important;--cz-aacdf3:var(--md-b4e9dc)!important;--cz-abcdeb:var(--md-aee8da)!important;--cz-abcfff:var(--md-beece1)!important;--cz-acd1ef:var(--md-b2e9dc)!important;--cz-adf1ff:var(--md-bfede2)!important;--cz-aecce8:var(--md-aee8da)!important;--cz-aecdec:var(--md-b2e9db)!important;--cz-b0ccec:var(--md-b3e9dc)!important;--cz-b0cff0:var(--md-b6eadd)!important;--cz-b0d0ee:var(--md-b5e9dd)!important;--cz-b3d7f4:var(--md-bcebe0)!important;--cz-b5c8dd:var(--md-abe7d8)!important;--cz-b5d4f4:var(--md-bdece1)!important;--cz-b5d5f0:var(--md-baebdf)!important;--cz-b5d6ed:var(--md-b8eade)!important;--cz-b6d6f5:var(--md-bfece1)!important;--cz-b7d1ef:var(--md-bbebe0)!important;--cz-b7d5f1:var(--md-bcece0)!important;--cz-b8d4f2:var(--md-beece1)!important;--cz-b8d8f1:var(--md-bdece1)!important;--cz-b9d4ea:var(--md-b8ebdf)!important;--cz-b9d5f0:var(--md-bdece1)!important;--cz-b9d6f3:var(--md-bfede2)!important;--cz-b9d8f6:var(--md-c2ede3)!important;--cz-b9dcff:var(--md-c9efe6)!important;--cz-bad7ec:var(--md-bbebe0)!important;--cz-bad7f2:var(--md-bfede2)!important;--cz-bbd6f4:var(--md-c2ede3)!important;--cz-bcd9ee:var(--md-beece1)!important;--cz-bcdfff:var(--md-cbf0e7)!important;--cz-bdd3e7:var(--md-b9ebdf)!important;--cz-bdd8f2:var(--md-c2ede3)!important;--cz-bdd9f7:var(--md-c6eee5)!important;--cz-bfd6ef:var(--md-c1ede2)!important;--cz-bfd8f0:var(--md-c2ede3)!important;--cz-bfd9ee:var(--md-c0ede2)!important;--cz-c0d8f1:var(--md-c3eee4)!important;--cz-c0d9e9:var(--md-bdece1)!important;--cz-c1d7e8:var(--md-bdece1)!important;--cz-c1daf2:var(--md-c5eee4)!important;--cz-c1dff4:var(--md-c6efe5)!important;--cz-c2dfff:var(--md-d0f1e9)!important;--cz-c4d9f0:var(--md-c6eee5)!important;--cz-c4dcf2:var(--md-c7efe5)!important;--cz-c5dff4:var(--md-caefe6)!important;--cz-c5e7ff:var(--md-d2f2ea)!important;--cz-c6d9ed:var(--md-c5eee4)!important;--cz-c6ddee:var(--md-c6eee5)!important;--cz-c6e8ff9c:var(--md-d3f2eb9c)!important;--cz-c7dff3:var(--md-caf0e7)!important;--cz-c7e3ff:var(--md-d4f2eb)!important;--cz-c7e5ff:var(--md-d4f2eb)!important;--cz-c8dbee:var(--md-c7efe5)!important;--cz-c9e2ff:var(--md-d5f3ec)!important;--cz-c9e7fb:var(--md-d2f2ea)!important;--cz-cbdef5:var(--md-cff1e9)!important;--cz-cbe7ff:var(--md-d7f3ec)!important;--cz-cbe8ff:var(--md-d7f3ec)!important;--cz-cbe9ff:var(--md-d7f3ec)!important;--cz-cce4ff:var(--md-d7f4ed)!important;--cz-cce6fc:var(--md-d5f3ec)!important;--cz-cce7ff:var(--md-d7f4ed)!important;--cz-cce9ff:var(--md-d7f4ed)!important;--cz-cceaff:var(--md-d7f4ed)!important;--cz-cde4ff:var(--md-d8f4ed)!important;--cz-cee6ff:var(--md-d9f4ee)!important;--cz-cfe0f2:var(--md-d0f1e9)!important;--cz-cfe1f4:var(--md-d1f2ea)!important;--cz-cfe7ff9e:var(--md-daf4ee9e)!important;--cz-cfe7ffb0:var(--md-daf4eeb0)!important;--cz-d0e4f5:var(--md-d3f2eb)!important;--cz-d0e7ff:var(--md-dbf4ee)!important;--cz-d1e9fb:var(--md-d8f4ed)!important;--cz-d2dce8:var(--md-caf0e7)!important;--cz-d3e9ff:var(--md-ddf5ef)!important;--cz-d4e7f6:var(--md-d7f3ec)!important;--cz-d4eaff:var(--md-def5f0)!important;--cz-d4ebff:var(--md-def5f0)!important;--cz-d5e6f7:var(--md-d8f4ed)!important;--cz-d5eaff:var(--md-def6f0)!important;--cz-d5ebff:var(--md-def6f0)!important;--cz-d6e6f7:var(--md-d9f4ee)!important;--cz-d6eaff:var(--md-dff6f0)!important;--cz-d7e7f7:var(--md-daf4ee)!important;--cz-d7e8f5:var(--md-d8f4ed)!important;--cz-d7eaff:var(--md-e0f6f1)!important;--cz-d7ebff:var(--md-e0f6f1)!important;--cz-d7edff:var(--md-e0f6f1)!important;--cz-d8e6f3:var(--md-d7f4ed)!important;--cz-d8ebfb:var(--md-def5f0)!important;--cz-d8ecff:var(--md-e1f6f1)!important;--cz-d8edff:var(--md-e1f6f1)!important;--cz-d8edff70:var(--md-e1f6f170)!important;--cz-d8efff:var(--md-e1f6f1)!important;--cz-d8f0ff:var(--md-e1f6f1)!important;--cz-d9ebffbb:var(--md-e2f6f1bb)!important;--cz-d9edff:var(--md-e2f6f1)!important;--cz-d9efff:var(--md-e2f6f1)!important;--cz-dbedfd:var(--md-e2f6f1)!important;--cz-dcecff:var(--md-e4f7f3)!important;--cz-dceeff:var(--md-e4f7f3)!important;--cz-dcefff:var(--md-e4f7f3)!important;--cz-dfedff:var(--md-e6f8f4)!important;--cz-dfedfff5:var(--md-e6f8f4f5)!important;--cz-dff3ff:var(--md-e6f8f4)!important;--cz-e0efff:var(--md-e7f8f4)!important;--cz-e0f0ffb8:var(--md-e7f8f4b8)!important;--cz-e1ecf8:var(--md-e2f7f2)!important;--cz-e1f0ff:var(--md-e8f8f4)!important;--cz-e1f1ff:var(--md-e8f8f4)!important;--cz-e2efff:var(--md-e9f8f5)!important;--cz-e2f1ff:var(--md-e9f8f5)!important;--cz-e2f2ff:var(--md-e9f8f5)!important;--cz-e3f0ff:var(--md-e9f9f5)!important;--cz-e3f1ff:var(--md-e9f9f5)!important;--cz-e4f0ff:var(--md-eaf9f5)!important;--cz-e4f1fb:var(--md-e7f8f4)!important;--cz-e4f2ff:var(--md-eaf9f5)!important;--cz-e4f4ff:var(--md-eaf9f5)!important;--cz-e5f0fb:var(--md-e8f8f4)!important;--cz-e5f3ff:var(--md-ebf9f6)!important;--cz-e5f5ff:var(--md-ebf9f6)!important;--cz-e6faff:var(--md-ecf9f6)!important;--cz-e7f4ff:var(--md-ecfaf6)!important;--cz-e7f5ff:var(--md-ecfaf6)!important;--cz-e7f6ff:var(--md-ecfaf6)!important;--cz-e8f3ff:var(--md-edfaf7)!important;--cz-e8f9ff:var(--md-edfaf7)!important;--cz-e9f6ff:var(--md-eefaf7)!important;--cz-e9f8ff:var(--md-eefaf7)!important;--cz-e9fbff:var(--md-eefaf7)!important;--cz-eaf4ff:var(--md-effaf8)!important;--cz-eaf5ff:var(--md-effaf8)!important;--cz-eaf6ff:var(--md-effaf8)!important;--cz-ecf7ff:var(--md-f0fbf8)!important;--cz-edf7ff:var(--md-f1fbf9)!important;--cz-eef8ff:var(--md-f2fbf9)!important;--cz-eefaff:var(--md-f2fbf9)!important;--cz-eff7ff:var(--md-f3fbf9)!important;--cz-eff8ff:var(--md-f3fbf9)!important;--cz-eff8ffd9:var(--md-f3fbf9d9)!important;--cz-eff8fff0:var(--md-f3fbf9f0)!important;--cz-eff9ff:var(--md-f3fbf9)!important;--cz-f1f8ff:var(--md-f4fcfa)!important;--cz-f1f9ff:var(--md-f4fcfa)!important;--cz-f1f9fff0:var(--md-f4fcfaf0)!important;--cz-f1fbffdb:var(--md-f4fcfadb)!important;--cz-f2f9ff:var(--md-f5fcfa)!important;--cz-f2f9ffcc:var(--md-f5fcfacc)!important;--cz-f3f9ff80:var(--md-f6fcfb80)!important;--cz-f3fbff:var(--md-f6fcfb)!important;--cz-f4f9ff:var(--md-f6fdfb)!important;--cz-f4faff:var(--md-f6fdfb)!important;--cz-f4fbff:var(--md-f6fdfb)!important;--cz-f5faff:var(--md-f7fdfb)!important;--cz-f5fbff:var(--md-f7fdfb)!important;--cz-f5fbffbb:var(--md-f7fdfbbb)!important;--cz-f6fbff:var(--md-f8fdfc)!important;--cz-f6fbffba:var(--md-f8fdfcba)!important;--cz-f7fbff:var(--md-f9fdfc)!important;--cz-f7fcff:var(--md-f9fdfc)!important;--cz-f7fcff90:var(--md-f9fdfc90)!important;--cz-f7fcfff5:var(--md-f9fdfcf5)!important;--cz-f8fbff:var(--md-fafdfd)!important;--cz-f8fcff:var(--md-fafdfd)!important;--cz-f9fcff:var(--md-fafefd)!important;--cz-f9fdff:var(--md-fafefd)!important;--cz-fbfdff:var(--md-fcfefe)!important}} @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app #radioPanel,html.modern-demo[data-applet-choice="modern"] body #app#app #classicComposerToggle{display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernProfileMenu{margin-left:auto!important;width:32px!important;flex-basis:32px!important} html.modern-demo[data-applet-choice="modern"] body #app#app{gap:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important} html.modern-demo[data-applet-choice="modern"] body #app#app>.layout{padding-bottom:0!important;margin-bottom:0!important;bottom:auto!important} html.modern-demo[data-applet-choice="modern"] body #app#app .chat-panel{gap:0!important;margin:0!important;border:0!important;box-sizing:border-box!important} html.modern-demo[data-applet-choice="modern"] body #app#app .chat-panel>.composer{margin-top:auto!important;margin-bottom:0!important;bottom:0!important} html.modern-demo[data-applet-choice="modern"] body #app#app .channel-head>#mobileMembersButton{display:flex;position:static!important;inset:auto!important;transform:none!important;align-self:center!important;flex:0 0 auto!important;margin:0 0 0 auto!important;width:auto!important;height:34px!important;min-height:0!important;gap:4px!important;padding:0 4px!important;background:transparent!important;border:0!important;color:white!important;box-shadow:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app #mobileMembersButton img{width:24px!important;height:24px!important} html.modern-demo[data-applet-choice="modern"] body #app#app #mobileMembersButton span{position:static!important;font:12px Arial!important;color:white!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernDemoTabs{gap:4px!important;padding:0 5px!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernDemoTabs>button{gap:4px!important;font-size:clamp(11px,3.1vw,15px)!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernDemoTabs svg{width:20px!important;flex-basis:20px!important} html.modern-demo[data-applet-choice="modern"] body #app#app .md-channel>.social-avatar{position:relative!important;width:55px!important;height:55px!important;flex:0 0 55px!important;border-radius:50%!important;overflow:hidden!important;margin:0!important;background:var(--md-e5f3ed)!important} html.modern-demo[data-applet-choice="modern"] body #app#app .md-channel>.social-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important} html.modern-demo[data-applet-choice="modern"] body #app#app .md-channel>em{display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-style:normal;flex:0 0 auto} html.modern-demo[data-applet-choice="modern"] body #app#app .md-channel>em>small{font:12px Arial!important;color:#5a6d80!important} html.modern-demo[data-applet-choice="modern"] body #app#app .md-private-list,html.modern-demo[data-applet-choice="modern"] body #app#app .md-friend-list{margin:0!important;padding:0 16px!important;border:0!important;box-shadow:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app .md-friend{display:flex;align-items:center;border-bottom:1px solid #e7eaed;gap:5px} html.modern-demo[data-applet-choice="modern"] body #app#app .md-friend>.md-channel{border:0!important;flex:1;min-width:0} html.modern-demo[data-applet-choice="modern"] body #app#app .md-empty{padding:32px 12px;text-align:center;color:var(--md-61776f);font:15px Arial} html.modern-demo[data-applet-choice="modern"] body #app#app .md-list-open{padding-bottom:0!important} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer{top:var(--chat-top,0px)!important;bottom:0!important;background:#fff!important;border-left:1px solid var(--md-cadcd5)!important} } #modernCallActions{display:none} @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app .desktop-private-portraits,html.modern-demo[data-applet-choice="modern"] body #app#app .private-floating-close,html.modern-demo[data-applet-choice="modern"] body #app#app .private-call-shortcuts,html.modern-demo[data-applet-choice="modern"] body #app#app #privateComposerBlock{display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app .channel-head .chat-head-actions{display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app .channel-head{flex-wrap:nowrap!important;overflow:hidden!important;flex:0 0 60px!important} html.modern-demo[data-applet-choice="modern"] body #app#app .channel-head>div:not(.channel-icon):not(#modernCallActions){min-width:0!important;flex:1!important} html.modern-demo[data-applet-choice="modern"] body #app#app .channel-head h2{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} html.modern-demo[data-applet-choice="modern"] body #app#app .msn-private-chat #modernCallActions{display:flex!important;align-items:center;flex:0 0 auto!important;gap:12px!important;margin-left:auto!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernCallActions button{width:26px;height:32px;padding:0;border:0;background:transparent;color:white} html.modern-demo[data-applet-choice="modern"] body #app#app #modernCallActions svg{width:24px;height:24px} html.modern-demo[data-applet-choice="modern"] body #app#app .composer-row>#audioCallButton,html.modern-demo[data-applet-choice="modern"] body #app#app .composer-row>#videoCallButton{display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app .msn-private-chat #messages{margin:0!important;flex:1 1 0!important;min-height:0!important;overflow-y:auto!important} html.modern-demo[data-applet-choice="modern"] body #app#app .msn-private-chat .composer{flex:0 0 auto!important;margin:0!important} } #modernHeaderMedia,#modernChatMenu{display:none} @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app .chat-panel{position:relative!important} html.modern-demo[data-applet-choice="modern"] body #app#app #mobileMembersButton{position:absolute!important;top:50%!important;right:3px!important;bottom:auto!important;left:auto!important;transform:translateY(-50%)!important;z-index:20!important;margin:0!important;display:flex;flex-direction:column;gap:2px!important;border:1px solid var(--md-cadcd5)!important;border-radius:18px!important;background:#ffffffe8!important;color:var(--md-006653)!important;padding:6px!important;height:auto!important;min-width:30px!important;width:32px!important;box-shadow:0 2px 5px var(--md-072e2c22)!important} html.modern-demo[data-applet-choice="modern"] body #app#app #mobileMembersButton span{color:var(--md-006653)!important;font:11px Arial!important} html.modern-demo[data-applet-choice="modern"] body #app#app .channel-head{gap:9px!important;padding:5px 10px!important;overflow:hidden!important} html.modern-demo[data-applet-choice="modern"] body #app#app .channel-head>.channel-icon{width:44px!important;height:44px!important;flex:0 0 44px!important;border-radius:50%!important;overflow:hidden!important} html.modern-demo[data-applet-choice="modern"] body #app#app .channel-icon .social-avatar,html.modern-demo[data-applet-choice="modern"] body #app#app .channel-icon img{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important} html.modern-demo[data-applet-choice="modern"] body #app#app .channel-head>div:not(.channel-icon):not(#modernCallActions):not(#modernHeaderMedia){display:flex!important;flex-direction:column!important;justify-content:center!important;flex:1 1 0!important;min-width:0!important} html.modern-demo[data-applet-choice="modern"] body #app#app .channel-head h2{font:700 18px/22px Arial!important;display:block!important;margin:0!important} html.modern-demo[data-applet-choice="modern"] body #app#app .channel-head p{display:block!important;white-space:normal!important;overflow:hidden!important;max-height:30px!important;font:12px/14px Arial!important;margin:2px 0 0!important;color:var(--md-d1e7df)!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernHeaderMedia{display:flex!important;align-items:center;gap:9px;flex:0 0 auto!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernHeaderMedia button,html.modern-demo[data-applet-choice="modern"] body #app#app #modernChatMenu{display:flex;align-items:center;justify-content:center;width:25px;height:32px;padding:0;border:0;background:transparent;color:white;flex:0 0 25px} html.modern-demo[data-applet-choice="modern"] body #app#app #modernHeaderMedia svg,html.modern-demo[data-applet-choice="modern"] body #app#app #modernChatMenu svg{width:22px;height:22px} html.modern-demo[data-applet-choice="modern"] body #app#app #modernChatMenu{display:flex!important} html.modern-demo[data-applet-choice="modern"] body #app#app .msn-private-chat #modernHeaderMedia{display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app .msn-private-chat #modernCallActions{gap:10px!important} html.modern-demo[data-applet-choice="modern"] body #app#app #imageButton{display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app .composer{padding-top:23px!important} html.modern-demo[data-applet-choice="modern"] body #app#app #nickTabButton{position:absolute!important;right:8px!important;top:0!important;bottom:auto!important;left:auto!important;width:45px!important;height:20px!important;min-width:45px!important;min-height:20px!important;margin:0!important;padding:1px 4px!important;display:flex;align-items:center;justify-content:center;transform:none!important;border:1px solid var(--md-a8cec2)!important;border-radius:7px!important;background:var(--md-e5f3ed)!important;color:var(--md-006653)!important;box-shadow:none!important;font:11px/16px Arial!important;z-index:3!important} html.modern-demo[data-applet-choice="modern"] body #app#app #nickTabButton .nick-tab-arrow{display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app.md-tools-open .desktop-composer-toolbar{height:auto!important;min-height:70px!important;max-height:220px!important;overflow:auto!important;align-items:center!important;bottom:85px!important} html.modern-demo[data-applet-choice="modern"] body #app#app .desktop-composer-toolbar :is(label,select,button){position:static!important;float:none!important;transform:none!important;max-width:130px!important;min-height:30px!important;box-sizing:border-box!important} html.modern-demo[data-applet-choice="modern"] body #app#app .md-identity{display:flex!important;align-items:center!important;gap:15px!important;min-width:0!important;min-height:90px!important;padding:4px!important;background:white!important} html.modern-demo[data-applet-choice="modern"] body #app#app .md-identity button{background:transparent!important;color:#091125!important;border:0!important;box-shadow:none!important;padding:0!important;min-width:0!important} html.modern-demo[data-applet-choice="modern"] body #app#app .md-profile-photo{position:relative!important;flex:0 0 76px!important;width:76px!important;height:76px!important} html.modern-demo[data-applet-choice="modern"] body #app#app .md-profile-photo .social-avatar{width:76px!important;height:76px!important;border:1px solid var(--md-d7e6e5)!important;border-radius:50%!important;overflow:hidden!important} html.modern-demo[data-applet-choice="modern"] body #app#app .md-profile-photo i{position:absolute;right:0;bottom:0;border-radius:50%;background:var(--md-009272);color:white;border:2px solid white;width:24px;height:24px;font:16px/20px Arial} html.modern-demo[data-applet-choice="modern"] body #app#app .md-profile-name{flex:1!important;text-align:left!important;overflow:hidden!important} html.modern-demo[data-applet-choice="modern"] body #app#app .md-profile-name b{display:block!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font:700 clamp(14px,4.5vw,21px)/1.3 Arial!important} html.modern-demo[data-applet-choice="modern"] body #app#app .md-profile-name small{display:block!important;margin-top:8px!important;font:11px/15px Arial!important;color:#586c80!important} html.modern-demo[data-applet-choice="modern"] body #app#app .md-edit-nick{flex:0 0 18px!important;font:26px Arial!important} html.modern-demo[data-applet-choice="modern"] body #app#app .md-friend-list>.friend-request-buttons{display:flex!important;gap:8px!important;padding:12px 0!important;position:sticky;top:0;background:white;z-index:2} html.modern-demo[data-applet-choice="modern"] body #app#app .friend-request-buttons button{flex:1;min-width:0;padding:10px 5px!important;border:1px solid var(--md-cadcd5)!important;background:var(--md-e5f3ed)!important;color:var(--md-006653)!important;border-radius:9px!important;font:12px Arial!important} html.modern-demo[data-applet-choice="modern"] body #app#app .request-badge{background:var(--md-00866c)!important;color:white!important;border-radius:20px!important} html.modern-demo-login[data-applet-choice="modern"] body .login-screen,html.modern-demo-login[data-applet-choice="modern"] body .connecting-screen{background:linear-gradient(145deg,var(--md-006653),var(--md-dcebe4))!important;color:var(--md-102933)!important} html.modern-demo-login[data-applet-choice="modern"] body .login-card,html.modern-demo-login[data-applet-choice="modern"] body .connecting-card{background:var(--md-f0f5f6)!important;border-color:var(--md-cadcd5)!important;color:var(--md-102933)!important;box-shadow:0 15px 50px var(--md-003d3333)!important} html.modern-demo-login[data-applet-choice="modern"] body :is(.login-card,.connecting-card) :is(h1,h2,p,label,small){color:var(--md-006653)!important} html.modern-demo-login[data-applet-choice="modern"] body .login-card input{background:#fff!important;border-color:var(--md-cadcd5)!important;color:var(--md-102933)!important} html.modern-demo-login[data-applet-choice="modern"] body .login-card button{background:var(--md-00866c)!important;color:#fff!important;border-color:var(--md-00866c)!important} } @media(max-width:760px){ html:not([data-applet-choice="classic"]) body #loginScreen#loginScreen,html:not([data-applet-choice="classic"]) body #connectingScreen#connectingScreen{background:linear-gradient(145deg,var(--md-006653),var(--md-dcebe4))!important;color:var(--md-102933)!important} html:not([data-applet-choice="classic"]) body #loginScreen#loginScreen .login-card,html:not([data-applet-choice="classic"]) body #connectingScreen#connectingScreen .connecting-box{background:var(--md-f0f5f6)!important;border:1px solid var(--md-cadcd5)!important;box-shadow:0 15px 50px var(--md-003d3333)!important;color:var(--md-006653)!important} html:not([data-applet-choice="classic"]) body #loginScreen#loginScreen :is(h1,strong,label,p,small,a,.login-community,.login-footer),html:not([data-applet-choice="classic"]) body #connectingScreen#connectingScreen :is(h2,.connecting-title,.connecting-status){color:var(--md-006653)!important} html:not([data-applet-choice="classic"]) body #loginScreen#loginScreen input{background:#fff!important;border-color:var(--md-b9d7cd)!important;color:var(--md-102933)!important;box-shadow:none!important} html:not([data-applet-choice="classic"]) body #loginScreen#loginScreen #loginButton{background:var(--md-00866c)!important;border-color:var(--md-00866c)!important;color:white!important} html:not([data-applet-choice="classic"]) body #loginScreen#loginScreen .login-orbs i,html:not([data-applet-choice="classic"]) body #connectingScreen#connectingScreen .connecting-dots span{background:var(--md-73aaa3)!important} html.modern-demo[data-applet-choice="modern"] body #app#app #headerTopic,html.modern-demo[data-applet-choice="modern"] body #app#app #channelHeadToggle{display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app .channel-title-row{display:block!important;min-width:0!important;width:100%!important;max-width:none!important;flex:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app #activeChannel{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;font:700 19px/24px Arial!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;margin:0!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernHeaderMedia{order:4!important;flex:0 0 auto!important;margin-left:auto!important;gap:12px!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernChatMenu{order:5!important;margin-left:4px!important;flex:0 0 22px!important} html.modern-demo[data-applet-choice="modern"] body #app#app{bottom:auto!important;height:var(--chat-height,100dvh)!important;max-height:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app .chat-panel>.composer{padding-bottom:env(safe-area-inset-bottom,0px)!important;border-bottom:0!important;min-height:0!important;box-sizing:border-box!important} html.modern-demo[data-applet-choice="modern"] body #app#app .composer-row{height:51px!important;min-height:51px!important;margin:0!important;padding:0!important;align-items:center!important} html.modern-demo[data-applet-choice="modern"] body #app#app #nickTabButton{width:56px!important;min-width:56px!important;right:3px!important;height:22px!important;padding:2px 5px!important;line-height:18px!important;overflow:visible!important} html.modern-demo[data-applet-choice="modern"] body #app#app #nickTabButton .nick-tab-label{display:block!important;position:static!important;white-space:nowrap!important;font:12px/18px Arial!important;color:var(--md-006653)!important} html.modern-demo[data-applet-choice="modern"] body :is(#mobileMemberList,#memberList) .member-row{display:flex!important;align-items:center!important;gap:11px!important;min-height:54px!important;padding:7px 10px!important;background:#fff!important;border:0!important;border-bottom:1px solid var(--md-edf0ee)!important;border-radius:0!important} html.modern-demo[data-applet-choice="modern"] body :is(#mobileMemberList,#memberList) .member-row>.member-group-icon{display:none!important} html.modern-demo[data-applet-choice="modern"] body :is(#mobileMemberList,#memberList) .roster-profile-avatar{display:block!important;position:relative!important;width:38px!important;height:38px!important;flex:0 0 38px!important;overflow:hidden!important;border-radius:50%!important;margin:0!important;background:var(--md-e0f1e9)!important} html.modern-demo[data-applet-choice="modern"] body :is(#mobileMemberList,#memberList) .roster-profile-avatar :is(img,.social-avatar){display:block!important;width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important} html.modern-demo[data-applet-choice="modern"] body :is(#mobileMemberList,#memberList) .member-row>div:not(.roster-profile-avatar){min-width:0!important;flex:1!important;display:flex!important;gap:4px!important;align-items:center!important;white-space:nowrap!important} html.modern-demo[data-applet-choice="modern"] body :is(#mobileMemberList,#memberList) .member-nick{font:14px Arial!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} html.modern-demo[data-applet-choice="modern"] body :is(#mobileMemberList,#memberList) .member-group-heading{background:color-mix(in srgb,var(--group-color) 9%,white)!important;color:var(--group-color)!important;border:0!important;border-radius:10px!important;margin:8px 5px 2px!important;padding:8px!important;font:600 12px Arial!important;box-shadow:none!important} html.modern-demo[data-applet-choice="modern"] body :is(.message-avatar,.md-profile-photo,.roster-profile-avatar,.md-channel) .social-avatar{background:var(--md-dff2e8)!important} html.modern-demo[data-applet-choice="modern"] body :is(.message-avatar,.md-profile-photo,.roster-profile-avatar,.md-channel) img[src^="/avatars/"]{filter:sepia(.35) hue-rotate(85deg) saturate(.7)!important;background:var(--md-dff2e8)!important} } @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body :is(.message-avatar,.md-profile-photo,.roster-profile-avatar,.md-channel,.channel-icon,#userCard) img[src^="/avatars/"]{filter:none!important;background:var(--md-dff2e8)!important} html.modern-demo[data-applet-choice="modern"] body #userCard#userCard{background:#fff!important;color:var(--md-183d33)!important;border-color:var(--md-d1ded8)!important;box-shadow:0 4px 16px var(--md-173e3320)!important} html.modern-demo[data-applet-choice="modern"] body #userCard#userCard button{background:var(--md-f5faf7)!important;color:var(--md-183d33)!important;border-color:var(--md-e0ebe5)!important;box-shadow:none!important} html.modern-demo[data-applet-choice="modern"] body #userCard#userCard button :is(span,b,strong,small){color:var(--md-183d33)!important} html.modern-demo[data-applet-choice="modern"] body #userCard#userCard button:hover{background:var(--md-e5f3ed)!important} html.modern-demo[data-applet-choice="modern"] body :is(#mobileMemberList,#memberList) .member-row{min-height:46px!important;padding:5px 9px!important;gap:9px!important} html.modern-demo[data-applet-choice="modern"] body :is(#mobileMemberList,#memberList) .roster-profile-avatar{width:32px!important;height:32px!important;flex-basis:32px!important} html.modern-demo[data-applet-choice="modern"] body :is(#mobileMemberList,#memberList,#userCard) [data-block-nick],html.modern-demo[data-applet-choice="modern"] body :is(#mobileMemberList,#memberList,#userCard) .block-button{display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app #nickTabButton{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;width:64px!important;min-width:64px!important;height:24px!important;right:0!important;top:-1px!important;padding:2px 6px!important;border-radius:6px!important;overflow:hidden!important} html.modern-demo[data-applet-choice="modern"] body #app#app #nickTabButton>:not(.md-tab-caption){display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app #nickTabButton>.md-tab-caption{display:block!important;position:static!important;transform:none!important;white-space:nowrap!important;font:12px/18px Arial!important;color:var(--md-006653)!important} html.modern-demo[data-applet-choice="modern"] body #app#app.md-tools-open .desktop-composer-toolbar{left:auto!important;right:64px!important;bottom:62px!important;top:auto!important;width:min(255px,calc(100vw - 85px))!important;min-height:0!important;height:auto!important;max-height:170px!important;padding:8px!important;gap:7px!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;background:#fffffff2!important;border:1px solid var(--md-c8dfd4)!important;border-radius:12px!important;box-shadow:0 3px 12px var(--md-113c3020)!important;overflow:visible!important;box-sizing:border-box!important} html.modern-demo[data-applet-choice="modern"] body #app#app.md-tools-open .desktop-composer-toolbar::after{content:"";position:absolute;right:22px;bottom:-7px;width:12px;height:12px;background:#fff;border-right:1px solid var(--md-c8dfd4);border-bottom:1px solid var(--md-c8dfd4);transform:rotate(45deg);pointer-events:none} html.modern-demo[data-applet-choice="modern"] body #app#app .desktop-composer-toolbar :is(label,select,button){flex:0 0 auto!important;min-height:28px!important;height:28px!important;max-width:100px!important;margin:0!important;font:11px Arial!important} html.modern-demo[data-applet-choice="modern"] body #app#app .desktop-composer-toolbar .desktop-tool-divider{display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app #nickTabButton[hidden]{display:none!important} } #modernNavigationMenu,#modernRadioDialog{display:none} @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app .channel-head>#modernHeaderMedia{flex:0 0 auto!important;margin:0 0 0 auto!important;gap:12px!important;order:4!important} html.modern-demo[data-applet-choice="modern"] body #app#app .channel-head>#modernChatMenu{margin:0!important;order:5!important} html.modern-demo[data-applet-choice="modern"] body #app#app .channel-head{column-gap:10px!important} html.modern-demo[data-applet-choice="modern"] body #app#app .channel-head>div:not(.channel-icon):not(#modernCallActions):not(#modernHeaderMedia){flex:1 1 0!important;width:0!important} html.modern-demo[data-applet-choice="modern"] body #app#app .composer-row #voiceButton{width:43px!important;min-width:43px!important;height:43px!important;flex:0 0 43px!important;padding:10px!important} html.modern-demo[data-applet-choice="modern"] body #app#app #voiceButton .md-control-icon svg{width:23px!important;height:23px!important} html.modern-demo[data-applet-choice="modern"] body #modernNavigationMenu:not([hidden]){display:block!important;position:fixed;z-index:15000;min-width:185px;max-width:calc(100vw - 16px);padding:7px 0;border:1px solid var(--md-dae6df);border-radius:11px;background:#fff;color:var(--md-183d33);box-shadow:0 6px 24px var(--md-00392e33)} html.modern-demo[data-applet-choice="modern"] body #modernNavigationMenu button{display:flex;align-items:center;gap:11px;width:100%;padding:12px 15px;border:0;background:transparent;color:var(--md-183d33);font:14px Arial;text-align:left} html.modern-demo[data-applet-choice="modern"] body #modernNavigationMenu button:hover{background:var(--md-eaf5ef)} html.modern-demo[data-applet-choice="modern"] body #modernNavigationMenu button>span{color:var(--md-00866c);width:20px;text-align:center;font-size:19px} html.modern-demo[data-applet-choice="modern"] body #modernNavigationMenu button:last-child{border-top:1px solid var(--md-e4ece7);margin-top:4px} html.modern-demo[data-applet-choice="modern"] body #modernRadioDialog[open]{display:block!important;width:min(330px,calc(100vw - 28px));padding:0;border:1px solid var(--md-bbd8ca);border-radius:19px;background:linear-gradient(140deg,var(--md-f7fcf9),var(--md-deefe5));color:var(--md-143e30);box-shadow:0 18px 60px var(--md-00352755)} html.modern-demo[data-applet-choice="modern"] body #modernRadioDialog::backdrop{background:var(--md-002e2455)} html.modern-demo[data-applet-choice="modern"] body #modernRadioDialog>header{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:var(--md-006653);color:white;font:600 15px Arial} html.modern-demo[data-applet-choice="modern"] body #modernRadioDialog>header button{background:#ffffff20;border:0;border-radius:50%;color:white;width:28px;height:28px;font:22px Arial} html.modern-demo[data-applet-choice="modern"] body #modernRadioDialog .md-radio-body{padding:22px 16px} html.modern-demo[data-applet-choice="modern"] body #modernRadioDialog #radioPanel{display:grid!important;grid-template-columns:54px minmax(0,1fr) 32px!important;align-items:center!important;gap:12px!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;padding:0!important;position:static!important;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--md-143e30)!important} html.modern-demo[data-applet-choice="modern"] body #modernRadioDialog #radioPlay{width:54px!important;height:54px!important;border:0!important;border-radius:50%!important;background:var(--md-00866c)!important;color:white!important;font-size:22px!important;box-shadow:0 5px 14px var(--md-00866c33)!important} html.modern-demo[data-applet-choice="modern"] body #modernRadioDialog .radio-info{display:flex!important;flex-direction:column;min-width:0;gap:5px} html.modern-demo[data-applet-choice="modern"] body #modernRadioDialog #radioTitle{color:var(--md-143e30)!important;font:600 14px Arial!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} html.modern-demo[data-applet-choice="modern"] body #modernRadioDialog #radioStatus{color:var(--md-5c7d70)!important;font:11px Arial!important} html.modern-demo[data-applet-choice="modern"] body #modernRadioDialog #radioMute{border:0;background:var(--md-d1e8db);border-radius:50%;width:32px;height:32px;color:var(--md-006653)} html.modern-demo[data-applet-choice="modern"] body #modernRadioDialog #radioVolume{display:block!important;grid-column:1/-1;width:100%!important;accent-color:var(--md-00866c)} html.modern-demo[data-applet-choice="modern"] body #modernRadioDialog .radio-bars{display:flex!important;height:17px;gap:3px;color:var(--md-00866c)} html.modern-demo[data-applet-choice="modern"] body #modernRadioDialog .radio-bars i{background:var(--md-00866c)!important} } /* Modern mobile: room titles use remaining space, never the old 65px portrait-column limit. */ @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app .layout .channel-head>div:has(>.channel-title-row){flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:none!important;overflow:hidden!important} html.modern-demo[data-applet-choice="modern"] body #app#app .layout .channel-title-row{width:100%!important;max-width:none!important;min-width:0!important;display:block!important} html.modern-demo[data-applet-choice="modern"] body #app#app .layout .channel-title-row #activeChannel{width:100%!important;max-width:100%!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;font-size:19px!important} html.modern-demo[data-applet-choice="modern"] body #app#app #messages .message .message-name,html.modern-demo[data-applet-choice="modern"] body #app#app #messages .message.self .message-name{color:var(--message-rank-color,var(--md-00976e))!important} html.modern-demo[data-applet-choice="modern"] body #app#app #messages .message.self .message-text{color:var(--outgoing-text-color,#080e1e)!important} } /* Explicit header columns keep media controls beside the menu on every width. */ @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app .layout .channel-head{display:grid!important;grid-template-columns:24px 44px minmax(0,1fr) auto 24px!important;column-gap:8px!important;align-items:center!important;justify-content:normal!important} html.modern-demo[data-applet-choice="modern"] body #app#app .layout .channel-head>#modernChatBack{grid-column:1!important;grid-row:1!important;margin:0!important} html.modern-demo[data-applet-choice="modern"] body #app#app .layout .channel-head>.channel-icon{grid-column:2!important;grid-row:1!important;margin:0!important} html.modern-demo[data-applet-choice="modern"] body #app#app .layout .channel-head>div:has(>.channel-title-row){grid-column:3!important;grid-row:1!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important} html.modern-demo[data-applet-choice="modern"] body #app#app .layout .channel-head>:is(#modernHeaderMedia,#modernCallActions){grid-column:4!important;grid-row:1!important;position:static!important;justify-self:end!important;width:max-content!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;gap:10px!important;overflow:visible!important} html.modern-demo[data-applet-choice="modern"] body #app#app .layout .channel-head>#modernChatMenu{grid-column:5!important;grid-row:1!important;position:static!important;width:24px!important;min-width:24px!important;max-width:24px!important;margin:0!important;padding:0!important;justify-self:end!important} html.modern-demo[data-applet-choice="modern"] body #app#app .composer-row #voiceButton:not([hidden]){box-sizing:border-box!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;flex:0 0 36px!important;padding:8px!important;align-self:center!important} html.modern-demo[data-applet-choice="modern"] body #app#app .composer-row #voiceButton .md-control-icon,html.modern-demo[data-applet-choice="modern"] body #app#app .composer-row #voiceButton .md-control-icon svg{width:20px!important;height:20px!important;display:block!important} } /* Topic is a separate full-width row; its existing toggle never joins the text flow. */ #modernTopic{display:none} @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app .layout .channel-head{grid-template-rows:50px!important;height:60px!important;min-height:60px!important;max-height:60px!important;padding:5px 10px!important;box-sizing:border-box!important;flex:0 0 60px!important} html.modern-demo[data-applet-choice="modern"] body #app#app .layout .channel-head>.chat-head-actions{display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app .layout .channel-head>div:has(>.channel-title-row){position:static!important;transform:none!important;height:auto!important;max-height:none!important;align-self:center!important;display:flex!important;visibility:visible!important} html.modern-demo[data-applet-choice="modern"] body #app#app .layout .channel-head .channel-title-row{position:static!important;height:auto!important;max-height:none!important;visibility:visible!important} html.modern-demo[data-applet-choice="modern"] body #app#app .layout .channel-head p{display:block!important;position:static!important;width:100%!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;margin:2px 0 0!important;font:12px/16px Arial!important;color:var(--md-d1e7df)!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernTopic:not([hidden]){display:block!important;position:relative!important;box-sizing:border-box!important;width:100%!important;min-height:32px!important;max-height:none!important;flex:0 0 auto!important;padding:6px 42px 6px 12px!important;overflow:hidden!important;background:var(--md-e5f3ed)!important;color:var(--md-31574c)!important;border-bottom:1px solid var(--md-cadcd5)!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernTopic>span{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font:12px/20px Arial!important;min-width:0!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernTopic.expanded>span{white-space:normal!important;overflow-wrap:anywhere!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernTopic>.channel-head-toggle{display:block!important;position:absolute!important;inset:4px 5px auto auto!important;transform:none!important;width:28px!important;height:24px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent url('/images/simgeler/baslik-ac.png') center/20px 20px no-repeat!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernTopic>.channel-head-toggle[aria-expanded="true"]{background-image:url('/images/simgeler/baslik-kapat.png')!important} html.modern-demo[data-applet-choice="modern"] body #app#app #messages .message .message-time{display:inline-flex!important;position:static!important;align-items:center!important;gap:4px!important;font:10px/14px Arial!important;color:var(--md-667b73)!important;white-space:nowrap!important} html.modern-demo[data-applet-choice="modern"] body #app#app #messages .message.self .message-receipt{display:inline-block!important;color:var(--md-74867e)!important;font:700 12px/14px Arial!important;letter-spacing:-4px!important;padding-right:4px!important} html.modern-demo[data-applet-choice="modern"] body #app#app #messages .message.self .message-receipt.is-read{color:var(--md-159de0)!important} } #modernIdentity{display:none} @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app .layout .channel-head>.md-original-identity{display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app .layout .channel-head>#modernIdentity{display:flex!important;flex-direction:column!important;justify-content:center!important;grid-column:3!important;grid-row:1!important;position:static!important;align-self:center!important;min-width:0!important;width:100%!important;max-width:none!important;height:44px!important;margin:0!important;padding:0!important;overflow:hidden!important;visibility:visible!important;color:white!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernIdentity>strong{display:block!important;min-width:0!important;width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font:700 18px/24px Arial!important;color:#fff!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernIdentity>small{display:block!important;min-width:0!important;width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font:12px/16px Arial!important;color:var(--md-d1e7df)!important} html.modern-demo[data-applet-choice="modern"] body #app#app.md-tools-open .desktop-composer-toolbar :is(#nudgeButton,.admin-clear-channel):not([hidden]){display:flex!important;align-items:center!important;justify-content:center!important;position:static!important;inset:auto!important;transform:none!important;flex:0 0 32px!important;width:32px!important;min-width:32px!important;height:28px!important;margin:0!important;padding:3px!important;background:var(--md-edf6f1)!important;border:1px solid var(--md-c8dfd4)!important;border-radius:6px!important;color:var(--md-006653)!important;font-size:0!important;opacity:1!important;visibility:visible!important} html.modern-demo[data-applet-choice="modern"] body #app#app .desktop-composer-toolbar :is(#nudgeButton,.admin-clear-channel)>:not(.md-control-icon){display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app .desktop-composer-toolbar :is(#nudgeButton,.admin-clear-channel)::before,html.modern-demo[data-applet-choice="modern"] body #app#app .desktop-composer-toolbar :is(#nudgeButton,.admin-clear-channel)::after{display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app .desktop-composer-toolbar :is(#nudgeButton,.admin-clear-channel)[hidden]{display:none!important} } @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app #modernIdentity[data-status="online"]>small{color:var(--md-75f59a)!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernIdentity[data-status="online"]>small::before{content:"";display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--md-36dd72)} html.modern-demo[data-applet-choice="modern"] body #app#app #messages .system-message,html.modern-demo[data-applet-choice="modern"] body #app#app #messages .system-message :is(span,div,p){color:var(--md-37443f)!important} html.modern-demo[data-applet-choice="modern"] body #socialToast#socialToast{background:var(--md-006653)!important;color:#fff!important;border:1px solid var(--md-00866c)!important;box-shadow:0 4px 16px var(--md-003d3033)!important} html.modern-demo[data-applet-choice="modern"] body #app#app .md-friend-status{display:flex;gap:6px;padding:10px 0;border-bottom:1px solid var(--md-e0ebe5)} html.modern-demo[data-applet-choice="modern"] body #app#app .md-friend-status button{flex:1;padding:9px 4px;border:1px solid var(--md-cbded4);border-radius:8px;background:var(--md-f3f8f5);color:var(--md-46534d);font:12px Arial} html.modern-demo[data-applet-choice="modern"] body #app#app .md-friend-status button[aria-pressed="true"]{background:var(--md-dcefe4);border-color:var(--md-83b79c);color:var(--md-174c38);font-weight:bold} html.modern-demo[data-applet-choice="modern"] body #socialDialog .social-profile-hero{background:var(--md-f6fcf9)!important;border-radius:16px!important;text-align:center!important;color:var(--md-15372d)!important} html.modern-demo[data-applet-choice="modern"] body #socialDialog .social-avatar-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important} html.modern-demo[data-applet-choice="modern"] body #socialDialog .social-avatar-grid [data-guest-avatar]{position:relative!important;display:block!important;box-sizing:border-box!important;width:100%!important;height:auto!important;aspect-ratio:1!important;padding:3px!important;background:var(--md-e1f2e9)!important;border:2px solid transparent!important;border-radius:18px!important;overflow:hidden!important} html.modern-demo[data-applet-choice="modern"] body #socialDialog .social-avatar-grid [data-guest-avatar] img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:13px!important} html.modern-demo[data-applet-choice="modern"] body #socialDialog .social-avatar-grid [data-guest-avatar][aria-pressed="true"]{border-color:var(--md-28c79b)!important} html.modern-demo[data-applet-choice="modern"] body #socialDialog .social-avatar-grid [data-guest-avatar]::before{content:"";position:absolute;left:6px;top:6px;width:9px;height:9px;border:1px solid var(--md-899c94);background:white;border-radius:50%} html.modern-demo[data-applet-choice="modern"] body #socialDialog .social-avatar-grid [data-guest-avatar][aria-pressed="true"]::before{background:var(--md-20b987);border-color:white} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer{width:min(270px,76vw)!important;max-width:76vw!important;box-sizing:border-box!important} html.modern-demo[data-applet-choice="modern"] body #mobileMemberList .member-row{min-height:42px!important;padding:4px 8px!important;gap:7px!important} html.modern-demo[data-applet-choice="modern"] body #mobileMemberList .roster-profile-avatar{width:29px!important;height:29px!important;flex-basis:29px!important} html.modern-demo[data-applet-choice="modern"] body #mobileMemberList .member-group-heading{padding:6px 8px!important;font-size:11px!important} } @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app .desktop-composer-toolbar :is(#nudgeButton,.admin-clear-channel)>.md-control-icon{display:flex!important;visibility:visible!important;opacity:1!important;width:22px!important;height:22px!important;position:static!important;overflow:visible!important;align-items:center!important;justify-content:center!important} html.modern-demo[data-applet-choice="modern"] body #app#app .desktop-composer-toolbar :is(#nudgeButton,.admin-clear-channel)>.md-control-icon :is(svg,img){display:block!important;visibility:visible!important;opacity:1!important;width:22px!important;height:22px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;color:var(--md-006653)!important} html.modern-demo[data-applet-choice="modern"] body #app#app .msn-channel-chat .desktop-composer-toolbar #nudgeButton{display:none!important} html.modern-demo[data-applet-choice="modern"] body #socialDialog [data-guest-photo]{margin-top:18px!important} html.modern-demo[data-applet-choice="modern"] body #socialDialog .md-guest-status{display:flex;flex-direction:column;gap:7px;margin:16px 0;color:var(--md-25483b);font:14px Arial} html.modern-demo[data-applet-choice="modern"] body #socialDialog .md-guest-status select{display:block;width:100%;max-width:none;padding:10px;border-radius:9px;box-sizing:border-box} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer{width:min(235px,66vw)!important;max-width:66vw!important;border-radius:14px 0 0 14px!important;box-shadow:-4px 0 18px var(--md-00382c20)!important} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer .drawer-head{padding:10px!important;font-size:12px!important} } @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app.md-tools-open .desktop-composer-toolbar{width:min(330px,calc(100vw - 24px))!important;right:4px!important;flex-wrap:nowrap!important;gap:5px!important;padding:8px!important;overflow-x:auto!important;overflow-y:hidden!important} html.modern-demo[data-applet-choice="modern"] body #app#app.md-tools-open .desktop-composer-toolbar::after{display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app.md-tools-open .desktop-composer-toolbar #nudgeButton{order:6!important} html.modern-demo[data-applet-choice="modern"] body #app#app .md-profile [data-md-status]{cursor:pointer!important;pointer-events:auto!important;position:relative!important;z-index:1!important} html.modern-demo[data-applet-choice="modern"] body #app#app .md-profile [data-md-status][aria-pressed="true"]{background:var(--md-dcefe4)!important;border-color:var(--md-00946d)!important;box-shadow:inset 0 0 0 1px var(--md-00946d)!important} } @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app.md-tools-open .desktop-composer-toolbar{width:max-content!important;max-width:calc(100vw - 60px)!important;right:44px!important;bottom:60px!important;gap:4px!important;padding:8px!important;overflow:visible!important;border-radius:12px!important;box-sizing:border-box!important} html.modern-demo[data-applet-choice="modern"] body #app#app.md-tools-open .desktop-composer-toolbar::after{content:""!important;display:block!important;position:absolute!important;right:13px!important;bottom:-7px!important;width:12px!important;height:12px!important;background:white!important;border-right:1px solid var(--md-c8dfd4)!important;border-bottom:1px solid var(--md-c8dfd4)!important;transform:rotate(45deg)!important} html.modern-demo[data-applet-choice="modern"] body #app#app .msn-channel-chat .message-input-wrap #imageButton:not([hidden]){display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app .message-input-wrap #modernAttach{align-self:center!important;position:static!important;transform:none!important;margin:0!important;top:auto!important;bottom:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:32px!important;min-width:30px!important;flex:0 0 30px!important;padding:0!important} html.modern-demo[data-applet-choice="modern"] body #app#app .md-friend-group{border:1px solid var(--md-d9e8e0);border-radius:10px;margin:10px 0;background:#fff;overflow:hidden} html.modern-demo[data-applet-choice="modern"] body #app#app .md-friend-group>summary{display:flex;align-items:center;gap:8px;padding:12px;color:var(--md-26473a);background:var(--md-eef6f1);font:600 14px Arial;cursor:pointer;list-style:none} html.modern-demo[data-applet-choice="modern"] body #app#app .md-friend-group>summary::before{content:'›';font-size:20px} html.modern-demo[data-applet-choice="modern"] body #app#app .md-friend-group[open]>summary::before{transform:rotate(90deg)} html.modern-demo[data-applet-choice="modern"] body #app#app .md-friend-group>summary>span{margin-left:auto;font-size:12px;background:var(--md-dbece2);padding:3px 7px;border-radius:12px} html.modern-demo[data-applet-choice="modern"] body #app#app .md-friend-group .friend-request-row{padding:10px;display:flex;flex-wrap:wrap;gap:8px} html.modern-demo[data-applet-choice="modern"] body #app#app .md-friend-group .friend-request-row button{border:1px solid var(--md-bed9cb);border-radius:6px;background:var(--md-e8f4ed);color:var(--md-245440);padding:6px 9px;margin-right:5px} } #modernRoomButton{display:none} @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app .msn-channel-chat .composer-row #voiceButton:not([hidden]){display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app .msn-channel-chat #modernRoomButton{display:flex!important;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;padding:8px;border:0;border-radius:50%;background:var(--md-00866c);color:white;box-sizing:border-box;order:9} html.modern-demo[data-applet-choice="modern"] body #app#app #modernRoomButton svg{width:20px;height:20px} html.modern-demo[data-applet-choice="modern"] body #app#app .md-friend-group>summary{background:#fff!important;color:var(--md-26473a)!important;min-height:54px;padding:10px!important} html.modern-demo[data-applet-choice="modern"] body #app#app .md-friend-group>summary::before{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:var(--md-e1f1e8);font-size:25px;transform:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app [data-md-friend-group="incoming"]>summary::before{content:'📥'} html.modern-demo[data-applet-choice="modern"] body #app#app [data-md-friend-group="outgoing"]>summary::before{content:'📤'} html.modern-demo[data-applet-choice="modern"] body #app#app [data-md-friend-group="online"]>summary::before{content:'👥'} html.modern-demo[data-applet-choice="modern"] body #app#app [data-md-friend-group="offline"]>summary::before{content:'👤'} html.modern-demo[data-applet-choice="modern"] body #app#app .md-friend-group>summary::after{content:none;display:none} html.modern-demo[data-applet-choice="modern"] body #app#app .md-friend-group[open]>summary::after{transform:rotate(180deg)} } @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app #modernHeaderMedia button[hidden],html.modern-demo[data-applet-choice="modern"] body #app#app #modernCallActions button[hidden]{display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app:not(.md-room-enabled) .msn-channel-chat .composer-row .message-input-wrap #sendButton:not([hidden]){display:none!important} html:not([data-applet-choice="classic"]) body #connectingScreen#connectingScreen,html:not([data-applet-choice="classic"]) body #connectingScreen#connectingScreen .connecting-box{background:var(--md-e5f3ed)!important} } @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app .msn-channel-chat #modernRoomButton{display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app .msn-channel-chat .composer-row #voiceButton:not([hidden]),html.modern-demo[data-applet-choice="modern"] body #app#app .composer-row #voiceButton:not([hidden]){display:flex!important;touch-action:none!important;user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app .msn-channel-chat .composer-row.md-has-text .message-input-wrap #sendButton:not([hidden]){display:flex!important} html.modern-demo[data-applet-choice="modern"] body .modern-image-confirm{width:min(340px,calc(100vw - 28px));box-sizing:border-box;padding:14px;border:1px solid var(--md-c7dfd2);border-radius:16px;background:var(--md-f7fcf9);color:var(--md-254b3d);box-shadow:0 12px 40px var(--md-00352740)} html.modern-demo[data-applet-choice="modern"] body .modern-image-confirm::backdrop{background:var(--md-002e2466)} html.modern-demo[data-applet-choice="modern"] body .modern-image-confirm header{font:600 15px Arial;margin-bottom:12px} html.modern-demo[data-applet-choice="modern"] body .modern-image-confirm>img{display:block;width:100%;max-height:260px;object-fit:contain;border-radius:10px;background:var(--md-e5f3ed)} html.modern-demo[data-applet-choice="modern"] body .modern-image-confirm .image-send-preview{display:flex!important;flex-wrap:wrap;gap:8px;padding:12px 0 0;background:transparent;border:0} html.modern-demo[data-applet-choice="modern"] body .modern-image-confirm .image-send-preview>span{width:100%;font:12px Arial;overflow-wrap:anywhere;margin-bottom:5px} html.modern-demo[data-applet-choice="modern"] body .modern-image-confirm button{flex:1;border:1px solid var(--md-00866c);border-radius:8px;padding:10px;background:var(--md-00866c);color:white;font:14px Arial} html.modern-demo[data-applet-choice="modern"] body .modern-image-confirm [data-image-cancel]{background:var(--md-e5f3ed);color:var(--md-245440);border-color:var(--md-c0dbcc)} } @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app #messages .voice-player{width:265px!important;max-width:100%!important;min-height:56px!important;padding:10px 12px!important;gap:10px!important;border-radius:24px!important;box-sizing:border-box!important;background:var(--md-dcefe4)!important;color:var(--md-285e48)!important} html.modern-demo[data-applet-choice="modern"] body #app#app #messages .voice-player .voice-play{width:36px!important;height:36px!important;flex:0 0 36px!important;font-size:17px!important;background:var(--md-00866c)!important;color:#fff!important} html.modern-demo[data-applet-choice="modern"] body #app#app #messages .voice-wave{height:32px!important;min-width:45px!important} html.modern-demo[data-applet-choice="modern"] body #app#app #messages .voice-time{font-size:12px!important;white-space:nowrap!important} } @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app.md-microphone-hidden .composer-row #voiceButton:not([hidden]){display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app.md-microphone-hidden .chat-panel .composer-row .message-input-wrap #sendButton:not([hidden]){display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;flex:0 0 32px!important} } @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app .media-deleted-status{color:var(--md-37443f)!important;-webkit-text-fill-color:var(--md-37443f)!important;font-size:12px;line-height:1.5} html.modern-demo[data-applet-choice="modern"] body #app#app .md-friend-group>summary::-webkit-details-marker{display:none} } /* Two appearance choices share all layout and interaction rules. */ html[data-chat-background="whatsapp"]{--cz-0053c7:#00c785;--cz-0066df:#00df95;--cz-06245f:#065f42;--cz-063f91:#069163;--cz-06458e:#068e61;--cz-06478f:#068f62;--cz-07368d:#078d61;--cz-073b93:#079365;--cz-073d8f:#078f62;--cz-074598:#079868;--cz-0753bc:#07bc80;--cz-0756b9:#07b97e;--cz-0757bd:#07bd81;--cz-0758bb:#07bb80;--cz-0758bd:#07bd81;--cz-0759d9:#07d994;--cz-075bd7:#07d792;--cz-075daf:#07af78;--cz-075ddd:#07dd96;--cz-0763bf:#07bf82;--cz-08285d:#085d41;--cz-083d89:#08895e;--cz-0860a7:#08a773;--cz-0861c8:#08c889;--cz-0861ca:#08ca8a;--cz-0864ee:#08eea2;--cz-0865ba:#08ba7f;--cz-0866c6:#08c687;--cz-0871cf:#08cf8d;--cz-0871e7:#08e79d;--cz-0878d1:#08d18f;--cz-0952d2:#09d290;--cz-0956ba:#09ba80;--cz-0a4c9e:#0a9e6d;--cz-102333:#103327;--cz-102538:#10382b;--cz-103377:#107755;--cz-103c78:#107856;--cz-103d7d:#107d59;--cz-104990:#109066;--cz-124287:#128760;--cz-125ca8:#12a877;--cz-1266b5:#12b57f;--cz-126ad3:#12d393;--cz-126bef:#12efa6;--cz-126cf4:#12f4a9;--cz-135dba:#13ba83;--cz-1475dc:#14dc9a;--cz-153b7a:#157a59;--cz-153f7d:#157d5b;--cz-153f93:#159369;--cz-154184:#15845f;--cz-15477d:#157d5b;--cz-154d89:#158963;--cz-1552a5:#15a575;--cz-155bb3:#15b37f;--cz-163f79:#167958;--cz-164c81:#16815e;--cz-164e86:#168661;--cz-164e87:#168762;--cz-16558f:#168f67;--cz-16569c:#169c70;--cz-1658a8:#16a878;--cz-1679df:#16df9d;--cz-1687eb:#16eba5;--cz-17365d:#175d46;--cz-173768:#17684d;--cz-173f73:#177355;--cz-17437d:#177d5b;--cz-174f90:#179068;--cz-174f9b:#179b6f;--cz-17548f:#178f67;--cz-17609a:#179a6f;--cz-1766b3:#17b380;--cz-1768c2:#17c28a;--cz-185799:#18996e;--cz-185fa3:#18a375;--cz-1877f2:#18f2aa;--cz-1885d8:#18d899;--cz-19519a:#199a6f;--cz-1971d9:#19d99a;--cz-1974da:#19da9a;--cz-1b71df:#1bdf9e;--cz-1b83ed:#1beda8;--cz-1c4279:#1c795a;--cz-1d5d92:#1d926b;--cz-209cf0:#20f0ab;--cz-21558b:#218b68;--cz-218fdc:#21dc9e;--cz-229ce8:#22e8a7;--cz-229ed9:#22d99d;--cz-236dbd:#23bd8a;--cz-2379db:#23db9e;--cz-237cbe:#23be8b;--cz-244b78:#24785c;--cz-247ddd:#24dda0;--cz-247dde:#24dea1;--cz-2485de:#24dea1;--cz-254a8c:#258c6a;--cz-258eea:#25eaa9;--cz-2675d6:#26d69c;--cz-2776ce:#27ce97;--cz-277bdd:#27dda1;--cz-2785dc:#27dca0;--cz-2786ec:#27ecab;--cz-284a76:#28765c;--cz-2878c7:#28c793;--cz-29618e:#298e6d;--cz-2982df:#29dfa3;--cz-299bd8:#29d89e;--cz-2b5685:#2b8567;--cz-2b619c:#2b9c77;--cz-2ca8ee:#2ceeae;--cz-315b85:#318569;--cz-315b92:#319272;--cz-315b95:#319574;--cz-315f8d:#318d6f;--cz-3183d3:#31d39e;--cz-32699d:#329d7a;--cz-327dc4:#32c494;--cz-3388d7:#33d7a1;--cz-345b95:#349575;--cz-3489dd:#34dda5;--cz-356298:#359877;--cz-3584df:#35dfa7;--cz-3597fa:#35fab9;--cz-36608e:#368e71;--cz-376fae:#37ae87;--cz-399aff:#39ffbe;--cz-3e9bf0:#3ef0b5;--cz-3f6fa4:#3fa483;--cz-3f72a6:#3fa684;--cz-4177a9:#41a987;--cz-426699:#42997c;--cz-4387b7:#43b791;--cz-438acb:#43cb9e;--cz-438cda:#43daa8;--cz-446a96:#44967b;--cz-446a9f:#449f81;--cz-45a9fa:#45fabe;--cz-45b7fc:#45fcc0;--cz-488bc8:#48c89e;--cz-48bfe9:#48e9b4;--cz-4b9dea:#4beab6;--cz-4c94d8:#4cd8aa;--cz-507da9:#50a98c;--cz-52708e:#528e7a;--cz-5283b4:#52b494;--cz-5297dd:#52ddaf;--cz-537aa9:#53a98d;--cz-537ca7:#53a78b;--cz-537fae:#53ae90;--cz-54769e:#549e86;--cz-5481b1:#54b192;--cz-55739c:#559c85;--cz-557da9:#55a98d;--cz-557fae:#55ae91;--cz-559ad8:#55d8ad;--cz-57c8f5:#57f5c1;--cz-5b9dde:#5bdeb3;--cz-5ba3e5:#5be5b7;--cz-5c7da4:#5ca48c;--cz-5fb5ff:#5fffca;--cz-607b97:#609785;--cz-6085aa:#60aa92;--cz-617b99:#619987;--cz-6385a8:#63a891;--cz-6387ac:#63ac94;--cz-63b4fa:#63fac8;--cz-6480a3:#64a38e;--cz-6481a8:#64a892;--cz-65a5db:#65dbb4;--cz-6682a1:#66a18e;--cz-66849c:#669c8a;--cz-6684a9:#66a993;--cz-6686a8:#66a892;--cz-6786a6:#67a691;--cz-6789a8:#67a893;--cz-6883a2:#68a28f;--cz-6885a6:#68a692;--cz-68aee8:#68e8be;--cz-68b1f2:#68f2c4;--cz-6984a8:#69a893;--cz-6c86a9:#6ca995;--cz-6c8caf:#6caf99;--cz-6daee9:#6de9c0;--cz-6e87a7:#6ea794;--cz-6f8da9:#6fa996;--cz-6fa9df:#6fdfba;--cz-7089a3:#70a392;--cz-708dac:#70ac98;--cz-7095ba:#70baa2;--cz-718db0:#71b09b;--cz-7299c2:#72c2a8;--cz-7390ac:#73ac99;--cz-7390ae:#73ae9b;--cz-76d8ef:#76efc7;--cz-7790aa:#77aa99;--cz-7890a8:#78a898;--cz-78a0cb:#78cbb0;--cz-78afe2:#78e2bf;--cz-7990a8:#79a898;--cz-79abe4:#79e4c1;--cz-7db8ec:#7decc7;--cz-7eb9ec:#7eecc8;--cz-7eb9ef:#7eefca;--cz-7edaff:#7effd4;--cz-8195aa:#81aa9c;--cz-82a5c4:#82c4ae;--cz-82b9e9:#82e9c7;--cz-82baf0:#82f0cc;--cz-83b5e9:#83e9c7;--cz-83b8e5:#83e5c5;--cz-83bdf4:#83f4cf;--cz-8497aa:#84aa9d;--cz-86b8eb:#86ebca;--cz-87b9ec:#87eccb;--cz-87d4ff:#87ffd7;--cz-88a4c0:#88c0ae;--cz-89c4f4:#89f4d1;--cz-8bb9e3:#8be3c6;--cz-8bbbea:#8beacb;--cz-8cd4ff:#8cffd9;--cz-8dbbe8:#8de8ca;--cz-8ebae9:#8ee9cb;--cz-8ee6ff:#8effda;--cz-8fbeed:#8fedce;--cz-90b9ec:#90ecce;--cz-91abc2:#91c2b2;--cz-91bfea:#91eacd;--cz-91c4f2:#91f2d2;--cz-92bee7:#92e7cb;--cz-94bbd5:#94d5c0;--cz-94c3eb:#94ebce;--cz-95c0ee:#95eed1;--cz-96c5ef:#96efd2;--cz-97a4b4:#97b4aa;--cz-99c4ed:#99edd1;--cz-99cef3:#99f3d5;--cz-9ac5e8:#9ae8ce;--cz-9bd0f7:#9bf7d9;--cz-9cc7ed:#9cedd2;--cz-9cc8ee:#9ceed3;--cz-9dc6e9:#9de9d0;--cz-9dc7ed:#9dedd3;--cz-9dc8f2:#9df2d6;--cz-9dd0f7:#9df7d9;--cz-9ec7ee:#9eeed4;--cz-9ec8ec:#9eecd2;--cz-9eeaff:#9effdf;--cz-9fc8f4:#9ff4d8;--cz-9fc9ed:#9fedd3;--cz-a3c9ea:#a3ead3;--cz-a4c8ef:#a4efd6;--cz-a4cbed:#a4edd5;--cz-a5cfed:#a5edd5;--cz-a5cffa:#a5fade;--cz-a6eeff:#a6ffe2;--cz-a7c8f4:#a7f4db;--cz-a7cdf2:#a7f2d9;--cz-a7ceff:#a7ffe2;--cz-a8cdf4:#a8f4db;--cz-a8d4f7:#a8f7dd;--cz-a8d6f8:#a8f8de;--cz-a8d8fa:#a8fadf;--cz-a9c9f0:#a9f0d9;--cz-a9cbee:#a9eed7;--cz-a9d7fb:#a9fbe0;--cz-aacdf1:#aaf1da;--cz-aacdf3:#aaf3db;--cz-abcdeb:#abebd6;--cz-abcfff:#abffe3;--cz-acd1ef:#acefd9;--cz-adf1ff:#adffe4;--cz-aecce8:#aee8d5;--cz-aecdec:#aeecd8;--cz-b0ccec:#b0ecd8;--cz-b0cff0:#b0f0db;--cz-b0d0ee:#b0eeda;--cz-b3d7f4:#b3f4df;--cz-b5c8dd:#b5ddd0;--cz-b5d4f4:#b5f4df;--cz-b5d5f0:#b5f0dd;--cz-b5d6ed:#b5eddb;--cz-b6d6f5:#b6f5e0;--cz-b7d1ef:#b7efdd;--cz-b7d5f1:#b7f1de;--cz-b8d4f2:#b8f2df;--cz-b8d8f1:#b8f1de;--cz-b9d4ea:#b9eada;--cz-b9d5f0:#b9f0de;--cz-b9d6f3:#b9f3e0;--cz-b9d8f6:#b9f6e2;--cz-b9dcff:#b9ffe8;--cz-bad7ec:#baecdc;--cz-bad7f2:#baf2e0;--cz-bbd6f4:#bbf4e1;--cz-bcd9ee:#bceede;--cz-bcdfff:#bcffe9;--cz-bdd3e7:#bde7d9;--cz-bdd8f2:#bdf2e1;--cz-bdd9f7:#bdf7e4;--cz-bfd6ef:#bfefdf;--cz-bfd8f0:#bff0e0;--cz-bfd9ee:#bfeede;--cz-c0d8f1:#c0f1e1;--cz-c0d9e9:#c0e9db;--cz-c1d7e8:#c1e8db;--cz-c1daf2:#c1f2e2;--cz-c1dff4:#c1f4e3;--cz-c2dfff:#c2ffeb;--cz-c4d9f0:#c4f0e1;--cz-c4dcf2:#c4f2e3;--cz-c5dff4:#c5f4e4;--cz-c5e7ff:#c5ffec;--cz-c6d9ed:#c6ede0;--cz-c6ddee:#c6eee1;--cz-c7dff3:#c7f3e4;--cz-c7e3ff:#c7ffed;--cz-c7e5ff:#c7ffed;--cz-c8dbee:#c8eee1;--cz-c9e2ff:#c9ffed;--cz-c9e7fb:#c9fbea;--cz-cbdef5:#cbf5e7;--cz-cbe7ff:#cbffee;--cz-cbe8ff:#cbffee;--cz-cbe9ff:#cbffee;--cz-cce4ff:#ccffee;--cz-cce6fc:#ccfcec;--cz-cce7ff:#ccffee;--cz-cce9ff:#ccffee;--cz-cceaff:#ccffee;--cz-cde4ff:#cdffee;--cz-cee6ff:#ceffef;--cz-cfe0f2:#cff2e6;--cz-cfe1f4:#cff4e8;--cz-d0e4f5:#d0f5e9;--cz-d0e7ff:#d0ffef;--cz-d1e9fb:#d1fbed;--cz-d2dce8:#d2e8e1;--cz-d3e9ff:#d3fff0;--cz-d4e7f6:#d4f6eb;--cz-d4eaff:#d4fff1;--cz-d4ebff:#d4fff1;--cz-d5e6f7:#d5f7ec;--cz-d5eaff:#d5fff1;--cz-d5ebff:#d5fff1;--cz-d6e6f7:#d6f7ec;--cz-d6eaff:#d6fff1;--cz-d7e7f7:#d7f7ec;--cz-d7e8f5:#d7f5eb;--cz-d7eaff:#d7fff2;--cz-d7ebff:#d7fff2;--cz-d7edff:#d7fff2;--cz-d8e6f3:#d8f3ea;--cz-d8ebfb:#d8fbef;--cz-d8ecff:#d8fff2;--cz-d8edff:#d8fff2;--cz-d8efff:#d8fff2;--cz-d8f0ff:#d8fff2;--cz-d9edff:#d9fff2;--cz-d9efff:#d9fff2;--cz-dbedfd:#dbfdf2;--cz-dcecff:#dcfff3;--cz-dceeff:#dcfff3;--cz-dcefff:#dcfff3;--cz-dfedff:#dffff4;--cz-dff3ff:#dffff4;--cz-e0efff:#e0fff5;--cz-e1ecf8:#e1f8f0;--cz-e1f0ff:#e1fff5;--cz-e1f1ff:#e1fff5;--cz-e2efff:#e2fff5;--cz-e2f1ff:#e2fff5;--cz-e2f2ff:#e2fff5;--cz-e3f0ff:#e3fff6;--cz-e3f1ff:#e3fff6;--cz-e4f0ff:#e4fff6;--cz-e4f1fb:#e4fbf3;--cz-e4f2ff:#e4fff6;--cz-e4f4ff:#e4fff6;--cz-e5f0fb:#e5fbf4;--cz-e5f3ff:#e5fff6;--cz-e5f5ff:#e5fff6;--cz-e6faff:#e6fff7;--cz-e7f4ff:#e7fff7;--cz-e7f5ff:#e7fff7;--cz-e7f6ff:#e7fff7;--cz-e8f3ff:#e8fff7;--cz-e8f9ff:#e8fff7;--cz-e9f6ff:#e9fff8;--cz-e9f8ff:#e9fff8;--cz-e9fbff:#e9fff8;--cz-eaf4ff:#eafff8;--cz-eaf5ff:#eafff8;--cz-eaf6ff:#eafff8;--cz-ecf7ff:#ecfff9;--cz-edf7ff:#edfff9;--cz-eef8ff:#eefff9;--cz-eefaff:#eefff9;--cz-eff7ff:#effffa;--cz-eff8ff:#effffa;--cz-eff9ff:#effffa;--cz-f1f8ff:#f1fffa;--cz-f1f9ff:#f1fffa;--cz-f2f9ff:#f2fffb;--cz-f3fbff:#f3fffb;--cz-f4f9ff:#f4fffb;--cz-f4faff:#f4fffb;--cz-f4fbff:#f4fffb;--cz-f5faff:#f5fffc;--cz-f5fbff:#f5fffc;--cz-f6fbff:#f6fffc;--cz-f7fbff:#f7fffc;--cz-f7fcff:#f7fffc;--cz-f8fbff:#f8fffd;--cz-f8fcff:#f8fffd;--cz-f9fcff:#f9fffd;--cz-f9fdff:#f9fffd;--cz-fbfdff:#fbfffe;} .theme-preview{display:flex;flex-direction:column;gap:7px;height:78px;padding:14px;border-radius:7px;background:#edf5f1;border-top:16px solid #006653}.theme-preview-modern-blue{background:#edf6ff;border-top-color:#1976df}.theme-preview i{display:block;width:70%;height:9px;border-radius:5px;background:#cee9da}.theme-preview-modern-blue i{background:#c4def8}.theme-preview i:nth-child(2){align-self:flex-end} /* Keep the phone's bottom navigation/safe-area surface neutral in either palette. */ @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"], html.modern-demo[data-applet-choice="modern"] body{background:#f5f6f8!important;color-scheme:light} html.modern-demo[data-applet-choice="modern"] body #app#app .chat-panel>.composer::after{ content:"";position:absolute;left:0;right:0;bottom:0;height:env(safe-area-inset-bottom,0px); background:#f5f6f8;pointer-events:none;z-index:2; } } @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app.md-microphone-hidden .chat-panel .composer-row>#sendButton:not([hidden]){ display:flex!important;position:static!important;align-items:center!important;justify-content:center!important; box-sizing:border-box!important;align-self:center!important;flex:0 0 36px!important; width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important; margin:0!important;padding:8px!important;border:0!important;border-radius:50%!important; background:var(--md-00866c)!important;color:#fff!important;box-shadow:none!important; } html.modern-demo[data-applet-choice="modern"] body #app#app.md-microphone-hidden .composer-row>#sendButton .md-control-icon, html.modern-demo[data-applet-choice="modern"] body #app#app.md-microphone-hidden .composer-row>#sendButton .md-control-icon svg{display:block!important;width:20px!important;height:20px!important;color:#fff!important} } /* Blue palette keeps the WhatsApp pattern in channel and private conversations. */ @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"][data-chat-background="modern-blue"] body #app#app>.titlebar{background:#003266!important} html.modern-demo[data-applet-choice="modern"][data-chat-background="modern-blue"] body #app#app :is(.chat-panel,.composer){background:#edf5fc!important} html.modern-demo[data-applet-choice="modern"][data-chat-background="modern-blue"] body #app#app #messages{background:#edf5fc url('/images/modern-demo/pattern-blue.svg') repeat!important} } #modernRadioSide{display:none} @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app #modernRadioSide{display:flex;align-items:center;justify-content:center;position:absolute;right:3px;top:calc(50% + 42px);z-index:21;width:32px;height:32px;padding:0;border:1px solid var(--md-cadcd5);border-radius:50%;background:var(--md-f7fcf9);color:var(--md-00866c);box-shadow:0 2px 8px var(--md-072e2c22);font:22px Arial;cursor:pointer} html.modern-demo.mobile-section-open #modernRadioSide,html.modern-demo body.mobile-section-open #app#app #modernRadioSide{display:none!important} html.modern-demo[data-applet-choice="modern"] body #modernRadioDialog[open]{position:fixed;inset:auto 43px auto auto;top:clamp(65px,40dvh,calc(100dvh - 230px));margin:0;width:min(300px,calc(100vw - 55px));max-height:calc(100dvh - 90px);overflow:auto;box-sizing:border-box;z-index:150;animation:modern-radio-slide .18s ease-out} html.modern-demo[data-applet-choice="modern"] body #modernRadioDialog>header{padding:9px 12px} html.modern-demo[data-applet-choice="modern"] body #modernRadioDialog .md-radio-body{padding:14px 12px} @keyframes modern-radio-slide{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}} @media(prefers-reduced-motion:reduce){#modernRadioDialog[open]{animation:none!important}} } @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #modernRadioDialog[open]{animation:modern-radio-slide-full .32s cubic-bezier(.2,.8,.2,1) !important} @keyframes modern-radio-slide-full{from{opacity:0;transform:translateX(calc(100% + 43px))}to{opacity:1;transform:translateX(0)}} html.modern-demo[data-applet-choice="modern"] body #modernRadioDialog #radioPanel .radio-bars{display:flex!important;align-items:center!important;height:24px!important;gap:3px!important;overflow:hidden} html.modern-demo[data-applet-choice="modern"] body #modernRadioDialog #radioPanel .radio-bars i{display:block!important;width:4px!important;height:20px!important;max-height:20px!important;border-radius:3px;background:var(--md-00866c)!important;transform:scaleY(.2);animation:none!important} html.modern-demo[data-applet-choice="modern"] body #modernRadioDialog #radioPanel.playing .radio-bars i{animation:modern-equalizer .65s ease-in-out infinite alternate!important} html.modern-demo[data-applet-choice="modern"] body #modernRadioDialog #radioPanel.playing .radio-bars i:nth-child(3n){animation-delay:-.45s!important;animation-duration:.48s!important} html.modern-demo[data-applet-choice="modern"] body #modernRadioDialog #radioPanel.playing .radio-bars i:nth-child(3n+1){animation-delay:-.2s!important;animation-duration:.83s!important} @keyframes modern-equalizer{0%{transform:scaleY(.18)}45%{transform:scaleY(.65)}100%{transform:scaleY(1)}} html.modern-demo .md-status-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:var(--md-deefe5);color:var(--md-00866c);font-size:25px} } @media(prefers-reduced-motion:reduce){html.modern-demo[data-applet-choice="modern"] body #modernRadioDialog[open],html.modern-demo[data-applet-choice="modern"] body #modernRadioDialog #radioPanel.playing .radio-bars i{animation:none!important}} @media(max-width:760px){html.modern-demo[data-applet-choice="modern"] body #app#app .md-channel.md-status-channel{gap:12px!important;min-height:64px;height:64px!important;padding:8px 0!important}html.modern-demo[data-applet-choice="modern"] body #app#app .md-status-symbol{display:flex!important;align-items:center;justify-content:center;flex:0 0 46px!important;width:46px!important;height:46px!important;border-radius:14px!important;background:var(--md-deefe5);color:var(--md-00866c)}html.modern-demo[data-applet-choice="modern"] body #app#app .md-status-symbol svg{width:26px;height:26px;flex:none}html.modern-demo[data-applet-choice="modern"] body #app#app .md-status-channel>span:last-child{flex:1;min-width:0}html.modern-demo[data-applet-choice="modern"] body #app#app .md-status-channel b{font-size:16px!important}html.modern-demo[data-applet-choice="modern"] body #app#app .md-status-channel small{font-size:12px!important}} html.modern-demo[data-applet-choice="modern"] body #modernRadioDialog>header{gap:8px}html.modern-demo[data-applet-choice="modern"] body #modernRadioDialog>header>span{flex:1}html.modern-demo[data-applet-choice="modern"] body #modernRadioDialog>header #modernRadioRefresh{display:flex;align-items:center;gap:5px;width:auto;height:30px;padding:0 9px;border-radius:9px;font:600 12px Arial;white-space:nowrap}#modernRadioRefresh span{font-size:19px} @media(max-width:760px){html.modern-demo[data-applet-choice="modern"] body #app#app .md-private-toggle{position:absolute;right:18px;bottom:18px;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:66px;height:62px;border:0;border-radius:19px;background:var(--md-00866c);color:#fff;box-shadow:0 5px 16px var(--md-00352755);cursor:pointer}html.modern-demo[data-applet-choice="modern"] body #app#app .md-private-toggle>span{font:24px Arial}html.modern-demo[data-applet-choice="modern"] body #app#app .md-private-toggle>small{font:10px Arial;white-space:nowrap}html.modern-demo[data-applet-choice="modern"] body #app#app .md-private-toggle[aria-pressed="true"]{outline:2px solid var(--md-00866c);outline-offset:3px}html.modern-demo[data-applet-choice="modern"] body #app#app #mobileSectionContent:has(.md-private-toggle){padding-bottom:95px!important}.md-private-toggle:disabled{opacity:.6}} #modernFullscreen{display:none} @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app>.titlebar{display:grid!important;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr)!important;align-items:center;gap:6px;box-sizing:border-box;height:calc(67px + env(safe-area-inset-top,0px))!important;min-height:calc(67px + env(safe-area-inset-top,0px))!important;padding:calc(8px + env(safe-area-inset-top,0px)) max(10px,env(safe-area-inset-right,0px)) 8px max(10px,env(safe-area-inset-left,0px))!important} html.modern-demo[data-applet-choice="modern"] body #app#app>.titlebar>.brand{grid-column:1;min-width:0;overflow:hidden;gap:5px!important} html.modern-demo[data-applet-choice="modern"] body #app#app>.titlebar .brand strong{font-size:clamp(14px,4.1vw,20px)!important;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} html.modern-demo[data-applet-choice="modern"] body #app#app>.titlebar .brand small{display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app>.titlebar .brand-buddies{width:28px!important;height:28px!important;flex:0 0 28px} html.modern-demo[data-applet-choice="modern"] body #app#app #modernFullscreen{grid-column:2;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:12px;background:#ffffff18;color:white;padding:10px;cursor:pointer} #modernFullscreen svg{width:24px;height:24px} html.modern-demo[data-applet-choice="modern"] body #app#app #modernProfileMenu{grid-column:3;justify-self:end;min-width:44px;min-height:44px} html.modern-demo[data-applet-choice="modern"] body #app#app .channel-head{padding-left:max(8px,env(safe-area-inset-left,0px))!important;padding-right:max(8px,env(safe-area-inset-right,0px))!important} html.modern-demo[data-applet-choice="modern"] body #app#app:not(.md-list-open) .channel-head{padding-top:calc(5px + env(safe-area-inset-top,0px))!important} html.modern-demo[data-applet-choice="modern"] body :is(.status-update-dialog,#modernRadioDialog){max-width:calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));box-sizing:border-box} html.modern-demo[data-applet-choice="modern"] body input:not([type=checkbox]):not([type=range]):not([type=radio]),html.modern-demo[data-applet-choice="modern"] body select,html.modern-demo[data-applet-choice="modern"] body textarea{font-size:16px!important} html.modern-demo{-webkit-text-size-adjust:100%} } @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app #messages .message .standard-time{display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app #messages .message .message-receipt{display:inline-block!important;color:var(--md-74867e)!important;font:700 12px/14px Arial!important;letter-spacing:-4px!important;padding-right:4px!important} html.modern-demo[data-applet-choice="modern"] body #app#app #messages .message .message-receipt.is-read{color:#159de0!important} } /* Reserve safe-area space outside the 50px identity row, including fullscreen. */ @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app:not(.md-list-open)>.titlebar{display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app:not(.md-list-open) .layout .channel-head{position:relative!important;top:auto!important;margin-top:0!important;transform:none!important;grid-template-rows:50px!important;box-sizing:border-box!important;height:calc(60px + env(safe-area-inset-top,0px))!important;min-height:calc(60px + env(safe-area-inset-top,0px))!important;max-height:none!important;flex:0 0 calc(60px + env(safe-area-inset-top,0px))!important;padding-top:calc(5px + env(safe-area-inset-top,0px))!important;padding-bottom:5px!important;overflow:hidden!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernTopic{flex-shrink:0!important;position:relative!important;top:auto!important;margin-top:0!important} } @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #socialDialog .profile-actions button{background:var(--md-e5f3ed,#e5f3ed)!important;color:var(--md-006653,#006653)!important;border:1px solid var(--md-cadcd5,#cadcd5)!important;border-radius:10px!important} html.modern-demo[data-applet-choice="modern"] body #socialDialog .profile-status-preview{margin:12px 0;padding:10px;background:var(--md-e5f3ed,#e5f3ed);border-radius:12px;color:var(--md-006653,#006653)} .profile-status-preview>small{display:block;margin-bottom:8px;font:12px Arial}.profile-status-strip{display:flex;gap:8px;overflow-x:auto} html.modern-demo[data-applet-choice="modern"] body #socialDialog .profile-status-strip button{position:relative;flex:1 0 70px;min-width:0;max-width:110px;height:95px;padding:0!important;overflow:hidden;border-radius:10px!important;background:var(--md-deefe5)!important;border:1px solid var(--md-cadcd5)!important} .profile-status-strip :is(img,video){display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.profile-status-strip button>span{position:absolute;inset:0;display:grid;place-items:center;color:white;text-shadow:0 1px 4px #000;font-size:25px}.profile-status-strip button>small{position:absolute;bottom:0;left:0;right:0;padding:4px;background:#0008;color:white;font:10px Arial} } /* Compact header radio; reuse the original audio and controls. */ #modernHeaderRadio{display:none} html body dialog.appearance-choice.appearance-choice button[data-value]{background:#e5f3ed!important;color:#175747!important;border:1px solid #c5ded3!important} html body dialog.appearance-choice.appearance-choice button[data-value]:hover{background:#d5ebdf!important} @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app>.titlebar{grid-template-columns:minmax(0,1fr) minmax(150px,190px) 32px!important;gap:7px!important} html.modern-demo body #app#app #modernHeaderRadio{display:flex!important;grid-column:2;grid-row:1;align-items:center;gap:3px;min-width:0;padding:5px;border:1px solid #ffffff45;border-radius:14px;background:#ffffff20;box-shadow:0 2px 8px #0001} html.modern-demo[data-applet-choice="modern"] body #app#app #modernHeaderRadio #radioPanel{display:grid!important;grid-template-columns:28px minmax(0,1fr) 22px!important;gap:4px!important;position:static!important;width:100%!important;max-width:none!important;min-width:0!important;height:38px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:white!important} html.modern-demo body #app#app #modernHeaderRadio .radio-info{min-width:0!important;overflow:hidden} html.modern-demo body #app#app #modernHeaderRadio #radioTitle{display:block!important;font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:white!important} html.modern-demo body #app#app #modernHeaderRadio #radioStatus{display:none!important} html.modern-demo body #app#app #modernHeaderRadio button{display:grid!important;place-items:center;padding:0!important;width:24px!important;height:28px!important;min-width:0!important;border:0!important;border-radius:8px!important;background:#ffffff25!important;color:white!important;font-size:16px!important;box-shadow:none!important} html.modern-demo body #app#app #modernHeaderRadio #radioVolume{display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernHeaderRadio .radio-bars{display:flex!important;align-items:center;height:15px!important;gap:2px!important;margin-top:3px} html.modern-demo body #app#app #modernHeaderRadio .radio-bars i{display:block;width:3px;height:13px!important;background:currentColor!important;color:#fff;transform:scaleY(.25);border-radius:2px;animation:none!important} html.modern-demo body #app#app #modernHeaderRadio .playing .radio-bars i{animation:modern-equalizer .65s ease-in-out infinite alternate!important} html.modern-demo body #app#app #modernHeaderRadio .playing .radio-bars i:nth-child(3n){animation-delay:-.4s!important;animation-duration:.48s!important} html.modern-demo body #app#app #modernHeaderRadio .playing .radio-bars i:nth-child(3n+1){animation-delay:-.2s!important;animation-duration:.83s!important} html.modern-demo body #app#app #modernProfileMenu{grid-column:3!important} } @media(prefers-reduced-motion:reduce){html.modern-demo body #app#app #modernHeaderRadio .playing .radio-bars i{animation:none!important}} html[data-chat-background="pink"]{--md-f0f5f6:#f6f0f3;--md-027e68aa:#6a1640aa;--md-096c5d:#61143b;--md-006050:#4f1130;--md-b4d6d3:#d6b4c5;--md-00946d:#7a1a4a;--md-006653:#a82d6b;--md-a9ceca:#cea9bc;--md-73aaa3:#aa738e;--md-d1e7df:#e7d1dc;--md-e0ffd1:#f7d9e8;--md-00976e:#7d1a4c;--md-00866c:#6f1743;--md-00a765:#8a1d54;--md-006d58:#5a1337;--md-fcfefe:#fefcfd;--md-d7e6e5:#e6d7de;--md-102933:#331022;--md-e5f3ed:#f3e5ec;--md-bddbd0:#dbbdcc;--md-cadcd5:#dccad3;--md-072e2c33:#2c091b33;--md-00866ccc:#6f1743cc;--md-18534555:#53183655;--md-2d9a80:#9a2d64;--md-32ad8f:#ad3270;--md-174e41:#4e1733;--md-227561:#75224c;--md-21735f:#73214a;--md-227360:#73224b;--md-237763:#77234d;--md-227460:#74224b;--md-247b66:#7b2450;--md-2c977d:#972c62;--md-2b957b:#952b60;--md-2c987e:#982c62;--md-2c967d:#962c61;--md-32ae90:#ae3270;--md-32ac8f:#ac326f;--md-298d75:#8d295b;--md-33b193:#b13372;--md-2d997f:#992d63;--md-21705d:#702149;--md-278871:#882758;--md-2fa186:#a12f68;--md-2fa387:#a32f69;--md-37bf9e:#bf377b;--md-2ea084:#a02e67;--md-30a78a:#a7306c;--md-36b99a:#b93678;--md-31a88c:#a8316d;--md-31aa8d:#aa316e;--md-26826c:#822654;--md-1342377a:#42132b7a;--md-0f342b:#340f22;--md-10382e:#381024;--md-174e4140:#4e173340;--md-1e6957:#691e44;--md-1c615050:#611c3f50;--md-1f6957:#691f44;--md-206d5b:#6d2047;--md-247c67:#7c2450;--md-19564766:#56193866;--md-1f6b5950:#6b1f4550;--md-227762:#77224d;--md-2a9078:#902a5d;--md-34b193:#b13473;--md-3bc6a5:#c63b81;--md-3fc7a6:#c73f83;--md-298e769c:#8e295c9c;--md-2e9f84:#9f2e67;--md-237a6530:#7a234f30;--md-36ba9a:#ba3678;--md-206f5c:#6f2048;--md-21715e:#712149;--md-1f6c5935:#6c1f4635;--md-247a66:#7a244f;--md-2d9b81:#9b2d64;--md-206f5c55:#6f204855;--md-237964:#79234e;--md-237a65:#7a234f;--md-25806a:#802553;--md-288a72:#8a2859;--md-2b937a:#932b5f;--md-37be9e:#be377b;--md-1a5a4b:#5a1a3a;--md-1d6252:#621d40;--md-19564740:#56193840;--md-19564770:#56193870;--md-1f6b59:#6b1f45;--md-1e695755:#691e4455;--md-26816b:#812654;--md-25816b:#812553;--md-288972:#892859;--md-26846d24:#84265524;--md-2d9d82:#9d2d65;--md-35b5962b:#b535752b;--md-1f6b5944:#6b1f4544;--md-27877030:#87275730;--md-2a9178:#912a5e;--md-42c8a8:#c84285;--md-288b73:#8b285a;--md-36bc9c:#bc3679;--md-37bc9c:#bc377a;--md-38c2a1:#c2387d;--md-40c8a7:#c84084;--md-47c9aa:#c94788;--md-27856f:#852756;--md-39c4a3:#c4397f;--md-38c3a1:#c3387e;--md-20705d38:#70204838;--md-39c5a3:#c5397f;--md-33ae91:#ae3371;--md-36b89940:#b8367740;--md-3cc6a5:#c63c81;--md-2b947b18:#942b6018;--md-46c9aa:#c94688;--md-39c3a2:#c3397e;--md-3dc7a6:#c73d82;--md-3cc7a5:#c73c82;--md-49caab:#ca498a;--md-2fa38733:#a32f6933;--md-298e76:#8e295c;--md-31a78b20:#a7316c20;--md-288871:#882858;--md-4eccae:#cc4e8d;--md-31a98c20:#a9316d20;--md-2a8f7720:#8f2a5d20;--md-2fa085:#a02f68;--md-2d9c81:#9c2d65;--md-47caaa:#ca4789;--md-4acaab:#ca4a8a;--md-5fd0b5:#d05f98;--md-34b59626:#b5347526;--md-33af9109:#af337109;--md-66d2b8:#d2669c;--md-5ed0b5:#d05e97;--md-33b092:#b03372;--md-35b596:#b53575;--md-45c9a9:#c94587;--md-51ccaf:#cc518f;--md-26846d44:#84265544;--md-31a98c:#a9316d;--md-6bd4bb:#d46ba0;--md-6dd4bc:#d46da1;--md-38c09f2b:#c0387c2b;--md-60d1b6:#d16099;--md-37bf9e22:#bf377b22;--md-38bf9f26:#bf387c26;--md-63d2b7:#d2639b;--md-56ceb1:#ce5692;--md-38c1a0:#c1387d;--md-3ec7a6:#c73e83;--md-36bb9b:#bb3679;--md-5dd0b4:#d05d97;--md-75d7bf:#d775a6;--md-66d3b9:#d3669d;--md-6cd4bb:#d46ca0;--md-3ac6a4:#c63a80;--md-83dbc6:#db83af;--md-38bf9f:#bf387c;--md-43c8a8:#c84386;--md-82dbc6:#db82af;--md-40c7a7:#c74084;--md-43c9a9:#c94386;--md-44c9a9:#c94487;--md-78d8c1:#d878a8;--md-80dac4:#da80ad;--md-4acbac:#cb4a8b;--md-4fccae:#cc4f8e;--md-7dd9c3:#d97dab;--md-4dcbad:#cb4d8c;--md-77d7c0:#d777a7;--md-50ccae:#cc508e;--md-5bcfb3:#cf5b95;--md-54cdb0:#cd5491;--md-62d2b7:#d2629a;--md-52cdaf:#cd5290;--md-88ddc8:#dd88b2;--md-53cdb0:#cd5390;--md-6ed5bc:#d56ea2;--md-8cddca:#dd8cb5;--md-8cdeca:#de8cb5;--md-8fdecb:#de8fb7;--md-9be2d1:#e29bbe;--md-5bd0b4:#d05b96;--md-70d6bd:#d670a3;--md-8ddecb:#de8db6;--md-93dfcd:#df93b9;--md-8edecb:#de8eb6;--md-8bddc9:#dd8bb4;--md-96e1cf:#e196bc;--md-92dfcd:#df92b9;--md-93e0cd:#e093ba;--md-a2e4d4:#e4a2c3;--md-72d6be:#d672a4;--md-8fdfcc:#df8fb7;--md-95e0ce:#e095bb;--md-9ae2d144:#e29abe44;--md-a6e5d6:#e5a6c6;--md-a7e6d7:#e6a7c7;--md-9ae2d1:#e29abe;--md-7ad9c2:#d97aaa;--md-99e2d0:#e299be;--md-a0e3d3:#e3a0c2;--md-98e1d0:#e198bc;--md-9de2d2:#e29dc0;--md-a1e4d4:#e4a1c2;--md-74d7bf:#d774a6;--md-a7e5d6:#e5a7c6;--md-9fe3d3:#e39fc1;--md-a5e5d680:#e5a5c580;--md-abe7d8:#e7abc9;--md-a4e5d5:#e5a4c5;--md-a5e5d6:#e5a5c5;--md-a9e6d7:#e6a9c8;--md-ade7d9:#e7adca;--md-b4e9dc:#e9b4ce;--md-ace7d9:#e7acca;--md-abe6d8:#e6abc8;--md-b5eadd:#eab5d0;--md-baebdf:#ebbad2;--md-b2e9dc:#e9b2ce;--md-b1e8db:#e8b1cc;--md-bbebe0:#ebbbd3;--md-b3e9dc:#e9b3ce;--md-b6eadd:#eab6d0;--md-b8eade:#eab8d1;--md-afe8da:#e8afcc;--md-b9ebdf:#ebb9d2;--md-aee8da:#e8aecb;--md-beece1:#ecbed5;--md-bfede2:#edbfd6;--md-b2e9db:#e9b2ce;--md-b5e9dd:#e9b5cf;--md-bcebe0:#ebbcd3;--md-bdece1:#ecbdd4;--md-bfece1:#ecbfd6;--md-bcece0:#ecbcd4;--md-b8ebdf:#ebb8d2;--md-c2ede3:#edc2d8;--md-c9efe6:#efc9dc;--md-cbf0e7:#f0cbde;--md-c6eee5:#eec6da;--md-c1ede2:#edc1d7;--md-c0ede2:#edc0d6;--md-c3eee4:#eec3d8;--md-c5eee4:#eec5da;--md-c6efe5:#efc6db;--md-d0f1e9:#f1d0e0;--md-c7efe5:#efc7db;--md-caefe6:#efcadc;--md-d2f2ea:#f2d2e2;--md-d3f2eb9c:#f2d3e29c;--md-caf0e7:#f0cadd;--md-d4f2eb:#f2d4e3;--md-d5f3ec:#f3d5e4;--md-cff1e9:#f1cfe0;--md-d7f3ec:#f3d7e5;--md-d7f4ed:#f4d7e6;--md-d8f4ed:#f4d8e6;--md-d9f4ee:#f4d9e6;--md-d1f2ea:#f2d1e2;--md-daf4ee9e:#f4dae79e;--md-daf4eeb0:#f4dae7b0;--md-d3f2eb:#f2d3e2;--md-dbf4ee:#f4dbe8;--md-ddf5ef:#f5dde9;--md-def5f0:#f5deea;--md-def6f0:#f6deea;--md-dff6f0:#f6dfeb;--md-daf4ee:#f4dae7;--md-e0f6f1:#f6e0eb;--md-e1f6f1:#f6e1ec;--md-e1f6f170:#f6e1ec70;--md-e2f6f1bb:#f6e2ecbb;--md-e2f6f1:#f6e2ec;--md-e4f7f3:#f7e4ee;--md-e6f8f4:#f8e6ef;--md-e6f8f4f5:#f8e6eff5;--md-e7f8f4:#f8e7f0;--md-e7f8f4b8:#f8e7f0b8;--md-e2f7f2:#f7e2ec;--md-e8f8f4:#f8e8f0;--md-e9f8f5:#f8e9f0;--md-e9f9f5:#f9e9f1;--md-eaf9f5:#f9eaf2;--md-ebf9f6:#f9ebf2;--md-ecf9f6:#f9ecf2;--md-ecfaf6:#faecf3;--md-edfaf7:#faedf3;--md-eefaf7:#faeef4;--md-effaf8:#faeff4;--md-f0fbf8:#fbf0f5;--md-f1fbf9:#fbf1f6;--md-f2fbf9:#fbf2f6;--md-f3fbf9:#fbf3f7;--md-f3fbf9d9:#fbf3f7d9;--md-f3fbf9f0:#fbf3f7f0;--md-f4fcfa:#fcf4f8;--md-f4fcfaf0:#fcf4f8f0;--md-f4fcfadb:#fcf4f8db;--md-f5fcfa:#fcf5f9;--md-f5fcfacc:#fcf5f9cc;--md-f6fcfb80:#fcf6f980;--md-f6fcfb:#fcf6f9;--md-f6fdfb:#fdf6fa;--md-f7fdfb:#fdf7fa;--md-f7fdfbbb:#fdf7fabb;--md-f8fdfc:#fdf8fb;--md-f8fdfcba:#fdf8fbba;--md-f9fdfc:#fdf9fb;--md-f9fdfc90:#fdf9fb90;--md-f9fdfcf5:#fdf9fbf5;--md-fafdfd:#fdfafc;--md-fafefd:#fefafc;--md-61776f:#77616c;--md-072e2c22:#2c091b22;--md-a8cec2:#cea8bb;--md-009272:#781a49;--md-dcebe4:#ebdce3;--md-003d3333:#320b1f33;--md-b9d7cd:#d7b9c8;--md-edf0ee:#f0edee;--md-e0f1e9:#f1e0e8;--md-dff2e8:#f2dfe8;--md-183d33:#3d182b;--md-d1ded8:#ded1d8;--md-173e3320:#3e172b20;--md-f5faf7:#faf5f8;--md-e0ebe5:#ebe0e5;--md-c8dfd4:#dfc8d3;--md-113c3020:#3c112720;--md-dae6df:#e6dae0;--md-00392e33:#2f0a1d33;--md-eaf5ef:#f5eaf0;--md-e4ece7:#ece4e8;--md-bbd8ca:#d8bbca;--md-f7fcf9:#fcf7fa;--md-deefe5:#efdee6;--md-143e30:#3e1429;--md-00352755:#2c091b55;--md-002e2455:#26081755;--md-00866c33:#6f174333;--md-5c7d70:#7d5c6d;--md-d1e8db:#e8d1dc;--md-31574c:#573144;--md-667b73:#7b6670;--md-74867e:#86747d;--md-159de0:#ca2b7b;--md-edf6f1:#f6edf2;--md-75f59a:#e585b5;--md-36dd72:#d63d8a;--md-37443f:#44373e;--md-003d3033:#320b1f33;--md-cbded4:#decbd4;--md-f3f8f5:#f8f3f5;--md-46534d:#53464d;--md-dcefe4:#efdce6;--md-83b79c:#b7839d;--md-174c38:#4c1732;--md-f6fcf9:#fcf6f9;--md-15372d:#371526;--md-e1f2e9:#f2e1ea;--md-28c79b:#c52a78;--md-899c94:#9c8992;--md-20b987:#b3266d;--md-25483b:#482537;--md-00382c20:#2e0a1c20;--md-d9e8e0:#e8d9e0;--md-26473a:#472637;--md-eef6f1:#f6eef2;--md-dbece2:#ecdbe3;--md-bed9cb:#d9becc;--md-e8f4ed:#f4e8ee;--md-245440:#54243c;--md-e1f1e8:#f1e1e9;--md-c7dfd2:#dfc7d3;--md-254b3d:#4b2538;--md-00352740:#2c091b40;--md-002e2466:#26081766;--md-c0dbcc:#dbc0ce;--md-285e48:#5e2843;--cz-0053c7:#a42364;--cz-0066df:#b82770;--cz-06245f:#531233;--cz-063f91:#7d1a4c;--cz-06458e:#7a1a4a;--cz-06478f:#7b1a4b;--cz-07368d:#7a1a4a;--cz-073b93:#7f1b4d;--cz-073d8f:#7c1a4b;--cz-074598:#831c50;--cz-0753bc:#a12262;--cz-0756b9:#9e2260;--cz-0757bd:#a22262;--cz-0758bb:#a02261;--cz-0758bd:#a22262;--cz-0759d9:#b92770;--cz-075bd7:#b7276f;--cz-075daf:#96205b;--cz-075ddd:#bc2872;--cz-0763bf:#a32363;--cz-08285d:#531233;--cz-083d89:#781949;--cz-0860a7:#901f58;--cz-0861c8:#ac2468;--cz-0861ca:#ad2569;--cz-0864ee:#cb2b7b;--cz-0865ba:#a02261;--cz-0866c6:#aa2467;--cz-0871cf:#b1266c;--cz-0871e7:#c52a78;--cz-0878d1:#b3266d;--cz-0952d2:#b5266e;--cz-0956ba:#a12262;--cz-0a4c9e:#8b1d54;--cz-102333:#331022;--cz-102538:#381024;--cz-103377:#6f1844;--cz-103c78:#701844;--cz-103d7d:#741947;--cz-104990:#841c50;--cz-124287:#7e1b4d;--cz-125ca8:#99215d;--cz-1266b5:#a42364;--cz-126ad3:#bd2873;--cz-126bef:#d32e81;--cz-126cf4:#d43283;--cz-135dba:#a92467;--cz-1475dc:#c62a78;--cz-153b7a:#761948;--cz-153f7d:#781a49;--cz-153f93:#8b1d54;--cz-154184:#7e1b4d;--cz-15477d:#781a49;--cz-154d89:#821c4f;--cz-1552a5:#99215d;--cz-155bb3:#a52364;--cz-163f79:#761948;--cz-164c81:#7d1a4c;--cz-164e86:#811b4e;--cz-164e87:#821b4f;--cz-16558f:#881d53;--cz-16569c:#931f59;--cz-1658a8:#9d215f;--cz-1679df:#ca2b7b;--cz-1687eb:#d32e81;--cz-17365d:#5d173a;--cz-173768:#681740;--cz-173f73:#721845;--cz-17437d:#7a1a4a;--cz-174f90:#8a1d54;--cz-174f9b:#931f59;--cz-17548f:#891d53;--cz-17609a:#921f59;--cz-1766b3:#a72365;--cz-1768c2:#b3266d;--cz-185799:#921f59;--cz-185fa3:#9a215e;--cz-1877f2:#d43685;--cz-1885d8:#c62a78;--cz-19519a:#941f5a;--cz-1971d9:#c82a79;--cz-1974da:#c82b7a;--cz-1b71df:#ce2c7d;--cz-1b83ed:#d43484;--cz-1c4279:#791c4b;--cz-1d5d92:#901f58;--cz-209cf0:#d53b88;--cz-21558b:#8b2156;--cz-218fdc:#d12c7f;--cz-229ce8:#d43685;--cz-229ed9:#cf2c7e;--cz-236dbd:#b92770;--cz-2379db:#d22c7f;--cz-237cbe:#ba2771;--cz-244b78:#78244e;--cz-247ddd:#d32e81;--cz-247dde:#d32f81;--cz-2485de:#d32f81;--cz-254a8c:#8c2559;--cz-258eea:#d53a88;--cz-2675d6:#d02c7e;--cz-2776ce:#ca2b7b;--cz-277bdd:#d33182;--cz-2785dc:#d33082;--cz-2786ec:#d63d8a;--cz-284a76:#76284f;--cz-2878c7:#c52a78;--cz-29618e:#8e295c;--cz-2982df:#d43484;--cz-299bd8:#d32e81;--cz-2b5685:#852b58;--cz-2b619c:#9c2b64;--cz-2ca8ee:#d7438d;--cz-315b85:#85315b;--cz-315b92:#923162;--cz-315b95:#953163;--cz-315f8d:#8d315f;--cz-3183d3:#d33182;--cz-32699d:#9d3268;--cz-327dc4:#c4327b;--cz-3388d7:#d43685;--cz-345b95:#953465;--cz-3489dd:#d63b89;--cz-356298:#983567;--cz-3584df:#d63e8a;--cz-3597fa:#db5498;--cz-36608e:#8e3662;--cz-376fae:#ae3773;--cz-399aff:#dc5c9c;--cz-3e9bf0:#db5397;--cz-3f6fa4:#a43f72;--cz-3f72a6:#a63f73;--cz-4177a9:#a94175;--cz-426699:#99426e;--cz-4387b7:#b7437d;--cz-438acb:#cb4387;--cz-438cda:#d8458f;--cz-446a96:#96446d;--cz-446a9f:#9f4472;--cz-45a9fa:#de61a0;--cz-45b7fc:#de63a1;--cz-488bc8:#c84888;--cz-48bfe9:#db5699;--cz-4b9dea:#dc599b;--cz-4c94d8:#d84c92;--cz-507da9:#a9507d;--cz-52708e:#8e5270;--cz-5283b4:#b45283;--cz-5297dd:#db5498;--cz-537aa9:#a9537e;--cz-537ca7:#a7537d;--cz-537fae:#ae5380;--cz-54769e:#9e5479;--cz-5481b1:#b15483;--cz-55739c:#9c5579;--cz-557da9:#a9557f;--cz-557fae:#ae5582;--cz-559ad8:#d85597;--cz-57c8f5:#e06ca6;--cz-5b9dde:#dd5c9d;--cz-5ba3e5:#de62a0;--cz-5c7da4:#a45c80;--cz-5fb5ff:#e37baf;--cz-607b97:#97607c;--cz-6085aa:#aa6085;--cz-617b99:#99617d;--cz-6385a8:#a86386;--cz-6387ac:#ac6388;--cz-63b4fa:#e37aaf;--cz-6480a3:#a36484;--cz-6481a8:#a86486;--cz-65a5db:#db65a0;--cz-6682a1:#a16684;--cz-66849c:#9c6681;--cz-6684a9:#a96688;--cz-6686a8:#a86687;--cz-6786a6:#a66787;--cz-6789a8:#a86788;--cz-6883a2:#a26885;--cz-6885a6:#a66887;--cz-68aee8:#e16fa8;--cz-68b1f2:#e278ad;--cz-6984a8:#a86989;--cz-6c86a9:#a96c8b;--cz-6c8caf:#af6c8e;--cz-6daee9:#e274ab;--cz-6e87a7:#a76e8b;--cz-6f8da9:#a96f8c;--cz-6fa9df:#df6fa7;--cz-7089a3:#a3708a;--cz-708dac:#ac708e;--cz-7095ba:#ba7095;--cz-718db0:#b07190;--cz-7299c2:#c2729a;--cz-7390ac:#ac7390;--cz-7390ae:#ae7390;--cz-76d8ef:#e481b3;--cz-7790aa:#aa7790;--cz-7890a8:#a87890;--cz-78a0cb:#cb78a2;--cz-78afe2:#e278ad;--cz-7990a8:#a87990;--cz-79abe4:#e37aaf;--cz-7db8ec:#e584b5;--cz-7eb9ec:#e585b5;--cz-7eb9ef:#e687b7;--cz-7edaff:#e895be;--cz-8195aa:#aa8195;--cz-82a5c4:#c482a3;--cz-82b9e9:#e586b6;--cz-82baf0:#e68bb9;--cz-83b5e9:#e587b6;--cz-83b8e5:#e583b4;--cz-83bdf4:#e790bc;--cz-8497aa:#aa8497;--cz-86b8eb:#e68bb9;--cz-87b9ec:#e78cba;--cz-87d4ff:#ea9cc3;--cz-88a4c0:#c088a4;--cz-89c4f4:#e895be;--cz-8bb9e3:#e38bb7;--cz-8bbbea:#e78ebb;--cz-8cd4ff:#eba0c6;--cz-8dbbe8:#e78ebb;--cz-8ebae9:#e790bc;--cz-8ee6ff:#eba2c7;--cz-8fbeed:#e894be;--cz-90b9ec:#e894be;--cz-91abc2:#c291aa;--cz-91bfea:#e893be;--cz-91c4f2:#e99ac2;--cz-92bee7:#e792bd;--cz-94bbd5:#d594b5;--cz-94c3eb:#e996c0;--cz-95c0ee:#e99ac2;--cz-96c5ef:#ea9bc2;--cz-97a4b4:#b497a6;--cz-99c4ed:#ea9cc3;--cz-99cef3:#eba1c6;--cz-9ac5e8:#e89ac1;--cz-9bd0f7:#eca6c9;--cz-9cc7ed:#eb9ec5;--cz-9cc8ee:#eb9fc5;--cz-9dc6e9:#e99dc3;--cz-9dc7ed:#eb9fc5;--cz-9dc8f2:#eca3c8;--cz-9dd0f7:#eca8ca;--cz-9ec7ee:#eba1c6;--cz-9ec8ec:#eb9fc5;--cz-9eeaff:#eeafce;--cz-9fc8f4:#eca7ca;--cz-9fc9ed:#eba1c6;--cz-a3c9ea:#eaa3c6;--cz-a4c8ef:#eca7ca;--cz-a4cbed:#eca5c9;--cz-a5cfed:#eca6c9;--cz-a5cffa:#eeb1d0;--cz-a6eeff:#efb6d2;--cz-a7c8f4:#eeadce;--cz-a7cdf2:#edaccc;--cz-a7ceff:#f0b6d3;--cz-a8cdf4:#eeaece;--cz-a8d4f7:#eeb1d0;--cz-a8d6f8:#efb1d0;--cz-a8d8fa:#efb3d1;--cz-a9c9f0:#edaccc;--cz-a9cbee:#edaacc;--cz-a9d7fb:#efb5d2;--cz-aacdf1:#eeadce;--cz-aacdf3:#eeafce;--cz-abcdeb:#ebabcb;--cz-abcfff:#f0bad5;--cz-acd1ef:#eeadce;--cz-adf1ff:#f1bbd6;--cz-aecce8:#e8aecb;--cz-aecdec:#ecaecd;--cz-b0ccec:#ecb0ce;--cz-b0cff0:#efb1d0;--cz-b0d0ee:#eeb0cf;--cz-b3d7f4:#f0b7d3;--cz-b5c8dd:#ddb5c9;--cz-b5d4f4:#f0b9d4;--cz-b5d5f0:#efb6d2;--cz-b5d6ed:#edb5d1;--cz-b6d6f5:#f0bbd6;--cz-b7d1ef:#efb7d3;--cz-b7d5f1:#f0b8d4;--cz-b8d4f2:#f0bad5;--cz-b8d8f1:#f0b9d4;--cz-b9d4ea:#eab9d2;--cz-b9d5f0:#f0b9d4;--cz-b9d6f3:#f1bbd6;--cz-b9d8f6:#f1bed8;--cz-b9dcff:#f3c5dc;--cz-bad7ec:#ecbad3;--cz-bad7f2:#f1bbd6;--cz-bbd6f4:#f1bed8;--cz-bcd9ee:#eebcd5;--cz-bcdfff:#f3c8de;--cz-bdd3e7:#e7bdd2;--cz-bdd8f2:#f1bed8;--cz-bdd9f7:#f2c2da;--cz-bfd6ef:#efbfd7;--cz-bfd8f0:#f0bfd8;--cz-bfd9ee:#eebfd6;--cz-c0d8f1:#f1c0d8;--cz-c0d9e9:#e9c0d4;--cz-c1d7e8:#e8c1d4;--cz-c1daf2:#f2c1da;--cz-c1dff4:#f2c3db;--cz-c2dfff:#f4cde0;--cz-c4d9f0:#f0c4da;--cz-c4dcf2:#f2c4db;--cz-c5dff4:#f3c6dc;--cz-c5e7ff:#f5cfe2;--cz-c6d9ed:#edc6da;--cz-c6ddee:#eec6da;--cz-c7dff3:#f3c7dd;--cz-c7e3ff:#f5d1e3;--cz-c7e5ff:#f5d1e3;--cz-c8dbee:#eec8db;--cz-c9e2ff:#f6d2e4;--cz-c9e7fb:#f5cfe2;--cz-cbdef5:#f4cce0;--cz-cbe7ff:#f6d4e5;--cz-cbe8ff:#f6d4e5;--cz-cbe9ff:#f6d4e5;--cz-cce4ff:#f6d5e6;--cz-cce6fc:#f6d2e4;--cz-cce7ff:#f6d5e6;--cz-cce9ff:#f6d5e6;--cz-cceaff:#f6d5e6;--cz-cde4ff:#f6d6e6;--cz-cee6ff:#f6d7e6;--cz-cfe0f2:#f2cfe0;--cz-cfe1f4:#f4cfe2;--cz-d0e4f5:#f5d0e2;--cz-d0e7ff:#f7d8e8;--cz-d1e9fb:#f6d6e6;--cz-d2dce8:#e8d2dd;--cz-d3e9ff:#f7dbe9;--cz-d4e7f6:#f6d4e5;--cz-d4eaff:#f7dcea;--cz-d4ebff:#f7dcea;--cz-d5e6f7:#f6d6e6;--cz-d5eaff:#f8dcea;--cz-d5ebff:#f8dcea;--cz-d6e6f7:#f6d7e6;--cz-d6eaff:#f8ddeb;--cz-d7e7f7:#f7d7e7;--cz-d7e8f5:#f5d7e6;--cz-d7eaff:#f8deeb;--cz-d7ebff:#f8deeb;--cz-d7edff:#f8deeb;--cz-d8e6f3:#f3d8e5;--cz-d8ebfb:#f7dcea;--cz-d8ecff:#f8dfec;--cz-d8edff:#f8dfec;--cz-d8efff:#f8dfec;--cz-d8f0ff:#f8dfec;--cz-d9edff:#f8e0ec;--cz-d9efff:#f8e0ec;--cz-dbedfd:#f8e0ec;--cz-dcecff:#f9e2ee;--cz-dceeff:#f9e2ee;--cz-dcefff:#f9e2ee;--cz-dfedff:#f9e5ef;--cz-dff3ff:#f9e5ef;--cz-e0efff:#fae5f0;--cz-e1ecf8:#f8e1ec;--cz-e1f0ff:#fae6f0;--cz-e1f1ff:#fae6f0;--cz-e2efff:#fae7f0;--cz-e2f1ff:#fae7f0;--cz-e2f2ff:#fae7f0;--cz-e3f0ff:#fae8f1;--cz-e3f1ff:#fae8f1;--cz-e4f0ff:#fae9f2;--cz-e4f1fb:#fae5f0;--cz-e4f2ff:#fae9f2;--cz-e4f4ff:#fae9f2;--cz-e5f0fb:#fae6f0;--cz-e5f3ff:#faeaf2;--cz-e5f5ff:#faeaf2;--cz-e6faff:#fbeaf2;--cz-e7f4ff:#fbebf3;--cz-e7f5ff:#fbebf3;--cz-e7f6ff:#fbebf3;--cz-e8f3ff:#fbecf3;--cz-e8f9ff:#fbecf3;--cz-e9f6ff:#fbedf4;--cz-e9f8ff:#fbedf4;--cz-e9fbff:#fbedf4;--cz-eaf4ff:#fbeef4;--cz-eaf5ff:#fbeef4;--cz-eaf6ff:#fbeef4;--cz-ecf7ff:#fceff6;--cz-edf7ff:#fcf0f6;--cz-eef8ff:#fcf1f6;--cz-eefaff:#fcf1f6;--cz-eff7ff:#fcf2f7;--cz-eff8ff:#fcf2f7;--cz-eff9ff:#fcf2f7;--cz-f1f8ff:#fdf3f8;--cz-f1f9ff:#fdf3f8;--cz-f2f9ff:#fdf4f8;--cz-f3fbff:#fdf5f9;--cz-f4f9ff:#fdf6fa;--cz-f4faff:#fdf6fa;--cz-f4fbff:#fdf6fa;--cz-f5faff:#fdf7fa;--cz-f5fbff:#fdf7fa;--cz-f6fbff:#fdf8fb;--cz-f7fbff:#fef8fb;--cz-f7fcff:#fef8fb;--cz-f8fbff:#fef9fc;--cz-f8fcff:#fef9fc;--cz-f9fcff:#fefafc;--cz-f9fdff:#fefafc;--cz-fbfdff:#fefcfd;} .theme-preview-pink{background:#fbeef4;border-top-color:#a82d6b}.theme-preview-pink i{background:#f3c9de} @media(max-width:760px){html.modern-demo[data-chat-background="pink"] body #app#app>.titlebar{background:#a82d6b!important}html.modern-demo[data-chat-background="pink"] body #app#app :is(.chat-panel,.composer){background:#fbeef4!important}html.modern-demo[data-chat-background="pink"] body #app#app #messages{background:#fbeef4 url("/images/modern-demo/pattern-pink.svg") repeat!important}} html[data-chat-background="purple"]{--md-f0f5f6:#f3f0f6;--md-027e68aa:#43166aaa;--md-096c5d:#3d1461;--md-006050:#32114f;--md-b4d6d3:#c6b4d6;--md-00946d:#4d1a7a;--md-006653:#7540a4;--md-a9ceca:#bda9ce;--md-73aaa3:#9073aa;--md-d1e7df:#ddd1e7;--md-e0ffd1:#e9d9f7;--md-00976e:#4f1a7d;--md-00866c:#46176f;--md-00a765:#571d8a;--md-006d58:#39135a;--md-fcfefe:#fdfcfe;--md-d7e6e5:#dfd7e6;--md-102933:#231033;--md-e5f3ed:#ece5f3;--md-bddbd0:#cdbddb;--md-cadcd5:#d4cadc;--md-072e2c33:#1c092c33;--md-00866ccc:#46176fcc;--md-18534555:#37185355;--md-2d9a80:#672d9a;--md-32ad8f:#7432ad;--md-174e41:#34174e;--md-227561:#4e2275;--md-21735f:#4d2173;--md-227360:#4d2273;--md-237763:#502377;--md-227460:#4e2274;--md-247b66:#52247b;--md-2c977d:#652c97;--md-2b957b:#642b95;--md-2c987e:#662c98;--md-2c967d:#652c96;--md-32ae90:#7432ae;--md-32ac8f:#7332ac;--md-298d75:#5e298d;--md-33b193:#7633b1;--md-2d997f:#672d99;--md-21705d:#4b2170;--md-278871:#5b2788;--md-2fa186:#6c2fa1;--md-2fa387:#6d2fa3;--md-37bf9e:#8037bf;--md-2ea084:#6b2ea0;--md-30a78a:#6f30a7;--md-36b99a:#7c36b9;--md-31a88c:#7031a8;--md-31aa8d:#7231aa;--md-26826c:#572682;--md-1342377a:#2c13427a;--md-0f342b:#230f34;--md-10382e:#251038;--md-174e4140:#34174e40;--md-1e6957:#461e69;--md-1c615050:#411c6150;--md-1f6957:#461f69;--md-206d5b:#49206d;--md-247c67:#53247c;--md-19564766:#3a195666;--md-1f6b5950:#481f6b50;--md-227762:#4f2277;--md-2a9078:#602a90;--md-34b193:#7734b1;--md-3bc6a5:#853bc6;--md-3fc7a6:#883fc7;--md-298e769c:#5f298e9c;--md-2e9f84:#6a2e9f;--md-237a6530:#51237a30;--md-36ba9a:#7c36ba;--md-206f5c:#4a206f;--md-21715e:#4c2171;--md-1f6c5935:#481f6c35;--md-247a66:#52247a;--md-2d9b81:#682d9b;--md-206f5c55:#4a206f55;--md-237964:#512379;--md-237a65:#51237a;--md-25806a:#562580;--md-288a72:#5c288a;--md-2b937a:#622b93;--md-37be9e:#7f37be;--md-1a5a4b:#3c1a5a;--md-1d6252:#421d62;--md-19564740:#3a195640;--md-19564770:#3a195670;--md-1f6b59:#481f6b;--md-1e695755:#461e6955;--md-26816b:#572681;--md-25816b:#562581;--md-288972:#5c2889;--md-26846d24:#58268424;--md-2d9d82:#692d9d;--md-35b5962b:#7935b52b;--md-1f6b5944:#481f6b44;--md-27877030:#5a278730;--md-2a9178:#612a91;--md-42c8a8:#8942c8;--md-288b73:#5d288b;--md-36bc9c:#7d36bc;--md-37bc9c:#7e37bc;--md-38c2a1:#8238c2;--md-40c8a7:#8940c8;--md-47c9aa:#8c47c9;--md-27856f:#592785;--md-39c4a3:#8339c4;--md-38c3a1:#8238c3;--md-20705d38:#4b207038;--md-39c5a3:#8439c5;--md-33ae91:#7533ae;--md-36b89940:#7b36b840;--md-3cc6a5:#863cc6;--md-2b947b18:#632b9418;--md-46c9aa:#8c46c9;--md-39c3a2:#8339c3;--md-3dc7a6:#873dc7;--md-3cc7a5:#863cc7;--md-49caab:#8e49ca;--md-2fa38733:#6d2fa333;--md-298e76:#5f298e;--md-31a78b20:#7031a720;--md-288871:#5b2888;--md-4eccae:#914ecc;--md-31a98c20:#7131a920;--md-2a8f7720:#602a8f20;--md-2fa085:#6b2fa0;--md-2d9c81:#682d9c;--md-47caaa:#8d47ca;--md-4acaab:#8e4aca;--md-5fd0b5:#9b5fd0;--md-34b59626:#7934b526;--md-33af9109:#7533af09;--md-66d2b8:#a066d2;--md-5ed0b5:#9b5ed0;--md-33b092:#7633b0;--md-35b596:#7935b5;--md-45c9a9:#8b45c9;--md-51ccaf:#9351cc;--md-26846d44:#58268444;--md-31a98c:#7131a9;--md-6bd4bb:#a36bd4;--md-6dd4bc:#a46dd4;--md-38c09f2b:#8138c02b;--md-60d1b6:#9c60d1;--md-37bf9e22:#8037bf22;--md-38bf9f26:#8038bf26;--md-63d2b7:#9e63d2;--md-56ceb1:#9656ce;--md-38c1a0:#8138c1;--md-3ec7a6:#873ec7;--md-36bb9b:#7d36bb;--md-5dd0b4:#9a5dd0;--md-75d7bf:#a975d7;--md-66d3b9:#a066d3;--md-6cd4bb:#a36cd4;--md-3ac6a4:#853ac6;--md-83dbc6:#b283db;--md-38bf9f:#8038bf;--md-43c8a8:#8a43c8;--md-82dbc6:#b182db;--md-40c7a7:#8840c7;--md-43c9a9:#8a43c9;--md-44c9a9:#8b44c9;--md-78d8c1:#ab78d8;--md-80dac4:#b080da;--md-4acbac:#8f4acb;--md-4fccae:#924fcc;--md-7dd9c3:#ae7dd9;--md-4dcbad:#904dcb;--md-77d7c0:#aa77d7;--md-50ccae:#9250cc;--md-5bcfb3:#995bcf;--md-54cdb0:#9554cd;--md-62d2b7:#9e62d2;--md-52cdaf:#9452cd;--md-88ddc8:#b588dd;--md-53cdb0:#9453cd;--md-6ed5bc:#a56ed5;--md-8cddca:#b78cdd;--md-8cdeca:#b88cde;--md-8fdecb:#b98fde;--md-9be2d1:#c19be2;--md-5bd0b4:#995bd0;--md-70d6bd:#a670d6;--md-8ddecb:#b88dde;--md-93dfcd:#bc93df;--md-8edecb:#b98ede;--md-8bddc9:#b78bdd;--md-96e1cf:#be96e1;--md-92dfcd:#bb92df;--md-93e0cd:#bc93e0;--md-a2e4d4:#c5a2e4;--md-72d6be:#a772d6;--md-8fdfcc:#ba8fdf;--md-95e0ce:#bd95e0;--md-9ae2d144:#c09ae244;--md-a6e5d6:#c8a6e5;--md-a7e6d7:#c9a7e6;--md-9ae2d1:#c09ae2;--md-7ad9c2:#ad7ad9;--md-99e2d0:#c099e2;--md-a0e3d3:#c4a0e3;--md-98e1d0:#bf98e1;--md-9de2d2:#c29de2;--md-a1e4d4:#c5a1e4;--md-74d7bf:#a974d7;--md-a7e5d6:#c8a7e5;--md-9fe3d3:#c39fe3;--md-a5e5d680:#c7a5e580;--md-abe7d8:#cbabe7;--md-a4e5d5:#c7a4e5;--md-a5e5d6:#c7a5e5;--md-a9e6d7:#caa9e6;--md-ade7d9:#ccade7;--md-b4e9dc:#d0b4e9;--md-ace7d9:#cbace7;--md-abe6d8:#caabe6;--md-b5eadd:#d1b5ea;--md-baebdf:#d4baeb;--md-b2e9dc:#cfb2e9;--md-b1e8db:#ceb1e8;--md-bbebe0:#d5bbeb;--md-b3e9dc:#d0b3e9;--md-b6eadd:#d2b6ea;--md-b8eade:#d3b8ea;--md-afe8da:#cdafe8;--md-b9ebdf:#d4b9eb;--md-aee8da:#cdaee8;--md-beece1:#d7beec;--md-bfede2:#d8bfed;--md-b2e9db:#cfb2e9;--md-b5e9dd:#d1b5e9;--md-bcebe0:#d5bceb;--md-bdece1:#d6bdec;--md-bfece1:#d7bfec;--md-bcece0:#d6bcec;--md-b8ebdf:#d3b8eb;--md-c2ede3:#d9c2ed;--md-c9efe6:#ddc9ef;--md-cbf0e7:#dfcbf0;--md-c6eee5:#dbc6ee;--md-c1ede2:#d8c1ed;--md-c0ede2:#d8c0ed;--md-c3eee4:#dac3ee;--md-c5eee4:#dbc5ee;--md-c6efe5:#dcc6ef;--md-d0f1e9:#e2d0f1;--md-c7efe5:#dcc7ef;--md-caefe6:#decaef;--md-d2f2ea:#e3d2f2;--md-d3f2eb9c:#e4d3f29c;--md-caf0e7:#decaf0;--md-d4f2eb:#e4d4f2;--md-d5f3ec:#e5d5f3;--md-cff1e9:#e1cff1;--md-d7f3ec:#e6d7f3;--md-d7f4ed:#e6d7f4;--md-d8f4ed:#e7d8f4;--md-d9f4ee:#e7d9f4;--md-d1f2ea:#e3d1f2;--md-daf4ee9e:#e8daf49e;--md-daf4eeb0:#e8daf4b0;--md-d3f2eb:#e4d3f2;--md-dbf4ee:#e8dbf4;--md-ddf5ef:#eaddf5;--md-def5f0:#eadef5;--md-def6f0:#ebdef6;--md-dff6f0:#ebdff6;--md-daf4ee:#e8daf4;--md-e0f6f1:#ece0f6;--md-e1f6f1:#ece1f6;--md-e1f6f170:#ece1f670;--md-e2f6f1bb:#ede2f6bb;--md-e2f6f1:#ede2f6;--md-e4f7f3:#eee4f7;--md-e6f8f4:#f0e6f8;--md-e6f8f4f5:#f0e6f8f5;--md-e7f8f4:#f0e7f8;--md-e7f8f4b8:#f0e7f8b8;--md-e2f7f2:#ede2f7;--md-e8f8f4:#f1e8f8;--md-e9f8f5:#f1e9f8;--md-e9f9f5:#f2e9f9;--md-eaf9f5:#f2eaf9;--md-ebf9f6:#f2ebf9;--md-ecf9f6:#f3ecf9;--md-ecfaf6:#f3ecfa;--md-edfaf7:#f4edfa;--md-eefaf7:#f4eefa;--md-effaf8:#f5effa;--md-f0fbf8:#f6f0fb;--md-f1fbf9:#f6f1fb;--md-f2fbf9:#f7f2fb;--md-f3fbf9:#f7f3fb;--md-f3fbf9d9:#f7f3fbd9;--md-f3fbf9f0:#f7f3fbf0;--md-f4fcfa:#f8f4fc;--md-f4fcfaf0:#f8f4fcf0;--md-f4fcfadb:#f8f4fcdb;--md-f5fcfa:#f9f5fc;--md-f5fcfacc:#f9f5fccc;--md-f6fcfb80:#f9f6fc80;--md-f6fcfb:#f9f6fc;--md-f6fdfb:#faf6fd;--md-f7fdfb:#faf7fd;--md-f7fdfbbb:#faf7fdbb;--md-f8fdfc:#fbf8fd;--md-f8fdfcba:#fbf8fdba;--md-f9fdfc:#fbf9fd;--md-f9fdfc90:#fbf9fd90;--md-f9fdfcf5:#fbf9fdf5;--md-fafdfd:#fcfafd;--md-fafefd:#fcfafe;--md-61776f:#6d6177;--md-072e2c22:#1c092c22;--md-a8cec2:#bca8ce;--md-009272:#4c1a78;--md-dcebe4:#e4dceb;--md-003d3333:#200b3233;--md-b9d7cd:#c9b9d7;--md-edf0ee:#efedf0;--md-e0f1e9:#e9e0f1;--md-dff2e8:#e9dff2;--md-183d33:#2c183d;--md-d1ded8:#d8d1de;--md-173e3320:#2c173e20;--md-f5faf7:#f8f5fa;--md-e0ebe5:#e6e0eb;--md-c8dfd4:#d4c8df;--md-113c3020:#28113c20;--md-dae6df:#e0dae6;--md-00392e33:#1e0a2f33;--md-eaf5ef:#f0eaf5;--md-e4ece7:#e8e4ec;--md-bbd8ca:#cabbd8;--md-f7fcf9:#faf7fc;--md-deefe5:#e7deef;--md-143e30:#2a143e;--md-00352755:#1c092c55;--md-002e2455:#18082655;--md-00866c33:#46176f33;--md-5c7d70:#6e5c7d;--md-d1e8db:#ddd1e8;--md-31574c:#453157;--md-667b73:#71667b;--md-74867e:#7e7486;--md-159de0:#802bca;--md-edf6f1:#f2edf6;--md-75f59a:#b885e5;--md-36dd72:#8f3dd6;--md-37443f:#3e3744;--md-003d3033:#200b3233;--md-cbded4:#d5cbde;--md-f3f8f5:#f6f3f8;--md-46534d:#4d4653;--md-dcefe4:#e6dcef;--md-83b79c:#9f83b7;--md-174c38:#33174c;--md-f6fcf9:#f9f6fc;--md-15372d:#271537;--md-e1f2e9:#eae1f2;--md-28c79b:#7d2ac5;--md-899c94:#93899c;--md-20b987:#7126b3;--md-25483b:#382548;--md-00382c20:#1d0a2e20;--md-d9e8e0:#e1d9e8;--md-26473a:#382647;--md-eef6f1:#f2eef6;--md-dbece2:#e4dbec;--md-bed9cb:#ccbed9;--md-e8f4ed:#eee8f4;--md-245440:#3e2454;--md-e1f1e8:#eae1f1;--md-c7dfd2:#d4c7df;--md-254b3d:#39254b;--md-00352740:#1c092c40;--md-002e2466:#18082666;--md-c0dbcc:#cec0db;--md-285e48:#45285e;--cz-0053c7:#6823a4;--cz-0066df:#7427b8;--cz-06245f:#351253;--cz-063f91:#4f1a7d;--cz-06458e:#4d1a7a;--cz-06478f:#4e1a7b;--cz-07368d:#4d1a7a;--cz-073b93:#501b7f;--cz-073d8f:#4e1a7c;--cz-074598:#531c83;--cz-0753bc:#6622a1;--cz-0756b9:#64229e;--cz-0757bd:#6622a2;--cz-0758bb:#6522a0;--cz-0758bd:#6622a2;--cz-0759d9:#7527b9;--cz-075bd7:#7427b7;--cz-075daf:#5f2096;--cz-075ddd:#7728bc;--cz-0763bf:#6723a3;--cz-08285d:#351253;--cz-083d89:#4c1978;--cz-0860a7:#5b1f90;--cz-0861c8:#6d24ac;--cz-0861ca:#6e25ad;--cz-0864ee:#802bcb;--cz-0865ba:#6522a0;--cz-0866c6:#6b24aa;--cz-0871cf:#7026b1;--cz-0871e7:#7d2ac5;--cz-0878d1:#7126b3;--cz-0952d2:#7226b5;--cz-0956ba:#6622a1;--cz-0a4c9e:#581d8b;--cz-102333:#231033;--cz-102538:#251038;--cz-103377:#46186f;--cz-103c78:#471870;--cz-103d7d:#4a1974;--cz-104990:#531c84;--cz-124287:#501b7e;--cz-125ca8:#612199;--cz-1266b5:#6823a4;--cz-126ad3:#7728bd;--cz-126bef:#862ed3;--cz-126cf4:#8832d4;--cz-135dba:#6b24a9;--cz-1475dc:#7d2ac6;--cz-153b7a:#4b1976;--cz-153f7d:#4c1a78;--cz-153f93:#581d8b;--cz-154184:#501b7e;--cz-15477d:#4c1a78;--cz-154d89:#521c82;--cz-1552a5:#612199;--cz-155bb3:#6823a5;--cz-163f79:#4b1976;--cz-164c81:#4f1a7d;--cz-164e86:#511b81;--cz-164e87:#521b82;--cz-16558f:#561d88;--cz-16569c:#5d1f93;--cz-1658a8:#63219d;--cz-1679df:#802bca;--cz-1687eb:#862ed3;--cz-17365d:#3c175d;--cz-173768:#421768;--cz-173f73:#481872;--cz-17437d:#4d1a7a;--cz-174f90:#571d8a;--cz-174f9b:#5d1f93;--cz-17548f:#571d89;--cz-17609a:#5c1f92;--cz-1766b3:#6923a7;--cz-1768c2:#7126b3;--cz-185799:#5c1f92;--cz-185fa3:#62219a;--cz-1877f2:#8a36d4;--cz-1885d8:#7d2ac6;--cz-19519a:#5d1f94;--cz-1971d9:#7e2ac8;--cz-1974da:#7f2bc8;--cz-1b71df:#822cce;--cz-1b83ed:#8934d4;--cz-1c4279:#4e1c79;--cz-1d5d92:#5b1f90;--cz-209cf0:#8d3bd5;--cz-21558b:#5a218b;--cz-218fdc:#842cd1;--cz-229ce8:#8a36d4;--cz-229ed9:#832ccf;--cz-236dbd:#7527b9;--cz-2379db:#852cd2;--cz-237cbe:#7527ba;--cz-244b78:#512478;--cz-247ddd:#862ed3;--cz-247dde:#862fd3;--cz-2485de:#862fd3;--cz-254a8c:#5c258c;--cz-258eea:#8d3ad5;--cz-2675d6:#832cd0;--cz-2776ce:#802bca;--cz-277bdd:#8731d3;--cz-2785dc:#8730d3;--cz-2786ec:#8f3dd6;--cz-284a76:#522876;--cz-2878c7:#7d2ac5;--cz-29618e:#5f298e;--cz-2982df:#8934d4;--cz-299bd8:#862ed3;--cz-2b5685:#5b2b85;--cz-2b619c:#672b9c;--cz-2ca8ee:#9243d7;--cz-315b85:#5e3185;--cz-315b92:#653192;--cz-315b95:#663195;--cz-315f8d:#62318d;--cz-3183d3:#8731d3;--cz-32699d:#6b329d;--cz-327dc4:#8032c4;--cz-3388d7:#8a36d4;--cz-345b95:#683495;--cz-3489dd:#8e3bd6;--cz-356298:#6a3598;--cz-3584df:#8f3ed6;--cz-3597fa:#9c54db;--cz-36608e:#65368e;--cz-376fae:#7637ae;--cz-399aff:#a05cdc;--cz-3e9bf0:#9c53db;--cz-3f6fa4:#753fa4;--cz-3f72a6:#763fa6;--cz-4177a9:#7841a9;--cz-426699:#704299;--cz-4387b7:#8143b7;--cz-438acb:#8c43cb;--cz-438cda:#9345d8;--cz-446a96:#704496;--cz-446a9f:#75449f;--cz-45a9fa:#a461de;--cz-45b7fc:#a563de;--cz-488bc8:#8c48c8;--cz-48bfe9:#9d56db;--cz-4b9dea:#9f59dc;--cz-4c94d8:#974cd8;--cz-507da9:#7f50a9;--cz-52708e:#72528e;--cz-5283b4:#8652b4;--cz-5297dd:#9c54db;--cz-537aa9:#8153a9;--cz-537ca7:#8053a7;--cz-537fae:#8453ae;--cz-54769e:#7b549e;--cz-5481b1:#8654b1;--cz-55739c:#7b559c;--cz-557da9:#8255a9;--cz-557fae:#8455ae;--cz-559ad8:#9b55d8;--cz-57c8f5:#aa6ce0;--cz-5b9dde:#a15cdd;--cz-5ba3e5:#a462de;--cz-5c7da4:#825ca4;--cz-5fb5ff:#b27be3;--cz-607b97:#7d6097;--cz-6085aa:#8760aa;--cz-617b99:#7f6199;--cz-6385a8:#8863a8;--cz-6387ac:#8a63ac;--cz-63b4fa:#b27ae3;--cz-6480a3:#8664a3;--cz-6481a8:#8864a8;--cz-65a5db:#a465db;--cz-6682a1:#8566a1;--cz-66849c:#83669c;--cz-6684a9:#8a66a9;--cz-6686a8:#8966a8;--cz-6786a6:#8967a6;--cz-6789a8:#8a67a8;--cz-6883a2:#8768a2;--cz-6885a6:#8968a6;--cz-68aee8:#ac6fe1;--cz-68b1f2:#b178e2;--cz-6984a8:#8b69a8;--cz-6c86a9:#8d6ca9;--cz-6c8caf:#906caf;--cz-6daee9:#af74e2;--cz-6e87a7:#8c6ea7;--cz-6f8da9:#8e6fa9;--cz-6fa9df:#ab6fdf;--cz-7089a3:#8b70a3;--cz-708dac:#9070ac;--cz-7095ba:#9770ba;--cz-718db0:#9371b0;--cz-7299c2:#9d72c2;--cz-7390ac:#9173ac;--cz-7390ae:#9273ae;--cz-76d8ef:#b681e4;--cz-7790aa:#9277aa;--cz-7890a8:#9278a8;--cz-78a0cb:#a478cb;--cz-78afe2:#b178e2;--cz-7990a8:#9279a8;--cz-79abe4:#b27ae3;--cz-7db8ec:#b884e5;--cz-7eb9ec:#b885e5;--cz-7eb9ef:#ba87e6;--cz-7edaff:#c195e8;--cz-8195aa:#9781aa;--cz-82a5c4:#a582c4;--cz-82b9e9:#b986e5;--cz-82baf0:#bc8be6;--cz-83b5e9:#b987e5;--cz-83b8e5:#b783e5;--cz-83bdf4:#be90e7;--cz-8497aa:#9884aa;--cz-86b8eb:#bc8be6;--cz-87b9ec:#bd8ce7;--cz-87d4ff:#c69cea;--cz-88a4c0:#a688c0;--cz-89c4f4:#c195e8;--cz-8bb9e3:#ba8be3;--cz-8bbbea:#bd8ee7;--cz-8cd4ff:#c8a0eb;--cz-8dbbe8:#bd8ee7;--cz-8ebae9:#be90e7;--cz-8ee6ff:#c9a2eb;--cz-8fbeed:#c194e8;--cz-90b9ec:#c194e8;--cz-91abc2:#ab91c2;--cz-91bfea:#c093e8;--cz-91c4f2:#c49ae9;--cz-92bee7:#bf92e7;--cz-94bbd5:#b794d5;--cz-94c3eb:#c296e9;--cz-95c0ee:#c49ae9;--cz-96c5ef:#c59bea;--cz-97a4b4:#a697b4;--cz-99c4ed:#c69cea;--cz-99cef3:#c8a1eb;--cz-9ac5e8:#c49ae8;--cz-9bd0f7:#cba6ec;--cz-9cc7ed:#c79eeb;--cz-9cc8ee:#c89feb;--cz-9dc6e9:#c69de9;--cz-9dc7ed:#c89feb;--cz-9dc8f2:#caa3ec;--cz-9dd0f7:#cca8ec;--cz-9ec7ee:#c8a1eb;--cz-9ec8ec:#c89feb;--cz-9eeaff:#d1afee;--cz-9fc8f4:#cca7ec;--cz-9fc9ed:#c8a1eb;--cz-a3c9ea:#c9a3ea;--cz-a4c8ef:#cca7ec;--cz-a4cbed:#cba5ec;--cz-a5cfed:#cba6ec;--cz-a5cffa:#d2b1ee;--cz-a6eeff:#d4b6ef;--cz-a7c8f4:#d0adee;--cz-a7cdf2:#cfaced;--cz-a7ceff:#d5b6f0;--cz-a8cdf4:#d0aeee;--cz-a8d4f7:#d2b1ee;--cz-a8d6f8:#d2b1ef;--cz-a8d8fa:#d3b3ef;--cz-a9c9f0:#cfaced;--cz-a9cbee:#ceaaed;--cz-a9d7fb:#d4b5ef;--cz-aacdf1:#d0adee;--cz-aacdf3:#d1afee;--cz-abcdeb:#cdabeb;--cz-abcfff:#d7baf0;--cz-acd1ef:#d0adee;--cz-adf1ff:#d8bbf1;--cz-aecce8:#cdaee8;--cz-aecdec:#cfaeec;--cz-b0ccec:#d0b0ec;--cz-b0cff0:#d2b1ef;--cz-b0d0ee:#d1b0ee;--cz-b3d7f4:#d5b7f0;--cz-b5c8dd:#cab5dd;--cz-b5d4f4:#d6b9f0;--cz-b5d5f0:#d4b6ef;--cz-b5d6ed:#d3b5ed;--cz-b6d6f5:#d7bbf0;--cz-b7d1ef:#d5b7ef;--cz-b7d5f1:#d6b8f0;--cz-b8d4f2:#d7baf0;--cz-b8d8f1:#d6b9f0;--cz-b9d4ea:#d3b9ea;--cz-b9d5f0:#d6b9f0;--cz-b9d6f3:#d8bbf1;--cz-b9d8f6:#d9bef1;--cz-b9dcff:#dec5f3;--cz-bad7ec:#d5baec;--cz-bad7f2:#d8bbf1;--cz-bbd6f4:#d9bef1;--cz-bcd9ee:#d7bcee;--cz-bcdfff:#dfc8f3;--cz-bdd3e7:#d3bde7;--cz-bdd8f2:#d9bef1;--cz-bdd9f7:#dcc2f2;--cz-bfd6ef:#d9bfef;--cz-bfd8f0:#d9bff0;--cz-bfd9ee:#d8bfee;--cz-c0d8f1:#dac0f1;--cz-c0d9e9:#d6c0e9;--cz-c1d7e8:#d6c1e8;--cz-c1daf2:#dbc1f2;--cz-c1dff4:#dcc3f2;--cz-c2dfff:#e2cdf4;--cz-c4d9f0:#dbc4f0;--cz-c4dcf2:#ddc4f2;--cz-c5dff4:#dec6f3;--cz-c5e7ff:#e3cff5;--cz-c6d9ed:#dbc6ed;--cz-c6ddee:#dbc6ee;--cz-c7dff3:#dec7f3;--cz-c7e3ff:#e4d1f5;--cz-c7e5ff:#e4d1f5;--cz-c8dbee:#dcc8ee;--cz-c9e2ff:#e5d2f6;--cz-c9e7fb:#e3cff5;--cz-cbdef5:#e1ccf4;--cz-cbe7ff:#e6d4f6;--cz-cbe8ff:#e6d4f6;--cz-cbe9ff:#e6d4f6;--cz-cce4ff:#e7d5f6;--cz-cce6fc:#e5d2f6;--cz-cce7ff:#e7d5f6;--cz-cce9ff:#e7d5f6;--cz-cceaff:#e7d5f6;--cz-cde4ff:#e7d6f6;--cz-cee6ff:#e8d7f6;--cz-cfe0f2:#e2cff2;--cz-cfe1f4:#e3cff4;--cz-d0e4f5:#e4d0f5;--cz-d0e7ff:#e9d8f7;--cz-d1e9fb:#e7d6f6;--cz-d2dce8:#ded2e8;--cz-d3e9ff:#eadbf7;--cz-d4e7f6:#e6d4f6;--cz-d4eaff:#eadcf7;--cz-d4ebff:#eadcf7;--cz-d5e6f7:#e7d6f6;--cz-d5eaff:#ebdcf8;--cz-d5ebff:#ebdcf8;--cz-d6e6f7:#e8d7f6;--cz-d6eaff:#ebddf8;--cz-d7e7f7:#e8d7f7;--cz-d7e8f5:#e7d7f5;--cz-d7eaff:#ecdef8;--cz-d7ebff:#ecdef8;--cz-d7edff:#ecdef8;--cz-d8e6f3:#e6d8f3;--cz-d8ebfb:#eadcf7;--cz-d8ecff:#ecdff8;--cz-d8edff:#ecdff8;--cz-d8efff:#ecdff8;--cz-d8f0ff:#ecdff8;--cz-d9edff:#ede0f8;--cz-d9efff:#ede0f8;--cz-dbedfd:#ede0f8;--cz-dcecff:#eee2f9;--cz-dceeff:#eee2f9;--cz-dcefff:#eee2f9;--cz-dfedff:#f0e5f9;--cz-dff3ff:#f0e5f9;--cz-e0efff:#f0e5fa;--cz-e1ecf8:#ede1f8;--cz-e1f0ff:#f1e6fa;--cz-e1f1ff:#f1e6fa;--cz-e2efff:#f1e7fa;--cz-e2f1ff:#f1e7fa;--cz-e2f2ff:#f1e7fa;--cz-e3f0ff:#f2e8fa;--cz-e3f1ff:#f2e8fa;--cz-e4f0ff:#f2e9fa;--cz-e4f1fb:#f0e5fa;--cz-e4f2ff:#f2e9fa;--cz-e4f4ff:#f2e9fa;--cz-e5f0fb:#f1e6fa;--cz-e5f3ff:#f3eafa;--cz-e5f5ff:#f3eafa;--cz-e6faff:#f3eafb;--cz-e7f4ff:#f4ebfb;--cz-e7f5ff:#f4ebfb;--cz-e7f6ff:#f4ebfb;--cz-e8f3ff:#f4ecfb;--cz-e8f9ff:#f4ecfb;--cz-e9f6ff:#f4edfb;--cz-e9f8ff:#f4edfb;--cz-e9fbff:#f4edfb;--cz-eaf4ff:#f5eefb;--cz-eaf5ff:#f5eefb;--cz-eaf6ff:#f5eefb;--cz-ecf7ff:#f6effc;--cz-edf7ff:#f6f0fc;--cz-eef8ff:#f7f1fc;--cz-eefaff:#f7f1fc;--cz-eff7ff:#f7f2fc;--cz-eff8ff:#f7f2fc;--cz-eff9ff:#f7f2fc;--cz-f1f8ff:#f8f3fd;--cz-f1f9ff:#f8f3fd;--cz-f2f9ff:#f9f4fd;--cz-f3fbff:#f9f5fd;--cz-f4f9ff:#faf6fd;--cz-f4faff:#faf6fd;--cz-f4fbff:#faf6fd;--cz-f5faff:#faf7fd;--cz-f5fbff:#faf7fd;--cz-f6fbff:#fbf8fd;--cz-f7fbff:#fbf8fe;--cz-f7fcff:#fbf8fe;--cz-f8fbff:#fcf9fe;--cz-f8fcff:#fcf9fe;--cz-f9fcff:#fcfafe;--cz-f9fdff:#fcfafe;--cz-fbfdff:#fdfcfe;} .theme-preview-purple{background:#f5eefb;border-top-color:#7540a4}.theme-preview-purple i{background:#dfc9f3} @media(max-width:760px){html.modern-demo[data-chat-background="purple"] body #app#app>.titlebar{background:#7540a4!important}html.modern-demo[data-chat-background="purple"] body #app#app :is(.chat-panel,.composer){background:#f5eefb!important}html.modern-demo[data-chat-background="purple"] body #app#app #messages{background:#f5eefb url("/images/modern-demo/pattern-purple.svg") repeat!important}} @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app #modernHeaderRadio #radioPanel{height:46px!important;grid-template-rows:28px 14px!important;row-gap:2px!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernHeaderRadio #radioVolume{display:block!important;grid-column:1/-1!important;grid-row:2!important;width:100%!important;min-width:0!important;height:14px!important;margin:0!important;padding:0!important;accent-color:#fff;cursor:pointer} } html[data-chat-background="black"]{--md-f0f5f6:#f3f3f3;--md-027e68aa:#404040aa;--md-096c5d:#3a3a3a;--md-006050:#303030;--md-b4d6d3:#c5c5c5;--md-00946d:#4a4a4a;--md-006653:#727272;--md-a9ceca:#bcbcbc;--md-73aaa3:#8e8e8e;--md-d1e7df:#dcdcdc;--md-e0ffd1:#e8e8e8;--md-00976e:#4c4c4c;--md-00866c:#434343;--md-00a765:#545454;--md-006d58:#373737;--md-fcfefe:#fdfdfd;--md-d7e6e5:#dedede;--md-102933:#222222;--md-e5f3ed:#ececec;--md-bddbd0:#cccccc;--md-cadcd5:#d3d3d3;--md-072e2c33:#1a1a1a33;--md-00866ccc:#434343cc;--md-18534555:#36363655;--md-2d9a80:#646464;--md-32ad8f:#707070;--md-174e41:#333333;--md-227561:#4c4c4c;--md-21735f:#4a4a4a;--md-227360:#4a4a4a;--md-237763:#4d4d4d;--md-227460:#4b4b4b;--md-247b66:#505050;--md-2c977d:#626262;--md-2b957b:#606060;--md-2c987e:#626262;--md-2c967d:#616161;--md-32ae90:#707070;--md-32ac8f:#6f6f6f;--md-298d75:#5b5b5b;--md-33b193:#727272;--md-2d997f:#636363;--md-21705d:#484848;--md-278871:#585858;--md-2fa186:#686868;--md-2fa387:#696969;--md-37bf9e:#7b7b7b;--md-2ea084:#676767;--md-30a78a:#6c6c6c;--md-36b99a:#787878;--md-31a88c:#6c6c6c;--md-31aa8d:#6e6e6e;--md-26826c:#545454;--md-1342377a:#2b2b2b7a;--md-0f342b:#222222;--md-10382e:#242424;--md-174e4140:#33333340;--md-1e6957:#444444;--md-1c615050:#3e3e3e50;--md-1f6957:#444444;--md-206d5b:#464646;--md-247c67:#505050;--md-19564766:#38383866;--md-1f6b5950:#45454550;--md-227762:#4c4c4c;--md-2a9078:#5d5d5d;--md-34b193:#727272;--md-3bc6a5:#808080;--md-3fc7a6:#838383;--md-298e769c:#5c5c5c9c;--md-2e9f84:#666666;--md-237a6530:#4e4e4e30;--md-36ba9a:#787878;--md-206f5c:#484848;--md-21715e:#494949;--md-1f6c5935:#46464635;--md-247a66:#4f4f4f;--md-2d9b81:#646464;--md-206f5c55:#48484855;--md-237964:#4e4e4e;--md-237a65:#4e4e4e;--md-25806a:#525252;--md-288a72:#595959;--md-2b937a:#5f5f5f;--md-37be9e:#7a7a7a;--md-1a5a4b:#3a3a3a;--md-1d6252:#404040;--md-19564740:#38383840;--md-19564770:#38383870;--md-1f6b59:#454545;--md-1e695755:#44444455;--md-26816b:#545454;--md-25816b:#535353;--md-288972:#585858;--md-26846d24:#55555524;--md-2d9d82:#656565;--md-35b5962b:#7575752b;--md-1f6b5944:#45454544;--md-27877030:#57575730;--md-2a9178:#5e5e5e;--md-42c8a8:#858585;--md-288b73:#5a5a5a;--md-36bc9c:#797979;--md-37bc9c:#7a7a7a;--md-38c2a1:#7d7d7d;--md-40c8a7:#848484;--md-47c9aa:#888888;--md-27856f:#565656;--md-39c4a3:#7e7e7e;--md-38c3a1:#7e7e7e;--md-20705d38:#48484838;--md-39c5a3:#7f7f7f;--md-33ae91:#707070;--md-36b89940:#77777740;--md-3cc6a5:#818181;--md-2b947b18:#60606018;--md-46c9aa:#888888;--md-39c3a2:#7e7e7e;--md-3dc7a6:#828282;--md-3cc7a5:#828282;--md-49caab:#8a8a8a;--md-2fa38733:#69696933;--md-298e76:#5c5c5c;--md-31a78b20:#6c6c6c20;--md-288871:#585858;--md-4eccae:#8d8d8d;--md-31a98c20:#6d6d6d20;--md-2a8f7720:#5c5c5c20;--md-2fa085:#686868;--md-2d9c81:#656565;--md-47caaa:#888888;--md-4acaab:#8a8a8a;--md-5fd0b5:#989898;--md-34b59626:#75757526;--md-33af9109:#71717109;--md-66d2b8:#9c9c9c;--md-5ed0b5:#979797;--md-33b092:#727272;--md-35b596:#757575;--md-45c9a9:#878787;--md-51ccaf:#8e8e8e;--md-26846d44:#55555544;--md-31a98c:#6d6d6d;--md-6bd4bb:#a0a0a0;--md-6dd4bc:#a0a0a0;--md-38c09f2b:#7c7c7c2b;--md-60d1b6:#989898;--md-37bf9e22:#7b7b7b22;--md-38bf9f26:#7c7c7c26;--md-63d2b7:#9a9a9a;--md-56ceb1:#929292;--md-38c1a0:#7c7c7c;--md-3ec7a6:#828282;--md-36bb9b:#787878;--md-5dd0b4:#969696;--md-75d7bf:#a6a6a6;--md-66d3b9:#9c9c9c;--md-6cd4bb:#a0a0a0;--md-3ac6a4:#808080;--md-83dbc6:#afafaf;--md-38bf9f:#7c7c7c;--md-43c8a8:#868686;--md-82dbc6:#aeaeae;--md-40c7a7:#848484;--md-43c9a9:#868686;--md-44c9a9:#868686;--md-78d8c1:#a8a8a8;--md-80dac4:#adadad;--md-4acbac:#8a8a8a;--md-4fccae:#8e8e8e;--md-7dd9c3:#ababab;--md-4dcbad:#8c8c8c;--md-77d7c0:#a7a7a7;--md-50ccae:#8e8e8e;--md-5bcfb3:#959595;--md-54cdb0:#909090;--md-62d2b7:#9a9a9a;--md-52cdaf:#909090;--md-88ddc8:#b2b2b2;--md-53cdb0:#909090;--md-6ed5bc:#a2a2a2;--md-8cddca:#b4b4b4;--md-8cdeca:#b5b5b5;--md-8fdecb:#b6b6b6;--md-9be2d1:#bebebe;--md-5bd0b4:#969696;--md-70d6bd:#a3a3a3;--md-8ddecb:#b6b6b6;--md-93dfcd:#b9b9b9;--md-8edecb:#b6b6b6;--md-8bddc9:#b4b4b4;--md-96e1cf:#bcbcbc;--md-92dfcd:#b8b8b8;--md-93e0cd:#bababa;--md-a2e4d4:#c3c3c3;--md-72d6be:#a4a4a4;--md-8fdfcc:#b7b7b7;--md-95e0ce:#bbbbbb;--md-9ae2d144:#bebebe44;--md-a6e5d6:#c6c6c6;--md-a7e6d7:#c6c6c6;--md-9ae2d1:#bebebe;--md-7ad9c2:#aaaaaa;--md-99e2d0:#bebebe;--md-a0e3d3:#c2c2c2;--md-98e1d0:#bcbcbc;--md-9de2d2:#c0c0c0;--md-a1e4d4:#c2c2c2;--md-74d7bf:#a6a6a6;--md-a7e5d6:#c6c6c6;--md-9fe3d3:#c1c1c1;--md-a5e5d680:#c5c5c580;--md-abe7d8:#c9c9c9;--md-a4e5d5:#c4c4c4;--md-a5e5d6:#c5c5c5;--md-a9e6d7:#c8c8c8;--md-ade7d9:#cacaca;--md-b4e9dc:#cecece;--md-ace7d9:#cacaca;--md-abe6d8:#c8c8c8;--md-b5eadd:#d0d0d0;--md-baebdf:#d2d2d2;--md-b2e9dc:#cecece;--md-b1e8db:#cccccc;--md-bbebe0:#d3d3d3;--md-b3e9dc:#cecece;--md-b6eadd:#d0d0d0;--md-b8eade:#d1d1d1;--md-afe8da:#cccccc;--md-b9ebdf:#d2d2d2;--md-aee8da:#cbcbcb;--md-beece1:#d5d5d5;--md-bfede2:#d6d6d6;--md-b2e9db:#cecece;--md-b5e9dd:#cfcfcf;--md-bcebe0:#d3d3d3;--md-bdece1:#d4d4d4;--md-bfece1:#d6d6d6;--md-bcece0:#d4d4d4;--md-b8ebdf:#d2d2d2;--md-c2ede3:#d8d8d8;--md-c9efe6:#dcdcdc;--md-cbf0e7:#dedede;--md-c6eee5:#dadada;--md-c1ede2:#d7d7d7;--md-c0ede2:#d6d6d6;--md-c3eee4:#d8d8d8;--md-c5eee4:#dadada;--md-c6efe5:#dbdbdb;--md-d0f1e9:#e0e0e0;--md-c7efe5:#dbdbdb;--md-caefe6:#dcdcdc;--md-d2f2ea:#e2e2e2;--md-d3f2eb9c:#e2e2e29c;--md-caf0e7:#dddddd;--md-d4f2eb:#e3e3e3;--md-d5f3ec:#e4e4e4;--md-cff1e9:#e0e0e0;--md-d7f3ec:#e5e5e5;--md-d7f4ed:#e6e6e6;--md-d8f4ed:#e6e6e6;--md-d9f4ee:#e6e6e6;--md-d1f2ea:#e2e2e2;--md-daf4ee9e:#e7e7e79e;--md-daf4eeb0:#e7e7e7b0;--md-d3f2eb:#e2e2e2;--md-dbf4ee:#e8e8e8;--md-ddf5ef:#e9e9e9;--md-def5f0:#eaeaea;--md-def6f0:#eaeaea;--md-dff6f0:#ebebeb;--md-daf4ee:#e7e7e7;--md-e0f6f1:#ebebeb;--md-e1f6f1:#ececec;--md-e1f6f170:#ececec70;--md-e2f6f1bb:#ecececbb;--md-e2f6f1:#ececec;--md-e4f7f3:#eeeeee;--md-e6f8f4:#efefef;--md-e6f8f4f5:#efefeff5;--md-e7f8f4:#f0f0f0;--md-e7f8f4b8:#f0f0f0b8;--md-e2f7f2:#ececec;--md-e8f8f4:#f0f0f0;--md-e9f8f5:#f0f0f0;--md-e9f9f5:#f1f1f1;--md-eaf9f5:#f2f2f2;--md-ebf9f6:#f2f2f2;--md-ecf9f6:#f2f2f2;--md-ecfaf6:#f3f3f3;--md-edfaf7:#f3f3f3;--md-eefaf7:#f4f4f4;--md-effaf8:#f4f4f4;--md-f0fbf8:#f5f5f5;--md-f1fbf9:#f6f6f6;--md-f2fbf9:#f6f6f6;--md-f3fbf9:#f7f7f7;--md-f3fbf9d9:#f7f7f7d9;--md-f3fbf9f0:#f7f7f7f0;--md-f4fcfa:#f8f8f8;--md-f4fcfaf0:#f8f8f8f0;--md-f4fcfadb:#f8f8f8db;--md-f5fcfa:#f9f9f9;--md-f5fcfacc:#f9f9f9cc;--md-f6fcfb80:#f9f9f980;--md-f6fcfb:#f9f9f9;--md-f6fdfb:#fafafa;--md-f7fdfb:#fafafa;--md-f7fdfbbb:#fafafabb;--md-f8fdfc:#fbfbfb;--md-f8fdfcba:#fbfbfbba;--md-f9fdfc:#fbfbfb;--md-f9fdfc90:#fbfbfb90;--md-f9fdfcf5:#fbfbfbf5;--md-fafdfd:#fcfcfc;--md-fafefd:#fcfcfc;--md-61776f:#6c6c6c;--md-072e2c22:#1a1a1a22;--md-a8cec2:#bbbbbb;--md-009272:#494949;--md-dcebe4:#e3e3e3;--md-003d3333:#1e1e1e33;--md-b9d7cd:#c8c8c8;--md-edf0ee:#eeeeee;--md-e0f1e9:#e8e8e8;--md-dff2e8:#e8e8e8;--md-183d33:#2b2b2b;--md-d1ded8:#d8d8d8;--md-173e3320:#2a2a2a20;--md-f5faf7:#f8f8f8;--md-e0ebe5:#e5e5e5;--md-c8dfd4:#d3d3d3;--md-113c3020:#26262620;--md-dae6df:#e0e0e0;--md-00392e33:#1c1c1c33;--md-eaf5ef:#f0f0f0;--md-e4ece7:#e8e8e8;--md-bbd8ca:#cacaca;--md-f7fcf9:#fafafa;--md-deefe5:#e6e6e6;--md-143e30:#292929;--md-00352755:#1a1a1a55;--md-002e2455:#17171755;--md-00866c33:#43434333;--md-5c7d70:#6c6c6c;--md-d1e8db:#dcdcdc;--md-31574c:#444444;--md-667b73:#707070;--md-74867e:#7d7d7d;--md-159de0:#7a7a7a;--md-edf6f1:#f2f2f2;--md-75f59a:#b5b5b5;--md-36dd72:#8a8a8a;--md-37443f:#3e3e3e;--md-003d3033:#1e1e1e33;--md-cbded4:#d4d4d4;--md-f3f8f5:#f5f5f5;--md-46534d:#4d4d4d;--md-dcefe4:#e6e6e6;--md-83b79c:#9d9d9d;--md-174c38:#323232;--md-f6fcf9:#f9f9f9;--md-15372d:#262626;--md-e1f2e9:#eaeaea;--md-28c79b:#787878;--md-899c94:#929292;--md-20b987:#6c6c6c;--md-25483b:#373737;--md-00382c20:#1c1c1c20;--md-d9e8e0:#e0e0e0;--md-26473a:#373737;--md-eef6f1:#f2f2f2;--md-dbece2:#e3e3e3;--md-bed9cb:#cccccc;--md-e8f4ed:#eeeeee;--md-245440:#3c3c3c;--md-e1f1e8:#e9e9e9;--md-c7dfd2:#d3d3d3;--md-254b3d:#383838;--md-00352740:#1a1a1a40;--md-002e2466:#17171766;--md-c0dbcc:#cecece;--md-285e48:#434343;--cz-0053c7:#646464;--cz-0066df:#707070;--cz-06245f:#333333;--cz-063f91:#4c4c4c;--cz-06458e:#4a4a4a;--cz-06478f:#4a4a4a;--cz-07368d:#4a4a4a;--cz-073b93:#4d4d4d;--cz-073d8f:#4b4b4b;--cz-074598:#505050;--cz-0753bc:#626262;--cz-0756b9:#606060;--cz-0757bd:#626262;--cz-0758bb:#616161;--cz-0758bd:#626262;--cz-0759d9:#707070;--cz-075bd7:#6f6f6f;--cz-075daf:#5b5b5b;--cz-075ddd:#727272;--cz-0763bf:#636363;--cz-08285d:#333333;--cz-083d89:#484848;--cz-0860a7:#585858;--cz-0861c8:#686868;--cz-0861ca:#696969;--cz-0864ee:#7b7b7b;--cz-0865ba:#616161;--cz-0866c6:#676767;--cz-0871cf:#6c6c6c;--cz-0871e7:#787878;--cz-0878d1:#6c6c6c;--cz-0952d2:#6e6e6e;--cz-0956ba:#626262;--cz-0a4c9e:#545454;--cz-102333:#222222;--cz-102538:#242424;--cz-103377:#444444;--cz-103c78:#444444;--cz-103d7d:#464646;--cz-104990:#505050;--cz-124287:#4c4c4c;--cz-125ca8:#5d5d5d;--cz-1266b5:#646464;--cz-126ad3:#727272;--cz-126bef:#808080;--cz-126cf4:#838383;--cz-135dba:#666666;--cz-1475dc:#787878;--cz-153b7a:#484848;--cz-153f7d:#494949;--cz-153f93:#545454;--cz-154184:#4c4c4c;--cz-15477d:#494949;--cz-154d89:#4f4f4f;--cz-1552a5:#5d5d5d;--cz-155bb3:#646464;--cz-163f79:#484848;--cz-164c81:#4c4c4c;--cz-164e86:#4e4e4e;--cz-164e87:#4e4e4e;--cz-16558f:#525252;--cz-16569c:#595959;--cz-1658a8:#5f5f5f;--cz-1679df:#7a7a7a;--cz-1687eb:#808080;--cz-17365d:#3a3a3a;--cz-173768:#404040;--cz-173f73:#454545;--cz-17437d:#4a4a4a;--cz-174f90:#545454;--cz-174f9b:#595959;--cz-17548f:#535353;--cz-17609a:#585858;--cz-1766b3:#656565;--cz-1768c2:#6c6c6c;--cz-185799:#585858;--cz-185fa3:#5e5e5e;--cz-1877f2:#858585;--cz-1885d8:#787878;--cz-19519a:#5a5a5a;--cz-1971d9:#797979;--cz-1974da:#7a7a7a;--cz-1b71df:#7d7d7d;--cz-1b83ed:#848484;--cz-1c4279:#4a4a4a;--cz-1d5d92:#585858;--cz-209cf0:#888888;--cz-21558b:#565656;--cz-218fdc:#7e7e7e;--cz-229ce8:#858585;--cz-229ed9:#7e7e7e;--cz-236dbd:#707070;--cz-2379db:#7f7f7f;--cz-237cbe:#707070;--cz-244b78:#4e4e4e;--cz-247ddd:#808080;--cz-247dde:#818181;--cz-2485de:#818181;--cz-254a8c:#595959;--cz-258eea:#888888;--cz-2675d6:#7e7e7e;--cz-2776ce:#7a7a7a;--cz-277bdd:#828282;--cz-2785dc:#828282;--cz-2786ec:#8a8a8a;--cz-284a76:#4f4f4f;--cz-2878c7:#787878;--cz-29618e:#5c5c5c;--cz-2982df:#848484;--cz-299bd8:#808080;--cz-2b5685:#585858;--cz-2b619c:#646464;--cz-2ca8ee:#8d8d8d;--cz-315b85:#5b5b5b;--cz-315b92:#626262;--cz-315b95:#636363;--cz-315f8d:#5f5f5f;--cz-3183d3:#828282;--cz-32699d:#686868;--cz-327dc4:#7b7b7b;--cz-3388d7:#858585;--cz-345b95:#656565;--cz-3489dd:#888888;--cz-356298:#666666;--cz-3584df:#8a8a8a;--cz-3597fa:#989898;--cz-36608e:#626262;--cz-376fae:#727272;--cz-399aff:#9c9c9c;--cz-3e9bf0:#979797;--cz-3f6fa4:#727272;--cz-3f72a6:#727272;--cz-4177a9:#757575;--cz-426699:#6e6e6e;--cz-4387b7:#7d7d7d;--cz-438acb:#878787;--cz-438cda:#8e8e8e;--cz-446a96:#6d6d6d;--cz-446a9f:#727272;--cz-45a9fa:#a0a0a0;--cz-45b7fc:#a0a0a0;--cz-488bc8:#888888;--cz-48bfe9:#989898;--cz-4b9dea:#9b9b9b;--cz-4c94d8:#929292;--cz-507da9:#7c7c7c;--cz-52708e:#707070;--cz-5283b4:#838383;--cz-5297dd:#989898;--cz-537aa9:#7e7e7e;--cz-537ca7:#7d7d7d;--cz-537fae:#808080;--cz-54769e:#797979;--cz-5481b1:#828282;--cz-55739c:#787878;--cz-557da9:#7f7f7f;--cz-557fae:#828282;--cz-559ad8:#969696;--cz-57c8f5:#a6a6a6;--cz-5b9dde:#9c9c9c;--cz-5ba3e5:#a0a0a0;--cz-5c7da4:#808080;--cz-5fb5ff:#afafaf;--cz-607b97:#7c7c7c;--cz-6085aa:#858585;--cz-617b99:#7d7d7d;--cz-6385a8:#868686;--cz-6387ac:#888888;--cz-63b4fa:#aeaeae;--cz-6480a3:#848484;--cz-6481a8:#868686;--cz-65a5db:#a0a0a0;--cz-6682a1:#848484;--cz-66849c:#818181;--cz-6684a9:#888888;--cz-6686a8:#878787;--cz-6786a6:#868686;--cz-6789a8:#888888;--cz-6883a2:#858585;--cz-6885a6:#878787;--cz-68aee8:#a8a8a8;--cz-68b1f2:#adadad;--cz-6984a8:#888888;--cz-6c86a9:#8a8a8a;--cz-6c8caf:#8e8e8e;--cz-6daee9:#ababab;--cz-6e87a7:#8b8b8b;--cz-6f8da9:#8c8c8c;--cz-6fa9df:#a7a7a7;--cz-7089a3:#8a8a8a;--cz-708dac:#8e8e8e;--cz-7095ba:#959595;--cz-718db0:#909090;--cz-7299c2:#9a9a9a;--cz-7390ac:#909090;--cz-7390ae:#909090;--cz-76d8ef:#b2b2b2;--cz-7790aa:#909090;--cz-7890a8:#909090;--cz-78a0cb:#a2a2a2;--cz-78afe2:#adadad;--cz-7990a8:#909090;--cz-79abe4:#aeaeae;--cz-7db8ec:#b4b4b4;--cz-7eb9ec:#b5b5b5;--cz-7eb9ef:#b6b6b6;--cz-7edaff:#bebebe;--cz-8195aa:#959595;--cz-82a5c4:#a3a3a3;--cz-82b9e9:#b6b6b6;--cz-82baf0:#b8b8b8;--cz-83b5e9:#b6b6b6;--cz-83b8e5:#b4b4b4;--cz-83bdf4:#bcbcbc;--cz-8497aa:#979797;--cz-86b8eb:#b8b8b8;--cz-87b9ec:#bababa;--cz-87d4ff:#c3c3c3;--cz-88a4c0:#a4a4a4;--cz-89c4f4:#bebebe;--cz-8bb9e3:#b7b7b7;--cz-8bbbea:#bbbbbb;--cz-8cd4ff:#c5c5c5;--cz-8dbbe8:#bbbbbb;--cz-8ebae9:#bcbcbc;--cz-8ee6ff:#c6c6c6;--cz-8fbeed:#bebebe;--cz-90b9ec:#bebebe;--cz-91abc2:#aaaaaa;--cz-91bfea:#bebebe;--cz-91c4f2:#c2c2c2;--cz-92bee7:#bcbcbc;--cz-94bbd5:#b4b4b4;--cz-94c3eb:#c0c0c0;--cz-95c0ee:#c2c2c2;--cz-96c5ef:#c2c2c2;--cz-97a4b4:#a6a6a6;--cz-99c4ed:#c3c3c3;--cz-99cef3:#c6c6c6;--cz-9ac5e8:#c1c1c1;--cz-9bd0f7:#c9c9c9;--cz-9cc7ed:#c4c4c4;--cz-9cc8ee:#c5c5c5;--cz-9dc6e9:#c3c3c3;--cz-9dc7ed:#c5c5c5;--cz-9dc8f2:#c8c8c8;--cz-9dd0f7:#cacaca;--cz-9ec7ee:#c6c6c6;--cz-9ec8ec:#c5c5c5;--cz-9eeaff:#cecece;--cz-9fc8f4:#cacaca;--cz-9fc9ed:#c6c6c6;--cz-a3c9ea:#c6c6c6;--cz-a4c8ef:#cacaca;--cz-a4cbed:#c9c9c9;--cz-a5cfed:#c9c9c9;--cz-a5cffa:#d0d0d0;--cz-a6eeff:#d2d2d2;--cz-a7c8f4:#cecece;--cz-a7cdf2:#cccccc;--cz-a7ceff:#d3d3d3;--cz-a8cdf4:#cecece;--cz-a8d4f7:#d0d0d0;--cz-a8d6f8:#d0d0d0;--cz-a8d8fa:#d1d1d1;--cz-a9c9f0:#cccccc;--cz-a9cbee:#cccccc;--cz-a9d7fb:#d2d2d2;--cz-aacdf1:#cecece;--cz-aacdf3:#cecece;--cz-abcdeb:#cbcbcb;--cz-abcfff:#d5d5d5;--cz-acd1ef:#cecece;--cz-adf1ff:#d6d6d6;--cz-aecce8:#cbcbcb;--cz-aecdec:#cdcdcd;--cz-b0ccec:#cecece;--cz-b0cff0:#d0d0d0;--cz-b0d0ee:#cfcfcf;--cz-b3d7f4:#d3d3d3;--cz-b5c8dd:#c9c9c9;--cz-b5d4f4:#d4d4d4;--cz-b5d5f0:#d2d2d2;--cz-b5d6ed:#d1d1d1;--cz-b6d6f5:#d5d5d5;--cz-b7d1ef:#d3d3d3;--cz-b7d5f1:#d4d4d4;--cz-b8d4f2:#d5d5d5;--cz-b8d8f1:#d4d4d4;--cz-b9d4ea:#d2d2d2;--cz-b9d5f0:#d4d4d4;--cz-b9d6f3:#d6d6d6;--cz-b9d8f6:#d8d8d8;--cz-b9dcff:#dcdcdc;--cz-bad7ec:#d3d3d3;--cz-bad7f2:#d6d6d6;--cz-bbd6f4:#d8d8d8;--cz-bcd9ee:#d5d5d5;--cz-bcdfff:#dedede;--cz-bdd3e7:#d2d2d2;--cz-bdd8f2:#d8d8d8;--cz-bdd9f7:#dadada;--cz-bfd6ef:#d7d7d7;--cz-bfd8f0:#d8d8d8;--cz-bfd9ee:#d6d6d6;--cz-c0d8f1:#d8d8d8;--cz-c0d9e9:#d4d4d4;--cz-c1d7e8:#d4d4d4;--cz-c1daf2:#dadada;--cz-c1dff4:#dadada;--cz-c2dfff:#e0e0e0;--cz-c4d9f0:#dadada;--cz-c4dcf2:#dbdbdb;--cz-c5dff4:#dcdcdc;--cz-c5e7ff:#e2e2e2;--cz-c6d9ed:#dadada;--cz-c6ddee:#dadada;--cz-c7dff3:#dddddd;--cz-c7e3ff:#e3e3e3;--cz-c7e5ff:#e3e3e3;--cz-c8dbee:#dbdbdb;--cz-c9e2ff:#e4e4e4;--cz-c9e7fb:#e2e2e2;--cz-cbdef5:#e0e0e0;--cz-cbe7ff:#e5e5e5;--cz-cbe8ff:#e5e5e5;--cz-cbe9ff:#e5e5e5;--cz-cce4ff:#e6e6e6;--cz-cce6fc:#e4e4e4;--cz-cce7ff:#e6e6e6;--cz-cce9ff:#e6e6e6;--cz-cceaff:#e6e6e6;--cz-cde4ff:#e6e6e6;--cz-cee6ff:#e6e6e6;--cz-cfe0f2:#e0e0e0;--cz-cfe1f4:#e2e2e2;--cz-d0e4f5:#e2e2e2;--cz-d0e7ff:#e8e8e8;--cz-d1e9fb:#e6e6e6;--cz-d2dce8:#dddddd;--cz-d3e9ff:#e9e9e9;--cz-d4e7f6:#e5e5e5;--cz-d4eaff:#eaeaea;--cz-d4ebff:#eaeaea;--cz-d5e6f7:#e6e6e6;--cz-d5eaff:#eaeaea;--cz-d5ebff:#eaeaea;--cz-d6e6f7:#e6e6e6;--cz-d6eaff:#ebebeb;--cz-d7e7f7:#e7e7e7;--cz-d7e8f5:#e6e6e6;--cz-d7eaff:#ebebeb;--cz-d7ebff:#ebebeb;--cz-d7edff:#ebebeb;--cz-d8e6f3:#e5e5e5;--cz-d8ebfb:#eaeaea;--cz-d8ecff:#ececec;--cz-d8edff:#ececec;--cz-d8efff:#ececec;--cz-d8f0ff:#ececec;--cz-d9edff:#ececec;--cz-d9efff:#ececec;--cz-dbedfd:#ececec;--cz-dcecff:#eeeeee;--cz-dceeff:#eeeeee;--cz-dcefff:#eeeeee;--cz-dfedff:#efefef;--cz-dff3ff:#efefef;--cz-e0efff:#f0f0f0;--cz-e1ecf8:#ececec;--cz-e1f0ff:#f0f0f0;--cz-e1f1ff:#f0f0f0;--cz-e2efff:#f0f0f0;--cz-e2f1ff:#f0f0f0;--cz-e2f2ff:#f0f0f0;--cz-e3f0ff:#f1f1f1;--cz-e3f1ff:#f1f1f1;--cz-e4f0ff:#f2f2f2;--cz-e4f1fb:#f0f0f0;--cz-e4f2ff:#f2f2f2;--cz-e4f4ff:#f2f2f2;--cz-e5f0fb:#f0f0f0;--cz-e5f3ff:#f2f2f2;--cz-e5f5ff:#f2f2f2;--cz-e6faff:#f2f2f2;--cz-e7f4ff:#f3f3f3;--cz-e7f5ff:#f3f3f3;--cz-e7f6ff:#f3f3f3;--cz-e8f3ff:#f3f3f3;--cz-e8f9ff:#f3f3f3;--cz-e9f6ff:#f4f4f4;--cz-e9f8ff:#f4f4f4;--cz-e9fbff:#f4f4f4;--cz-eaf4ff:#f4f4f4;--cz-eaf5ff:#f4f4f4;--cz-eaf6ff:#f4f4f4;--cz-ecf7ff:#f6f6f6;--cz-edf7ff:#f6f6f6;--cz-eef8ff:#f6f6f6;--cz-eefaff:#f6f6f6;--cz-eff7ff:#f7f7f7;--cz-eff8ff:#f7f7f7;--cz-eff9ff:#f7f7f7;--cz-f1f8ff:#f8f8f8;--cz-f1f9ff:#f8f8f8;--cz-f2f9ff:#f9f9f9;--cz-f3fbff:#f9f9f9;--cz-f4f9ff:#fafafa;--cz-f4faff:#fafafa;--cz-f4fbff:#fafafa;--cz-f5faff:#fafafa;--cz-f5fbff:#fafafa;--cz-f6fbff:#fbfbfb;--cz-f7fbff:#fbfbfb;--cz-f7fcff:#fbfbfb;--cz-f8fbff:#fcfcfc;--cz-f8fcff:#fcfcfc;--cz-f9fcff:#fcfcfc;--cz-f9fdff:#fcfcfc;--cz-fbfdff:#fdfdfd;--md-006653:#292c30;--md-00866c:#454a50;} .theme-preview-black{background:#eceeef;border-top-color:#292c30}.theme-preview-black i{background:#cdd0d3} @media(max-width:760px){ html.modern-demo[data-chat-background="black"] body #app#app>.titlebar{background:#292c30!important} html.modern-demo[data-chat-background="black"] body #app#app :is(.chat-panel,.composer){background:#eceeef!important} html.modern-demo[data-chat-background="black"] body #app#app #messages{background:#eceeef url('/images/modern-demo/pattern-black.svg') repeat!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernHeaderRadio{display:grid!important;grid-template-columns:minmax(0,1fr) 24px!important;align-items:center!important;gap:5px!important;padding:4px 6px!important;box-sizing:border-box!important;overflow:hidden} html.modern-demo[data-applet-choice="modern"] body #app#app #modernHeaderRadio #radioPanel{height:42px!important;grid-template-rows:28px 10px!important;row-gap:2px!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernHeaderRadio #modernHeaderRadioRefresh{position:static!important;transform:none!important;margin:0!important;align-self:center!important;justify-self:center!important;width:24px!important;height:28px!important;min-width:24px!important;line-height:1!important;flex:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernHeaderRadio #radioVolume{appearance:none!important;-webkit-appearance:none!important;display:block!important;box-sizing:border-box!important;width:100%!important;height:10px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;outline-offset:2px} html.modern-demo body #app#app #modernHeaderRadio #radioVolume::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:var(--md-cadcd5,#cadcd5);border:0} html.modern-demo body #app#app #modernHeaderRadio #radioVolume::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:9px;height:9px;margin-top:-3px;border-radius:50%;border:1px solid #fff;background:var(--md-00866c,#00866c);box-shadow:none} html.modern-demo body #app#app #modernHeaderRadio #radioVolume::-moz-range-track{height:3px;border-radius:3px;background:var(--md-cadcd5,#cadcd5);border:0} html.modern-demo body #app#app #modernHeaderRadio #radioVolume::-moz-range-thumb{width:8px;height:8px;border:1px solid #fff;border-radius:50%;background:var(--md-00866c,#00866c)} } @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app>.titlebar{grid-template-columns:minmax(0,1fr) minmax(140px,174px) 26px!important;gap:5px!important} html.modern-demo[data-applet-choice="modern"] body #app#app>.titlebar .brand-buddies{width:34px!important;height:34px!important;flex:0 0 34px!important;filter:var(--modern-brand-tint,none)!important} html.modern-demo[data-applet-choice="modern"] body #app#app>.titlebar .brand strong{font-size:clamp(15px,4.5vw,21px)!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernHeaderRadio{grid-template-columns:minmax(0,1fr) 22px!important;grid-template-rows:40px!important;gap:3px!important;padding:3px 5px!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernHeaderRadio #radioPanel{grid-column:1!important;grid-row:1!important;height:38px!important;grid-template-columns:24px minmax(0,1fr) 20px!important;grid-template-rows:26px 8px!important;gap:2px!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernHeaderRadio #modernHeaderRadioRefresh{grid-column:2!important;grid-row:1!important;align-self:center!important;width:22px!important;min-width:22px!important;height:26px!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernHeaderRadio #radioVolume{width:78%!important;justify-self:center!important;height:8px!important} html.modern-demo body :is(.social-avatar,.message-avatar,.md-profile-photo,.roster-profile-avatar,.social-avatar-grid button){background:var(--md-dff2e8,#dff2e8)!important} html.modern-demo body img[src^="/avatars/modern/"]{background:var(--md-dff2e8,#dff2e8)!important;filter:none!important;border-radius:50%} html[data-chat-background="whatsapp"]{--modern-brand-tint:sepia(.5) hue-rotate(85deg) saturate(.9)} html[data-chat-background="modern-blue"]{--modern-brand-tint:sepia(.7) hue-rotate(165deg) saturate(1.1)} html[data-chat-background="pink"]{--modern-brand-tint:sepia(.7) hue-rotate(280deg) saturate(1.2)} html[data-chat-background="purple"]{--modern-brand-tint:sepia(.7) hue-rotate(225deg) saturate(1.1)} html[data-chat-background="black"]{--modern-brand-tint:grayscale(1)} } /* Align refresh with the controls row, independently of the volume track. */ @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app #modernHeaderRadio{grid-template-rows:38px!important;align-items:start!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernHeaderRadio #modernHeaderRadioRefresh{align-self:start!important;margin:0!important;width:22px!important;min-width:22px!important;height:26px!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernHeaderRadio #radioMute{height:26px!important;margin:0!important;align-self:start!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernHeaderRadio #radioVolume{width:60%!important;max-width:72px!important;justify-self:center!important} html.modern-demo body #app#app #modernHeaderRadio #radioVolume::-webkit-slider-runnable-track{height:2px} html.modern-demo body #app#app #modernHeaderRadio #radioVolume::-webkit-slider-thumb{width:7px;height:7px;margin-top:-2.5px} html.modern-demo body #app#app #modernHeaderRadio #radioVolume::-moz-range-track{height:2px} html.modern-demo body #app#app #modernHeaderRadio #radioVolume::-moz-range-thumb{width:6px;height:6px} } @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app .chat-panel .composer-row.md-has-text:not(.md-recording) #voiceButton:not([hidden]){display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app .chat-panel .composer-row.md-has-text .message-input-wrap #sendButton:not([hidden]){display:flex!important} html.modern-demo[data-applet-choice="modern"] body #app#app:not(.md-microphone-hidden) .chat-panel .composer-row:not(.md-has-text):not(.md-no-voice) #sendButton:not([hidden]){display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app>.titlebar, html.modern-demo[data-applet-choice="modern"] body #app#app #modernDemoTabs{background:var(--md-006653)!important} } @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app .chat-panel .composer-row.md-has-text>#sendButton:not([hidden]){display:flex!important;position:static!important;transform:none!important;box-sizing:border-box!important;align-items:center!important;justify-content:center!important;align-self:center!important;flex:0 0 36px!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;margin:0!important;padding:8px!important;order:9!important;border:0!important;border-radius:50%!important;background:var(--md-00866c)!important;color:#fff!important;box-shadow:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app .chat-panel .composer-row.md-has-text>#sendButton .md-control-icon, html.modern-demo[data-applet-choice="modern"] body #app#app .chat-panel .composer-row.md-has-text>#sendButton .md-control-icon svg{display:block!important;width:20px!important;height:20px!important;color:#fff!important} } .roster-design-count{display:none} @font-face{font-family:RosterRoboto;src:url('/fonts/roster-roboto.woff2') format('woff2');font-weight:100 900;font-display:swap} @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #mobileDrawer{width:min(60vw,516px)!important;min-width:250px!important;max-width:88vw!important;border-radius:16px 0 0 16px!important;background:linear-gradient(110deg,var(--md-f3fbf9,#f4fcf8),var(--md-e5f3ed,#ebfcf4))!important;padding:0!important;border:0!important;box-shadow:-10px 0 30px #173e441b!important;font-family:RosterRoboto,Arial,sans-serif!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer .drawer-head{padding:14px 12px 0 14px!important;min-height:36px!important;gap:6px!important;background:transparent!important;border:0!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer .drawer-head strong{font:700 14px/1.2 RosterRoboto,Arial!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:var(--md-006653)!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer #closeDrawer{width:29px!important;height:29px!important;min-width:29px!important;padding:0!important;border-radius:7px!important;font-size:23px!important;line-height:1!important;background:linear-gradient(130deg,var(--md-00866c),var(--md-006653))!important;color:white!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer #drawerMemberSummary{display:flex!important;justify-content:flex-start!important;gap:14px!important;padding:6px 14px!important;font-size:12px!important;color:var(--md-006653)!important;background:transparent!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer #mobileMemberSearch{width:calc(100% - 22px)!important;height:34px!important;min-height:34px!important;margin:5px 11px 9px!important;padding:0 12px!important;border:1px solid var(--md-cadcd5)!important;border-radius:18px!important;background:var(--md-e5f3ed)!important;font:16px RosterRoboto,Arial!important;color:#335b53!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer #mobileMemberList{padding:0 10px 12px!important;overflow-x:hidden!important;scrollbar-width:none!important;background:transparent!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer :is([data-group="owner"],[data-member-group="owner"]){--rgb:176,53,238!important;--accent:#a322e3!important;--ink:#76039c!important;--badge-top:#e740fc!important;--badge-bottom:#8d00c2!important;--head-start:#f6ddfc!important;--head-end:#f3e5fd!important;--row:#f5ebfb!important;--count-top:#bb71de!important;--count-bottom:#9951b9!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer :is([data-group="root"],[data-member-group="root"]){--rgb:176,53,238!important;--accent:#a322e3!important;--ink:#76039c!important;--badge-top:#e740fc!important;--badge-bottom:#8d00c2!important;--head-start:#f6ddfc!important;--head-end:#f3e5fd!important;--row:#f5ebfb!important;--count-top:#bb71de!important;--count-bottom:#9951b9!important;--rgb:244,69,131!important;--accent:#ff3852!important;--ink:#a50846!important;--badge-top:#ff006a!important;--badge-bottom:#bd003c!important;--head-start:#ffd9e8!important;--head-end:#ffdee9!important;--row:#fff0f6!important;--count-top:#e66196!important;--count-bottom:#b53069!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer :is([data-group="services"],[data-member-group="services"]){--rgb:176,53,238!important;--accent:#a322e3!important;--ink:#76039c!important;--badge-top:#e740fc!important;--badge-bottom:#8d00c2!important;--head-start:#f6ddfc!important;--head-end:#f3e5fd!important;--row:#f5ebfb!important;--count-top:#bb71de!important;--count-bottom:#9951b9!important;--ink:#007f8c!important;--accent:#007f8c!important;--head-start:color-mix(in srgb,#007f8c 20%,white)!important;--head-end:color-mix(in srgb,#007f8c 12%,white)!important;--row:color-mix(in srgb,#007f8c 7%,white)!important;--badge-top:#007f8c!important;--badge-bottom:#007f8c!important;--count-top:#007f8c!important;--count-bottom:#007f8c!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer :is([data-group="coadmin"],[data-member-group="coadmin"]){--rgb:176,53,238!important;--accent:#a322e3!important;--ink:#76039c!important;--badge-top:#e740fc!important;--badge-bottom:#8d00c2!important;--head-start:#f6ddfc!important;--head-end:#f3e5fd!important;--row:#f5ebfb!important;--count-top:#bb71de!important;--count-bottom:#9951b9!important;--ink:#b34f8a!important;--accent:#b34f8a!important;--head-start:color-mix(in srgb,#b34f8a 20%,white)!important;--head-end:color-mix(in srgb,#b34f8a 12%,white)!important;--row:color-mix(in srgb,#b34f8a 7%,white)!important;--badge-top:#b34f8a!important;--badge-bottom:#b34f8a!important;--count-top:#b34f8a!important;--count-bottom:#b34f8a!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer :is([data-group="technical"],[data-member-group="technical"]){--rgb:176,53,238!important;--accent:#a322e3!important;--ink:#76039c!important;--badge-top:#e740fc!important;--badge-bottom:#8d00c2!important;--head-start:#f6ddfc!important;--head-end:#f3e5fd!important;--row:#f5ebfb!important;--count-top:#bb71de!important;--count-bottom:#9951b9!important;--ink:#4666a6!important;--accent:#4666a6!important;--head-start:color-mix(in srgb,#4666a6 20%,white)!important;--head-end:color-mix(in srgb,#4666a6 12%,white)!important;--row:color-mix(in srgb,#4666a6 7%,white)!important;--badge-top:#4666a6!important;--badge-bottom:#4666a6!important;--count-top:#4666a6!important;--count-bottom:#4666a6!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer :is([data-group="staff"],[data-member-group="staff"]){--rgb:176,53,238!important;--accent:#a322e3!important;--ink:#76039c!important;--badge-top:#e740fc!important;--badge-bottom:#8d00c2!important;--head-start:#f6ddfc!important;--head-end:#f3e5fd!important;--row:#f5ebfb!important;--count-top:#bb71de!important;--count-bottom:#9951b9!important;--ink:#b35b09!important;--accent:#b35b09!important;--head-start:color-mix(in srgb,#b35b09 20%,white)!important;--head-end:color-mix(in srgb,#b35b09 12%,white)!important;--row:color-mix(in srgb,#b35b09 7%,white)!important;--badge-top:#b35b09!important;--badge-bottom:#b35b09!important;--count-top:#b35b09!important;--count-bottom:#b35b09!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer :is([data-group="q"],[data-member-group="q"]){--rgb:176,53,238!important;--accent:#a322e3!important;--ink:#76039c!important;--badge-top:#e740fc!important;--badge-bottom:#8d00c2!important;--head-start:#f6ddfc!important;--head-end:#f3e5fd!important;--row:#f5ebfb!important;--count-top:#bb71de!important;--count-bottom:#9951b9!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer :is([data-group="a"],[data-member-group="a"]){--rgb:176,53,238!important;--accent:#a322e3!important;--ink:#76039c!important;--badge-top:#e740fc!important;--badge-bottom:#8d00c2!important;--head-start:#f6ddfc!important;--head-end:#f3e5fd!important;--row:#f5ebfb!important;--count-top:#bb71de!important;--count-bottom:#9951b9!important;--ink:#ec252b!important;--accent:#ec252b!important;--head-start:color-mix(in srgb,#ec252b 20%,white)!important;--head-end:color-mix(in srgb,#ec252b 12%,white)!important;--row:color-mix(in srgb,#ec252b 7%,white)!important;--badge-top:#ec252b!important;--badge-bottom:#ec252b!important;--count-top:#ec252b!important;--count-bottom:#ec252b!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer :is([data-group="o"],[data-member-group="o"]){--rgb:176,53,238!important;--accent:#a322e3!important;--ink:#76039c!important;--badge-top:#e740fc!important;--badge-bottom:#8d00c2!important;--head-start:#f6ddfc!important;--head-end:#f3e5fd!important;--row:#f5ebfb!important;--count-top:#bb71de!important;--count-bottom:#9951b9!important;--rgb:43,166,247!important;--accent:#11b9f1!important;--ink:#0757b3!important;--badge-top:#2d95ff!important;--badge-bottom:#0060dc!important;--head-start:#d1edff!important;--head-end:#def3ff!important;--row:#e9f8ff!important;--count-top:#5898d9!important;--count-bottom:#2664ac!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer :is([data-group="h"],[data-member-group="h"]){--rgb:176,53,238!important;--accent:#a322e3!important;--ink:#76039c!important;--badge-top:#e740fc!important;--badge-bottom:#8d00c2!important;--head-start:#f6ddfc!important;--head-end:#f3e5fd!important;--row:#f5ebfb!important;--count-top:#bb71de!important;--count-bottom:#9951b9!important;--rgb:4,218,222!important;--accent:#00ede4!important;--ink:#08778f!important;--badge-top:#00e4dc!important;--badge-bottom:#008eae!important;--head-start:#c9f6f7!important;--head-end:#d3fbf6!important;--row:#eafcfb!important;--count-top:#55adba!important;--count-bottom:#218390!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer :is([data-group="v"],[data-member-group="v"]){--rgb:176,53,238!important;--accent:#a322e3!important;--ink:#76039c!important;--badge-top:#e740fc!important;--badge-bottom:#8d00c2!important;--head-start:#f6ddfc!important;--head-end:#f3e5fd!important;--row:#f5ebfb!important;--count-top:#bb71de!important;--count-bottom:#9951b9!important;--rgb:36,224,74!important;--accent:#56ec78!important;--ink:#126b35!important;--badge-top:#35ed58!important;--badge-bottom:#00b63c!important;--head-start:#c8f8cf!important;--head-end:#dffce3!important;--row:#edfdf3!important;--count-top:#55c770!important;--count-bottom:#269647!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer :is([data-group="vip"],[data-member-group="vip"]){--rgb:176,53,238!important;--accent:#a322e3!important;--ink:#76039c!important;--badge-top:#e740fc!important;--badge-bottom:#8d00c2!important;--head-start:#f6ddfc!important;--head-end:#f3e5fd!important;--row:#f5ebfb!important;--count-top:#bb71de!important;--count-bottom:#9951b9!important;--ink:#ab7e00!important;--accent:#ab7e00!important;--head-start:color-mix(in srgb,#ab7e00 20%,white)!important;--head-end:color-mix(in srgb,#ab7e00 12%,white)!important;--row:color-mix(in srgb,#ab7e00 7%,white)!important;--badge-top:#ab7e00!important;--badge-bottom:#ab7e00!important;--count-top:#ab7e00!important;--count-bottom:#ab7e00!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer :is([data-group="bot"],[data-member-group="bot"]){--rgb:176,53,238!important;--accent:#a322e3!important;--ink:#76039c!important;--badge-top:#e740fc!important;--badge-bottom:#8d00c2!important;--head-start:#f6ddfc!important;--head-end:#f3e5fd!important;--row:#f5ebfb!important;--count-top:#bb71de!important;--count-bottom:#9951b9!important;--ink:#49449d!important;--accent:#49449d!important;--head-start:color-mix(in srgb,#49449d 20%,white)!important;--head-end:color-mix(in srgb,#49449d 12%,white)!important;--row:color-mix(in srgb,#49449d 7%,white)!important;--badge-top:#49449d!important;--badge-bottom:#49449d!important;--count-top:#49449d!important;--count-bottom:#49449d!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer :is([data-group="normal"],[data-member-group="normal"]){--rgb:176,53,238!important;--accent:#a322e3!important;--ink:#76039c!important;--badge-top:#e740fc!important;--badge-bottom:#8d00c2!important;--head-start:#f6ddfc!important;--head-end:#f3e5fd!important;--row:#f5ebfb!important;--count-top:#bb71de!important;--count-bottom:#9951b9!important;--ink:#476687!important;--accent:#476687!important;--head-start:color-mix(in srgb,#476687 20%,white)!important;--head-end:color-mix(in srgb,#476687 12%,white)!important;--row:color-mix(in srgb,#476687 7%,white)!important;--badge-top:#476687!important;--badge-bottom:#476687!important;--count-top:#476687!important;--count-bottom:#476687!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer .member-group-heading{display:flex!important;align-items:center!important;gap:7px!important;width:100%!important;height:34px!important;min-height:34px!important;margin:8px 0 3px!important;padding:2px 8px 2px 5px!important;border:2px solid #fffdfd!important;border-radius:16px!important;background:linear-gradient(100deg,var(--head-start),var(--head-end))!important;color:var(--ink)!important;box-shadow:0 0 8px rgba(var(--rgb),.23),inset 0 0 6px #ffffffc9!important;font:700 12px RosterRoboto,Arial!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer .member-group-heading>svg{display:block!important;width:29px!important;height:25px!important;flex:0 0 29px!important;padding:4px!important;box-sizing:border-box!important;border-radius:10px!important;background:linear-gradient(140deg,var(--badge-top),var(--badge-bottom))!important;color:#fff7aa!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer .member-group-heading>span{flex:1!important;min-width:0!important;white-space:nowrap!important;font:700 12px RosterRoboto,Arial!important;color:var(--ink)!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer .member-group-heading .roster-design-count{display:grid!important;place-items:center!important;height:18px!important;min-width:22px!important;padding:0 5px!important;border-radius:12px!important;background:linear-gradient(var(--count-top),var(--count-bottom))!important;color:white!important;font-size:11px!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer .member-group-heading::before{display:none!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer .member-group-heading::after{content:"⌄"!important;position:static!important;display:block!important;background:none!important;border:0!important;transform:none!important;color:var(--ink)!important;font-size:16px!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer .member-group-heading[aria-expanded="false"]::after{transform:rotate(-90deg)!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer .member-row.grouped-member{position:relative!important;display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;height:39px!important;min-height:39px!important;margin:2px 0!important;padding:2px 11px 2px 8px!important;box-sizing:border-box!important;border:1px solid #ffffffed!important;border-radius:16px!important;background:linear-gradient(95deg,var(--row),color-mix(in srgb,var(--row),white 16%))!important;color:var(--ink)!important;box-shadow:0 3px 8px rgba(var(--rgb),.15),inset 2px 0 2px #ffffffda!important;overflow:hidden!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer .member-row.grouped-member::before{content:""!important;position:absolute!important;top:4px!important;bottom:4px!important;left:0!important;width:2px!important;background:var(--accent)!important;border:0!important;border-radius:50%!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer .member-row.grouped-member::after{content:"›"!important;position:static!important;margin-left:auto!important;color:var(--ink)!important;font-size:20px!important;background:none!important;border:0!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer .member-row.grouped-member>.member-group-icon{display:block!important;position:absolute!important;right:34px!important;top:50%!important;transform:translateY(-50%)!important;width:33px!important;height:33px!important;opacity:.08!important;color:var(--ink)!important;pointer-events:none!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer .member-row.grouped-member>.roster-profile-avatar{display:block!important;position:relative!important;flex:0 0 31px!important;width:31px!important;height:31px!important;border:1px solid #95c9be!important;border-radius:50%!important;overflow:visible!important;margin:0!important;background:var(--md-e5f3ed)!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer .roster-profile-avatar .social-avatar{width:100%!important;height:100%!important;border-radius:50%!important;overflow:hidden!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer .roster-profile-avatar img{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer .member-row.grouped-member>div:last-child{display:flex!important;align-items:center!important;min-width:0!important;flex:1!important;gap:3px!important;white-space:nowrap!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer .member-row.grouped-member :is(.member-nick,.member-prefix){font:500 14px/1.2 RosterRoboto,Arial!important;color:var(--ink)!important;white-space:nowrap!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer .member-row.grouped-member .member-nick{overflow:hidden!important;text-overflow:ellipsis!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer .member-row.group-collapsed{display:none!important;} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer [hidden]{display:none!important;} } .roster-design-arrow{display:none} @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #mobileDrawer .member-group-heading::after{display:none!important;content:none!important} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer .member-group-heading{flex-wrap:nowrap!important;overflow:hidden!important;cursor:pointer!important} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer .member-group-heading>.roster-design-arrow{display:flex!important;position:static!important;align-items:center!important;justify-content:center!important;flex:0 0 24px!important;width:24px!important;min-width:24px!important;height:28px!important;margin:0!important;padding:0!important;color:var(--ink)!important;pointer-events:auto!important} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer .roster-design-arrow svg{display:block!important;width:18px!important;height:18px!important;transition:transform .15s} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer .member-group-heading[aria-expanded="false"] .roster-design-arrow svg{transform:rotate(-90deg)} } .roster-demo-icon{display:none!important} @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #mobileDrawer :is(.member-group-heading,.member-row):has(>.roster-demo-icon)>.member-group-icon:not(.roster-demo-icon){display:none!important} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer .member-group-heading>.roster-demo-icon{display:block!important;stroke:none!important} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer .member-row>.roster-demo-icon{display:block!important;stroke:none!important} } /* Theme-aware roster handle with a centered icon and counter. */ @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app #mobileMembersButton{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:54px!important;min-height:54px!important;padding:5px 3px!important;border:1px solid var(--md-cadcd5,#cadcd5)!important;border-radius:17px!important;background:var(--md-e5f3ed,#e5f3ed)!important;color:var(--md-006653,#006653)!important;overflow:hidden!important;box-shadow:0 2px 6px #00000016!important} html.modern-demo[data-applet-choice="modern"] body #app#app #mobileMembersButton img{display:block!important;position:static!important;float:none!important;flex:0 0 24px!important;width:24px!important;height:24px!important;max-width:24px!important;margin:0!important;padding:0!important;transform:none!important;object-fit:contain!important;filter:var(--modern-brand-tint,none)!important} html.modern-demo[data-applet-choice="modern"] body #app#app #mobileMembersButton span{display:block!important;position:static!important;float:none!important;flex:0 0 auto!important;width:100%!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;transform:none!important;text-align:center!important;font:600 11px/14px Arial,sans-serif!important;color:var(--md-006653,#006653)!important} html.modern-demo[data-applet-choice="modern"] body #mobileDrawer{background:linear-gradient(110deg,var(--md-f3fbf9,#f3fbf9),var(--md-e5f3ed,#e5f3ed))!important} } /* One footer timestamp in channel and private message bubbles. */ @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app #messages .message .message-time{display:none!important} html.modern-demo[data-applet-choice="modern"] body #app#app #messages .message .classic-end-time{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:5px!important;color:var(--md-667b73)!important} html.modern-demo[data-applet-choice="modern"][data-show-message-time="false"] body #app#app #messages .message .classic-end-time{font-size:0!important} html.modern-demo[data-applet-choice="modern"] body #app#app #messages .classic-end-time .message-receipt{display:inline-block!important;color:var(--md-74867e)!important;font:700 12px/14px Arial!important;letter-spacing:-4px!important;padding-right:4px!important} html.modern-demo[data-applet-choice="modern"] body #app#app #messages .classic-end-time .message-receipt.is-read{color:var(--md-159de0)!important} } /* Private header: neutral status label, semantic presence dot. */ @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] body #app#app #modernIdentity:is([data-status="online"],[data-status="offline"],[data-status="busy"],[data-status="away"])>small{color:#c4ccc9!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernIdentity:is([data-status="online"],[data-status="offline"],[data-status="busy"],[data-status="away"])>small::before{content:"";display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#9ca3af!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernIdentity[data-status="online"]>small::before{background:#31d66b!important} html.modern-demo[data-applet-choice="modern"] body #app#app #modernIdentity[data-status="busy"]>small::before{background:#ef4444!important} } /* Active voice room is a separate trailing status, never clipped by topic text. */ html body #app#app .channel-room-right{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 28px!important;width:28px!important;height:28px!important;margin:0 4px 0 auto!important;padding:0!important;font:20px/1 Arial!important;position:relative!important;visibility:visible!important;opacity:1!important;align-self:center!important;order:5!important} html body #app#app :is(.channel-row,.mobile-list-row,.mobile-home-row):has(.channel-room-right){position:relative!important;padding-right:42px!important} html body #app#app :is(.channel-row,.mobile-list-row,.mobile-home-row)>.channel-room-right{position:absolute!important;right:7px!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important} /* Keep live-room and unread indicators in their own right-hand column. */ @media(max-width:760px){ html.modern-demo[data-applet-choice="modern"] #app#app .md-channel[data-mobile-channel]>.md-channel-indicators{display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;margin-left:auto!important;font-style:normal!important} html.modern-demo[data-applet-choice="modern"] #app#app .md-channel-indicators>.channel-room-right{position:static!important;transform:none!important;order:0!important;margin:0!important;flex:0 0 28px!important} } @media(max-width:760px){html.modern-demo[data-applet-choice="modern"] body #app#app #mobileMembersButton[hidden]{display:none!important}} /* Round the image, not the presence indicator outside its corner. */ html body #app#app #messages .message>.message-avatar, html body #app#app #messages .message>.message-avatar .social-avatar{overflow:visible!important} html body #app#app #messages .message>.message-avatar .social-avatar{position:relative!important;border-radius:50%!important} html body #app#app #messages .message>.message-avatar img{border-radius:50%!important;object-fit:cover!important} html body #app#app #messages .message>.message-avatar .social-dot{z-index:2!important;right:0!important;bottom:0!important;border-radius:50%!important;flex:none!important} html body #app#app #messages .message-avatar .social-dot{display:none!important} html body #socialDialog .sound-option input[type="checkbox"][role="switch"]{appearance:none!important;-webkit-appearance:none!important;position:relative!important;width:40px!important;min-width:40px!important;height:23px!important;min-height:23px!important;flex:0 0 40px!important;padding:0!important;border:0!important;border-radius:20px!important;background:#9ca3af!important;box-shadow:none!important;cursor:pointer} html body #socialDialog .sound-option input[type="checkbox"][role="switch"]:checked{background:var(--cz-1266b5,#1266b5)!important} html body #socialDialog .sound-option input[type="checkbox"][role="switch"]::before{content:none!important} html body #socialDialog .sound-option input[type="checkbox"][role="switch"]::after{content:''!important;position:absolute!important;left:3px!important;top:3px!important;width:17px!important;height:17px!important;border-radius:50%!important;background:white!important;box-shadow:0 1px 3px #0002!important;transform:none!important} html body #socialDialog .sound-option input[type="checkbox"][role="switch"]:checked::after{transform:translateX(17px)!important} html body #radioPanel #radioPlay{appearance:none!important;-webkit-appearance:none!important;display:flex!important;align-items:center!important;justify-content:center!important} html body #radioPanel #radioPlay svg{display:block!important;width:65%!important;height:65%!important;fill:currentColor!important;flex:none!important} @media(max-width:760px){html.modern-demo[data-applet-choice="modern"] body #app#app #radioPanel #radioPlay{background:var(--md-00866c)!important;border-color:var(--md-00866c)!important;color:white!important}} @media(max-width:760px){html.modern-demo[data-applet-choice="modern"] body #socialDialog .sound-option input[type="checkbox"][role="switch"]:checked{background:var(--md-00866c,#00866c)!important}} #socialToast.connection-dots .connection-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} #socialToast.connection-dots .connection-dot-row{display:flex;align-items:center;justify-content:center;gap:6px;min-width:36px;height:20px} #socialToast.connection-dots .connection-dot-row i{display:block;width:7px;height:7px;border-radius:50%;background:currentColor;animation:connection-dot-pulse 1.2s ease-in-out infinite} #socialToast.connection-dots .connection-dot-row i:nth-child(2){animation-delay:.16s} #socialToast.connection-dots .connection-dot-row i:nth-child(3){animation-delay:.32s} @keyframes connection-dot-pulse{0%,65%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}} @media(prefers-reduced-motion:reduce){#socialToast.connection-dots .connection-dot-row i{animation:none;opacity:1}} /* Admin avatar preference applies to all roster layouts, including modern mobile. */ html:not([data-ui-nick-list-avatars="true"]) body :is(#app#app,#mobileDrawer) :is(#memberList,#mobileMemberList) .member-row.grouped-member>.member-group-icon{display:block!important;visibility:visible!important;flex:0 0 22px!important;width:22px!important;height:22px!important;margin:0!important} html[data-ui-nick-list-avatars="true"] body :is(#app#app,#mobileDrawer) :is(#memberList,#mobileMemberList) .member-row.grouped-member>.roster-profile-avatar{display:block!important} html body #app#app #messages .rank-message>.message-avatar>.member-group-icon{display:block!important;width:75%!important;height:75%!important;color:var(--message-rank-color)!important} /* Group controls share the same hit area in both roster containers. */ html body :is(#memberList,#mobileMemberList) .member-row.group-collapsed{display:none!important} html body :is(#memberList,#mobileMemberList) .member-group-heading{cursor:pointer;min-width:0} html body :is(#memberList,#mobileMemberList) .member-group-heading::after{content:none!important} html body :is(#memberList,#mobileMemberList) .member-group-heading>.roster-design-arrow{display:flex!important;align-items:center;justify-content:center;flex:0 0 20px!important;width:20px!important;height:24px!important;margin-left:auto!important;padding:0!important;position:static!important} html body :is(#memberList,#mobileMemberList) .roster-design-arrow svg{display:block!important;width:16px!important;height:16px!important;max-width:16px!important;flex:none!important} html body :is(#memberList,#mobileMemberList) .member-group-heading[aria-expanded="false"] .roster-design-arrow svg{transform:rotate(-90deg)} .theme-preview-gs{background:linear-gradient(110deg,#a90432 50%,#f9c12d 50%)} .theme-preview-fb{background:linear-gradient(110deg,#132957 50%,#f9dd31 50%)} .theme-preview-bjk{background:linear-gradient(110deg,#202126 50%,#eee 50%)} .theme-preview-turkiye{background:linear-gradient(110deg,#da1f32 50%,#fff 50%)} /* Desktop roster: the disclosure arrow belongs on the heading's single row. */ @media(min-width:761px){ html body #app#app #memberList button.member-group-heading{ display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important; align-items:center!important;gap:5px!important;box-sizing:border-box!important; width:100%!important;height:27px!important;min-height:27px!important; padding:4px 6px!important;cursor:pointer!important; } html body #app#app #memberList button.member-group-heading>span:not(.roster-design-arrow){flex:1 1 0!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} html body #app#app #memberList button.member-group-heading>.member-group-icon:not(.roster-demo-icon){display:block!important;flex:0 0 17px!important;width:17px!important;height:17px!important} html body #app#app #memberList button.member-group-heading>.roster-demo-icon{display:none!important} html body #app#app #memberList button.member-group-heading>.roster-design-arrow{display:flex!important;flex:0 0 16px!important;width:16px!important;min-width:16px!important;height:17px!important;margin:0 0 0 auto!important;align-items:center!important;justify-content:center!important;overflow:visible!important} html body #app#app #memberList button.member-group-heading>.roster-design-arrow svg{width:14px!important;height:14px!important;max-width:14px!important} html body #app#app #memberList button.member-group-heading[hidden]{display:none!important} }