TheHolyOneZ-Dream

By theholyonez Version 1.0.0 Updated 03/10/2026 1.3K downloads

A VSCodium-soul Discord theme. Deep navy, drifting aurora, VSCode teal. Smooth. Monospace. Yours. Circuit traces optional.

transparent customizable dark aqua animated

Live preview

Full Discord interface with this theme applied — powered by ThemePreview.

Screenshot

TheHolyOneZ-Dream screenshot
TheHolyOneZ-Dream.theme.css
GitHub

Open source

https://raw.githubusercontent.com/TheHolyOneZ/TheHolyOneZ-Dream/5faa449ced0f96e907607930f3e096dc3ae3cf87/TheHolyOneZ-Dream.theme.css
1/**
2 * @name TheHolyOneZ-Dream
3 * @author TheHolyOneZ
4 * @version 1.0.0
5 * @description A VSCodium-soul Discord theme. Deep navy, cyan mesh, drifting aurora. Chill. Terminal. Home.
6 * @source your-repo-here
7 */
8
9@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&display=swap');
10
11:root {
12
13 /* ═══════════════════════════════════════════════════
14 BACKGROUND EFFECT TOGGLE
15 0 = off | 1 = on
16 Edit this file, change the value, save, Ctrl+R
17 If ";on"; it may cause lags
18 ═══════════════════════════════════════════════════ */
19 --cx-bg-effect: 0 /* ← change to 1 to Enable */
20
21 --cx-void: #07090f;
22 --cx-bg-0: #0b0e1a;
23 --cx-bg-1: #0f1322;
24 --cx-bg-2: #131829;
25 --cx-bg-3: #181e32;
26 --cx-bg-4: #1e263c;
27 --cx-bg-5: #242e48;
28
29 --cx-cyan: #4ec9b0;
30 --cx-cyan-dim: #3aaa93;
31 --cx-cyan-deep: #1d6b5d;
32 --cx-cyan-glow: rgba(78, 201, 176, 0.14);
33
34 --cx-blue: #5294e2;
35 --cx-blue-dim: #3d7bc4;
36 --cx-sky: #9cdcfe;
37
38 --cx-purple: #c792ea;
39
40 --cx-text-0: #e2eaf8;
41 --cx-text-1: #a8b2c8;
42 --cx-text-2: #5d6a86;
43 --cx-text-3: #353e58;
44
45 --cx-online: #4ec994;
46 --cx-idle: #e0af68;
47 --cx-dnd: #f7768e;
48 --cx-offline: #47506a;
49 --cx-stream: #c792ea;
50
51 --cx-glass-0: rgba(11, 14, 26, 0.70);
52 --cx-glass-1: rgba(15, 19, 34, 0.74);
53 --cx-glass-2: rgba(19, 24, 41, 0.78);
54 --cx-blur: 14px;
55
56 --cx-line: rgba(78, 201, 176, 0.09);
57 --cx-line-h: rgba(78, 201, 176, 0.22);
58
59 --cx-font: 'JetBrains Mono', 'Cascadia Code', 'Fira Code', monospace;
60
61 --cx-r: 5px;
62 --cx-r-lg: 8px;
63}
64
65@keyframes cx-blob-1 {
66 0% { transform: translate(0%, 0%) scale(1.00); }
67 33% { transform: translate(6%, -8%) scale(1.06); }
68 66% { transform: translate(-4%, 5%) scale(0.96); }
69 100% { transform: translate(0%, 0%) scale(1.00); }
70}
71@keyframes cx-blob-2 {
72 0% { transform: translate(0%, 0%) scale(1.00); }
73 40% { transform: translate(-7%, 6%) scale(1.05); }
74 70% { transform: translate(5%, -4%) scale(0.97); }
75 100% { transform: translate(0%, 0%) scale(1.00); }
76}
77@keyframes cx-blob-3 {
78 0% { transform: translate(0%, 0%) scale(1.00); }
79 50% { transform: translate(4%, 7%) scale(1.04); }
80 100% { transform: translate(0%, 0%) scale(1.00); }
81}
82
83html {
84 background-color: #07090f;
85}
86
87body,
88#app-mount {
89 background: transparent !important;
90}
91
92100% { background-position: 24px 24px, 24px 24px, 12px 12px, 12px 12px; }
93}
94
9550% { opacity: 1; }
96}
97
98@keyframes cx-constellation-drift {
99 0% { transform: translate(0px, 0px) scale(1.00); opacity: 0.7; }
100 25% { transform: translate(6px, -8px) scale(1.01); opacity: 0.85; }
101 50% { transform: translate(-4px, 5px) scale(1.00); opacity: 0.75; }
102 75% { transform: translate(5px, 3px) scale(1.01); opacity: 0.88; }
103 100% { transform: translate(0px, 0px) scale(1.00); opacity: 0.7; }
104}
105
106@keyframes cx-star-pulse {
107 0%, 100% { opacity: 0.70; }
108 50% { opacity: 1.00; }
109}
110
111body::after {
112 content: '';
113 position: fixed;
114 opacity: var(--cx-bg-effect);
115 inset: 0;
116 z-index: 9999;
117 pointer-events: none;
118 background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDAwIiBoZWlnaHQ9IjkwMCI+PGRlZnM+CiAgPGZpbHRlciBpZD0idHJhY2UtZ2xvdyIgeD0iLTMwJSIgeT0iLTMwJSIgd2lkdGg9IjE2MCUiIGhlaWdodD0iMTYwJSI+CiAgICA8ZmVHYXVzc2lhbkJsdXIgaW49IlNvdXJjZUdyYXBoaWMiIHN0ZERldmlhdGlvbj0iMyIgcmVzdWx0PSJibHVyIi8+CiAgICA8ZmVNZXJnZT4KICAgICAgPGZlTWVyZ2VOb2RlIGluPSJibHVyIi8+CiAgICAgIDxmZU1lcmdlTm9kZSBpbj0iYmx1ciIvPgogICAgICA8ZmVNZXJnZU5vZGUgaW49IlNvdXJjZUdyYXBoaWMiLz4KICAgIDwvZmVNZXJnZT4KICA8L2ZpbHRlcj4KICA8ZmlsdGVyIGlkPSJkb3QtZ2xvdyIgeD0iLTIwMCUiIHk9Ii0yMDAlIiB3aWR0aD0iNTAwJSIgaGVpZ2h0PSI1MDAlIj4KICAgIDxmZUdhdXNzaWFuQmx1ciBpbj0iU291cmNlR3JhcGhpYyIgc3RkRGV2aWF0aW9uPSI1IiByZXN1bHQ9ImJsdXIiLz4KICAgIDxmZU1lcmdlPgogICAgICA8ZmVNZXJnZU5vZGUgaW49ImJsdXIiLz4KICAgICAgPGZlTWVyZ2VOb2RlIGluPSJTb3VyY2VHcmFwaGljIi8+CiAgICA8L2ZlTWVyZ2U+CiAgPC9maWx0ZXI+CjwvZGVmcz48ZGVmcz48cGF0dGVybiBpZD0iZ3JpZCIgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIj48cGF0aCBkPSJNIDUwIDAgTCAwIDAgMCA1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNGVjOWIwIiBzdHJva2Utb3BhY2l0eT0iMC4wNDUiIHN0cm9rZS13aWR0aD0iMC41Ii8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTQwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjZ3JpZCkiLz48cGF0aCBkPSJNIDYwMCwzNTAgTCA4MDAsMzUwIEwgMTA1MCwzNTAgTCAxMDUwLDQ1MCBMIDEwNTAsMjUwIEwgMTA1MCw2MDAgTCAxMDUwLDgwMCBMIDEwNTAsODUwIEwgMTM1MCw4NTAgTCAxMDUwLDg1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNGVjOWIwIiBzdHJva2Utb3BhY2l0eT0iMC4wNyIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNIDYwMCwzNTAgTCA4MDAsMzUwIEwgMTA1MCwzNTAgTCAxMDUwLDQ1MCBMIDEwNTAsMjUwIEwgMTA1MCw2MDAgTCAxMDUwLDgwMCBMIDEwNTAsODUwIEwgMTM1MCw4NTAgTCAxMDUwLDg1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNGVjOWIwIiBzdHJva2Utb3BhY2l0eT0iMCIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1kYXNoYXJyYXk9IjEzMCAyMTAwIiBmaWx0ZXI9InVybCgjdHJhY2UtZ2xvdykiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiB2YWx1ZXM9IjIwODA7MCIgZHVyPSI1LjhzIiBiZWdpbj0iMTAuNzhzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgY2FsY01vZGU9ImxpbmVhciIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1vcGFjaXR5IiB2YWx1ZXM9IjA7MC41OzAuNTswIiBrZXlUaW1lcz0iMDswLjA0OzAuOTI7MSIgZHVyPSI1LjhzIiBiZWdpbj0iMTAuNzhzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvcGF0aD48cGF0aCBkPSJNIDYwMCwzNTAgTCA4MDAsMzUwIEwgMTA1MCwzNTAgTCAxMDUwLDQ1MCBMIDEwNTAsMjUwIEwgMTA1MCw2MDAgTCAxMDUwLDgwMCBMIDEwNTAsODUwIEwgMTM1MCw4NTAgTCAxMDUwLDg1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBmZmY4IiBzdHJva2Utb3BhY2l0eT0iMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iNDUuNSAyMTAwIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2UtZGFzaG9mZnNldCIgdmFsdWVzPSIyMDgwOzAiIGR1cj0iNS44cyIgYmVnaW49IjEwLjc4cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGNhbGNNb2RlPSJsaW5lYXIiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgdmFsdWVzPSIwOzE7MTswIiBrZXlUaW1lcz0iMDswLjA0OzAuOTA7MSIgZHVyPSI1LjhzIiBiZWdpbj0iMTAuNzhzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvcGF0aD48Y2lyY2xlIGN4PSIxMDUwIiBjeT0iODUwIiByPSIzIiBmaWxsPSIjNGVjOWIwIiBmaWxsLW9wYWNpdHk9IjAiIGZpbHRlcj0idXJsKCNkb3QtZ2xvdykiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIgdmFsdWVzPSIwOzE7MCIgZHVyPSIwLjVzIiBiZWdpbj0iMTYuNThzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjEwNTAiIGN5PSI4NTAiIHI9IjMiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzRlYzliMCIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1vcGFjaXR5PSIwIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiB2YWx1ZXM9IjM7MTQ7MjIiIGR1cj0iMC41NXMiIGJlZ2luPSIxNi41OHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlTcGxpbmVzPSIwLjEgMCAwLjQgMTswLjEgMCAwLjQgMSIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1vcGFjaXR5IiB2YWx1ZXM9IjAuOTswLjM1OzAiIGR1cj0iMC41NXMiIGJlZ2luPSIxNi41OHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+PHBhdGggZD0iTSA5NTAsNzUwIEwgMTMwMCw3NTAgTCAxMzAwLDg1MCBMIDEzNTAsODUwIEwgMTE1MCw4NTAgTCA2NTAsODUwIEwgNjUwLDU1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjN2VlZWRkIiBzdHJva2Utb3BhY2l0eT0iMC4wNyIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNIDk1MCw3NTAgTCAxMzAwLDc1MCBMIDEzMDAsODUwIEwgMTM1MCw4NTAgTCAxMTUwLDg1MCBMIDY1MCw4NTAgTCA2NTAsNTUwIiBmaWxsPSJub25lIiBzdHJva2U9IiM3ZWVlZGQiIHN0cm9rZS1vcGFjaXR5PSIwIiBzdHJva2Utd2lkdGg9IjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iOTUgMTYxNSIgZmlsdGVyPSJ1cmwoI3RyYWNlLWdsb3cpIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2UtZGFzaG9mZnNldCIgdmFsdWVzPSIxNTk1OzAiIGR1cj0iNC4wNnMiIGJlZ2luPSIzLjE0cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGNhbGNNb2RlPSJsaW5lYXIiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgdmFsdWVzPSIwOzAuNTswLjU7MCIga2V5VGltZXM9IjA7MC4wNDswLjkyOzEiIGR1cj0iNC4wNnMiIGJlZ2luPSIzLjE0cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+PHBhdGggZD0iTSA5NTAsNzUwIEwgMTMwMCw3NTAgTCAxMzAwLDg1MCBMIDEzNTAsODUwIEwgMTE1MCw4NTAgTCA2NTAsODUwIEwgNjUwLDU1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBmZmY4IiBzdHJva2Utb3BhY2l0eT0iMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iMzMuMjUgMTYxNSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ic3Ryb2tlLWRhc2hvZmZzZXQiIHZhbHVlcz0iMTU5NTswIiBkdXI9IjQuMDZzIiBiZWdpbj0iMy4xNHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBjYWxjTW9kZT0ibGluZWFyIi8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ic3Ryb2tlLW9wYWNpdHkiIHZhbHVlcz0iMDsxOzE7MCIga2V5VGltZXM9IjA7MC4wNDswLjkwOzEiIGR1cj0iNC4wNnMiIGJlZ2luPSIzLjE0cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+PGNpcmNsZSBjeD0iNjUwIiBjeT0iNTUwIiByPSIzIiBmaWxsPSIjN2VlZWRkIiBmaWxsLW9wYWNpdHk9IjAiIGZpbHRlcj0idXJsKCNkb3QtZ2xvdykiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIgdmFsdWVzPSIwOzE7MCIgZHVyPSIwLjVzIiBiZWdpbj0iNy4xOTk5OTk5OTk5OTk5OTlzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjY1MCIgY3k9IjU1MCIgcj0iMyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjN2VlZWRkIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLW9wYWNpdHk9IjAiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHZhbHVlcz0iMzsxNDsyMiIgZHVyPSIwLjU1cyIgYmVnaW49IjcuMTk5OTk5OTk5OTk5OTk5cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGNhbGNNb2RlPSJzcGxpbmUiIGtleVNwbGluZXM9IjAuMSAwIDAuNCAxOzAuMSAwIDAuNCAxIi8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ic3Ryb2tlLW9wYWNpdHkiIHZhbHVlcz0iMC45OzAuMzU7MCIgZHVyPSIwLjU1cyIgYmVnaW49IjcuMTk5OTk5OTk5OTk5OTk5cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L2NpcmNsZT48cGF0aCBkPSJNIDMwMCw2NTAgTCA1NTAsNjUwIEwgMzUwLDY1MCBMIDUwLDY1MCBMIDUwLDY1MCBMIDUwLDg1MCBMIDI1MCw4NTAgTCA1NTAsODUwIiBmaWxsPSJub25lIiBzdHJva2U9IiMzYWI4YTAiIHN0cm9rZS1vcGFjaXR5PSIwLjA3IiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0gMzAwLDY1MCBMIDU1MCw2NTAgTCAzNTAsNjUwIEwgNTAsNjUwIEwgNTAsNjUwIEwgNTAsODUwIEwgMjUwLDg1MCBMIDU1MCw4NTAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzNhYjhhMCIgc3Ryb2tlLW9wYWNpdHk9IjAiIHN0cm9rZS13aWR0aD0iNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSIxNjkgMTYzOSIgZmlsdGVyPSJ1cmwoI3RyYWNlLWdsb3cpIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2UtZGFzaG9mZnNldCIgdmFsdWVzPSIxNjE5OzAiIGR1cj0iMy4wN3MiIGJlZ2luPSIyLjQ0cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGNhbGNNb2RlPSJsaW5lYXIiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgdmFsdWVzPSIwOzAuNTswLjU7MCIga2V5VGltZXM9IjA7MC4wNDswLjkyOzEiIGR1cj0iMy4wN3MiIGJlZ2luPSIyLjQ0cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+PHBhdGggZD0iTSAzMDAsNjUwIEwgNTUwLDY1MCBMIDM1MCw2NTAgTCA1MCw2NTAgTCA1MCw2NTAgTCA1MCw4NTAgTCAyNTAsODUwIEwgNTUwLDg1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBmZmY4IiBzdHJva2Utb3BhY2l0eT0iMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iNTkuMTUgMTYzOSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ic3Ryb2tlLWRhc2hvZmZzZXQiIHZhbHVlcz0iMTYxOTswIiBkdXI9IjMuMDdzIiBiZWdpbj0iMi40NHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBjYWxjTW9kZT0ibGluZWFyIi8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ic3Ryb2tlLW9wYWNpdHkiIHZhbHVlcz0iMDsxOzE7MCIga2V5VGltZXM9IjA7MC4wNDswLjkwOzEiIGR1cj0iMy4wN3MiIGJlZ2luPSIyLjQ0cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+PGNpcmNsZSBjeD0iNTUwIiBjeT0iODUwIiByPSIzIiBmaWxsPSIjM2FiOGEwIiBmaWxsLW9wYWNpdHk9IjAiIGZpbHRlcj0idXJsKCNkb3QtZ2xvdykiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIgdmFsdWVzPSIwOzE7MCIgZHVyPSIwLjVzIiBiZWdpbj0iNS41MXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+PGNpcmNsZSBjeD0iNTUwIiBjeT0iODUwIiByPSIzIiBmaWxsPSJub25lIiBzdHJva2U9IiMzYWI4YTAiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2Utb3BhY2l0eT0iMCI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgdmFsdWVzPSIzOzE0OzIyIiBkdXI9IjAuNTVzIiBiZWdpbj0iNS41MXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlTcGxpbmVzPSIwLjEgMCAwLjQgMTswLjEgMCAwLjQgMSIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1vcGFjaXR5IiB2YWx1ZXM9IjAuOTswLjM1OzAiIGR1cj0iMC41NXMiIGJlZ2luPSI1LjUxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L2NpcmNsZT48cGF0aCBkPSJNIDExMDAsODAwIEwgMTEwMCw4NTAgTCAxMzUwLDg1MCBMIDEzNTAsODUwIEwgMTM1MCw4NTAgTCAxMzUwLDcwMCBMIDEzNTAsNzAwIEwgMTM1MCw4NTAgTCAxMzUwLDg1MCBMIDEzNTAsODUwIiBmaWxsPSJub25lIiBzdHJva2U9IiM0ZWM5YjAiIHN0cm9rZS1vcGFjaXR5PSIwLjA3IiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0gMTEwMCw4MDAgTCAxMTAwLDg1MCBMIDEzNTAsODUwIEwgMTM1MCw4NTAgTCAxMzUwLDg1MCBMIDEzNTAsNzAwIEwgMTM1MCw3MDAgTCAxMzUwLDg1MCBMIDEzNTAsODUwIEwgMTM1MCw4NTAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzRlYzliMCIgc3Ryb2tlLW9wYWNpdHk9IjAiIHN0cm9rZS13aWR0aD0iNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSI5OSA3MTkiIGZpbHRlcj0idXJsKCN0cmFjZS1nbG93KSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ic3Ryb2tlLWRhc2hvZmZzZXQiIHZhbHVlcz0iNjk5OzAiIGR1cj0iMS40OHMiIGJlZ2luPSIxLjUycyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGNhbGNNb2RlPSJsaW5lYXIiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgdmFsdWVzPSIwOzAuNTswLjU7MCIga2V5VGltZXM9IjA7MC4wNDswLjkyOzEiIGR1cj0iMS40OHMiIGJlZ2luPSIxLjUycyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+PHBhdGggZD0iTSAxMTAwLDgwMCBMIDExMDAsODUwIEwgMTM1MCw4NTAgTCAxMzUwLDg1MCBMIDEzNTAsODUwIEwgMTM1MCw3MDAgTCAxMzUwLDcwMCBMIDEzNTAsODUwIEwgMTM1MCw4NTAgTCAxMzUwLDg1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBmZmY4IiBzdHJva2Utb3BhY2l0eT0iMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iMzQuNjUgNzE5Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2UtZGFzaG9mZnNldCIgdmFsdWVzPSI2OTk7MCIgZHVyPSIxLjQ4cyIgYmVnaW49IjEuNTJzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgY2FsY01vZGU9ImxpbmVhciIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1vcGFjaXR5IiB2YWx1ZXM9IjA7MTsxOzAiIGtleVRpbWVzPSIwOzAuMDQ7MC45MDsxIiBkdXI9IjEuNDhzIiBiZWdpbj0iMS41MnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPjxjaXJjbGUgY3g9IjEzNTAiIGN5PSI4NTAiIHI9IjMiIGZpbGw9IiM0ZWM5YjAiIGZpbGwtb3BhY2l0eT0iMCIgZmlsdGVyPSJ1cmwoI2RvdC1nbG93KSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IiB2YWx1ZXM9IjA7MTswIiBkdXI9IjAuNXMiIGJlZ2luPSIzLjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjEzNTAiIGN5PSI4NTAiIHI9IjMiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzRlYzliMCIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1vcGFjaXR5PSIwIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiB2YWx1ZXM9IjM7MTQ7MjIiIGR1cj0iMC41NXMiIGJlZ2luPSIzLjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgY2FsY01vZGU9InNwbGluZSIga2V5U3BsaW5lcz0iMC4xIDAgMC40IDE7MC4xIDAgMC40IDEiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgdmFsdWVzPSIwLjk7MC4zNTswIiBkdXI9IjAuNTVzIiBiZWdpbj0iMy4wcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L2NpcmNsZT48cGF0aCBkPSJNIDkwMCwzNTAgTCAxMDUwLDM1MCBMIDk1MCwzNTAgTCA5NTAsNjAwIEwgNTAwLDYwMCBMIDUwMCwyMDAgTCA3MDAsMjAwIiBmaWxsPSJub25lIiBzdHJva2U9IiM1ZWU4Y2MiIHN0cm9rZS1vcGFjaXR5PSIwLjA3IiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0gOTAwLDM1MCBMIDEwNTAsMzUwIEwgOTUwLDM1MCBMIDk1MCw2MDAgTCA1MDAsNjAwIEwgNTAwLDIwMCBMIDcwMCwyMDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzVlZThjYyIgc3Ryb2tlLW9wYWNpdHk9IjAiIHN0cm9rZS13aWR0aD0iNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSIxNjggMTczOCIgZmlsdGVyPSJ1cmwoI3RyYWNlLWdsb3cpIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2UtZGFzaG9mZnNldCIgdmFsdWVzPSIxNzE4OzAiIGR1cj0iNC41M3MiIGJlZ2luPSI4LjIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGNhbGNNb2RlPSJsaW5lYXIiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgdmFsdWVzPSIwOzAuNTswLjU7MCIga2V5VGltZXM9IjA7MC4wNDswLjkyOzEiIGR1cj0iNC41M3MiIGJlZ2luPSI4LjIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+PHBhdGggZD0iTSA5MDAsMzUwIEwgMTA1MCwzNTAgTCA5NTAsMzUwIEwgOTUwLDYwMCBMIDUwMCw2MDAgTCA1MDAsMjAwIEwgNzAwLDIwMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTBmZmY4IiBzdHJva2Utb3BhY2l0eT0iMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iNTguOCAxNzM4Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2UtZGFzaG9mZnNldCIgdmFsdWVzPSIxNzE4OzAiIGR1cj0iNC41M3MiIGJlZ2luPSI4LjIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGNhbGNNb2RlPSJsaW5lYXIiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgdmFsdWVzPSIwOzE7MTswIiBrZXlUaW1lcz0iMDswLjA0OzAuOTA7MSIgZHVyPSI0LjUzcyIgYmVnaW49IjguMjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvcGF0aD48Y2lyY2xlIGN4PSI3MDAiIGN5PSIyMDAiIHI9IjMiIGZpbGw9IiM1ZWU4Y2MiIGZpbGwtb3BhY2l0eT0iMCIgZmlsdGVyPSJ1cmwoI2RvdC1nbG93KSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZmlsbC1vcGFjaXR5IiB2YWx1ZXM9IjA7MTswIiBkdXI9IjAuNXMiIGJlZ2luPSIxMi43NDAwMDAwMDAwMDAwMDJzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjcwMCIgY3k9IjIwMCIgcj0iMyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNWVlOGNjIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLW9wYWNpdHk9IjAiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHZhbHVlcz0iMzsxNDsyMiIgZHVyPSIwLjU1cyIgYmVnaW49IjEyLjc0MDAwMDAwMDAwMDAwMnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlTcGxpbmVzPSIwLjEgMCAwLjQgMTswLjEgMCAwLjQgMSIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1vcGFjaXR5IiB2YWx1ZXM9IjAuOTswLjM1OzAiIGR1cj0iMC41NXMiIGJlZ2luPSIxMi43NDAwMDAwMDAwMDAwMDJzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvY2lyY2xlPjxwYXRoIGQ9Ik0gNjAwLDUwMCBMIDYwMCwxMDAgTCA2MDAsMjUwIEwgNjAwLDUwIEwgNjAwLDUwIEwgMzAwLDUwIEwgMzAwLDUwIEwgMzAwLDUwIEwgMzAwLDUwIiBmaWxsPSJub25lIiBzdHJva2U9IiMzYWI4YTAiIHN0cm9rZS1vcGFjaXR5PSIwLjA3IiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0gNjAwLDUwMCBMIDYwMCwxMDAgTCA2MDAsMjUwIEwgNjAwLDUwIEwgNjAwLDUwIEwgMzAwLDUwIEwgMzAwLDUwIEwgMzAwLDUwIEwgMzAwLDUwIiBmaWxsPSJub25lIiBzdHJva2U9IiMzYWI4YTAiIHN0cm9rZS1vcGFjaXR5PSIwIiBzdHJva2Utd2lkdGg9IjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iOTkgMTE2OSIgZmlsdGVyPSJ1cmwoI3RyYWNlLWdsb3cpIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2UtZGFzaG9mZnNldCIgdmFsdWVzPSIxMTQ5OzAiIGR1cj0iMi44NXMiIGJlZ2luPSIxLjg4cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGNhbGNNb2RlPSJsaW5lYXIiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgdmFsdWVzPSIwOzAuNTswLjU7MCIga2V5VGltZXM9IjA7MC4wNDswLjkyOzEiIGR1cj0iMi44NXMiIGJlZ2luPSIxLjg4cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+PHBhdGggZD0iTSA2MDAsNTAwIEwgNjAwLDEwMCBMIDYwMCwyNTAgTCA2MDAsNTAgTCA2MDAsNTAgTCAzMDAsNTAgTCAzMDAsNTAgTCAzMDAsNTAgTCAzMDAsNTAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2UwZmZmOCIgc3Ryb2tlLW9wYWNpdHk9IjAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1kYXNoYXJyYXk9IjM0LjY1IDExNjkiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiB2YWx1ZXM9IjExNDk7MCIgZHVyPSIyLjg1cyIgYmVnaW49IjEuODhzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgY2FsY01vZGU9ImxpbmVhciIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1vcGFjaXR5IiB2YWx1ZXM9IjA7MTsxOzAiIGtleVRpbWVzPSIwOzAuMDQ7MC45MDsxIiBkdXI9IjIuODVzIiBiZWdpbj0iMS44OHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPjxjaXJjbGUgY3g9IjMwMCIgY3k9IjUwIiByPSIzIiBmaWxsPSIjM2FiOGEwIiBmaWxsLW9wYWNpdHk9IjAiIGZpbHRlcj0idXJsKCNkb3QtZ2xvdykiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIgdmFsdWVzPSIwOzE7MCIgZHVyPSIwLjVzIiBiZWdpbj0iNC43M3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMzAwIiBjeT0iNTAiIHI9IjMiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzNhYjhhMCIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1vcGFjaXR5PSIwIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiB2YWx1ZXM9IjM7MTQ7MjIiIGR1cj0iMC41NXMiIGJlZ2luPSI0LjczcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGNhbGNNb2RlPSJzcGxpbmUiIGtleVNwbGluZXM9IjAuMSAwIDAuNCAxOzAuMSAwIDAuNCAxIi8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ic3Ryb2tlLW9wYWNpdHkiIHZhbHVlcz0iMC45OzAuMzU7MCIgZHVyPSIwLjU1cyIgYmVnaW49IjQuNzNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvY2lyY2xlPjxwYXRoIGQ9Ik0gMTMwMCw0NTAgTCAxMzAwLDMwMCBMIDEzMDAsNjAwIEwgMTIwMCw2MDAgTCAxMjAwLDIwMCBMIDEyMDAsNTAwIEwgMTM1MCw1MDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzNhYjhhMCIgc3Ryb2tlLW9wYWNpdHk9IjAuMDciIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTSAxMzAwLDQ1MCBMIDEzMDAsMzAwIEwgMTMwMCw2MDAgTCAxMjAwLDYwMCBMIDEyMDAsMjAwIEwgMTIwMCw1MDAgTCAxMzUwLDUwMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjM2FiOGEwIiBzdHJva2Utb3BhY2l0eT0iMCIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1kYXNoYXJyYXk9IjE3OSAxNTk5IiBmaWx0ZXI9InVybCgjdHJhY2UtZ2xvdykiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiB2YWx1ZXM9IjE1Nzk7MCIgZHVyPSIzLjE2cyIgYmVnaW49IjEuMDhzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgY2FsY01vZGU9ImxpbmVhciIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1vcGFjaXR5IiB2YWx1ZXM9IjA7MC41OzAuNTswIiBrZXlUaW1lcz0iMDswLjA0OzAuOTI7MSIgZHVyPSIzLjE2cyIgYmVnaW49IjEuMDhzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvcGF0aD48cGF0aCBkPSJNIDEzMDAsNDUwIEwgMTMwMCwzMDAgTCAxMzAwLDYwMCBMIDEyMDAsNjAwIEwgMTIwMCwyMDAgTCAxMjAwLDUwMCBMIDEzNTAsNTAwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlMGZmZjgiIHN0cm9rZS1vcGFjaXR5PSIwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSI2Mi42NSAxNTk5Ij48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2UtZGFzaG9mZnNldCIgdmFsdWVzPSIxNTc5OzAiIGR1cj0iMy4xNnMiIGJlZ2luPSIxLjA4cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGNhbGNNb2RlPSJsaW5lYXIiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgdmFsdWVzPSIwOzE7MTswIiBrZXlUaW1lcz0iMDswLjA0OzAuOTA7MSIgZHVyPSIzLjE2cyIgYmVnaW49IjEuMDhzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvcGF0aD48Y2lyY2xlIGN4PSIxMzUwIiBjeT0iNTAwIiByPSIzIiBmaWxsPSIjM2FiOGEwIiBmaWxsLW9wYWNpdHk9IjAiIGZpbHRlcj0idXJsKCNkb3QtZ2xvdykiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIgdmFsdWVzPSIwOzE7MCIgZHVyPSIwLjVzIiBiZWdpbj0iNC4yNHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTM1MCIgY3k9IjUwMCIgcj0iMyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjM2FiOGEwIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLW9wYWNpdHk9IjAiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHZhbHVlcz0iMzsxNDsyMiIgZHVyPSIwLjU1cyIgYmVnaW49IjQuMjRzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgY2FsY01vZGU9InNwbGluZSIga2V5U3BsaW5lcz0iMC4xIDAgMC40IDE7MC4xIDAgMC40IDEiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgdmFsdWVzPSIwLjk7MC4zNTswIiBkdXI9IjAuNTVzIiBiZWdpbj0iNC4yNHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+PHBhdGggZD0iTSAyMDAsNDAwIEwgNTAsNDAwIEwgNTAsODAwIEwgNTAsODAwIEwgNTAsODUwIEwgMjAwLDg1MCBMIDU1MCw4NTAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzNhYjhhMCIgc3Ryb2tlLW9wYWNpdHk9IjAuMDciIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTSAyMDAsNDAwIEwgNTAsNDAwIEwgNTAsODAwIEwgNTAsODAwIEwgNTAsODUwIEwgMjAwLDg1MCBMIDU1MCw4NTAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzNhYjhhMCIgc3Ryb2tlLW9wYWNpdHk9IjAiIHN0cm9rZS13aWR0aD0iNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSI5OCAxMjE4IiBmaWx0ZXI9InVybCgjdHJhY2UtZ2xvdykiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiB2YWx1ZXM9IjExOTg7MCIgZHVyPSIzLjEzcyIgYmVnaW49IjExLjU0cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGNhbGNNb2RlPSJsaW5lYXIiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgdmFsdWVzPSIwOzAuNTswLjU7MCIga2V5VGltZXM9IjA7MC4wNDswLjkyOzEiIGR1cj0iMy4xM3MiIGJlZ2luPSIxMS41NHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPjxwYXRoIGQ9Ik0gMjAwLDQwMCBMIDUwLDQwMCBMIDUwLDgwMCBMIDUwLDgwMCBMIDUwLDg1MCBMIDIwMCw4NTAgTCA1NTAsODUwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlMGZmZjgiIHN0cm9rZS1vcGFjaXR5PSIwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSIzNC4zIDEyMTgiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiB2YWx1ZXM9IjExOTg7MCIgZHVyPSIzLjEzcyIgYmVnaW49IjExLjU0cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGNhbGNNb2RlPSJsaW5lYXIiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgdmFsdWVzPSIwOzE7MTswIiBrZXlUaW1lcz0iMDswLjA0OzAuOTA7MSIgZHVyPSIzLjEzcyIgYmVnaW49IjExLjU0cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L3BhdGg+PGNpcmNsZSBjeD0iNTUwIiBjeT0iODUwIiByPSIzIiBmaWxsPSIjM2FiOGEwIiBmaWxsLW9wYWNpdHk9IjAiIGZpbHRlcj0idXJsKCNkb3QtZ2xvdykiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImZpbGwtb3BhY2l0eSIgdmFsdWVzPSIwOzE7MCIgZHVyPSIwLjVzIiBiZWdpbj0iMTQuNjY5OTk5OTk5OTk5OTk4cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L2NpcmNsZT48Y2lyY2xlIGN4PSI1NTAiIGN5PSI4NTAiIHI9IjMiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzNhYjhhMCIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1vcGFjaXR5PSIwIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiB2YWx1ZXM9IjM7MTQ7MjIiIGR1cj0iMC41NXMiIGJlZ2luPSIxNC42Njk5OTk5OTk5OTk5OThzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgY2FsY01vZGU9InNwbGluZSIga2V5U3BsaW5lcz0iMC4xIDAgMC40IDE7MC4xIDAgMC40IDEiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgdmFsdWVzPSIwLjk7MC4zNTswIiBkdXI9IjAuNTVzIiBiZWdpbj0iMTQuNjY5OTk5OTk5OTk5OTk4cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L2NpcmNsZT48L3N2Zz4=");
119 background-size: cover;
120 background-position: center;
121 background-repeat: no-repeat;
122}
123
124#app-mount::before,
125#app-mount::after {
126 content: '';
127 position: fixed;
128 pointer-events: none;
129 border-radius: 50%;
130 will-change: transform;
131 z-index: 0;
132}
133
134#app-mount::before {
135 width: 72vw;
136 height: 72vw;
137 top: -22vw;
138 left: -18vw;
139 background: radial-gradient(
140 ellipse at center,
141 rgba(60, 120, 210, 0.13) 0%,
142 transparent 68%
143 );
144 animation: cx-blob-1 34s ease-in-out infinite;
145}
146
147#app-mount::after {
148 width: 66vw;
149 height: 66vw;
150 bottom: -20vw;
151 right: -16vw;
152 background: radial-gradient(
153 ellipse at center,
154 rgba(78, 201, 176, 0.10) 0%,
155 transparent 66%
156 );
157 animation: cx-blob-2 42s ease-in-out infinite;
158}
159
160:root {
161 --font-primary: var(--cx-font);
162 --font-display: var(--cx-font);
163 --font-code: var(--cx-font);
164 --font-headline: var(--cx-font);
165 --font-body: var(--cx-font);
166}
167
168body, [class] {
169 font-family: var(--cx-font) !important;
170 letter-spacing: -0.025em;
171}
172
173.theme-dark {
174
175 --background-primary: rgba(15, 19, 34, 0.72);
176 --background-secondary: rgba(11, 14, 26, 0.80);
177 --background-secondary-alt: rgba(9, 11, 22, 0.85);
178 --background-tertiary: rgba(7, 9, 15, 0.90);
179 --background-accent: var(--cx-cyan);
180 --background-floating: rgba(16, 21, 38, 0.96);
181 --background-mobile-primary: #0f1322;
182 --background-mobile-secondary: #0b0e1a;
183 --channeltextarea-background: rgba(18, 23, 40, 0.75);
184 --deprecated-panel-background: rgba(11, 14, 26, 0.82);
185 --deprecated-card-bg: rgba(19, 24, 41, 0.78);
186
187 --background-modifier-hover: rgba(78, 201, 176, 0.055);
188 --background-modifier-active: rgba(78, 201, 176, 0.10);
189 --background-modifier-selected: rgba(78, 201, 176, 0.12);
190 --background-modifier-accent: rgba(78, 201, 176, 0.08);
191
192 --header-primary: #e2eaf8;
193 --header-secondary: #a8b2c8;
194 --text-normal: #a8b2c8;
195 --text-muted: #5d6a86;
196 --text-link: #5294e2;
197 --text-positive: #4ec994;
198 --text-warning: #e0af68;
199 --text-danger: #f7768e;
200 --channels-default: #6a7591;
201
202 --interactive-normal: #828fa6;
203 --interactive-hover: #c0cada;
204 --interactive-active: #e2eaf8;
205 --interactive-muted: #363f5c;
206
207 --brand-experiment: #4ec9b0;
208 --brand-experiment-360: rgba(78, 201, 176, 0.36);
209 --brand-experiment-400: rgba(78, 201, 176, 0.40);
210 --brand-experiment-460: rgba(78, 201, 176, 0.46);
211 --brand-experiment-560: #3aaa93;
212 --brand-experiment-600: #2e9080;
213 --brand-500: #4ec9b0;
214 --brand-530: #44b9a0;
215 --brand-560: #3aaa93;
216 --brand-600: #2e9080;
217 --brand-630: #256f69;
218 --brand-660: #1c5e58;
219 --brand-700: #155248;
220 --brand-730: #0e4038;
221 --brand-800: #092e28;
222 --brand-900: #051c19;
223
224 --status-positive-background: rgba(78, 201, 148, 0.14);
225 --status-positive-text: #4ec994;
226 --status-warning-background: rgba(224, 175, 104, 0.14);
227 --status-warning-text: #e0af68;
228 --status-danger-background: rgba(247, 118, 142, 0.14);
229 --status-danger-text: #f7768e;
230 --status-positive: #4ec994;
231 --status-danger: #f7768e;
232
233 --user-status-online: #4ec994;
234 --user-status-idle: #e0af68;
235 --user-status-dnd: #f7768e;
236 --user-status-invisible: #47506a;
237
238 --input-background: rgba(9, 11, 22, 0.80);
239 --input-placeholder-text: #38415c;
240
241 --scrollbar-thin-thumb: rgba(78, 201, 176, 0.18);
242 --scrollbar-thin-track: transparent;
243 --scrollbar-auto-thumb: rgba(78, 201, 176, 0.22);
244 --scrollbar-auto-track: rgba(7, 9, 15, 0.60);
245
246 --elevation-low:
247 0 1px 0 rgba(0, 0, 0, 0.4),
248 0 2px 5px rgba(0, 0, 0, 0.30);
249 --elevation-medium:
250 0 4px 12px rgba(0, 0, 0, 0.50);
251 --elevation-high:
252 0 8px 28px rgba(0, 0, 0, 0.60),
253 0 0 0 1px rgba(78, 201, 176, 0.07);
254
255 --focus-primary: var(--cx-cyan);
256
257 --message-mentioned-background-default: rgba(82, 148, 226, 0.08);
258 --message-mentioned-background-hover: rgba(82, 148, 226, 0.12);
259 --message-highlight-background-default: rgba(78, 201, 176, 0.07);
260 --message-highlight-background-hover: rgba(78, 201, 176, 0.11);
261
262 --background-code: rgba(7, 9, 15, 0.72);
263 --background-code-addition: rgba(78, 201, 148, 0.20);
264 --background-code-deletion: rgba(247, 118, 142, 0.20);
265
266 --interactive-muted: #363f5c;
267}
268
269.visual-refresh {
270
271 --neutral-97-hsl: 224deg 46% 7%;
272 --neutral-97: hsl(var(--neutral-97-hsl) / 1);
273 --neutral-99-hsl: var(--neutral-97-hsl);
274 --neutral-99: var(--neutral-97);
275
276 --neutral-83-hsl: 222deg 44% 9%;
277 --neutral-83: hsl(var(--neutral-83-hsl) / 1);
278 --neutral-84-hsl: var(--neutral-83-hsl);
279 --neutral-84: var(--neutral-83);
280 --neutral-87-hsl: var(--neutral-83-hsl);
281 --neutral-87: var(--neutral-83);
282 --neutral-91-hsl: var(--neutral-83-hsl);
283 --neutral-91: var(--neutral-83);
284 --neutral-92-hsl: var(--neutral-83-hsl);
285 --neutral-92: var(--neutral-83);
286 --neutral-95-hsl: var(--neutral-83-hsl);
287 --neutral-95: var(--neutral-83);
288
289 --neutral-76-hsl: 220deg 42% 11%;
290 --neutral-76: hsl(var(--neutral-76-hsl) / 1);
291 --neutral-75-hsl: var(--neutral-76-hsl);
292 --neutral-75: var(--neutral-76);
293 --neutral-79-hsl: var(--neutral-76-hsl);
294 --neutral-79: var(--neutral-76);
295
296 --neutral-72-hsl: 220deg 40% 13%;
297 --neutral-72: hsl(var(--neutral-72-hsl) / 1);
298 --neutral-73-hsl: var(--neutral-72-hsl);
299 --neutral-73: var(--neutral-72);
300 --neutral-74-hsl: var(--neutral-72-hsl);
301 --neutral-74: var(--neutral-72);
302
303 --neutral-69-hsl: 218deg 38% 16%;
304 --neutral-69: hsl(var(--neutral-69-hsl) / 1);
305 --neutral-70-hsl: var(--neutral-69-hsl);
306 --neutral-70: var(--neutral-69);
307 --neutral-71-hsl: var(--neutral-69-hsl);
308 --neutral-71: var(--neutral-69);
309
310 --neutral-66-hsl: 218deg 36% 19%;
311 --neutral-66: hsl(var(--neutral-66-hsl) / 1);
312 --neutral-62-hsl: var(--neutral-66-hsl);
313 --neutral-62: var(--neutral-66);
314 --neutral-63-hsl: var(--neutral-66-hsl);
315 --neutral-63: var(--neutral-66);
316 --neutral-64-hsl: var(--neutral-66-hsl);
317 --neutral-64: var(--neutral-66);
318 --neutral-65-hsl: var(--neutral-66-hsl);
319 --neutral-65: var(--neutral-66);
320
321 --neutral-49-hsl: 218deg 34% 22%;
322 --neutral-49: hsl(var(--neutral-49-hsl) / 1);
323 --neutral-50-hsl: var(--neutral-49-hsl);
324 --neutral-50: var(--neutral-49);
325 --neutral-59-hsl: var(--neutral-49-hsl);
326 --neutral-59: var(--neutral-49);
327 --neutral-60-hsl: var(--neutral-49-hsl);
328 --neutral-60: var(--neutral-49);
329
330 --neutral-45-hsl: 218deg 32% 26%;
331 --neutral-45: hsl(var(--neutral-45-hsl) / 1);
332 --neutral-46-hsl: var(--neutral-45-hsl);
333 --neutral-46: var(--neutral-45);
334 --neutral-47-hsl: var(--neutral-45-hsl);
335 --neutral-47: var(--neutral-45);
336
337 --neutral-40-hsl: 220deg 28% 33%;
338 --neutral-40: hsl(var(--neutral-40-hsl) / 1);
339 --neutral-36-hsl: var(--neutral-40-hsl);
340 --neutral-36: var(--neutral-40);
341 --neutral-37-hsl: var(--neutral-40-hsl);
342 --neutral-37: var(--neutral-40);
343 --neutral-38-hsl: var(--neutral-40-hsl);
344 --neutral-38: var(--neutral-40);
345 --neutral-39-hsl: var(--neutral-40-hsl);
346 --neutral-39: var(--neutral-40);
347
348 --neutral-31-hsl: 220deg 24% 42%;
349 --neutral-31: hsl(var(--neutral-31-hsl) / 1);
350 --neutral-32-hsl: var(--neutral-31-hsl);
351 --neutral-32: var(--neutral-31);
352 --neutral-34-hsl: var(--neutral-31-hsl);
353 --neutral-34: var(--neutral-31);
354
355 --neutral-19-hsl: 220deg 18% 60%;
356 --neutral-19: hsl(var(--neutral-19-hsl) / 1);
357 --neutral-22-hsl: var(--neutral-19-hsl);
358 --neutral-22: var(--neutral-19);
359 --neutral-23-hsl: var(--neutral-19-hsl);
360 --neutral-23: var(--neutral-19);
361 --neutral-27-hsl: var(--neutral-19-hsl);
362 --neutral-27: var(--neutral-19);
363 --neutral-28-hsl: var(--neutral-19-hsl);
364 --neutral-28: var(--neutral-19);
365 --neutral-29-hsl: var(--neutral-19-hsl);
366 --neutral-29: var(--neutral-19);
367
368 --neutral-15-hsl: 220deg 22% 72%;
369 --neutral-15: hsl(var(--neutral-15-hsl) / 1);
370 --neutral-16-hsl: var(--neutral-15-hsl);
371 --neutral-16: var(--neutral-15);
372
373 --neutral-12-hsl: 220deg 28% 83%;
374 --neutral-12: hsl(var(--neutral-12-hsl) / 1);
375 --neutral-11-hsl: 220deg 32% 88%;
376 --neutral-11: hsl(var(--neutral-11-hsl) / 1);
377 --neutral-9-hsl: 220deg 32% 88%;
378 --neutral-9: hsl(var(--neutral-9-hsl) / 1);
379 --neutral-8-hsl: 220deg 35% 91%;
380 --neutral-8: hsl(var(--neutral-8-hsl) / 1);
381
382 --neutral-4-hsl: 220deg 40% 94%;
383 --neutral-4: hsl(var(--neutral-4-hsl) / 1);
384 --neutral-2-hsl: 220deg 44% 97%;
385 --neutral-2: hsl(var(--neutral-2-hsl) / 1);
386 --neutral-1-hsl: 220deg 50% 99%;
387 --neutral-1: hsl(var(--neutral-1-hsl) / 1);
388
389 --blurple-49-hsl: 170deg 56% 54%;
390 --blurple-49: hsl(var(--blurple-49-hsl) / 1);
391 --blurple-50-hsl: var(--blurple-49-hsl);
392 --blurple-50: var(--blurple-49);
393 --blurple-52-hsl: var(--blurple-49-hsl);
394 --blurple-52: var(--blurple-49);
395
396 --blurple-54-hsl: 170deg 48% 46%;
397 --blurple-54: hsl(var(--blurple-54-hsl) / 1);
398 --blurple-58-hsl: var(--blurple-54-hsl);
399 --blurple-58: var(--blurple-54);
400 --blurple-59-hsl: var(--blurple-54-hsl);
401 --blurple-59: var(--blurple-54);
402 --blurple-60-hsl: var(--blurple-54-hsl);
403 --blurple-60: var(--blurple-54);
404
405 --blurple-65-hsl: 170deg 42% 40%;
406 --blurple-65: hsl(var(--blurple-65-hsl) / 1);
407
408 --blurple-70-hsl: 170deg 38% 34%;
409 --blurple-70: hsl(var(--blurple-70-hsl) / 1);
410 --blurple-87-hsl: 170deg 34% 26%;
411 --blurple-87: hsl(var(--blurple-87-hsl) / 1);
412
413 --blurple-37-hsl: 170deg 38% 62%;
414 --blurple-37: hsl(var(--blurple-37-hsl) / 1);
415 --blurple-44-hsl: var(--blurple-37-hsl);
416 --blurple-44: var(--blurple-37);
417 --blurple-48-hsl: var(--blurple-37-hsl);
418 --blurple-48: var(--blurple-37);
419
420 --blurple-25-hsl: var(--blurple-49-hsl);
421 --blurple-25: var(--blurple-49);
422 --blurple-26-hsl: var(--blurple-49-hsl);
423 --blurple-26: var(--blurple-49);
424 --blurple-27-hsl: var(--blurple-49-hsl);
425 --blurple-27: var(--blurple-49);
426 --blurple-28-hsl: var(--blurple-49-hsl);
427 --blurple-28: var(--blurple-49);
428 --blurple-29-hsl: var(--blurple-49-hsl);
429 --blurple-29: var(--blurple-49);
430
431 --blurple-1-hsl: 170deg 20% 95%;
432 --blurple-1: hsl(var(--blurple-1-hsl) / 1);
433 --blurple-4-hsl: 170deg 24% 89%;
434 --blurple-4: hsl(var(--blurple-4-hsl) / 1);
435 --blurple-8-hsl: var(--blurple-4-hsl);
436 --blurple-8: var(--blurple-4);
437 --blurple-10-hsl: var(--blurple-4-hsl);
438 --blurple-10: var(--blurple-4);
439
440 --white-500-hsl: 220deg 35% 91%;
441 --white-500: hsl(var(--white-500-hsl) / 1);
442 --black-500-hsl: 224deg 46% 7%;
443 --black-500: hsl(var(--black-500-hsl) / 1);
444
445 --green-new-61-hsl: 158deg 56% 55%;
446 --green-new-61: hsl(var(--green-new-61-hsl) / 1);
447
448 --red-new-61-hsl: 349deg 88% 73%;
449 --red-new-61: hsl(var(--red-new-61-hsl) / 1);
450
451 --yellow-new-57-hsl: 38deg 72% 70%;
452 --yellow-new-57: hsl(var(--yellow-new-57-hsl) / 1);
453
454 --blue-new-31-hsl: 211deg 73% 60%;
455 --blue-new-31: hsl(var(--blue-new-31-hsl) / 1);
456 --blue-new-35-hsl: 211deg 80% 66%;
457 --blue-new-35: hsl(var(--blue-new-35-hsl) / 1);
458}
459
460[class*=";popout_";],
461[class*=";menu_";],
462[class*=";contextMenu_";] {
463 background: rgba(13, 16, 28, 0.98) !important;
464 border: 1px solid var(--cx-line) !important;
465}
466
467[class*=";tooltip_";] {
468 background: rgba(11, 14, 26, 0.94) !important;
469 border: 1px solid var(--cx-line) !important;
470 color: var(--cx-text-1) !important;
471 font-size: 12px !important;
472 border-radius: var(--cx-r) !important;
473}
474
475[class*=";sidebar";]:not([class*=";icon";]):not([class*=";img";]) {
476 border-right: 1px solid var(--cx-line) !important;
477}
478
479[class*=";members";]:not([class*=";icon";]):not([class*=";img";]) {
480 border-left: 1px solid var(--cx-line) !important;
481}
482
483[class*=";guilds";],
484nav[class*=";sidebar";] {
485 background: rgba(7, 9, 15, 0.92) !important;
486 border-right: 1px solid var(--cx-line) !important;
487}
488
489[class*=";panels_";] {
490 border-top: 1px solid rgba(78, 201, 176, 0.20) !important;
491 background: rgba(7, 9, 15, 0.88) !important;
492}
493
494[class*=";channel";][aria-selected=";true";],
495[class*=";container";][class*=";selected";] {
496 position: relative;
497 border-left: 2px solid var(--cx-cyan) !important;
498}
499
500[class*=";textArea";],
501[class*=";channelTextArea_";],
502[class*=";textAreaSlate";],
503[class*=";slateContainer";] {
504 border-radius: var(--cx-r) !important;
505 border: 1px solid var(--cx-line) !important;
506 transition: border-color 0.18s ease !important;
507}
508
509[class*=";channelTextArea_";]:focus-within,
510[class*=";slateContainer";]:focus-within {
511 border-color: var(--cx-line-h) !important;
512 box-shadow: 0 0 0 2px rgba(78, 201, 176, 0.07) !important;
513}
514
515::-webkit-scrollbar {
516 width: 3px;
517 height: 3px;
518}
519::-webkit-scrollbar-track {
520 background: transparent;
521}
522::-webkit-scrollbar-thumb {
523 background: rgba(78, 201, 176, 0.18);
524 border-radius: 2px;
525}
526::-webkit-scrollbar-thumb:hover {
527 background: rgba(78, 201, 176, 0.32);
528}
529
530::selection {
531 background-color: rgba(78, 201, 176, 0.20);
532 color: #e2eaf8;
533}
534
535[class*=";lookFilled";][class*=";colorBrand";],
536[class*=";lookFilled";][class*=";colorGreen";] {
537 background-color: var(--cx-cyan) !important;
538 color: #07090f !important;
539 font-weight: 600 !important;
540 border-radius: var(--cx-r) !important;
541}
542[class*=";lookFilled";][class*=";colorBrand";]:hover,
543[class*=";lookFilled";][class*=";colorGreen";]:hover {
544 background-color: var(--cx-cyan-dim) !important;
545}
546
547[class*=";lookOutlined";][class*=";colorBrand";] {
548 border-color: var(--cx-cyan) !important;
549 color: var(--cx-cyan) !important;
550}
551[class*=";lookOutlined";][class*=";colorBrand";]:hover {
552 background-color: rgba(78, 201, 176, 0.10) !important;
553}
554
555[class*=";checked_";] [class*=";slider_";],
556input:checked + [class*=";slider";] {
557 background-color: var(--cx-cyan) !important;
558}
559
560a {
561 color: var(--cx-sky) !important;
562}
563a:hover {
564 color: var(--cx-cyan) !important;
565}
566
567[class*=";numberBadge";],
568[class*=";textBadge";],
569[class*=";badge";][class*=";count";] {
570 background-color: var(--cx-cyan) !important;
571 color: #07090f !important;
572 font-weight: 700 !important;
573}
574
575[class*=";pill_";] [class*=";item";] {
576 background-color: var(--cx-cyan) !important;
577}
578
579[class*=";codeContainer";],
580[class*=";markup";] code,
581pre,
582code {
583 background-color: rgba(7, 9, 15, 0.78) !important;
584 border: 1px solid var(--cx-line) !important;
585 border-radius: var(--cx-r) !important;
586 font-family: var(--cx-font) !important;
587}
588
589[class*=";codeContainer";] [class*=";scrollbarContainer";] {
590 padding: 0.7em 1em !important;
591}
592
593[class*=";reactionMe";] {
594 background: rgba(78, 201, 176, 0.10) !important;
595 border-color: rgba(78, 201, 176, 0.28) !important;
596}
597
598[class*=";mentioned";]:before {
599 background-color: var(--cx-blue) !important;
600}
601
602[class*=";mentioned";] {
603 background-color: rgba(82, 148, 226, 0.07) !important;
604}
605[class*=";mentioned";]:hover {
606 background-color: rgba(82, 148, 226, 0.11) !important;
607}
608
609[class*=";ephemeral";]:before,
610[class*=";replying";]:before {
611 background-color: var(--cx-cyan) !important;
612}
613
614[class*=";typing";] {
615 color: var(--cx-text-2) !important;
616}
617
618[class*=";containerDefault";] [class*=";name";]:not([class*=";nameUnread";]),
619[class*=";categoryName";] {
620 letter-spacing: 0.08em !important;
621 font-size: 10px !important;
622 font-weight: 600 !important;
623 color: var(--cx-text-2) !important;
624 text-transform: uppercase !important;
625}
626
627[class*=";channel";][class*=";unread";] [class*=";name";],
628[class*=";nameUnread";] {
629 color: var(--cx-text-0) !important;
630}
631
632[class*=";voiceChannel";][class*=";connected";],
633[class*=";voiceChannel";][class*=";connected";] [class*=";name";] {
634 color: var(--cx-cyan) !important;
635}
636
637[class*=";modal";] [class*=";root";],
638[class*=";modal";] [class*=";inner";] {
639 background: rgba(13, 17, 30, 0.96) !important;
640 border: 1px solid var(--cx-line) !important;
641 border-radius: var(--cx-r-lg) !important;
642}
643
644[class*=";menu";],
645[class*=";contextMenu";] {
646 background: rgba(11, 14, 26, 0.97) !important;
647 border: 1px solid var(--cx-line) !important;
648 border-radius: var(--cx-r) !important;
649 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6) !important;
650}
651
652[class*=";menu";] [class*=";item";]:hover,
653[class*=";contextMenu";] [class*=";item";]:hover {
654 background: rgba(78, 201, 176, 0.09) !important;
655 color: var(--cx-text-0) !important;
656}
657
658[class*=";divider";],
659[class*=";separator";] {
660 border-color: var(--cx-line) !important;
661}
662
663[class*=";profileBanner";],
664[class*=";banner";] {
665 background: linear-gradient(
666 135deg,
667 rgba(82, 148, 226, 0.30) 0%,
668 rgba(78, 201, 176, 0.22) 100%
669 ) !important;
670}
671
672[class*=";searchBar";],
673[class*=";search";] input {
674 background: rgba(7, 9, 15, 0.80) !important;
675 border: 1px solid var(--cx-line) !important;
676 border-radius: var(--cx-r) !important;
677 color: var(--cx-text-1) !important;
678}
679
680[class*=";searchBar";]:focus-within,
681[class*=";search";] input:focus {
682 border-color: var(--cx-line-h) !important;
683}
684
685[class*=";newMessagesBar";],
686[class*=";jumpToPresentBar";] {
687 background: var(--cx-cyan) !important;
688 color: #07090f !important;
689 font-weight: 600 !important;
690 border-radius: var(--cx-r) !important;
691}
692
693[class*=";timestamp";],
694[class*=";time";] {
695 color: var(--cx-text-2) !important;
696 font-size: 11px !important;
697}
698
699[class*=";channel_";],
700[class*=";containerDefault_";],
701[class*=";containerVoiceChannel_";] {
702 transition:
703 background-color 150ms ease,
704 color 150ms ease !important;
705}
706
707[class*=";wrapper_";][class*=";selected_";],
708[class*=";listItem_";] [class*=";wrapper_";] {
709 transition: transform 160ms cubic-bezier(0.34, 1.56, 0.64, 1) !important;
710}
711[class*=";listItem_";] [class*=";wrapper_";]:hover {
712 transform: scale(1.06) !important;
713}
714
715[class*=";icon_";][class*=";server_";],
716[class*=";iconWrapper_";] {
717 transition: border-radius 200ms ease !important;
718}
719
720[class*=";message_";],
721[class*=";cozyMessage_";],
722[class*=";groupStart_";] {
723 transition: background-color 120ms ease !important;
724}
725
726[class*=";lookFilled_";],
727[class*=";lookOutlined_";],
728[class*=";lookLink_";] {
729 transition:
730 background-color 150ms ease,
731 color 150ms ease,
732 border-color 150ms ease,
733 transform 80ms ease,
734 box-shadow 150ms ease !important;
735}
736[class*=";lookFilled_";]:active,
737[class*=";lookOutlined_";]:active {
738 transform: scale(0.97) !important;
739}
740
741[class*=";button_";][class*=";icon_";],
742[class*=";iconButtonDefault_";],
743[class*=";circleIconButton_";] {
744 transition:
745 background-color 140ms ease,
746 color 140ms ease,
747 transform 100ms ease !important;
748}
749[class*=";button_";][class*=";icon_";]:hover,
750[class*=";iconButtonDefault_";]:hover,
751[class*=";circleIconButton_";]:hover {
752 transform: scale(1.08) !important;
753}
754
755a {
756 transition: color 130ms ease !important;
757}
758
759[class*=";reaction_";] {
760 transition:
761 background-color 140ms ease,
762 border-color 140ms ease,
763 transform 120ms ease !important;
764}
765[class*=";reaction_";]:hover {
766 transform: scale(1.07) !important;
767}
768
769@keyframes cx-badge-in {
770 0% { transform: scale(0.6); opacity: 0; }
771 70% { transform: scale(1.12); }
772 100% { transform: scale(1.0); opacity: 1; }
773}
774[class*=";numberBadge_";],
775[class*=";textBadge_";] {
776 animation: cx-badge-in 240ms cubic-bezier(0.34, 1.56, 0.64, 1) both !important;
777}
778
779[class*=";slider_";] {
780 transition: background-color 200ms ease !important;
781}
782[class*=";slider_";]::before {
783 transition: transform 200ms cubic-bezier(0.34, 1.2, 0.64, 1) !important;
784}
785
786[class*=";menu_";] [class*=";item_";],
787[class*=";contextMenu_";] [class*=";item_";] {
788 transition:
789 background-color 110ms ease,
790 color 110ms ease !important;
791}
792
793@keyframes cx-bar-in {
794 from { transform: translateY(8px); opacity: 0; }
795 to { transform: translateY(0); opacity: 1; }
796}
797[class*=";newMessagesBar_";],
798[class*=";jumpToPresentBar_";] {
799 animation: cx-bar-in 200ms ease both !important;
800}
801
802[class*=";emojiItem_";] {
803 transition: transform 100ms ease !important;
804}
805[class*=";emojiItem_";]:hover {
806 transform: scale(1.18) !important;
807}
808
809[class*=";avatar_";],
810[class*=";avatarStack_";] img {
811 transition: transform 160ms ease !important;
812}
813[class*=";avatar_";]:hover {
814 transform: scale(1.06) !important;
815}
816
817[class*=";mask";] rect[fill=";#45a366";] { fill: var(--cx-online) }
818[class*=";mask";] rect[fill=";#ffc04e";] { fill: var(--cx-idle) }
819[class*=";mask";] rect[fill=";#da3e44";] { fill: var(--cx-dnd) }
820[class*=";mask";] rect[fill=";#84858d";] { fill: var(--cx-offline) }
821[class*=";mask";] rect[fill=";#9147ff";] { fill: var(--cx-stream) }
822