mirror/Tangerine-UI
1
0
Fork 0
mirror of https://github.com/nileane/TangerineUI-for-Mastodon synced 2024-12-01 00:08:13 +09:00
Code
0c38c5673d
Tangerine-UI/TangerineUI-purple.css
Niléane 0c38c5673d
Added icons for purple dark mode
2023-11-14 03:58:05 +01:00

4309 lines
246 KiB
CSS
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/* TangerineUI 🍊 for Mastodon ・ Purple variant 🪻
version: 2.0.0
A Tangerine redesign for Mastodon's Web UI.
https://github.com/nileane/TangerineUI-for-Mastodon/
by @nileane@nileane.fr
Compatible with: Mastodon v4.3.0 ✅
*/
/* 🎨 Colors */
:root {
--color-bg: #f2eff5;
--color-fg: #2a2d37;
--color-fg-muted: #888494;
--color-secondary-bg: #e8e4f2;
--color-secondary-separator: #dfdbed;
--color-content-bg: #ffffff;
--color-content-fg: #444a5a;
--color-content-fg-bold: #000000;
--color-content-fg-muted: #8b92a7;
--color-content-secondary-bg: #f5f4f9;
--color-content-secondary-separator: rgba(223, 219, 237, 0.4);
--color-content-bg-focus: #fffcfa;
--color-accent: #6364ff;
--color-accent-focus: #563acc;
--color-accent-lines: rgba(99, 100, 255, 0.12);
--color-accent-bg: #e5ddf6;
--color-accent-fg: #ffffff;
--color-lines: #e1dde4;
}
@media (prefers-color-scheme: dark) {
:root {
--color-bg: #030303;
--color-fg: #d6d2e0;
--color-fg-muted: #655e6e;
--color-secondary-bg: #1e162b;
--color-secondary-separator: #26232e;
--color-content-bg: #111111;
--color-content-fg: var(--color-fg);
--color-content-fg-bold: #ffffff;
--color-content-fg-muted: #737373;
--color-content-secondary-bg: #22212f;
--color-content-secondary-separator: rgba(64, 62, 89, 0.4);
--color-content-bg-focus: #1b1b1b;
--color-accent: #7a7af9;
--color-accent-focus: #5a47ff;
--color-accent-lines: rgba(122, 122, 249, 0.3);
--color-accent-bg: #261f3c;
--color-accent-fg: #ffffff;
--color-lines: #343434;
}
}
:root {
/* Mastodon logo */
--logo: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' class='mastodon-logo' viewBox='0 0 216.414 232.01'%3E%3Cdefs xmlns='http://www.w3.org/2000/svg'%3E%3ClinearGradient xmlns='http://www.w3.org/2000/svg' id='a' x2='0%25' y2='100%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0%25' stop-color='%23595aff'/%3E%3Cstop offset='100%25' stop-color='%23595aff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath xmlns='http://www.w3.org/2000/svg' fill='url(%23a)' d='M211.807 139.088c-3.18 16.366-28.492 34.277-57.562 37.748-15.159 1.809-30.084 3.471-45.999 2.741-26.027-1.192-46.565-6.212-46.565-6.212 0 2.534.156 4.946.469 7.202 3.384 25.687 25.47 27.225 46.391 27.943 21.116.723 39.919-5.206 39.919-5.206l.867 19.09s-14.77 7.931-41.08 9.39c-14.51.797-32.525-.365-53.507-5.919C9.232 213.82 1.406 165.311.209 116.091c-.365-14.613-.14-28.393-.14-39.918 0-50.33 32.976-65.083 32.976-65.083C49.672 3.454 78.204.242 107.865 0h.729c29.66.242 58.21 3.454 74.837 11.09 0 0 32.975 14.752 32.975 65.082 0 0 .414 37.134-4.599 62.916'/%3E%3Cpath fill='%23fff' d='M177.51 80.077v60.941h-24.144v-59.15c0-12.469-5.246-18.797-15.74-18.797-11.602 0-17.417 7.507-17.417 22.352V117.8H96.207V85.423c0-14.845-5.816-22.352-17.418-22.352-10.494 0-15.74 6.328-15.74 18.797v59.15H38.905V80.077c0-12.455 3.171-22.352 9.541-29.675 6.569-7.322 15.171-11.076 25.85-11.076 12.355 0 21.711 4.748 27.898 14.247l6.013 10.082 6.015-10.082c6.185-9.498 15.542-14.247 27.898-14.247 10.677 0 19.28 3.753 25.85 11.076 6.369 7.322 9.54 17.22 9.54 29.675'/%3E%3C/svg%3E");
/* Post+Notifications icons */
--icon-reply: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYsMjAwYTEyLDEyLDAsMCwxLTI0LDAsODQuMDksODQuMDksMCwwLDAtODQtODRINjFsMjcuNTIsMjcuNTFhMTIsMTIsMCwwLDEtMTcsMTdsLTQ4LTQ4YTEyLDEyLDAsMCwxLDAtMTdsNDgtNDhhMTIsMTIsMCwwLDEsMTcsMTdMNjEsOTJoNjdBMTA4LjEyLDEwOC4xMiwwLDAsMSwyMzYsMjAwWiI+PC9wYXRoPjwvc3ZnPg==");
--icon-reply-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYsMjAwYTEyLDEyLDAsMCwxLTI0LDAsODQuMDksODQuMDksMCwwLDAtODQtODRINjFsMjcuNTIsMjcuNTFhMTIsMTIsMCwwLDEtMTcsMTdsLTQ4LTQ4YTEyLDEyLDAsMCwxLDAtMTdsNDgtNDhhMTIsMTIsMCwwLDEsMTcsMTdMNjEsOTJoNjdBMTA4LjEyLDEwOC4xMiwwLDAsMSwyMzYsMjAwWiI+PC9wYXRoPjwvc3ZnPg==");
--icon-boost: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjcuODUsNDYuODlhMjAsMjAsMCwwLDAtMTguNzQtMTguNzRjLTEzLjEzLS43Ny00Ni42NS40Mi03NC40OCwyOC4yNEwxMzEsNjBINzQuMzZhMTkuODMsMTkuODMsMCwwLDAtMTQuMTQsNS44NkwyNS44NywxMDAuMTlhMjAsMjAsMCwwLDAsMTEuMzUsMzMuOTVsMzcuMTQsNS4xOCw0Mi4zMiw0Mi4zMiw1LjE5LDM3LjE4QTE5Ljg4LDE5Ljg4LDAsMCwwLDEzNS4zNCwyMzVhMjAuMTMsMjAuMTMsMCwwLDAsNi4zNywxLDE5LjksMTkuOSwwLDAsMCwxNC4xLTUuODdsMzQuMzQtMzQuMzVBMTkuODUsMTkuODUsMCwwLDAsMTk2LDE4MS42NFYxMjVsMy42LTMuNTlDMjI3LjQzLDkzLjU0LDIyOC42Miw2MCwyMjcuODUsNDYuODlaTTc2LDg0aDMxTDc1Ljc1LDExNS4yOGwtMjcuMjMtMy44Wk0xNTEuNiw3My4zN0E3Mi4yNyw3Mi4yNywwLDAsMSwyMDQsNTJhNzIuMTcsNzIuMTcsMCwwLDEtMjEuMzgsNTIuNDFMMTI4LDE1OSw5NywxMjhaTTE3MiwxODBsLTI3LjQ5LDI3LjQ5LTMuOC0yNy4yM0wxNzIsMTQ5Wm0tNzEuNjcsMjEuNjJDOTEuNjcsMjEzLjY1LDc0LjE2LDIyOCw0MCwyMjhhMTIsMTIsMCwwLDEtMTItMTJjMC0zNC4xNSwxNC4zNS01MS42NiwyNi4zOS02MC4zM2ExMiwxMiwwLDAsMSwxNCwxOS40N2MtNiw0LjMxLTEyLjg5LDEyLjUtMTUuNDIsMjcuODcsMTUuMzctMi41MywyMy41Ni05LjQ0LDI3Ljg3LTE1LjQyYTEyLDEyLDAsMSwxLDE5LjQ3LDE0WiI+PC9wYXRoPjwvc3ZnPg==");
--icon-boost-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjcuODUsNDYuODlhMjAsMjAsMCwwLDAtMTguNzQtMTguNzRjLTEzLjEzLS43Ny00Ni42NS40Mi03NC40OCwyOC4yNEwxMzEsNjBINzQuMzZhMTkuODMsMTkuODMsMCwwLDAtMTQuMTQsNS44NkwyNS44NywxMDAuMTlhMjAsMjAsMCwwLDAsMTEuMzUsMzMuOTVsMzcuMTQsNS4xOCw0Mi4zMiw0Mi4zMiw1LjE5LDM3LjE4QTE5Ljg4LDE5Ljg4LDAsMCwwLDEzNS4zNCwyMzVhMjAuMTMsMjAuMTMsMCwwLDAsNi4zNywxLDE5LjksMTkuOSwwLDAsMCwxNC4xLTUuODdsMzQuMzQtMzQuMzVBMTkuODUsMTkuODUsMCwwLDAsMTk2LDE4MS42NFYxMjVsMy42LTMuNTlDMjI3LjQzLDkzLjU0LDIyOC42Miw2MCwyMjcuODUsNDYuODlaTTc2LDg0aDMxTDc1Ljc1LDExNS4yOGwtMjcuMjMtMy44Wk0xNTEuNiw3My4zN0E3Mi4yNyw3Mi4yNywwLDAsMSwyMDQsNTJhNzIuMTcsNzIuMTcsMCwwLDEtMjEuMzgsNTIuNDFMMTI4LDE1OSw5NywxMjhaTTE3MiwxODBsLTI3LjQ5LDI3LjQ5LTMuOC0yNy4yM0wxNzIsMTQ5Wm0tNzEuNjcsMjEuNjJDOTEuNjcsMjEzLjY1LDc0LjE2LDIyOCw0MCwyMjhhMTIsMTIsMCwwLDEtMTItMTJjMC0zNC4xNSwxNC4zNS01MS42NiwyNi4zOS02MC4zM2ExMiwxMiwwLDAsMSwxNCwxOS40N2MtNiw0LjMxLTEyLjg5LDEyLjUtMTUuNDIsMjcuODcsMTUuMzctMi41MywyMy41Ni05LjQ0LDI3Ljg3LTE1LjQyYTEyLDEyLDAsMSwxLDE5LjQ3LDE0WiI+PC9wYXRoPjwvc3ZnPg==");
--icon-boost-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U1Mzg4MCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMDMuNzcsMTg1Ljk0QzEwMy4zOCwxODcuNDksOTMuNjMsMjI0LDQwLDIyNGE4LDgsMCwwLDEtOC04YzAtNTMuNjMsMzYuNTEtNjMuMzgsMzguMDYtNjMuNzdhOCw4LDAsMCwxLDMuODgsMTUuNTNjLS45LjI1LTIyLjQyLDYuNTQtMjUuNTYsMzkuODZDODEuNywyMDQuNDgsODgsMTgzLDg4LjI2LDE4MmE4LDgsMCwwLDEsMTUuNTEsNFptOTMtNjcuNEwxOTIsMTIzLjMxdjU4LjMzQTE1LjkxLDE1LjkxLDAsMCwxLDE4Ny4zMiwxOTNMMTUzLDIyNy4zQTE1LjkxLDE1LjkxLDAsMCwxLDE0MS43LDIzMmExNi4xMSwxNi4xMSwwLDAsMS01LjEtLjgzLDE1Ljk0LDE1Ljk0LDAsMCwxLTEwLjc4LTEyLjkybC01LjM3LTM4LjQ5TDc2LjI0LDEzNS41NWwtMzguNDctNS4zN0ExNiwxNiwwLDAsMSwyOC43LDEwM0w2Myw2OC42OEExNS45MSwxNS45MSwwLDAsMSw3NC4zNiw2NGg1OC4zM2w0Ljc3LTQuNzdjMjYuNjgtMjYuNjcsNTguODItMjcuODIsNzEuNDEtMjcuMDdhMTYsMTYsMCwwLDEsMTUsMTVDMjI0LjYsNTkuNzEsMjIzLjQ1LDkxLjg2LDE5Ni43OCwxMTguNTRaTTExNi42OSw4MEg3NC4zNkw0MCwxMTQuMzRsMzcuMTUsNS4xOFpNMTc2LDEzOS4zMWwtMzkuNTMsMzkuNTNMMTQxLjY3LDIxNiwxNzYsMTgxLjY0WiI+PC9wYXRoPjwvc3ZnPg==");
--icon-star: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDMsOTYuMDVhMjAsMjAsMCwwLDAtMTcuMjYtMTMuNzJsLTU3LTQuOTMtMjIuMy01My4xNGgwYTIwLDIwLDAsMCwwLTM2LjgyLDBMODcuMjksNzcuNGwtNTcsNC45M0EyMCwyMCwwLDAsMCwxOC44NywxMTcuNGw0My4zMiwzNy44LTEzLDU2LjI0QTIwLDIwLDAsMCwwLDc5LDIzMy4xbDQ5LTI5Ljc2LDQ5LDI5Ljc2YTIwLDIwLDAsMCwwLDI5LjgtMjEuNjZsLTEzLTU2LjI0LDQzLjMyLTM3LjhBMjAsMjAsMCwwLDAsMjQzLDk2LjA1Wm0tNjYuNzUsNDIuNjJhMjAsMjAsMCwwLDAtNi4zNSwxOS42M2wxMS4zOSw0OS4zMi00Mi45NC0yNi4wOGExOS45LDE5LjksMCwwLDAtMjAuNywwTDc0LjcxLDIwNy42Miw4Ni4xLDE1OC4zYTIwLDIwLDAsMCwwLTYuMzUtMTkuNjNMNDEuNjYsMTA1LjQ0LDkxLjgsMTAxLjFhMTkuOTIsMTkuOTIsMCwwLDAsMTYuNjktMTIuMTlMMTI4LDQyLjQybDE5LjUxLDQ2LjQ5QTE5LjkyLDE5LjkyLDAsMCwwLDE2NC4yLDEwMS4xbDUwLjE0LDQuMzRaIj48L3BhdGg+PC9zdmc+");
--icon-star-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDMsOTYuMDVhMjAsMjAsMCwwLDAtMTcuMjYtMTMuNzJsLTU3LTQuOTMtMjIuMy01My4xNGgwYTIwLDIwLDAsMCwwLTM2LjgyLDBMODcuMjksNzcuNGwtNTcsNC45M0EyMCwyMCwwLDAsMCwxOC44NywxMTcuNGw0My4zMiwzNy44LTEzLDU2LjI0QTIwLDIwLDAsMCwwLDc5LDIzMy4xbDQ5LTI5Ljc2LDQ5LDI5Ljc2YTIwLDIwLDAsMCwwLDI5LjgtMjEuNjZsLTEzLTU2LjI0LDQzLjMyLTM3LjhBMjAsMjAsMCwwLDAsMjQzLDk2LjA1Wm0tNjYuNzUsNDIuNjJhMjAsMjAsMCwwLDAtNi4zNSwxOS42M2wxMS4zOSw0OS4zMi00Mi45NC0yNi4wOGExOS45LDE5LjksMCwwLDAtMjAuNywwTDc0LjcxLDIwNy42Miw4Ni4xLDE1OC4zYTIwLDIwLDAsMCwwLTYuMzUtMTkuNjNMNDEuNjYsMTA1LjQ0LDkxLjgsMTAxLjFhMTkuOTIsMTkuOTIsMCwwLDAsMTYuNjktMTIuMTlMMTI4LDQyLjQybDE5LjUxLDQ2LjQ5QTE5LjkyLDE5LjkyLDAsMCwwLDE2NC4yLDEwMS4xbDUwLjE0LDQuMzRaIj48L3BhdGg+PC9zdmc+");
--icon-star-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y0Yjk0MiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzQuNSwxMTQuMzhsLTQ1LjEsMzkuMzYsMTMuNTEsNTguNmExNiwxNiwwLDAsMS0yMy44NCwxNy4zNGwtNTEuMTEtMzEtNTEsMzFhMTYsMTYsMCwwLDEtMjMuODQtMTcuMzRMNjYuNjEsMTUzLjgsMjEuNSwxMTQuMzhhMTYsMTYsMCwwLDEsOS4xMS0yOC4wNmw1OS40Ni01LjE1LDIzLjIxLTU1LjM2YTE1Ljk1LDE1Ljk1LDAsMCwxLDI5LjQ0LDBoMEwxNjYsODEuMTdsNTkuNDQsNS4xNWExNiwxNiwwLDAsMSw5LjExLDI4LjA2WiI+PC9wYXRoPjwvc3ZnPg==");
--icon-bookmark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQsMjhINzJBMjAsMjAsMCwwLDAsNTIsNDhWMjI0YTEyLDEyLDAsMCwwLDE4LjM2LDEwLjE4bDU3LjYzLTM2LDU3LjY1LDM2QTEyLDEyLDAsMCwwLDIwNCwyMjRWNDhBMjAsMjAsMCwwLDAsMTg0LDI4Wm0tNCwyNFYxNTQuMzVsLTQ1LjY1LTI4LjUzYTEyLDEyLDAsMCwwLTEyLjcyLDBMNzYsMTU0LjM1VjUyWk0xMzQuMzUsMTczLjgyYTEyLDEyLDAsMCwwLTEyLjcyLDBMNzYsMjAyLjM1di0xOS43bDUyLTMyLjUsNTIsMzIuNXYxOS43WiI+PC9wYXRoPjwvc3ZnPg==");
--icon-bookmark-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQsMjhINzJBMjAsMjAsMCwwLDAsNTIsNDhWMjI0YTEyLDEyLDAsMCwwLDE4LjM2LDEwLjE4bDU3LjYzLTM2LDU3LjY1LDM2QTEyLDEyLDAsMCwwLDIwNCwyMjRWNDhBMjAsMjAsMCwwLDAsMTg0LDI4Wm0tNCwyNFYxNTQuMzVsLTQ1LjY1LTI4LjUzYTEyLDEyLDAsMCwwLTEyLjcyLDBMNzYsMTU0LjM1VjUyWk0xMzQuMzUsMTczLjgyYTEyLDEyLDAsMCwwLTEyLjcyLDBMNzYsMjAyLjM1di0xOS43bDUyLTMyLjUsNTIsMzIuNXYxOS43WiI+PC9wYXRoPjwvc3ZnPg==");
--icon-bookmark-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzUzYjc4MSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQsMzJINzJBMTYsMTYsMCwwLDAsNTYsNDhWMjI0YTgsOCwwLDAsMCwxMi4yNCw2Ljc4TDEyOCwxOTMuNDNsNTkuNzcsMzcuMzVBOCw4LDAsMCwwLDIwMCwyMjRWNDhBMTYsMTYsMCwwLDAsMTg0LDMyWk0xMzIuMjMsMTc3LjIyYTgsOCwwLDAsMC04LjQ4LDBMNzIsMjA5LjU3VjE4MC40M2w1Ni0zNSw1NiwzNXYyOS4xNFoiPjwvcGF0aD48L3N2Zz4=");
--icon-translate: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDIuNzMsMjEwLjYzbC01Ni0xMTJhMTIsMTIsMCwwLDAtMjEuNDYsMGwtMjAuNTIsNDFBODQuMiw4NC4yLDAsMCwxLDEwNiwxMjYuMjIsMTA3LjQ4LDEwNy40OCwwLDAsMCwxMzEuMzMsNjhIMTUyYTEyLDEyLDAsMCwwLDAtMjRIMTAwVjMyYTEyLDEyLDAsMCwwLTI0LDBWNDRIMjRhMTIsMTIsMCwwLDAsMCwyNGg4My4xM0E4My42OSw4My42OSwwLDAsMSw4OCwxMTAuMzUsODQsODQsMCwwLDEsNzUuNiw5MWExMiwxMiwwLDEsMC0yMS44MSwxMEExMDcuNTUsMTA3LjU1LDAsMCwwLDcwLDEyNi4yNCw4My41NCw4My41NCwwLDAsMSwyNCwxNDBhMTIsMTIsMCwwLDAsMCwyNCwxMDcuNDcsMTA3LjQ3LDAsMCwwLDY0LTIxLjA3LDEwOC40LDEwOC40LDAsMCwwLDQ1LjM5LDE5LjQ0bC0yNC4xMyw0OC4yNmExMiwxMiwwLDEsMCwyMS40NiwxMC43M0wxNDMuNDEsMTk2aDY1LjE3bDEyLjY4LDI1LjM2YTEyLDEyLDAsMSwwLDIxLjQ3LTEwLjczWk0xNTUuNDEsMTcyLDE3NiwxMzAuODMsMTk2LjU4LDE3MloiPjwvcGF0aD48L3N2Zz4=");
--icon-translate-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDIuNzMsMjEwLjYzbC01Ni0xMTJhMTIsMTIsMCwwLDAtMjEuNDYsMGwtMjAuNTIsNDFBODQuMiw4NC4yLDAsMCwxLDEwNiwxMjYuMjIsMTA3LjQ4LDEwNy40OCwwLDAsMCwxMzEuMzMsNjhIMTUyYTEyLDEyLDAsMCwwLDAtMjRIMTAwVjMyYTEyLDEyLDAsMCwwLTI0LDBWNDRIMjRhMTIsMTIsMCwwLDAsMCwyNGg4My4xM0E4My42OSw4My42OSwwLDAsMSw4OCwxMTAuMzUsODQsODQsMCwwLDEsNzUuNiw5MWExMiwxMiwwLDEsMC0yMS44MSwxMEExMDcuNTUsMTA3LjU1LDAsMCwwLDcwLDEyNi4yNCw4My41NCw4My41NCwwLDAsMSwyNCwxNDBhMTIsMTIsMCwwLDAsMCwyNCwxMDcuNDcsMTA3LjQ3LDAsMCwwLDY0LTIxLjA3LDEwOC40LDEwOC40LDAsMCwwLDQ1LjM5LDE5LjQ0bC0yNC4xMyw0OC4yNmExMiwxMiwwLDEsMCwyMS40NiwxMC43M0wxNDMuNDEsMTk2aDY1LjE3bDEyLjY4LDI1LjM2YTEyLDEyLDAsMSwwLDIxLjQ3LTEwLjczWk0xNTUuNDEsMTcyLDE3NiwxMzAuODMsMTk2LjU4LDE3MloiPjwvcGF0aD48L3N2Zz4=");
--icon-translate-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsMTI5Ljg5LDE3NS4wNiwxNjBIMTQ0Ljk0bDYuMzYtMTIuN3YwWk0yMjQsNDhWMjA4YTE2LDE2LDAsMCwxLTE2LDE2SDQ4YTE2LDE2LDAsMCwxLTE2LTE2VjQ4QTE2LDE2LDAsMCwxLDQ4LDMySDIwOEExNiwxNiwwLDAsMSwyMjQsNDhaTTIwNy4xNiwxODguNDJsLTQwLTgwYTgsOCwwLDAsMC0xNC4zMiwwTDEzOS42NiwxMzQuOGE2Mi4zMSw2Mi4zMSwwLDAsMS0yMy42MS0xMEE3OS42MSw3OS42MSwwLDAsMCwxMzUuNiw4MEgxNTJhOCw4LDAsMCwwLDAtMTZIMTEyVjU2YTgsOCwwLDAsMC0xNiwwdjhINTZhOCw4LDAsMCwwLDAsMTZoNjMuNDhhNjMuNzMsNjMuNzMsMCwwLDEtMTUuMywzNC4wNSw2NS45Myw2NS45MywwLDAsMS05LTEzLjYxLDgsOCwwLDAsMC0xNC4zMiw3LjEyLDgxLjc1LDgxLjc1LDAsMCwwLDExLjQsMTcuMTVBNjMuNjIsNjMuNjIsMCwwLDEsNTYsMTM2YTgsOCwwLDAsMCwwLDE2LDc5LjU2LDc5LjU2LDAsMCwwLDQ4LjExLTE2LjEzLDc4LjMzLDc4LjMzLDAsMCwwLDI4LjE4LDEzLjY2bC0xOS40NSwzOC44OWE4LDgsMCwwLDAsMTQuMzIsNy4xNkwxMzYuOTQsMTc2aDQ2LjEybDkuNzgsMTkuNThhOCw4LDAsMSwwLDE0LjMyLTcuMTZaIj48L3BhdGg+PC9zdmc+");
--icon-ellipsis: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsOTZhMzIsMzIsMCwxLDAsMzIsMzJBMzIsMzIsMCwwLDAsMTI4LDk2Wm0wLDQ4YTE2LDE2LDAsMSwxLDE2LTE2QTE2LDE2LDAsMCwxLDEyOCwxNDRaTTQ4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDQ4LDk2Wm0wLDQ4YTE2LDE2LDAsMSwxLDE2LTE2QTE2LDE2LDAsMCwxLDQ4LDE0NFpNMjA4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDIwOCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSwyMDgsMTQ0WiI+PC9wYXRoPjwvc3ZnPg==");
--icon-ellipsis-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTIsMTI4YTI0LDI0LDAsMSwxLTI0LTI0QTI0LDI0LDAsMCwxLDE1MiwxMjhaTTQ4LDEwNGEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCw0OCwxMDRabTE2MCwwYTI0LDI0LDAsMSwwLDI0LDI0QTI0LDI0LDAsMCwwLDIwOCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDEyOCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSwxMjgsMTQ0Wk00OCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCw0OCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSw0OCwxNDRaTTIwOCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCwyMDgsOTZabTAsNDhhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMjA4LDE0NFoiPjwvcGF0aD48L3N2Zz4=");
--icon-ellipsis-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTYsMTI4YTI4LDI4LDAsMSwxLTI4LTI4QTI4LDI4LDAsMCwxLDE1NiwxMjhaTTQ4LDEwMGEyOCwyOCwwLDEsMCwyOCwyOEEyOCwyOCwwLDAsMCw0OCwxMDBabTE2MCwwYTI4LDI4LDAsMSwwLDI4LDI4QTI4LDI4LDAsMCwwLDIwOCwxMDBaIj48L3BhdGg+PC9zdmc+");
--icon-poll: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsOTJIMTgwVjU2YTEyLDEyLDAsMCwwLTEyLTEySDUyVjQwYTEyLDEyLDAsMCwwLTI0LDBWMjE2YTEyLDEyLDAsMCwwLDI0LDB2LTRoODRhMTIsMTIsMCwwLDAsMTItMTJWMTY0aDY4YTEyLDEyLDAsMCwwLDEyLTEyVjEwNEExMiwxMiwwLDAsMCwyMTYsOTJaTTE1Niw2OFY5Mkg1MlY2OFpNMTI0LDE4OEg1MlYxNjRoNzJabTgwLTQ4SDUyVjExNkgyMDRaIj48L3BhdGg+PC9zdmc+");
--icon-poll-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsOTJIMTgwVjU2YTEyLDEyLDAsMCwwLTEyLTEySDUyVjQwYTEyLDEyLDAsMCwwLTI0LDBWMjE2YTEyLDEyLDAsMCwwLDI0LDB2LTRoODRhMTIsMTIsMCwwLDAsMTItMTJWMTY0aDY4YTEyLDEyLDAsMCwwLDEyLTEyVjEwNEExMiwxMiwwLDAsMCwyMTYsOTJaTTE1Niw2OFY5Mkg1MlY2OFpNMTI0LDE4OEg1MlYxNjRoNzJabTgwLTQ4SDUyVjExNkgyMDRaIj48L3BhdGg+PC9zdmc+");
--icon-post: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNjOWM1YmU7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIyNCwxMjhBOTYsOTYsMCwwLDEsNzkuOTMsMjExLjExaDBMNDIuNTQsMjIzLjU4YTgsOCwwLDAsMS0xMC4xMi0xMC4xMmwxMi40Ny0zNy4zOWgwQTk2LDk2LDAsMSwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0QTEwNCwxMDQsMCwwLDAsMzYuMTgsMTc2Ljg4TDI0LjgzLDIxMC45M2ExNiwxNiwwLDAsMCwyMC4yNCwyMC4yNGwzNC4wNS0xMS4zNUExMDQsMTA0LDAsMSwwLDEyOCwyNFptMCwxOTJhODcuODcsODcuODcsMCwwLDEtNDQuMDYtMTEuODEsOCw4LDAsMCwwLTQtMS4wOCw3Ljg1LDcuODUsMCwwLDAtMi41My40Mkw0MCwyMTYsNTIuNDcsMTc4LjZhOCw4LDAsMCwwLS42Ni02LjU0QTg4LDg4LDAsMSwxLDEyOCwyMTZabTEyLTg4YTEyLDEyLDAsMSwxLTEyLTEyQTEyLDEyLDAsMCwxLDE0MCwxMjhabS00NCwwYTEyLDEyLDAsMSwxLTEyLTEyQTEyLDEyLDAsMCwxLDk2LDEyOFptODgsMGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxODQsMTI4WiI+PC9wYXRoPjwvc3ZnPg==");
--icon-post-notification: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjAsMTI4YTE2LDE2LDAsMSwxLTE2LTE2QTE2LDE2LDAsMCwxLDEyMCwxMjhabTMyLTE2YTE2LDE2LDAsMSwwLDE2LDE2QTE2LDE2LDAsMCwwLDE1MiwxMTJabTg0LDE2QTEwOCwxMDgsMCwwLDEsNzguNzcsMjI0LjE1TDQ2LjM0LDIzNUEyMCwyMCwwLDAsMSwyMSwyMDkuNjZsMTAuODEtMzIuNDNBMTA4LDEwOCwwLDEsMSwyMzYsMTI4Wm0tMjQsMEE4NCw4NCwwLDEsMCw1NS4yNywxNzAuMDZhMTIsMTIsMCwwLDEsMSw5LjgxbC05LjkzLDI5Ljc5LDI5Ljc5LTkuOTNhMTIuMSwxMi4xLDAsMCwxLDMuOC0uNjIsMTIsMTIsMCwwLDEsNiwxLjYyQTg0LDg0LDAsMCwwLDIxMiwxMjhaIj48L3BhdGg+PC9zdmc+");
--icon-post-notification-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjAsMTI4YTE2LDE2LDAsMSwxLTE2LTE2QTE2LDE2LDAsMCwxLDEyMCwxMjhabTMyLTE2YTE2LDE2LDAsMSwwLDE2LDE2QTE2LDE2LDAsMCwwLDE1MiwxMTJabTg0LDE2QTEwOCwxMDgsMCwwLDEsNzguNzcsMjI0LjE1TDQ2LjM0LDIzNUEyMCwyMCwwLDAsMSwyMSwyMDkuNjZsMTAuODEtMzIuNDNBMTA4LDEwOCwwLDEsMSwyMzYsMTI4Wm0tMjQsMEE4NCw4NCwwLDEsMCw1NS4yNywxNzAuMDZhMTIsMTIsMCwwLDEsMSw5LjgxbC05LjkzLDI5Ljc5LDI5Ljc5LTkuOTNhMTIuMSwxMi4xLDAsMCwxLDMuOC0uNjIsMTIsMTIsMCwwLDEsNiwxLjYyQTg0LDg0LDAsMCwwLDIxMiwxMjhaIj48L3BhdGg+PC9zdmc+");
--icon-users: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMzYsMTA4QTUyLDUyLDAsMSwxLDg0LDU2LDUyLDUyLDAsMCwxLDEzNiwxMDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTE3LjI1LDE1Ny45MmE2MCw2MCwwLDEsMC02Ni41LDBBOTUuODMsOTUuODMsMCwwLDAsMy41MywxOTUuNjNhOCw4LDAsMSwwLDEzLjQsOC43NCw4MCw4MCwwLDAsMSwxMzQuMTQsMCw4LDgsMCwwLDAsMTMuNC04Ljc0QTk1LjgzLDk1LjgzLDAsMCwwLDExNy4yNSwxNTcuOTJaTTQwLDEwOGE0NCw0NCwwLDEsMSw0NCw0NEE0NC4wNSw0NC4wNSwwLDAsMSw0MCwxMDhabTIxMC4xNCw5OC43YTgsOCwwLDAsMS0xMS4wNy0yLjMzQTc5LjgzLDc5LjgzLDAsMCwwLDE3MiwxNjhhOCw4LDAsMCwxLDAtMTYsNDQsNDQsMCwxLDAtMTYuMzQtODQuODcsOCw4LDAsMSwxLTUuOTQtMTQuODUsNjAsNjAsMCwwLDEsNTUuNTMsMTA1LjY0LDk1LjgzLDk1LjgzLDAsMCwxLDQ3LjIyLDM3LjcxQTgsOCwwLDAsMSwyNTAuMTQsMjA2LjdaIj48L3BhdGg+PC9zdmc+");
--icon-user-plus: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNTYsMTM2YTEyLDEyLDAsMCwxLTEyLDEyaC04djhhMTIsMTIsMCwwLDEtMjQsMHYtOGgtOGExMiwxMiwwLDAsMSwwLTI0aDh2LThhMTIsMTIsMCwwLDEsMjQsMHY4aDhBMTIsMTIsMCwwLDEsMjU2LDEzNlptLTU0LjgxLDU2LjI4YTEyLDEyLDAsMSwxLTE4LjM4LDE1LjQ0QzE2OS4xMiwxOTEuNDIsMTQ1LDE3MiwxMDgsMTcyYy0yOC44OSwwLTU1LjQ2LDEyLjY4LTc0LjgxLDM1LjcyYTEyLDEyLDAsMCwxLTE4LjM4LTE1LjQ0QTEyNC4wOCwxMjQuMDgsMCwwLDEsNjMuNSwxNTYuNTNhNzIsNzIsMCwxLDEsODksMEExMjQsMTI0LDAsMCwxLDIwMS4xOSwxOTIuMjhaTTEwOCwxNDhhNDgsNDgsMCwxLDAtNDgtNDhBNDguMDUsNDguMDUsMCwwLDAsMTA4LDE0OFoiPjwvcGF0aD48L3N2Zz4=");
--icon-user-plus-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNTYsMTM2YTEyLDEyLDAsMCwxLTEyLDEyaC04djhhMTIsMTIsMCwwLDEtMjQsMHYtOGgtOGExMiwxMiwwLDAsMSwwLTI0aDh2LThhMTIsMTIsMCwwLDEsMjQsMHY4aDhBMTIsMTIsMCwwLDEsMjU2LDEzNlptLTU0LjgxLDU2LjI4YTEyLDEyLDAsMSwxLTE4LjM4LDE1LjQ0QzE2OS4xMiwxOTEuNDIsMTQ1LDE3MiwxMDgsMTcyYy0yOC44OSwwLTU1LjQ2LDEyLjY4LTc0LjgxLDM1LjcyYTEyLDEyLDAsMCwxLTE4LjM4LTE1LjQ0QTEyNC4wOCwxMjQuMDgsMCwwLDEsNjMuNSwxNTYuNTNhNzIsNzIsMCwxLDEsODksMEExMjQsMTI0LDAsMCwxLDIwMS4xOSwxOTIuMjhaTTEwOCwxNDhhNDgsNDgsMCwxLDAtNDgtNDhBNDguMDUsNDguMDUsMCwwLDAsMTA4LDE0OFoiPjwvcGF0aD48L3N2Zz4=");
/* Navigation icons */
--icon-home: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTE1LjU0VjIwOGE4LDgsMCwwLDEtOCw4SDE2MGE4LDgsMCwwLDEtOC04VjE2MGE4LDgsMCwwLDAtOC04SDExMmE4LDgsMCwwLDAtOCw4djQ4YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLTgtOFYxMTUuNTRhOCw4LDAsMCwxLDIuNjItNS45Mmw4MC03NS41NGE4LDgsMCwwLDEsMTAuNzcsMGw4MCw3NS41NEE4LDgsMCwwLDEsMjE2LDExNS41NFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTguODMsMTAzLjc3bC04MC03NS40OGExLjE0LDEuMTQsMCwwLDEtLjExLS4xMSwxNiwxNiwwLDAsMC0yMS41MywwbC0uMTEuMTFMMzcuMTcsMTAzLjc3QTE2LDE2LDAsMCwwLDMyLDExNS41NVYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIOTZhMTYsMTYsMCwwLDAsMTYtMTZWMTYwaDMydjQ4YTE2LDE2LDAsMCwwLDE2LDE2aDQ4YTE2LDE2LDAsMCwwLDE2LTE2VjExNS41NUExNiwxNiwwLDAsMCwyMTguODMsMTAzLjc3Wk0yMDgsMjA4SDE2MFYxNjBhMTYsMTYsMCwwLDAtMTYtMTZIMTEyYTE2LDE2LDAsMCwwLTE2LDE2djQ4SDQ4VjExNS41NWwuMTEtLjFMMTI4LDQwbDc5LjksNzUuNDMuMTEuMVoiPjwvcGF0aD48L3N2Zz4=");
--icon-home-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTE1LjU0VjIwOGE4LDgsMCwwLDEtOCw4SDE2MGE4LDgsMCwwLDEtOC04VjE2MGE4LDgsMCwwLDAtOC04SDExMmE4LDgsMCwwLDAtOCw4djQ4YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLTgtOFYxMTUuNTRhOCw4LDAsMCwxLDIuNjItNS45Mmw4MC03NS41NGE4LDgsMCwwLDEsMTAuNzcsMGw4MCw3NS41NEE4LDgsMCwwLDEsMjE2LDExNS41NFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTguODMsMTAzLjc3bC04MC03NS40OGExLjE0LDEuMTQsMCwwLDEtLjExLS4xMSwxNiwxNiwwLDAsMC0yMS41MywwbC0uMTEuMTFMMzcuMTcsMTAzLjc3QTE2LDE2LDAsMCwwLDMyLDExNS41NVYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIOTZhMTYsMTYsMCwwLDAsMTYtMTZWMTYwaDMydjQ4YTE2LDE2LDAsMCwwLDE2LDE2aDQ4YTE2LDE2LDAsMCwwLDE2LTE2VjExNS41NUExNiwxNiwwLDAsMCwyMTguODMsMTAzLjc3Wk0yMDgsMjA4SDE2MFYxNjBhMTYsMTYsMCwwLDAtMTYtMTZIMTEyYTE2LDE2LDAsMCwwLTE2LDE2djQ4SDQ4VjExNS41NWwuMTEtLjFMMTI4LDQwbDc5LjksNzUuNDMuMTEuMVoiPjwvcGF0aD48L3N2Zz4=");
--icon-bell: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsMTkySDQ4YTgsOCwwLDAsMS02Ljg4LTEyQzQ3LjcxLDE2OC42LDU2LDEzOS44MSw1NiwxMDRhNzIsNzIsMCwwLDEsMTQ0LDBjMCwzNS44Miw4LjMsNjQuNiwxNC45LDc2QTgsOCwwLDAsMSwyMDgsMTkyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyMS44LDE3NS45NEMyMTYuMjUsMTY2LjM4LDIwOCwxMzkuMzMsMjA4LDEwNGE4MCw4MCwwLDEsMC0xNjAsMGMwLDM1LjM0LTguMjYsNjIuMzgtMTMuODEsNzEuOTRBMTYsMTYsMCwwLDAsNDgsMjAwSDg4LjgxYTQwLDQwLDAsMCwwLDc4LjM4LDBIMjA4YTE2LDE2LDAsMCwwLDEzLjgtMjQuMDZaTTEyOCwyMTZhMjQsMjQsMCwwLDEtMjIuNjItMTZoNDUuMjRBMjQsMjQsMCwwLDEsMTI4LDIxNlpNNDgsMTg0YzcuNy0xMy4yNCwxNi00My45MiwxNi04MGE2NCw2NCwwLDEsMSwxMjgsMGMwLDM2LjA1LDguMjgsNjYuNzMsMTYsODBaIj48L3BhdGg+PC9zdmc+");
--icon-bell-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsMTkySDQ4YTgsOCwwLDAsMS02Ljg4LTEyQzQ3LjcxLDE2OC42LDU2LDEzOS44MSw1NiwxMDRhNzIsNzIsMCwwLDEsMTQ0LDBjMCwzNS44Miw4LjMsNjQuNiwxNC45LDc2QTgsOCwwLDAsMSwyMDgsMTkyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyMS44LDE3NS45NEMyMTYuMjUsMTY2LjM4LDIwOCwxMzkuMzMsMjA4LDEwNGE4MCw4MCwwLDEsMC0xNjAsMGMwLDM1LjM0LTguMjYsNjIuMzgtMTMuODEsNzEuOTRBMTYsMTYsMCwwLDAsNDgsMjAwSDg4LjgxYTQwLDQwLDAsMCwwLDc4LjM4LDBIMjA4YTE2LDE2LDAsMCwwLDEzLjgtMjQuMDZaTTEyOCwyMTZhMjQsMjQsMCwwLDEtMjIuNjItMTZoNDUuMjRBMjQsMjQsMCwwLDEsMTI4LDIxNlpNNDgsMTg0YzcuNy0xMy4yNCwxNi00My45MiwxNi04MGE2NCw2NCwwLDEsMSwxMjgsMGMwLDM2LjA1LDguMjgsNjYuNzMsMTYsODBaIj48L3BhdGg+PC9zdmc+");
--icon-hashtag: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsOTZ2NjRIOTZWOTZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjE2LDE1MkgxNjhWMTA0aDQ4YTgsOCwwLDAsMCwwLTE2SDE2OFY0MGE4LDgsMCwwLDAtMTYsMFY4OEgxMDRWNDBhOCw4LDAsMCwwLTE2LDBWODhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhhOCw4LDAsMCwwLDE2LDBWMTY4aDQ4djQ4YTgsOCwwLDAsMCwxNiwwVjE2OGg0OGE4LDgsMCwwLDAsMC0xNlptLTExMiwwVjEwNGg0OHY0OFoiPjwvcGF0aD48L3N2Zz4=");
--icon-hashtag-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsOTZ2NjRIOTZWOTZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjE2LDE1MkgxNjhWMTA0aDQ4YTgsOCwwLDAsMCwwLTE2SDE2OFY0MGE4LDgsMCwwLDAtMTYsMFY4OEgxMDRWNDBhOCw4LDAsMCwwLTE2LDBWODhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhhOCw4LDAsMCwwLDE2LDBWMTY4aDQ4djQ4YTgsOCwwLDAsMCwxNiwwVjE2OGg0OGE4LDgsMCwwLDAsMC0xNlptLTExMiwwVjEwNGg0OHY0OFoiPjwvcGF0aD48L3N2Zz4=");
--icon-globe: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4YTg4LDg4LDAsMSwxLTg4LTg4QTg4LDg4LDAsMCwxLDIxNiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ1LjExLDYwLjY4Yy03LjY1LTEzLjE5LTI3Ljg0LTE2LjE2LTU4LjUtOC42NkE5NS45Myw5NS45MywwLDAsMCwzMiwxMjhhOTgsOTgsMCwwLDAsLjc4LDEyLjMxQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNEE5NS45Myw5NS45MywwLDAsMCwyMjQsMTI4YTk3LjA4LDk3LjA4LDAsMCwwLS43Ny0xMi4yNWMxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4Wk0xMjgsNDhhODAuMTEsODAuMTEsMCwwLDEsNzgsNjIuMmMtMTcuMDYsMTYuMDYtNDAuMTUsMzIuNTMtNjIuMDcsNDUuMTNDMTE2LjM4LDE3MS4xNCw5Mi40OCwxODEsNzMuNDIsMTg2LjRBNzkuOTQsNzkuOTQsMCwwLDEsMTI4LDQ4Wk0yNC43NCwxODcuMjljLTEuNDYtMi41MS0uNjUtNy4yNCwyLjIyLTEzYTc5LjA1LDc5LjA1LDAsMCwxLDEwLjI5LTE1LjA1LDk2LDk2LDAsMCwwLDE4LDMxLjMyQzM4LDE5My40NiwyNy4yNCwxOTEuNjEsMjQuNzQsMTg3LjI5Wk0xMjgsMjA4YTc5LjQ1LDc5LjQ1LDAsMCwxLTM4LjU2LTkuOTQsMzcwLDM3MCwwLDAsMCw2Mi40My0yOC44NmMyMS41OC0xMi4zOSw0MC42OC0yNS44Miw1Ni4wNy0zOS4wOEE4MC4wNyw4MC4wNywwLDAsMSwxMjgsMjA4Wk0yMzEuNDIsNzUuNjljLTEuNyw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVjMTQuMjEtMi4zNSwyNy4zNy0yLjE3LDMwLjUsMy4yNEMyMzIuMTksNzAuMjgsMjMyLjI0LDcyLjYzLDIzMS40Miw3NS42OVoiPjwvcGF0aD48L3N2Zz4=");
--icon-globe-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4YTg4LDg4LDAsMSwxLTg4LTg4QTg4LDg4LDAsMCwxLDIxNiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ1LjExLDYwLjY4Yy03LjY1LTEzLjE5LTI3Ljg0LTE2LjE2LTU4LjUtOC42NkE5NS45Myw5NS45MywwLDAsMCwzMiwxMjhhOTgsOTgsMCwwLDAsLjc4LDEyLjMxQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNEE5NS45Myw5NS45MywwLDAsMCwyMjQsMTI4YTk3LjA4LDk3LjA4LDAsMCwwLS43Ny0xMi4yNWMxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4Wk0xMjgsNDhhODAuMTEsODAuMTEsMCwwLDEsNzgsNjIuMmMtMTcuMDYsMTYuMDYtNDAuMTUsMzIuNTMtNjIuMDcsNDUuMTNDMTE2LjM4LDE3MS4xNCw5Mi40OCwxODEsNzMuNDIsMTg2LjRBNzkuOTQsNzkuOTQsMCwwLDEsMTI4LDQ4Wk0yNC43NCwxODcuMjljLTEuNDYtMi41MS0uNjUtNy4yNCwyLjIyLTEzYTc5LjA1LDc5LjA1LDAsMCwxLDEwLjI5LTE1LjA1LDk2LDk2LDAsMCwwLDE4LDMxLjMyQzM4LDE5My40NiwyNy4yNCwxOTEuNjEsMjQuNzQsMTg3LjI5Wk0xMjgsMjA4YTc5LjQ1LDc5LjQ1LDAsMCwxLTM4LjU2LTkuOTQsMzcwLDM3MCwwLDAsMCw2Mi40My0yOC44NmMyMS41OC0xMi4zOSw0MC42OC0yNS44Miw1Ni4wNy0zOS4wOEE4MC4wNyw4MC4wNywwLDAsMSwxMjgsMjA4Wk0yMzEuNDIsNzUuNjljLTEuNyw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVjMTQuMjEtMi4zNSwyNy4zNy0yLjE3LDMwLjUsMy4yNEMyMzIuMTksNzAuMjgsMjMyLjI0LDcyLjYzLDIzMS40Miw3NS42OVoiPjwvcGF0aD48L3N2Zz4=");
--icon-direct-messages: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNTZsLTk2LDg4TDMyLDU2WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCw0OEgzMmE4LDgsMCwwLDAtOCw4VjE5MmExNiwxNiwwLDAsMCwxNiwxNkgyMTZhMTYsMTYsMCwwLDAsMTYtMTZWNTZBOCw4LDAsMCwwLDIyNCw0OFpNMjAzLjQzLDY0LDEyOCwxMzMuMTUsNTIuNTcsNjRaTTIxNiwxOTJINDBWNzQuMTlsODIuNTksNzUuNzFhOCw4LDAsMCwwLDEwLjgyLDBMMjE2LDc0LjE5VjE5MloiPjwvcGF0aD48L3N2Zz4=");
--icon-direct-messages-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNTZsLTk2LDg4TDMyLDU2WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCw0OEgzMmE4LDgsMCwwLDAtOCw4VjE5MmExNiwxNiwwLDAsMCwxNiwxNkgyMTZhMTYsMTYsMCwwLDAsMTYtMTZWNTZBOCw4LDAsMCwwLDIyNCw0OFpNMjAzLjQzLDY0LDEyOCwxMzMuMTUsNTIuNTcsNjRaTTIxNiwxOTJINDBWNzQuMTlsODIuNTksNzUuNzFhOCw4LDAsMCwwLDEwLjgyLDBMMjE2LDc0LjE5VjE5MloiPjwvcGF0aD48L3N2Zz4=");
--icon-bookmark-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzJWMjI0bC01Ni00MEw1NiwyMjRWNzJhOCw4LDAsMCwxLDgtOGg5NkE4LDgsMCwwLDEsMTY4LDcyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2MCw1Nkg2NEExNiwxNiwwLDAsMCw0OCw3MlYyMjRhOCw4LDAsMCwwLDEyLjY1LDYuNTFMMTEyLDE5My44M2w1MS4zNiwzNi42OEE4LDgsMCwwLDAsMTc2LDIyNFY3MkExNiwxNiwwLDAsMCwxNjAsNTZabTAsMTUyLjQ2LTQzLjM2LTMxYTgsOCwwLDAsMC05LjMsMEw2NCwyMDguNDVWNzJoOTZaTTIwOCw0MFYxOTJhOCw4LDAsMCwxLTE2LDBWNDBIODhhOCw4LDAsMCwxLDAtMTZIMTkyQTE2LDE2LDAsMCwxLDIwOCw0MFoiPjwvcGF0aD48L3N2Zz4=");
--icon-bookmark-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzJWMjI0bC01Ni00MEw1NiwyMjRWNzJhOCw4LDAsMCwxLDgtOGg5NkE4LDgsMCwwLDEsMTY4LDcyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2MCw1Nkg2NEExNiwxNiwwLDAsMCw0OCw3MlYyMjRhOCw4LDAsMCwwLDEyLjY1LDYuNTFMMTEyLDE5My44M2w1MS4zNiwzNi42OEE4LDgsMCwwLDAsMTc2LDIyNFY3MkExNiwxNiwwLDAsMCwxNjAsNTZabTAsMTUyLjQ2LTQzLjM2LTMxYTgsOCwwLDAsMC05LjMsMEw2NCwyMDguNDVWNzJoOTZaTTIwOCw0MFYxOTJhOCw4LDAsMCwxLTE2LDBWNDBIODhhOCw4LDAsMCwxLDAtMTZIMTkyQTE2LDE2LDAsMCwxLDIwOCw0MFoiPjwvcGF0aD48L3N2Zz4=");
--icon-star-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+");
--icon-star-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+");
--icon-search: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIuNDksMjE1LjUxLDE4NSwxNjhhOTIuMTIsOTIuMTIsMCwxLDAtMTcsMTdsNDcuNTMsNDcuNTRhMTIsMTIsMCwwLDAsMTctMTdaTTQ0LDExMmE2OCw2OCwwLDEsMSw2OCw2OEE2OC4wNyw2OC4wNywwLDAsMSw0NCwxMTJaIj48L3BhdGg+PC9zdmc+");
--icon-search-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIuNDksMjE1LjUxLDE4NSwxNjhhOTIuMTIsOTIuMTIsMCwxLDAtMTcsMTdsNDcuNTMsNDcuNTRhMTIsMTIsMCwwLDAsMTctMTdaTTQ0LDExMmE2OCw2OCwwLDEsMSw2OCw2OEE2OC4wNyw2OC4wNywwLDAsMSw0NCwxMTJaIj48L3BhdGg+PC9zdmc+");
--icon-search-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTEyYTgwLDgwLDAsMSwxLTgwLTgwQTgwLDgwLDAsMCwxLDE5MiwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI5LjY2LDIxOC4zNCwxNzkuNiwxNjguMjhhODguMjEsODguMjEsMCwxLDAtMTEuMzIsMTEuMzFsNTAuMDYsNTAuMDdhOCw4LDAsMCwwLDExLjMyLTExLjMyWk00MCwxMTJhNzIsNzIsMCwxLDEsNzIsNzJBNzIuMDgsNzIuMDgsMCwwLDEsNDAsMTEyWiI+PC9wYXRoPjwvc3ZnPg==");
--icon-search-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTEyYTgwLDgwLDAsMSwxLTgwLTgwQTgwLDgwLDAsMCwxLDE5MiwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI5LjY2LDIxOC4zNCwxNzkuNiwxNjguMjhhODguMjEsODguMjEsMCwxLDAtMTEuMzIsMTEuMzFsNTAuMDYsNTAuMDdhOCw4LDAsMCwwLDExLjMyLTExLjMyWk00MCwxMTJhNzIsNzIsMCwxLDEsNzIsNzJBNzIuMDgsNzIuMDgsMCwwLDEsNDAsMTEyWiI+PC9wYXRoPjwvc3ZnPg==");
--icon-list: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNjRWMTkySDQwVjY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCwxMjhhOCw4LDAsMCwxLTgsOEg0MGE4LDgsMCwwLDEsMC0xNkgyMTZBOCw4LDAsMCwxLDIyNCwxMjhaTTQwLDcySDIxNmE4LDgsMCwwLDAsMC0xNkg0MGE4LDgsMCwwLDAsMCwxNlpNMjE2LDE4NEg0MGE4LDgsMCwwLDAsMCwxNkgyMTZhOCw4LDAsMCwwLDAtMTZaIj48L3BhdGg+PC9zdmc+");
--icon-list-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNjRWMTkySDQwVjY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCwxMjhhOCw4LDAsMCwxLTgsOEg0MGE4LDgsMCwwLDEsMC0xNkgyMTZBOCw4LDAsMCwxLDIyNCwxMjhaTTQwLDcySDIxNmE4LDgsMCwwLDAsMC0xNkg0MGE4LDgsMCwwLDAsMCwxNlpNMjE2LDE4NEg0MGE4LDgsMCwwLDAsMCwxNkgyMTZhOCw4LDAsMCwwLDAtMTZaIj48L3BhdGg+PC9zdmc+");
--icon-settings: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMSwxMDguNzYsMTk4LjI1LDkwLjYyYy0uNjQtMS4xNi0xLjMxLTIuMjktMi0zLjQxbC0uMTItMzZBMTA0LjYxLDEwNC42MSwwLDAsMCwxNjIsMzJMMTMwLDQ5Ljg5Yy0xLjM0LDAtMi42OSwwLTQsMEw5NCwzMkExMDQuNTgsMTA0LjU4LDAsMCwwLDU5Ljg5LDUxLjI1bC0uMTYsMzZjLS43LDEuMTItMS4zNywyLjI2LTIsMy40MWwtMzEuODQsMTguMWE5OS4xNSw5OS4xNSwwLDAsMCwwLDM4LjQ2bDMxLjg1LDE4LjE0Yy42NCwxLjE2LDEuMzEsMi4yOSwyLDMuNDFsLjEyLDM2QTEwNC42MSwxMDQuNjEsMCwwLDAsOTQsMjI0bDMyLTE3Ljg3YzEuMzQsMCwyLjY5LDAsNCwwTDE2MiwyMjRhMTA0LjU4LDEwNC41OCwwLDAsMCwzNC4wOC0xOS4yNWwuMTYtMzZjLjctMS4xMiwxLjM3LTIuMjYsMi0zLjQxbDMxLjg0LTE4LjFBOTkuMTUsOTkuMTUsMCwwLDAsMjMwLjEsMTA4Ljc2Wk0xMjgsMTY4YTQwLDQwLDAsMSwxLDQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxNjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDgwYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWm0xMDkuOTQtNTIuNzlhOCw4LDAsMCwwLTMuODktNS40bC0yOS44My0xNy0uMTItMzMuNjJhOCw4LDAsMCwwLTIuODMtNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLTM2LjcyLTIwLjY3LDgsOCwwLDAsMC02LjQ2LjU5TDEyOCw0MS44NSw5Ny44OCwyNWE4LDgsMCwwLDAtNi40Ny0uNkExMTEuOTIsMTExLjkyLDAsMCwwLDU0LjczLDQ1LjE1YTgsOCwwLDAsMC0yLjgzLDYuMDdsLS4xNSwzMy42NS0yOS44MywxN2E4LDgsMCwwLDAtMy44OSw1LjQsMTA2LjQ3LDEwNi40NywwLDAsMCwwLDQxLjU2LDgsOCwwLDAsMCwzLjg5LDUuNGwyOS44MywxNywuMTIsMzMuNjNhOCw4LDAsMCwwLDIuODMsNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLDM2LjcyLDIwLjY3LDgsOCwwLDAsMCw2LjQ2LS41OUwxMjgsMjE0LjE1LDE1OC4xMiwyMzFhNy45MSw3LjkxLDAsMCwwLDMuOSwxLDguMDksOC4wOSwwLDAsMCwyLjU3LS40MiwxMTIuMSwxMTIuMSwwLDAsMCwzNi42OC0yMC43Myw4LDgsMCwwLDAsMi44My02LjA3bC4xNS0zMy42NSwyOS44My0xN2E4LDgsMCwwLDAsMy44OS01LjRBMTA2LjQ3LDEwNi40NywwLDAsMCwyMzcuOTQsMTA3LjIxWm0tMTUsMzQuOTEtMjguNTcsMTYuMjVhOCw4LDAsMCwwLTMsM2MtLjU4LDEtMS4xOSwyLjA2LTEuODEsMy4wNmE3Ljk0LDcuOTQsMCwwLDAtMS4yMiw0LjIxbC0uMTUsMzIuMjVhOTUuODksOTUuODksMCwwLDEtMjUuMzcsMTQuM0wxMzQsMTk5LjEzYTgsOCwwLDAsMC0zLjkxLTFoLS4xOWMtMS4yMSwwLTIuNDMsMC0zLjY0LDBhOC4xLDguMSwwLDAsMC00LjEsMWwtMjguODQsMTYuMUE5Niw5NiwwLDAsMSw2Ny44OCwyMDFsLS4xMS0zMi4yYTgsOCwwLDAsMC0xLjIyLTQuMjJjLS42Mi0xLTEuMjMtMi0xLjgtMy4wNmE4LjA5LDguMDksMCwwLDAtMy0zLjA2bC0yOC42LTE2LjI5YTkwLjQ5LDkwLjQ5LDAsMCwxLDAtMjguMjZMNjEuNjcsOTcuNjNhOCw4LDAsMCwwLDMtM2MuNTgtMSwxLjE5LTIuMDYsMS44MS0zLjA2YTcuOTQsNy45NCwwLDAsMCwxLjIyLTQuMjFsLjE1LTMyLjI1YTk1Ljg5LDk1Ljg5LDAsMCwxLDI1LjM3LTE0LjNMMTIyLDU2Ljg3YTgsOCwwLDAsMCw0LjEsMWMxLjIxLDAsMi40MywwLDMuNjQsMGE4LDgsMCwwLDAsNC4xLTFsMjguODQtMTYuMUE5Niw5NiwwLDAsMSwxODguMTIsNTVsLjExLDMyLjJhOCw4LDAsMCwwLDEuMjIsNC4yMmMuNjIsMSwxLjIzLDIsMS44LDMuMDZhOC4wOSw4LjA5LDAsMCwwLDMsMy4wNmwyOC42LDE2LjI5QTkwLjQ5LDkwLjQ5LDAsMCwxLDIyMi45LDE0Mi4xMloiPjwvcGF0aD48L3N2Zz4=");
/* Post visibility icons */
--icon-globe-visibility: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+");
--icon-globe-visibility-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+");
--icon-unlock: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTAwVjU2YTI4LDI4LDAsMCwxLDI4LTI4YzEzLjUxLDAsMjUuNjUsOS42MiwyOC4yNCwyMi4zOWExMiwxMiwwLDEsMCwyMy41Mi00Ljc4QzE3NC44NywyMS41LDE1My4xLDQsMTI4LDRBNTIuMDYsNTIuMDYsMCwwLDAsNzYsNTZWNzZINDhBMjAsMjAsMCwwLDAsMjgsOTZWMjA4YTIwLDIwLDAsMCwwLDIwLDIwSDIwOGEyMCwyMCwwLDAsMCwyMC0yMFY5NkEyMCwyMCwwLDAsMCwyMDgsNzZabS00LDEyOEg1MlYxMDBIMjA0WiI+PC9wYXRoPjwvc3ZnPg==");
--icon-unlock-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTAwVjU2YTI4LDI4LDAsMCwxLDI4LTI4YzEzLjUxLDAsMjUuNjUsOS42MiwyOC4yNCwyMi4zOWExMiwxMiwwLDEsMCwyMy41Mi00Ljc4QzE3NC44NywyMS41LDE1My4xLDQsMTI4LDRBNTIuMDYsNTIuMDYsMCwwLDAsNzYsNTZWNzZINDhBMjAsMjAsMCwwLDAsMjgsOTZWMjA4YTIwLDIwLDAsMCwwLDIwLDIwSDIwOGEyMCwyMCwwLDAsMCwyMC0yMFY5NkEyMCwyMCwwLDAsMCwyMDgsNzZabS00LDEyOEg1MlYxMDBIMjA0WiI+PC9wYXRoPjwvc3ZnPg==");
--icon-lock: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4=");
--icon-lock-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4=");
--icon-at: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNDRIMzJBMTIsMTIsMCwwLDAsMjAsNTZWMTkyYTIwLDIwLDAsMCwwLDIwLDIwSDIxNmEyMCwyMCwwLDAsMCwyMC0yMFY1NkExMiwxMiwwLDAsMCwyMjQsNDRaTTE5My4xNSw2OCwxMjgsMTI3LjcyLDYyLjg1LDY4Wk00NCwxODhWODMuMjhsNzUuODksNjkuNTdhMTIsMTIsMCwwLDAsMTYuMjIsMEwyMTIsODMuMjhWMTg4WiI+PC9wYXRoPjwvc3ZnPg==");
--icon-at-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNDRIMzJBMTIsMTIsMCwwLDAsMjAsNTZWMTkyYTIwLDIwLDAsMCwwLDIwLDIwSDIxNmEyMCwyMCwwLDAsMCwyMC0yMFY1NkExMiwxMiwwLDAsMCwyMjQsNDRaTTE5My4xNSw2OCwxMjgsMTI3LjcyLDYyLjg1LDY4Wk00NCwxODhWODMuMjhsNzUuODksNjkuNTdhMTIsMTIsMCwwLDAsMTYuMjIsMEwyMTIsODMuMjhWMTg4WiI+PC9wYXRoPjwvc3ZnPg==");
/* Other icons */
--icon-bell-still: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjUuMjksMTY1LjkzQzIxNi42MSwxNTEsMjEyLDEyOS41NywyMTIsMTA0YTg0LDg0LDAsMCwwLTE2OCwwYzAsMjUuNTgtNC41OSw0Ny0xMy4yNyw2MS45M0EyMC4wOCwyMC4wOCwwLDAsMCwzMC42NiwxODYsMTkuNzcsMTkuNzcsMCwwLDAsNDgsMTk2SDg0LjE4YTQ0LDQ0LDAsMCwwLDg3LjY0LDBIMjA4YTE5Ljc3LDE5Ljc3LDAsMCwwLDE3LjMxLTEwQTIwLjA4LDIwLjA4LDAsMCwwLDIyNS4yOSwxNjUuOTNaTTEyOCwyMTJhMjAsMjAsMCwwLDEtMTkuNi0xNmgzOS4yQTIwLDIwLDAsMCwxLDEyOCwyMTJaTTU0LjY2LDE3MkM2My41MSwxNTQsNjgsMTMxLjE0LDY4LDEwNGE2MCw2MCwwLDAsMSwxMjAsMGMwLDI3LjEzLDQuNDgsNTAsMTMuMzMsNjhaIj48L3BhdGg+PC9zdmc+");
--icon-bell-ringing: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsMTkySDQ4YTgsOCwwLDAsMS02Ljg4LTEyQzQ3LjcxLDE2OC42LDU2LDE0Ny44MSw1NiwxMTJhNzIsNzIsMCwwLDEsMTQ0LDBjMCwzNS44Miw4LjMsNTYuNiwxNC45LDY4QTgsOCwwLDAsMSwyMDgsMTkyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCw3MS4xYTgsOCwwLDAsMS0xMC43OC0zLjQyLDk0LjEzLDk0LjEzLDAsMCwwLTMzLjQ2LTM2LjkxLDgsOCwwLDEsMSw4LjU0LTEzLjU0LDExMS40NiwxMTEuNDYsMCwwLDEsMzkuMTIsNDMuMDlBOCw4LDAsMCwxLDIyNCw3MS4xWk0zNS43MSw3MmE4LDgsMCwwLDAsNy4xLTQuMzJBOTQuMTMsOTQuMTMsMCwwLDEsNzYuMjcsMzAuNzdhOCw4LDAsMSwwLTguNTQtMTMuNTRBMTExLjQ2LDExMS40NiwwLDAsMCwyOC42MSw2MC4zMiw4LDgsMCwwLDAsMzUuNzEsNzJabTE4Ni4xLDEwMy45NEExNiwxNiwwLDAsMSwyMDgsMjAwSDE2Ny4yYTQwLDQwLDAsMCwxLTc4LjQsMEg0OGExNiwxNiwwLDAsMS0xMy43OS0yNC4wNkM0My4yMiwxNjAuMzksNDgsMTM4LjI4LDQ4LDExMmE4MCw4MCwwLDAsMSwxNjAsMEMyMDgsMTM4LjI3LDIxMi43OCwxNjAuMzgsMjIxLjgxLDE3NS45NFpNMTUwLjYyLDIwMEgxMDUuMzhhMjQsMjQsMCwwLDAsNDUuMjQsMFpNMjA4LDE4NGMtMTAuNjQtMTguMjctMTYtNDIuNDktMTYtNzJhNjQsNjQsMCwwLDAtMTI4LDBjMCwyOS41Mi01LjM4LDUzLjc0LTE2LDcyWiI+PC9wYXRoPjwvc3ZnPg==");
--icon-close: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjRBMTA0LDEwNCwwLDEsMCwyMzIsMTI4LDEwNC4xMSwxMDQuMTEsMCwwLDAsMTI4LDI0Wm0zNy42NiwxMzAuMzRhOCw4LDAsMCwxLTExLjMyLDExLjMyTDEyOCwxMzkuMzFsLTI2LjM0LDI2LjM1YTgsOCwwLDAsMS0xMS4zMi0xMS4zMkwxMTYuNjksMTI4LDkwLjM0LDEwMS42NmE4LDgsMCwwLDEsMTEuMzItMTEuMzJMMTI4LDExNi42OWwyNi4zNC0yNi4zNWE4LDgsMCwwLDEsMTEuMzIsMTEuMzJMMTM5LjMxLDEyOFoiPjwvcGF0aD48L3N2Zz4=");
--icon-megaphone: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMzYsNjkuMDlWMTcwLjkxTDQyLjI0LDE5OS42N0E4LDgsMCwwLDEsMzIsMTkyVjQ4YTgsOCwwLDAsMSwxMC4yNC03LjY3WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyMC41NCw4Ni42NmwtMTc2LjA2LTU0QTE2LDE2LDAsMCwwLDI0LDQ4VjE5MmExNiwxNiwwLDAsMCwxNiwxNiwxNiwxNiwwLDAsMCw0LjUyLS42NUwxMjgsMTgxLjczVjE5MmExNiwxNiwwLDAsMCwxNiwxNmgzMmExNiwxNiwwLDAsMCwxNi0xNnYtMjkuOWwyOC41NC04Ljc1QTE2LjA5LDE2LjA5LDAsMCwwLDIzMiwxMzhWMTAyQTE2LjA5LDE2LjA5LDAsMCwwLDIyMC41NCw4Ni42NlpNMTI4LDE2NSw0MCwxOTJWNDhsODgsMjdabTQ4LDI3SDE0NFYxNzYuODJMMTc2LDE2N1ptNDAtNTQtLjExLDBMMTQ0LDE2MC4wOFY3OS45Mmw3MS44OSwyMiwuMTEsMHYzNloiPjwvcGF0aD48L3N2Zz4=");
--icon-sliders: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsODBhMjQsMjQsMCwxLDEtMjQtMjRBMjQsMjQsMCwwLDEsMTI4LDgwWm00MCw3MmEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCwxNjgsMTUyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTQwLDg4SDczYTMyLDMyLDAsMCwwLDYyLDBoODFhOCw4LDAsMCwwLDAtMTZIMTM1YTMyLDMyLDAsMCwwLTYyLDBINDBhOCw4LDAsMCwwLDAsMTZabTY0LTI0QTE2LDE2LDAsMSwxLDg4LDgwLDE2LDE2LDAsMCwxLDEwNCw2NFpNMjE2LDE2OEgxOTlhMzIsMzIsMCwwLDAtNjIsMEg0MGE4LDgsMCwwLDAsMCwxNmg5N2EzMiwzMiwwLDAsMCw2MiwwaDE3YTgsOCwwLDAsMCwwLTE2Wm0tNDgsMjRhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMTY4LDE5MloiPjwvcGF0aD48L3N2Zz4=");
--icon-paperclip: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTIuNDgsMTM2LjQ5bC04Mi4wNiw4MmE2MCw2MCwwLDAsMS04NC44NS04NC44OGw5OC4xNi05Ny44OWE0MCw0MCwwLDAsMSw1Ni41Niw1Ni41OWwtLjE3LjE2LTk1LjgsOTIuMjJhMTIsMTIsMCwxLDEtMTYuNjQtMTcuM2w5NS43MS05Mi4xMmExNiwxNiwwLDAsMC0yMi43LTIyLjU2TDYyLjUzLDE1MC41N2EzNiwzNiwwLDAsMCw1MC45Myw1MC45MWw4Mi4wNi04MmExMiwxMiwwLDAsMSwxNywxN1oiPjwvcGF0aD48L3N2Zz4=");
--icon-verified: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjUuODYsMTAyLjgyYy0zLjc3LTMuOTQtNy42Ny04LTkuMTQtMTEuNTctMS4zNi0zLjI3LTEuNDQtOC42OS0xLjUyLTEzLjk0LS4xNS05Ljc2LS4zMS0yMC44Mi04LTI4LjUxcy0xOC43NS03Ljg1LTI4LjUxLThjLTUuMjUtLjA4LTEwLjY3LS4xNi0xMy45NC0xLjUyLTMuNTYtMS40Ny03LjYzLTUuMzctMTEuNTctOS4xNEMxNDYuMjgsMjMuNTEsMTM4LjQ0LDE2LDEyOCwxNnMtMTguMjcsNy41MS0yNS4xOCwxNC4xNGMtMy45NCwzLjc3LTgsNy42Ny0xMS41Nyw5LjE0Qzg4LDQwLjY0LDgyLjU2LDQwLjcyLDc3LjMxLDQwLjhjLTkuNzYuMTUtMjAuODIuMzEtMjguNTEsOFM0MSw2Ny41NSw0MC44LDc3LjMxYy0uMDgsNS4yNS0uMTYsMTAuNjctMS41MiwxMy45NC0xLjQ3LDMuNTYtNS4zNyw3LjYzLTkuMTQsMTEuNTdDMjMuNTEsMTA5LjcyLDE2LDExNy41NiwxNiwxMjhzNy41MSwxOC4yNywxNC4xNCwyNS4xOGMzLjc3LDMuOTQsNy42Nyw4LDkuMTQsMTEuNTcsMS4zNiwzLjI3LDEuNDQsOC42OSwxLjUyLDEzLjk0LjE1LDkuNzYuMzEsMjAuODIsOCwyOC41MXMxOC43NSw3Ljg1LDI4LjUxLDhjNS4yNS4wOCwxMC42Ny4xNiwxMy45NCwxLjUyLDMuNTYsMS40Nyw3LjYzLDUuMzcsMTEuNTcsOS4xNEMxMDkuNzIsMjMyLjQ5LDExNy41NiwyNDAsMTI4LDI0MHMxOC4yNy03LjUxLDI1LjE4LTE0LjE0YzMuOTQtMy43Nyw4LTcuNjcsMTEuNTctOS4xNCwzLjI3LTEuMzYsOC42OS0xLjQ0LDEzLjk0LTEuNTIsOS43Ni0uMTUsMjAuODItLjMxLDI4LjUxLThzNy44NS0xOC43NSw4LTI4LjUxYy4wOC01LjI1LjE2LTEwLjY3LDEuNTItMTMuOTQsMS40Ny0zLjU2LDUuMzctNy42Myw5LjE0LTExLjU3QzIzMi40OSwxNDYuMjgsMjQwLDEzOC40NCwyNDAsMTI4UzIzMi40OSwxMDkuNzMsMjI1Ljg2LDEwMi44MlptLTUyLjIsNi44NC01Niw1NmE4LDgsMCwwLDEtMTEuMzIsMGwtMjQtMjRhOCw4LDAsMCwxLDExLjMyLTExLjMyTDExMiwxNDguNjlsNTAuMzQtNTAuMzVhOCw4LDAsMCwxLDExLjMyLDExLjMyWiI+PC9wYXRoPjwvc3ZnPg==");
--icon-gear: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMSwxMDguNzYsMTk4LjI1LDkwLjYyYy0uNjQtMS4xNi0xLjMxLTIuMjktMi0zLjQxbC0uMTItMzZBMTA0LjYxLDEwNC42MSwwLDAsMCwxNjIsMzJMMTMwLDQ5Ljg5Yy0xLjM0LDAtMi42OSwwLTQsMEw5NCwzMkExMDQuNTgsMTA0LjU4LDAsMCwwLDU5Ljg5LDUxLjI1bC0uMTYsMzZjLS43LDEuMTItMS4zNywyLjI2LTIsMy40MWwtMzEuODQsMTguMWE5OS4xNSw5OS4xNSwwLDAsMCwwLDM4LjQ2bDMxLjg1LDE4LjE0Yy42NCwxLjE2LDEuMzEsMi4yOSwyLDMuNDFsLjEyLDM2QTEwNC42MSwxMDQuNjEsMCwwLDAsOTQsMjI0bDMyLTE3Ljg3YzEuMzQsMCwyLjY5LDAsNCwwTDE2MiwyMjRhMTA0LjU4LDEwNC41OCwwLDAsMCwzNC4wOC0xOS4yNWwuMTYtMzZjLjctMS4xMiwxLjM3LTIuMjYsMi0zLjQxbDMxLjg0LTE4LjFBOTkuMTUsOTkuMTUsMCwwLDAsMjMwLjEsMTA4Ljc2Wk0xMjgsMTY4YTQwLDQwLDAsMSwxLDQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxNjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDgwYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWm0xMDkuOTQtNTIuNzlhOCw4LDAsMCwwLTMuODktNS40bC0yOS44My0xNy0uMTItMzMuNjJhOCw4LDAsMCwwLTIuODMtNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLTM2LjcyLTIwLjY3LDgsOCwwLDAsMC02LjQ2LjU5TDEyOCw0MS44NSw5Ny44OCwyNWE4LDgsMCwwLDAtNi40Ny0uNkExMTEuOTIsMTExLjkyLDAsMCwwLDU0LjczLDQ1LjE1YTgsOCwwLDAsMC0yLjgzLDYuMDdsLS4xNSwzMy42NS0yOS44MywxN2E4LDgsMCwwLDAtMy44OSw1LjQsMTA2LjQ3LDEwNi40NywwLDAsMCwwLDQxLjU2LDgsOCwwLDAsMCwzLjg5LDUuNGwyOS44MywxNywuMTIsMzMuNjNhOCw4LDAsMCwwLDIuODMsNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLDM2LjcyLDIwLjY3LDgsOCwwLDAsMCw2LjQ2LS41OUwxMjgsMjE0LjE1LDE1OC4xMiwyMzFhNy45MSw3LjkxLDAsMCwwLDMuOSwxLDguMDksOC4wOSwwLDAsMCwyLjU3LS40MiwxMTIuMSwxMTIuMSwwLDAsMCwzNi42OC0yMC43Myw4LDgsMCwwLDAsMi44My02LjA3bC4xNS0zMy42NSwyOS44My0xN2E4LDgsMCwwLDAsMy44OS01LjRBMTA2LjQ3LDEwNi40NywwLDAsMCwyMzcuOTQsMTA3LjIxWm0tMTUsMzQuOTEtMjguNTcsMTYuMjVhOCw4LDAsMCwwLTMsM2MtLjU4LDEtMS4xOSwyLjA2LTEuODEsMy4wNmE3Ljk0LDcuOTQsMCwwLDAtMS4yMiw0LjIxbC0uMTUsMzIuMjVhOTUuODksOTUuODksMCwwLDEtMjUuMzcsMTQuM0wxMzQsMTk5LjEzYTgsOCwwLDAsMC0zLjkxLTFoLS4xOWMtMS4yMSwwLTIuNDMsMC0zLjY0LDBhOC4xLDguMSwwLDAsMC00LjEsMWwtMjguODQsMTYuMUE5Niw5NiwwLDAsMSw2Ny44OCwyMDFsLS4xMS0zMi4yYTgsOCwwLDAsMC0xLjIyLTQuMjJjLS42Mi0xLTEuMjMtMi0xLjgtMy4wNmE4LjA5LDguMDksMCwwLDAtMy0zLjA2bC0yOC42LTE2LjI5YTkwLjQ5LDkwLjQ5LDAsMCwxLDAtMjguMjZMNjEuNjcsOTcuNjNhOCw4LDAsMCwwLDMtM2MuNTgtMSwxLjE5LTIuMDYsMS44MS0zLjA2YTcuOTQsNy45NCwwLDAsMCwxLjIyLTQuMjFsLjE1LTMyLjI1YTk1Ljg5LDk1Ljg5LDAsMCwxLDI1LjM3LTE0LjNMMTIyLDU2Ljg3YTgsOCwwLDAsMCw0LjEsMWMxLjIxLDAsMi40MywwLDMuNjQsMGE4LDgsMCwwLDAsNC4xLTFsMjguODQtMTYuMUE5Niw5NiwwLDAsMSwxODguMTIsNTVsLjExLDMyLjJhOCw4LDAsMCwwLDEuMjIsNC4yMmMuNjIsMSwxLjIzLDIsMS44LDMuMDZhOC4wOSw4LjA5LDAsMCwwLDMsMy4wNmwyOC42LDE2LjI5QTkwLjQ5LDkwLjQ5LDAsMCwxLDIyMi45LDE0Mi4xMloiPjwvcGF0aD48L3N2Zz4=");
--icon-gear-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzcuOTQsMTA3LjIxYTgsOCwwLDAsMC0zLjg5LTUuNGwtMjkuODMtMTctLjEyLTMzLjYyYTgsOCwwLDAsMC0yLjgzLTYuMDgsMTExLjkxLDExMS45MSwwLDAsMC0zNi43Mi0yMC42Nyw4LDgsMCwwLDAtNi40Ni41OUwxMjgsNDEuODUsOTcuODgsMjVhOCw4LDAsMCwwLTYuNDctLjZBMTExLjkyLDExMS45MiwwLDAsMCw1NC43Myw0NS4xNWE4LDgsMCwwLDAtMi44Myw2LjA3bC0uMTUsMzMuNjUtMjkuODMsMTdhOCw4LDAsMCwwLTMuODksNS40LDEwNi40NywxMDYuNDcsMCwwLDAsMCw0MS41Niw4LDgsMCwwLDAsMy44OSw1LjRsMjkuODMsMTcsLjEyLDMzLjYzYTgsOCwwLDAsMCwyLjgzLDYuMDgsMTExLjkxLDExMS45MSwwLDAsMCwzNi43MiwyMC42Nyw4LDgsMCwwLDAsNi40Ni0uNTlMMTI4LDIxNC4xNSwxNTguMTIsMjMxYTcuOTEsNy45MSwwLDAsMCwzLjksMSw4LjA5LDguMDksMCwwLDAsMi41Ny0uNDIsMTEyLjEsMTEyLjEsMCwwLDAsMzYuNjgtMjAuNzMsOCw4LDAsMCwwLDIuODMtNi4wN2wuMTUtMzMuNjUsMjkuODMtMTdhOCw4LDAsMCwwLDMuODktNS40QTEwNi40NywxMDYuNDcsMCwwLDAsMjM3Ljk0LDEwNy4yMVpNMTI4LDE2OGE0MCw0MCwwLDEsMSw0MC00MEE0MCw0MCwwLDAsMSwxMjgsMTY4WiI+PC9wYXRoPjwvc3ZnPg==");
--icon-pin: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjkuNjYsOTguMzQsMTcyLjM5LDE1NS44YzExLjQ2LDIyLjkzLTEuNzIsNDUuODYtMTAuMTEsNTdhOCw4LDAsMCwxLTEyLC44M0w0Mi4zNCwxMDUuNzZBOCw4LDAsMCwxLDQzLDkzLjg1YzI5LjY1LTIzLjkyLDU3LjQtMTAsNTcuNC0xMGw1Ny4yNy01Ny40NmE4LDgsMCwwLDEsMTEuMzEsMEwyMjkuNjYsODdBOCw4LDAsMCwxLDIyOS42Niw5OC4zNFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMzUuMzIsODEuMzcsMTc0LjYzLDIwLjY5YTE2LDE2LDAsMCwwLTIyLjYzLDBMOTguMzcsNzQuNDljLTEwLjY2LTMuMzQtMzUtNy4zNy02MC40LDEzLjE0YTE2LDE2LDAsMCwwLTEuMjksMjMuNzhMODUsMTU5LjcxLDQyLjM0LDIwMi4zNGE4LDgsMCwwLDAsMTEuMzIsMTEuMzJMOTYuMjksMTcxbDQ4LjI5LDQ4LjI5QTE2LDE2LDAsMCwwLDE1NS45LDIyNGMuMzgsMCwuNzUsMCwxLjEzLDBhMTUuOTMsMTUuOTMsMCwwLDAsMTEuNjQtNi4zM2MxOS42NC0yNi4xLDE3Ljc1LTQ3LjMyLDEzLjE5LTYwTDIzNS4zMywxMDRBMTYsMTYsMCwwLDAsMjM1LjMyLDgxLjM3Wk0yMjQsOTIuNjloMGwtNTcuMjcsNTcuNDZhOCw4LDAsMCwwLTEuNDksOS4yMmM5LjQ2LDE4LjkzLTEuOCwzOC41OS05LjM0LDQ4LjYyTDQ4LDEwMC4wOGMxMi4wOC05Ljc0LDIzLjY0LTEyLjMxLDMyLjQ4LTEyLjMxQTQwLjEzLDQwLjEzLDAsMCwxLDk2LjgxLDkxYTgsOCwwLDAsMCw5LjI1LTEuNTFMMTYzLjMyLDMyLDIyNCw5Mi42OFoiPjwvcGF0aD48L3N2Zz4=");
--icon-emoji: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0QTEwNCwxMDQsMCwxLDAsMjMyLDEyOCwxMDQuMTEsMTA0LjExLDAsMCwwLDEyOCwyNFptMCwxOTJhODgsODgsMCwxLDEsODgtODhBODguMSw4OC4xLDAsMCwxLDEyOCwyMTZaTTgwLDEwOGExMiwxMiwwLDEsMSwxMiwxMkExMiwxMiwwLDAsMSw4MCwxMDhabTk2LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTc2LDEwOFptLTEuMDgsNDhjLTEwLjI5LDE3Ljc5LTI3LjM5LDI4LTQ2LjkyLDI4cy0zNi42My0xMC4yLTQ2LjkyLTI4YTgsOCwwLDEsMSwxMy44NC04YzcuNDcsMTIuOTEsMTkuMjEsMjAsMzMuMDgsMjBzMjUuNjEtNy4xLDMzLjA4LTIwYTgsOCwwLDEsMSwxMy44NCw4WiI+PC9wYXRoPjwvc3ZnPg==");
--icon-emoji-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0QTEwNCwxMDQsMCwxLDAsMjMyLDEyOCwxMDQuMTEsMTA0LjExLDAsMCwwLDEyOCwyNFptMCwxOTJhODgsODgsMCwxLDEsODgtODhBODguMSw4OC4xLDAsMCwxLDEyOCwyMTZaTTgwLDEwOGExMiwxMiwwLDEsMSwxMiwxMkExMiwxMiwwLDAsMSw4MCwxMDhabTk2LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTc2LDEwOFptLTEuMDgsNDhjLTEwLjI5LDE3Ljc5LTI3LjM5LDI4LTQ2LjkyLDI4cy0zNi42My0xMC4yLTQ2LjkyLTI4YTgsOCwwLDEsMSwxMy44NC04YzcuNDcsMTIuOTEsMTkuMjEsMjAsMzMuMDgsMjBzMjUuNjEtNy4xLDMzLjA4LTIwYTgsOCwwLDEsMSwxMy44NCw4WiI+PC9wYXRoPjwvc3ZnPg==");
}
@media (prefers-color-scheme: dark) {
:root {
/* Mastodon logo */
--logo: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' class='mastodon-logo' viewBox='0 0 216.414 232.01'%3E%3Cdefs xmlns='http://www.w3.org/2000/svg'%3E%3ClinearGradient xmlns='http://www.w3.org/2000/svg' id='a' x2='0%25' y2='100%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0%25' stop-color='%237a7af9'/%3E%3Cstop offset='100%25' stop-color='%237a7af9'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath xmlns='http://www.w3.org/2000/svg' fill='url(%23a)' d='M211.807 139.088c-3.18 16.366-28.492 34.277-57.562 37.748-15.159 1.809-30.084 3.471-45.999 2.741-26.027-1.192-46.565-6.212-46.565-6.212 0 2.534.156 4.946.469 7.202 3.384 25.687 25.47 27.225 46.391 27.943 21.116.723 39.919-5.206 39.919-5.206l.867 19.09s-14.77 7.931-41.08 9.39c-14.51.797-32.525-.365-53.507-5.919C9.232 213.82 1.406 165.311.209 116.091c-.365-14.613-.14-28.393-.14-39.918 0-50.33 32.976-65.083 32.976-65.083C49.672 3.454 78.204.242 107.865 0h.729c29.66.242 58.21 3.454 74.837 11.09 0 0 32.975 14.752 32.975 65.082 0 0 .414 37.134-4.599 62.916'/%3E%3Cpath fill='%23fff' d='M177.51 80.077v60.941h-24.144v-59.15c0-12.469-5.246-18.797-15.74-18.797-11.602 0-17.417 7.507-17.417 22.352V117.8H96.207V85.423c0-14.845-5.816-22.352-17.418-22.352-10.494 0-15.74 6.328-15.74 18.797v59.15H38.905V80.077c0-12.455 3.171-22.352 9.541-29.675 6.569-7.322 15.171-11.076 25.85-11.076 12.355 0 21.711 4.748 27.898 14.247l6.013 10.082 6.015-10.082c6.185-9.498 15.542-14.247 27.898-14.247 10.677 0 19.28 3.753 25.85 11.076 6.369 7.322 9.54 17.22 9.54 29.675'/%3E%3C/svg%3E");
/* Post+Notifications icons */
--icon-reply: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYsMjAwYTEyLDEyLDAsMCwxLTI0LDAsODQuMDksODQuMDksMCwwLDAtODQtODRINjFsMjcuNTIsMjcuNTFhMTIsMTIsMCwwLDEtMTcsMTdsLTQ4LTQ4YTEyLDEyLDAsMCwxLDAtMTdsNDgtNDhhMTIsMTIsMCwwLDEsMTcsMTdMNjEsOTJoNjdBMTA4LjEyLDEwOC4xMiwwLDAsMSwyMzYsMjAwWiI+PC9wYXRoPjwvc3ZnPg==");
--icon-reply-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYsMjAwYTEyLDEyLDAsMCwxLTI0LDAsODQuMDksODQuMDksMCwwLDAtODQtODRINjFsMjcuNTIsMjcuNTFhMTIsMTIsMCwwLDEtMTcsMTdsLTQ4LTQ4YTEyLDEyLDAsMCwxLDAtMTdsNDgtNDhhMTIsMTIsMCwwLDEsMTcsMTdMNjEsOTJoNjdBMTA4LjEyLDEwOC4xMiwwLDAsMSwyMzYsMjAwWiI+PC9wYXRoPjwvc3ZnPg==");
--icon-boost: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjcuODUsNDYuODlhMjAsMjAsMCwwLDAtMTguNzQtMTguNzRjLTEzLjEzLS43Ny00Ni42NS40Mi03NC40OCwyOC4yNEwxMzEsNjBINzQuMzZhMTkuODMsMTkuODMsMCwwLDAtMTQuMTQsNS44NkwyNS44NywxMDAuMTlhMjAsMjAsMCwwLDAsMTEuMzUsMzMuOTVsMzcuMTQsNS4xOCw0Mi4zMiw0Mi4zMiw1LjE5LDM3LjE4QTE5Ljg4LDE5Ljg4LDAsMCwwLDEzNS4zNCwyMzVhMjAuMTMsMjAuMTMsMCwwLDAsNi4zNywxLDE5LjksMTkuOSwwLDAsMCwxNC4xLTUuODdsMzQuMzQtMzQuMzVBMTkuODUsMTkuODUsMCwwLDAsMTk2LDE4MS42NFYxMjVsMy42LTMuNTlDMjI3LjQzLDkzLjU0LDIyOC42Miw2MCwyMjcuODUsNDYuODlaTTc2LDg0aDMxTDc1Ljc1LDExNS4yOGwtMjcuMjMtMy44Wk0xNTEuNiw3My4zN0E3Mi4yNyw3Mi4yNywwLDAsMSwyMDQsNTJhNzIuMTcsNzIuMTcsMCwwLDEtMjEuMzgsNTIuNDFMMTI4LDE1OSw5NywxMjhaTTE3MiwxODBsLTI3LjQ5LDI3LjQ5LTMuOC0yNy4yM0wxNzIsMTQ5Wm0tNzEuNjcsMjEuNjJDOTEuNjcsMjEzLjY1LDc0LjE2LDIyOCw0MCwyMjhhMTIsMTIsMCwwLDEtMTItMTJjMC0zNC4xNSwxNC4zNS01MS42NiwyNi4zOS02MC4zM2ExMiwxMiwwLDAsMSwxNCwxOS40N2MtNiw0LjMxLTEyLjg5LDEyLjUtMTUuNDIsMjcuODcsMTUuMzctMi41MywyMy41Ni05LjQ0LDI3Ljg3LTE1LjQyYTEyLDEyLDAsMSwxLDE5LjQ3LDE0WiI+PC9wYXRoPjwvc3ZnPg==");
--icon-boost-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjcuODUsNDYuODlhMjAsMjAsMCwwLDAtMTguNzQtMTguNzRjLTEzLjEzLS43Ny00Ni42NS40Mi03NC40OCwyOC4yNEwxMzEsNjBINzQuMzZhMTkuODMsMTkuODMsMCwwLDAtMTQuMTQsNS44NkwyNS44NywxMDAuMTlhMjAsMjAsMCwwLDAsMTEuMzUsMzMuOTVsMzcuMTQsNS4xOCw0Mi4zMiw0Mi4zMiw1LjE5LDM3LjE4QTE5Ljg4LDE5Ljg4LDAsMCwwLDEzNS4zNCwyMzVhMjAuMTMsMjAuMTMsMCwwLDAsNi4zNywxLDE5LjksMTkuOSwwLDAsMCwxNC4xLTUuODdsMzQuMzQtMzQuMzVBMTkuODUsMTkuODUsMCwwLDAsMTk2LDE4MS42NFYxMjVsMy42LTMuNTlDMjI3LjQzLDkzLjU0LDIyOC42Miw2MCwyMjcuODUsNDYuODlaTTc2LDg0aDMxTDc1Ljc1LDExNS4yOGwtMjcuMjMtMy44Wk0xNTEuNiw3My4zN0E3Mi4yNyw3Mi4yNywwLDAsMSwyMDQsNTJhNzIuMTcsNzIuMTcsMCwwLDEtMjEuMzgsNTIuNDFMMTI4LDE1OSw5NywxMjhaTTE3MiwxODBsLTI3LjQ5LDI3LjQ5LTMuOC0yNy4yM0wxNzIsMTQ5Wm0tNzEuNjcsMjEuNjJDOTEuNjcsMjEzLjY1LDc0LjE2LDIyOCw0MCwyMjhhMTIsMTIsMCwwLDEtMTItMTJjMC0zNC4xNSwxNC4zNS01MS42NiwyNi4zOS02MC4zM2ExMiwxMiwwLDAsMSwxNCwxOS40N2MtNiw0LjMxLTEyLjg5LDEyLjUtMTUuNDIsMjcuODcsMTUuMzctMi41MywyMy41Ni05LjQ0LDI3Ljg3LTE1LjQyYTEyLDEyLDAsMSwxLDE5LjQ3LDE0WiI+PC9wYXRoPjwvc3ZnPg==");
--icon-star: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDMsOTYuMDVhMjAsMjAsMCwwLDAtMTcuMjYtMTMuNzJsLTU3LTQuOTMtMjIuMy01My4xNGgwYTIwLDIwLDAsMCwwLTM2LjgyLDBMODcuMjksNzcuNGwtNTcsNC45M0EyMCwyMCwwLDAsMCwxOC44NywxMTcuNGw0My4zMiwzNy44LTEzLDU2LjI0QTIwLDIwLDAsMCwwLDc5LDIzMy4xbDQ5LTI5Ljc2LDQ5LDI5Ljc2YTIwLDIwLDAsMCwwLDI5LjgtMjEuNjZsLTEzLTU2LjI0LDQzLjMyLTM3LjhBMjAsMjAsMCwwLDAsMjQzLDk2LjA1Wm0tNjYuNzUsNDIuNjJhMjAsMjAsMCwwLDAtNi4zNSwxOS42M2wxMS4zOSw0OS4zMi00Mi45NC0yNi4wOGExOS45LDE5LjksMCwwLDAtMjAuNywwTDc0LjcxLDIwNy42Miw4Ni4xLDE1OC4zYTIwLDIwLDAsMCwwLTYuMzUtMTkuNjNMNDEuNjYsMTA1LjQ0LDkxLjgsMTAxLjFhMTkuOTIsMTkuOTIsMCwwLDAsMTYuNjktMTIuMTlMMTI4LDQyLjQybDE5LjUxLDQ2LjQ5QTE5LjkyLDE5LjkyLDAsMCwwLDE2NC4yLDEwMS4xbDUwLjE0LDQuMzRaIj48L3BhdGg+PC9zdmc+");
--icon-star-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDMsOTYuMDVhMjAsMjAsMCwwLDAtMTcuMjYtMTMuNzJsLTU3LTQuOTMtMjIuMy01My4xNGgwYTIwLDIwLDAsMCwwLTM2LjgyLDBMODcuMjksNzcuNGwtNTcsNC45M0EyMCwyMCwwLDAsMCwxOC44NywxMTcuNGw0My4zMiwzNy44LTEzLDU2LjI0QTIwLDIwLDAsMCwwLDc5LDIzMy4xbDQ5LTI5Ljc2LDQ5LDI5Ljc2YTIwLDIwLDAsMCwwLDI5LjgtMjEuNjZsLTEzLTU2LjI0LDQzLjMyLTM3LjhBMjAsMjAsMCwwLDAsMjQzLDk2LjA1Wm0tNjYuNzUsNDIuNjJhMjAsMjAsMCwwLDAtNi4zNSwxOS42M2wxMS4zOSw0OS4zMi00Mi45NC0yNi4wOGExOS45LDE5LjksMCwwLDAtMjAuNywwTDc0LjcxLDIwNy42Miw4Ni4xLDE1OC4zYTIwLDIwLDAsMCwwLTYuMzUtMTkuNjNMNDEuNjYsMTA1LjQ0LDkxLjgsMTAxLjFhMTkuOTIsMTkuOTIsMCwwLDAsMTYuNjktMTIuMTlMMTI4LDQyLjQybDE5LjUxLDQ2LjQ5QTE5LjkyLDE5LjkyLDAsMCwwLDE2NC4yLDEwMS4xbDUwLjE0LDQuMzRaIj48L3BhdGg+PC9zdmc+");
--icon-bookmark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQsMjhINzJBMjAsMjAsMCwwLDAsNTIsNDhWMjI0YTEyLDEyLDAsMCwwLDE4LjM2LDEwLjE4bDU3LjYzLTM2LDU3LjY1LDM2QTEyLDEyLDAsMCwwLDIwNCwyMjRWNDhBMjAsMjAsMCwwLDAsMTg0LDI4Wm0tNCwyNFYxNTQuMzVsLTQ1LjY1LTI4LjUzYTEyLDEyLDAsMCwwLTEyLjcyLDBMNzYsMTU0LjM1VjUyWk0xMzQuMzUsMTczLjgyYTEyLDEyLDAsMCwwLTEyLjcyLDBMNzYsMjAyLjM1di0xOS43bDUyLTMyLjUsNTIsMzIuNXYxOS43WiI+PC9wYXRoPjwvc3ZnPg==");
--icon-bookmark-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQsMjhINzJBMjAsMjAsMCwwLDAsNTIsNDhWMjI0YTEyLDEyLDAsMCwwLDE4LjM2LDEwLjE4bDU3LjYzLTM2LDU3LjY1LDM2QTEyLDEyLDAsMCwwLDIwNCwyMjRWNDhBMjAsMjAsMCwwLDAsMTg0LDI4Wm0tNCwyNFYxNTQuMzVsLTQ1LjY1LTI4LjUzYTEyLDEyLDAsMCwwLTEyLjcyLDBMNzYsMTU0LjM1VjUyWk0xMzQuMzUsMTczLjgyYTEyLDEyLDAsMCwwLTEyLjcyLDBMNzYsMjAyLjM1di0xOS43bDUyLTMyLjUsNTIsMzIuNXYxOS43WiI+PC9wYXRoPjwvc3ZnPg==");
--icon-translate: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNlOGU2ZTM7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTI0Mi43MywyMTAuNjNsLTU2LTExMmExMiwxMiwwLDAsMC0yMS40NiwwbC0yMC41Miw0MUE4NC4yLDg0LjIsMCwwLDEsMTA2LDEyNi4yMiwxMDcuNDgsMTA3LjQ4LDAsMCwwLDEzMS4zMyw2OEgxNTJhMTIsMTIsMCwwLDAsMC0yNEgxMDBWMzJhMTIsMTIsMCwwLDAtMjQsMFY0NEgyNGExMiwxMiwwLDAsMCwwLDI0aDgzLjEzQTgzLjY5LDgzLjY5LDAsMCwxLDg4LDExMC4zNSw4NCw4NCwwLDAsMSw3NS42LDkxYTEyLDEyLDAsMSwwLTIxLjgxLDEwQTEwNy41NSwxMDcuNTUsMCwwLDAsNzAsMTI2LjI0LDgzLjU0LDgzLjU0LDAsMCwxLDI0LDE0MGExMiwxMiwwLDAsMCwwLDI0LDEwNy40NywxMDcuNDcsMCwwLDAsNjQtMjEuMDcsMTA4LjQsMTA4LjQsMCwwLDAsNDUuMzksMTkuNDRsLTI0LjEzLDQ4LjI2YTEyLDEyLDAsMSwwLDIxLjQ2LDEwLjczTDE0My40MSwxOTZoNjUuMTdsMTIuNjgsMjUuMzZhMTIsMTIsMCwxLDAsMjEuNDctMTAuNzNaTTE1NS40MSwxNzIsMTc2LDEzMC44MywxOTYuNTgsMTcyWiI+PC9wYXRoPjwvc3ZnPg==");
--icon-translate-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDIuNzMsMjEwLjYzbC01Ni0xMTJhMTIsMTIsMCwwLDAtMjEuNDYsMGwtMjAuNTIsNDFBODQuMiw4NC4yLDAsMCwxLDEwNiwxMjYuMjIsMTA3LjQ4LDEwNy40OCwwLDAsMCwxMzEuMzMsNjhIMTUyYTEyLDEyLDAsMCwwLDAtMjRIMTAwVjMyYTEyLDEyLDAsMCwwLTI0LDBWNDRIMjRhMTIsMTIsMCwwLDAsMCwyNGg4My4xM0E4My42OSw4My42OSwwLDAsMSw4OCwxMTAuMzUsODQsODQsMCwwLDEsNzUuNiw5MWExMiwxMiwwLDEsMC0yMS44MSwxMEExMDcuNTUsMTA3LjU1LDAsMCwwLDcwLDEyNi4yNCw4My41NCw4My41NCwwLDAsMSwyNCwxNDBhMTIsMTIsMCwwLDAsMCwyNCwxMDcuNDcsMTA3LjQ3LDAsMCwwLDY0LTIxLjA3LDEwOC40LDEwOC40LDAsMCwwLDQ1LjM5LDE5LjQ0bC0yNC4xMyw0OC4yNmExMiwxMiwwLDEsMCwyMS40NiwxMC43M0wxNDMuNDEsMTk2aDY1LjE3bDEyLjY4LDI1LjM2YTEyLDEyLDAsMSwwLDIxLjQ3LTEwLjczWk0xNTUuNDEsMTcyLDE3NiwxMzAuODMsMTk2LjU4LDE3MloiPjwvcGF0aD48L3N2Zz4=");
--icon-translate-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsMTI5Ljg5LDE3NS4wNiwxNjBIMTQ0Ljk0bDYuMzYtMTIuN3YwWk0yMjQsNDhWMjA4YTE2LDE2LDAsMCwxLTE2LDE2SDQ4YTE2LDE2LDAsMCwxLTE2LTE2VjQ4QTE2LDE2LDAsMCwxLDQ4LDMySDIwOEExNiwxNiwwLDAsMSwyMjQsNDhaTTIwNy4xNiwxODguNDJsLTQwLTgwYTgsOCwwLDAsMC0xNC4zMiwwTDEzOS42NiwxMzQuOGE2Mi4zMSw2Mi4zMSwwLDAsMS0yMy42MS0xMEE3OS42MSw3OS42MSwwLDAsMCwxMzUuNiw4MEgxNTJhOCw4LDAsMCwwLDAtMTZIMTEyVjU2YTgsOCwwLDAsMC0xNiwwdjhINTZhOCw4LDAsMCwwLDAsMTZoNjMuNDhhNjMuNzMsNjMuNzMsMCwwLDEtMTUuMywzNC4wNSw2NS45Myw2NS45MywwLDAsMS05LTEzLjYxLDgsOCwwLDAsMC0xNC4zMiw3LjEyLDgxLjc1LDgxLjc1LDAsMCwwLDExLjQsMTcuMTVBNjMuNjIsNjMuNjIsMCwwLDEsNTYsMTM2YTgsOCwwLDAsMCwwLDE2LDc5LjU2LDc5LjU2LDAsMCwwLDQ4LjExLTE2LjEzLDc4LjMzLDc4LjMzLDAsMCwwLDI4LjE4LDEzLjY2bC0xOS40NSwzOC44OWE4LDgsMCwwLDAsMTQuMzIsNy4xNkwxMzYuOTQsMTc2aDQ2LjEybDkuNzgsMTkuNThhOCw4LDAsMSwwLDE0LjMyLTcuMTZaIj48L3BhdGg+PC9zdmc+");
--icon-ellipsis: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTIsMTI4YTI0LDI0LDAsMSwxLTI0LTI0QTI0LDI0LDAsMCwxLDE1MiwxMjhaTTQ4LDEwNGEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCw0OCwxMDRabTE2MCwwYTI0LDI0LDAsMSwwLDI0LDI0QTI0LDI0LDAsMCwwLDIwOCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDEyOCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSwxMjgsMTQ0Wk00OCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCw0OCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSw0OCwxNDRaTTIwOCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCwyMDgsOTZabTAsNDhhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMjA4LDE0NFoiPjwvcGF0aD48L3N2Zz4=");
--icon-ellipsis-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTIsMTI4YTI0LDI0LDAsMSwxLTI0LTI0QTI0LDI0LDAsMCwxLDE1MiwxMjhaTTQ4LDEwNGEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCw0OCwxMDRabTE2MCwwYTI0LDI0LDAsMSwwLDI0LDI0QTI0LDI0LDAsMCwwLDIwOCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDEyOCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSwxMjgsMTQ0Wk00OCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCw0OCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSw0OCwxNDRaTTIwOCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCwyMDgsOTZabTAsNDhhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMjA4LDE0NFoiPjwvcGF0aD48L3N2Zz4=");
--icon-ellipsis-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTYsMTI4YTI4LDI4LDAsMSwxLTI4LTI4QTI4LDI4LDAsMCwxLDE1NiwxMjhaTTQ4LDEwMGEyOCwyOCwwLDEsMCwyOCwyOEEyOCwyOCwwLDAsMCw0OCwxMDBabTE2MCwwYTI4LDI4LDAsMSwwLDI4LDI4QTI4LDI4LDAsMCwwLDIwOCwxMDBaIj48L3BhdGg+PC9zdmc+");
--icon-poll: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsOTJIMTgwVjU2YTEyLDEyLDAsMCwwLTEyLTEySDUyVjQwYTEyLDEyLDAsMCwwLTI0LDBWMjE2YTEyLDEyLDAsMCwwLDI0LDB2LTRoODRhMTIsMTIsMCwwLDAsMTItMTJWMTY0aDY4YTEyLDEyLDAsMCwwLDEyLTEyVjEwNEExMiwxMiwwLDAsMCwyMTYsOTJaTTE1Niw2OFY5Mkg1MlY2OFpNMTI0LDE4OEg1MlYxNjRoNzJabTgwLTQ4SDUyVjExNkgyMDRaIj48L3BhdGg+PC9zdmc+");
--icon-poll-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsOTJIMTgwVjU2YTEyLDEyLDAsMCwwLTEyLTEySDUyVjQwYTEyLDEyLDAsMCwwLTI0LDBWMjE2YTEyLDEyLDAsMCwwLDI0LDB2LTRoODRhMTIsMTIsMCwwLDAsMTItMTJWMTY0aDY4YTEyLDEyLDAsMCwwLDEyLTEyVjEwNEExMiwxMiwwLDAsMCwyMTYsOTJaTTE1Niw2OFY5Mkg1MlY2OFpNMTI0LDE4OEg1MlYxNjRoNzJabTgwLTQ4SDUyVjExNkgyMDRaIj48L3BhdGg+PC9zdmc+");
--icon-post: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4QTk2LDk2LDAsMCwxLDc5LjkzLDIxMS4xMWgwTDQyLjU0LDIyMy41OGE4LDgsMCwwLDEtMTAuMTItMTAuMTJsMTIuNDctMzcuMzloMEE5Niw5NiwwLDEsMSwyMjQsMTI4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTEyOCwyNEExMDQsMTA0LDAsMCwwLDM2LjE4LDE3Ni44OEwyNC44MywyMTAuOTNhMTYsMTYsMCwwLDAsMjAuMjQsMjAuMjRsMzQuMDUtMTEuMzVBMTA0LDEwNCwwLDEsMCwxMjgsMjRabTAsMTkyYTg3Ljg3LDg3Ljg3LDAsMCwxLTQ0LjA2LTExLjgxLDgsOCwwLDAsMC00LTEuMDgsNy44NSw3Ljg1LDAsMCwwLTIuNTMuNDJMNDAsMjE2LDUyLjQ3LDE3OC42YTgsOCwwLDAsMC0uNjYtNi41NEE4OCw4OCwwLDEsMSwxMjgsMjE2Wm0xMi04OGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNDAsMTI4Wm0tNDQsMGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSw5NiwxMjhabTg4LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTg0LDEyOFoiPjwvcGF0aD48L3N2Zz4=");
--icon-post-notification: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjAsMTI4YTE2LDE2LDAsMSwxLTE2LTE2QTE2LDE2LDAsMCwxLDEyMCwxMjhabTMyLTE2YTE2LDE2LDAsMSwwLDE2LDE2QTE2LDE2LDAsMCwwLDE1MiwxMTJabTg0LDE2QTEwOCwxMDgsMCwwLDEsNzguNzcsMjI0LjE1TDQ2LjM0LDIzNUEyMCwyMCwwLDAsMSwyMSwyMDkuNjZsMTAuODEtMzIuNDNBMTA4LDEwOCwwLDEsMSwyMzYsMTI4Wm0tMjQsMEE4NCw4NCwwLDEsMCw1NS4yNywxNzAuMDZhMTIsMTIsMCwwLDEsMSw5LjgxbC05LjkzLDI5Ljc5LDI5Ljc5LTkuOTNhMTIuMSwxMi4xLDAsMCwxLDMuOC0uNjIsMTIsMTIsMCwwLDEsNiwxLjYyQTg0LDg0LDAsMCwwLDIxMiwxMjhaIj48L3BhdGg+PC9zdmc+");
--icon-post-notification-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjAsMTI4YTE2LDE2LDAsMSwxLTE2LTE2QTE2LDE2LDAsMCwxLDEyMCwxMjhabTMyLTE2YTE2LDE2LDAsMSwwLDE2LDE2QTE2LDE2LDAsMCwwLDE1MiwxMTJabTg0LDE2QTEwOCwxMDgsMCwwLDEsNzguNzcsMjI0LjE1TDQ2LjM0LDIzNUEyMCwyMCwwLDAsMSwyMSwyMDkuNjZsMTAuODEtMzIuNDNBMTA4LDEwOCwwLDEsMSwyMzYsMTI4Wm0tMjQsMEE4NCw4NCwwLDEsMCw1NS4yNywxNzAuMDZhMTIsMTIsMCwwLDEsMSw5LjgxbC05LjkzLDI5Ljc5LDI5Ljc5LTkuOTNhMTIuMSwxMi4xLDAsMCwxLDMuOC0uNjIsMTIsMTIsMCwwLDEsNiwxLjYyQTg0LDg0LDAsMCwwLDIxMiwxMjhaIj48L3BhdGg+PC9zdmc+");
--icon-users: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMzYsMTA4QTUyLDUyLDAsMSwxLDg0LDU2LDUyLDUyLDAsMCwxLDEzNiwxMDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTE3LjI1LDE1Ny45MmE2MCw2MCwwLDEsMC02Ni41LDBBOTUuODMsOTUuODMsMCwwLDAsMy41MywxOTUuNjNhOCw4LDAsMSwwLDEzLjQsOC43NCw4MCw4MCwwLDAsMSwxMzQuMTQsMCw4LDgsMCwwLDAsMTMuNC04Ljc0QTk1LjgzLDk1LjgzLDAsMCwwLDExNy4yNSwxNTcuOTJaTTQwLDEwOGE0NCw0NCwwLDEsMSw0NCw0NEE0NC4wNSw0NC4wNSwwLDAsMSw0MCwxMDhabTIxMC4xNCw5OC43YTgsOCwwLDAsMS0xMS4wNy0yLjMzQTc5LjgzLDc5LjgzLDAsMCwwLDE3MiwxNjhhOCw4LDAsMCwxLDAtMTYsNDQsNDQsMCwxLDAtMTYuMzQtODQuODcsOCw4LDAsMSwxLTUuOTQtMTQuODUsNjAsNjAsMCwwLDEsNTUuNTMsMTA1LjY0LDk1LjgzLDk1LjgzLDAsMCwxLDQ3LjIyLDM3LjcxQTgsOCwwLDAsMSwyNTAuMTQsMjA2LjdaIj48L3BhdGg+PC9zdmc+");
--icon-user-plus: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNTYsMTM2YTEyLDEyLDAsMCwxLTEyLDEyaC04djhhMTIsMTIsMCwwLDEtMjQsMHYtOGgtOGExMiwxMiwwLDAsMSwwLTI0aDh2LThhMTIsMTIsMCwwLDEsMjQsMHY4aDhBMTIsMTIsMCwwLDEsMjU2LDEzNlptLTU0LjgxLDU2LjI4YTEyLDEyLDAsMSwxLTE4LjM4LDE1LjQ0QzE2OS4xMiwxOTEuNDIsMTQ1LDE3MiwxMDgsMTcyYy0yOC44OSwwLTU1LjQ2LDEyLjY4LTc0LjgxLDM1LjcyYTEyLDEyLDAsMCwxLTE4LjM4LTE1LjQ0QTEyNC4wOCwxMjQuMDgsMCwwLDEsNjMuNSwxNTYuNTNhNzIsNzIsMCwxLDEsODksMEExMjQsMTI0LDAsMCwxLDIwMS4xOSwxOTIuMjhaTTEwOCwxNDhhNDgsNDgsMCwxLDAtNDgtNDhBNDguMDUsNDguMDUsMCwwLDAsMTA4LDE0OFoiPjwvcGF0aD48L3N2Zz4=");
--icon-user-plus-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNTYsMTM2YTEyLDEyLDAsMCwxLTEyLDEyaC04djhhMTIsMTIsMCwwLDEtMjQsMHYtOGgtOGExMiwxMiwwLDAsMSwwLTI0aDh2LThhMTIsMTIsMCwwLDEsMjQsMHY4aDhBMTIsMTIsMCwwLDEsMjU2LDEzNlptLTU0LjgxLDU2LjI4YTEyLDEyLDAsMSwxLTE4LjM4LDE1LjQ0QzE2OS4xMiwxOTEuNDIsMTQ1LDE3MiwxMDgsMTcyYy0yOC44OSwwLTU1LjQ2LDEyLjY4LTc0LjgxLDM1LjcyYTEyLDEyLDAsMCwxLTE4LjM4LTE1LjQ0QTEyNC4wOCwxMjQuMDgsMCwwLDEsNjMuNSwxNTYuNTNhNzIsNzIsMCwxLDEsODksMEExMjQsMTI0LDAsMCwxLDIwMS4xOSwxOTIuMjhaTTEwOCwxNDhhNDgsNDgsMCwxLDAtNDgtNDhBNDguMDUsNDguMDUsMCwwLDAsMTA4LDE0OFoiPjwvcGF0aD48L3N2Zz4=");
/* Navigation icons */
--icon-home: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTE1LjU0VjIwOGE4LDgsMCwwLDEtOCw4SDE2MGE4LDgsMCwwLDEtOC04VjE2MGE4LDgsMCwwLDAtOC04SDExMmE4LDgsMCwwLDAtOCw4djQ4YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLTgtOFYxMTUuNTRhOCw4LDAsMCwxLDIuNjItNS45Mmw4MC03NS41NGE4LDgsMCwwLDEsMTAuNzcsMGw4MCw3NS41NEE4LDgsMCwwLDEsMjE2LDExNS41NFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTguODMsMTAzLjc3bC04MC03NS40OGExLjE0LDEuMTQsMCwwLDEtLjExLS4xMSwxNiwxNiwwLDAsMC0yMS41MywwbC0uMTEuMTFMMzcuMTcsMTAzLjc3QTE2LDE2LDAsMCwwLDMyLDExNS41NVYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIOTZhMTYsMTYsMCwwLDAsMTYtMTZWMTYwaDMydjQ4YTE2LDE2LDAsMCwwLDE2LDE2aDQ4YTE2LDE2LDAsMCwwLDE2LTE2VjExNS41NUExNiwxNiwwLDAsMCwyMTguODMsMTAzLjc3Wk0yMDgsMjA4SDE2MFYxNjBhMTYsMTYsMCwwLDAtMTYtMTZIMTEyYTE2LDE2LDAsMCwwLTE2LDE2djQ4SDQ4VjExNS41NWwuMTEtLjFMMTI4LDQwbDc5LjksNzUuNDMuMTEuMVoiPjwvcGF0aD48L3N2Zz4=");
--icon-home-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTE1LjU0VjIwOGE4LDgsMCwwLDEtOCw4SDE2MGE4LDgsMCwwLDEtOC04VjE2MGE4LDgsMCwwLDAtOC04SDExMmE4LDgsMCwwLDAtOCw4djQ4YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLTgtOFYxMTUuNTRhOCw4LDAsMCwxLDIuNjItNS45Mmw4MC03NS41NGE4LDgsMCwwLDEsMTAuNzcsMGw4MCw3NS41NEE4LDgsMCwwLDEsMjE2LDExNS41NFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTguODMsMTAzLjc3bC04MC03NS40OGExLjE0LDEuMTQsMCwwLDEtLjExLS4xMSwxNiwxNiwwLDAsMC0yMS41MywwbC0uMTEuMTFMMzcuMTcsMTAzLjc3QTE2LDE2LDAsMCwwLDMyLDExNS41NVYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIOTZhMTYsMTYsMCwwLDAsMTYtMTZWMTYwaDMydjQ4YTE2LDE2LDAsMCwwLDE2LDE2aDQ4YTE2LDE2LDAsMCwwLDE2LTE2VjExNS41NUExNiwxNiwwLDAsMCwyMTguODMsMTAzLjc3Wk0yMDgsMjA4SDE2MFYxNjBhMTYsMTYsMCwwLDAtMTYtMTZIMTEyYTE2LDE2LDAsMCwwLTE2LDE2djQ4SDQ4VjExNS41NWwuMTEtLjFMMTI4LDQwbDc5LjksNzUuNDMuMTEuMVoiPjwvcGF0aD48L3N2Zz4=");
--icon-bell: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICM3MWEzZjk7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIwOCwxOTJINDhhOCw4LDAsMCwxLTYuODgtMTJDNDcuNzEsMTY4LjYsNTYsMTM5LjgxLDU2LDEwNGE3Miw3MiwwLDAsMSwxNDQsMGMwLDM1LjgyLDguMyw2NC42LDE0LjksNzZBOCw4LDAsMCwxLDIwOCwxOTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjIxLjgsMTc1Ljk0QzIxNi4yNSwxNjYuMzgsMjA4LDEzOS4zMywyMDgsMTA0YTgwLDgwLDAsMSwwLTE2MCwwYzAsMzUuMzQtOC4yNiw2Mi4zOC0xMy44MSw3MS45NEExNiwxNiwwLDAsMCw0OCwyMDBIODguODFhNDAsNDAsMCwwLDAsNzguMzgsMEgyMDhhMTYsMTYsMCwwLDAsMTMuOC0yNC4wNlpNMTI4LDIxNmEyNCwyNCwwLDAsMS0yMi42Mi0xNmg0NS4yNEEyNCwyNCwwLDAsMSwxMjgsMjE2Wk00OCwxODRjNy43LTEzLjI0LDE2LTQzLjkyLDE2LTgwYTY0LDY0LDAsMSwxLDEyOCwwYzAsMzYuMDUsOC4yOCw2Ni43MywxNiw4MFoiPjwvcGF0aD48L3N2Zz4=");
--icon-bell-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNlOGU2ZTM7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIwOCwxOTJINDhhOCw4LDAsMCwxLTYuODgtMTJDNDcuNzEsMTY4LjYsNTYsMTM5LjgxLDU2LDEwNGE3Miw3MiwwLDAsMSwxNDQsMGMwLDM1LjgyLDguMyw2NC42LDE0LjksNzZBOCw4LDAsMCwxLDIwOCwxOTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjIxLjgsMTc1Ljk0QzIxNi4yNSwxNjYuMzgsMjA4LDEzOS4zMywyMDgsMTA0YTgwLDgwLDAsMSwwLTE2MCwwYzAsMzUuMzQtOC4yNiw2Mi4zOC0xMy44MSw3MS45NEExNiwxNiwwLDAsMCw0OCwyMDBIODguODFhNDAsNDAsMCwwLDAsNzguMzgsMEgyMDhhMTYsMTYsMCwwLDAsMTMuOC0yNC4wNlpNMTI4LDIxNmEyNCwyNCwwLDAsMS0yMi42Mi0xNmg0NS4yNEEyNCwyNCwwLDAsMSwxMjgsMjE2Wk00OCwxODRjNy43LTEzLjI0LDE2LTQzLjkyLDE2LTgwYTY0LDY0LDAsMSwxLDEyOCwwYzAsMzYuMDUsOC4yOCw2Ni43MywxNiw4MFoiPjwvcGF0aD48L3N2Zz4=");
--icon-hashtag: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsOTZ2NjRIOTZWOTZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjE2LDE1MkgxNjhWMTA0aDQ4YTgsOCwwLDAsMCwwLTE2SDE2OFY0MGE4LDgsMCwwLDAtMTYsMFY4OEgxMDRWNDBhOCw4LDAsMCwwLTE2LDBWODhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhhOCw4LDAsMCwwLDE2LDBWMTY4aDQ4djQ4YTgsOCwwLDAsMCwxNiwwVjE2OGg0OGE4LDgsMCwwLDAsMC0xNlptLTExMiwwVjEwNGg0OHY0OFoiPjwvcGF0aD48L3N2Zz4=");
--icon-hashtag-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsOTZ2NjRIOTZWOTZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjE2LDE1MkgxNjhWMTA0aDQ4YTgsOCwwLDAsMCwwLTE2SDE2OFY0MGE4LDgsMCwwLDAtMTYsMFY4OEgxMDRWNDBhOCw4LDAsMCwwLTE2LDBWODhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhhOCw4LDAsMCwwLDE2LDBWMTY4aDQ4djQ4YTgsOCwwLDAsMCwxNiwwVjE2OGg0OGE4LDgsMCwwLDAsMC0xNlptLTExMiwwVjEwNGg0OHY0OFoiPjwvcGF0aD48L3N2Zz4=");
--icon-globe: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4YTg4LDg4LDAsMSwxLTg4LTg4QTg4LDg4LDAsMCwxLDIxNiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ1LjExLDYwLjY4Yy03LjY1LTEzLjE5LTI3Ljg0LTE2LjE2LTU4LjUtOC42NkE5NS45Myw5NS45MywwLDAsMCwzMiwxMjhhOTgsOTgsMCwwLDAsLjc4LDEyLjMxQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNEE5NS45Myw5NS45MywwLDAsMCwyMjQsMTI4YTk3LjA4LDk3LjA4LDAsMCwwLS43Ny0xMi4yNWMxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4Wk0xMjgsNDhhODAuMTEsODAuMTEsMCwwLDEsNzgsNjIuMmMtMTcuMDYsMTYuMDYtNDAuMTUsMzIuNTMtNjIuMDcsNDUuMTNDMTE2LjM4LDE3MS4xNCw5Mi40OCwxODEsNzMuNDIsMTg2LjRBNzkuOTQsNzkuOTQsMCwwLDEsMTI4LDQ4Wk0yNC43NCwxODcuMjljLTEuNDYtMi41MS0uNjUtNy4yNCwyLjIyLTEzYTc5LjA1LDc5LjA1LDAsMCwxLDEwLjI5LTE1LjA1LDk2LDk2LDAsMCwwLDE4LDMxLjMyQzM4LDE5My40NiwyNy4yNCwxOTEuNjEsMjQuNzQsMTg3LjI5Wk0xMjgsMjA4YTc5LjQ1LDc5LjQ1LDAsMCwxLTM4LjU2LTkuOTQsMzcwLDM3MCwwLDAsMCw2Mi40My0yOC44NmMyMS41OC0xMi4zOSw0MC42OC0yNS44Miw1Ni4wNy0zOS4wOEE4MC4wNyw4MC4wNywwLDAsMSwxMjgsMjA4Wk0yMzEuNDIsNzUuNjljLTEuNyw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVjMTQuMjEtMi4zNSwyNy4zNy0yLjE3LDMwLjUsMy4yNEMyMzIuMTksNzAuMjgsMjMyLjI0LDcyLjYzLDIzMS40Miw3NS42OVoiPjwvcGF0aD48L3N2Zz4=");
--icon-globe-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4YTg4LDg4LDAsMSwxLTg4LTg4QTg4LDg4LDAsMCwxLDIxNiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ1LjExLDYwLjY4Yy03LjY1LTEzLjE5LTI3Ljg0LTE2LjE2LTU4LjUtOC42NkE5NS45Myw5NS45MywwLDAsMCwzMiwxMjhhOTgsOTgsMCwwLDAsLjc4LDEyLjMxQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNEE5NS45Myw5NS45MywwLDAsMCwyMjQsMTI4YTk3LjA4LDk3LjA4LDAsMCwwLS43Ny0xMi4yNWMxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4Wk0xMjgsNDhhODAuMTEsODAuMTEsMCwwLDEsNzgsNjIuMmMtMTcuMDYsMTYuMDYtNDAuMTUsMzIuNTMtNjIuMDcsNDUuMTNDMTE2LjM4LDE3MS4xNCw5Mi40OCwxODEsNzMuNDIsMTg2LjRBNzkuOTQsNzkuOTQsMCwwLDEsMTI4LDQ4Wk0yNC43NCwxODcuMjljLTEuNDYtMi41MS0uNjUtNy4yNCwyLjIyLTEzYTc5LjA1LDc5LjA1LDAsMCwxLDEwLjI5LTE1LjA1LDk2LDk2LDAsMCwwLDE4LDMxLjMyQzM4LDE5My40NiwyNy4yNCwxOTEuNjEsMjQuNzQsMTg3LjI5Wk0xMjgsMjA4YTc5LjQ1LDc5LjQ1LDAsMCwxLTM4LjU2LTkuOTQsMzcwLDM3MCwwLDAsMCw2Mi40My0yOC44NmMyMS41OC0xMi4zOSw0MC42OC0yNS44Miw1Ni4wNy0zOS4wOEE4MC4wNyw4MC4wNywwLDAsMSwxMjgsMjA4Wk0yMzEuNDIsNzUuNjljLTEuNyw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVjMTQuMjEtMi4zNSwyNy4zNy0yLjE3LDMwLjUsMy4yNEMyMzIuMTksNzAuMjgsMjMyLjI0LDcyLjYzLDIzMS40Miw3NS42OVoiPjwvcGF0aD48L3N2Zz4=");
--icon-direct-messages: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNTZsLTk2LDg4TDMyLDU2WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCw0OEgzMmE4LDgsMCwwLDAtOCw4VjE5MmExNiwxNiwwLDAsMCwxNiwxNkgyMTZhMTYsMTYsMCwwLDAsMTYtMTZWNTZBOCw4LDAsMCwwLDIyNCw0OFpNMjAzLjQzLDY0LDEyOCwxMzMuMTUsNTIuNTcsNjRaTTIxNiwxOTJINDBWNzQuMTlsODIuNTksNzUuNzFhOCw4LDAsMCwwLDEwLjgyLDBMMjE2LDc0LjE5VjE5MloiPjwvcGF0aD48L3N2Zz4=");
--icon-direct-messages-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNTZsLTk2LDg4TDMyLDU2WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCw0OEgzMmE4LDgsMCwwLDAtOCw4VjE5MmExNiwxNiwwLDAsMCwxNiwxNkgyMTZhMTYsMTYsMCwwLDAsMTYtMTZWNTZBOCw4LDAsMCwwLDIyNCw0OFpNMjAzLjQzLDY0LDEyOCwxMzMuMTUsNTIuNTcsNjRaTTIxNiwxOTJINDBWNzQuMTlsODIuNTksNzUuNzFhOCw4LDAsMCwwLDEwLjgyLDBMMjE2LDc0LjE5VjE5MloiPjwvcGF0aD48L3N2Zz4=");
--icon-bookmark-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzJWMjI0bC01Ni00MEw1NiwyMjRWNzJhOCw4LDAsMCwxLDgtOGg5NkE4LDgsMCwwLDEsMTY4LDcyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2MCw1Nkg2NEExNiwxNiwwLDAsMCw0OCw3MlYyMjRhOCw4LDAsMCwwLDEyLjY1LDYuNTFMMTEyLDE5My44M2w1MS4zNiwzNi42OEE4LDgsMCwwLDAsMTc2LDIyNFY3MkExNiwxNiwwLDAsMCwxNjAsNTZabTAsMTUyLjQ2LTQzLjM2LTMxYTgsOCwwLDAsMC05LjMsMEw2NCwyMDguNDVWNzJoOTZaTTIwOCw0MFYxOTJhOCw4LDAsMCwxLTE2LDBWNDBIODhhOCw4LDAsMCwxLDAtMTZIMTkyQTE2LDE2LDAsMCwxLDIwOCw0MFoiPjwvcGF0aD48L3N2Zz4=");
--icon-bookmark-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzJWMjI0bC01Ni00MEw1NiwyMjRWNzJhOCw4LDAsMCwxLDgtOGg5NkE4LDgsMCwwLDEsMTY4LDcyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2MCw1Nkg2NEExNiwxNiwwLDAsMCw0OCw3MlYyMjRhOCw4LDAsMCwwLDEyLjY1LDYuNTFMMTEyLDE5My44M2w1MS4zNiwzNi42OEE4LDgsMCwwLDAsMTc2LDIyNFY3MkExNiwxNiwwLDAsMCwxNjAsNTZabTAsMTUyLjQ2LTQzLjM2LTMxYTgsOCwwLDAsMC05LjMsMEw2NCwyMDguNDVWNzJoOTZaTTIwOCw0MFYxOTJhOCw4LDAsMCwxLTE2LDBWNDBIODhhOCw4LDAsMCwxLDAtMTZIMTkyQTE2LDE2LDAsMCwxLDIwOCw0MFoiPjwvcGF0aD48L3N2Zz4=");
--icon-star-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+");
--icon-star-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+");
--icon-search: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIuNDksMjE1LjUxLDE4NSwxNjhhOTIuMTIsOTIuMTIsMCwxLDAtMTcsMTdsNDcuNTMsNDcuNTRhMTIsMTIsMCwwLDAsMTctMTdaTTQ0LDExMmE2OCw2OCwwLDEsMSw2OCw2OEE2OC4wNyw2OC4wNywwLDAsMSw0NCwxMTJaIj48L3BhdGg+PC9zdmc+");
--icon-search-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIuNDksMjE1LjUxLDE4NSwxNjhhOTIuMTIsOTIuMTIsMCwxLDAtMTcsMTdsNDcuNTMsNDcuNTRhMTIsMTIsMCwwLDAsMTctMTdaTTQ0LDExMmE2OCw2OCwwLDEsMSw2OCw2OEE2OC4wNyw2OC4wNywwLDAsMSw0NCwxMTJaIj48L3BhdGg+PC9zdmc+");
--icon-search-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTEyYTgwLDgwLDAsMSwxLTgwLTgwQTgwLDgwLDAsMCwxLDE5MiwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI5LjY2LDIxOC4zNCwxNzkuNiwxNjguMjhhODguMjEsODguMjEsMCwxLDAtMTEuMzIsMTEuMzFsNTAuMDYsNTAuMDdhOCw4LDAsMCwwLDExLjMyLTExLjMyWk00MCwxMTJhNzIsNzIsMCwxLDEsNzIsNzJBNzIuMDgsNzIuMDgsMCwwLDEsNDAsMTEyWiI+PC9wYXRoPjwvc3ZnPg==");
--icon-search-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTEyYTgwLDgwLDAsMSwxLTgwLTgwQTgwLDgwLDAsMCwxLDE5MiwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI5LjY2LDIxOC4zNCwxNzkuNiwxNjguMjhhODguMjEsODguMjEsMCwxLDAtMTEuMzIsMTEuMzFsNTAuMDYsNTAuMDdhOCw4LDAsMCwwLDExLjMyLTExLjMyWk00MCwxMTJhNzIsNzIsMCwxLDEsNzIsNzJBNzIuMDgsNzIuMDgsMCwwLDEsNDAsMTEyWiI+PC9wYXRoPjwvc3ZnPg==");
--icon-list: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNjRWMTkySDQwVjY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCwxMjhhOCw4LDAsMCwxLTgsOEg0MGE4LDgsMCwwLDEsMC0xNkgyMTZBOCw4LDAsMCwxLDIyNCwxMjhaTTQwLDcySDIxNmE4LDgsMCwwLDAsMC0xNkg0MGE4LDgsMCwwLDAsMCwxNlpNMjE2LDE4NEg0MGE4LDgsMCwwLDAsMCwxNkgyMTZhOCw4LDAsMCwwLDAtMTZaIj48L3BhdGg+PC9zdmc+");
--icon-list-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNjRWMTkySDQwVjY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCwxMjhhOCw4LDAsMCwxLTgsOEg0MGE4LDgsMCwwLDEsMC0xNkgyMTZBOCw4LDAsMCwxLDIyNCwxMjhaTTQwLDcySDIxNmE4LDgsMCwwLDAsMC0xNkg0MGE4LDgsMCwwLDAsMCwxNlpNMjE2LDE4NEg0MGE4LDgsMCwwLDAsMCwxNkgyMTZhOCw4LDAsMCwwLDAtMTZaIj48L3BhdGg+PC9zdmc+");
--icon-settings: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMSwxMDguNzYsMTk4LjI1LDkwLjYyYy0uNjQtMS4xNi0xLjMxLTIuMjktMi0zLjQxbC0uMTItMzZBMTA0LjYxLDEwNC42MSwwLDAsMCwxNjIsMzJMMTMwLDQ5Ljg5Yy0xLjM0LDAtMi42OSwwLTQsMEw5NCwzMkExMDQuNTgsMTA0LjU4LDAsMCwwLDU5Ljg5LDUxLjI1bC0uMTYsMzZjLS43LDEuMTItMS4zNywyLjI2LTIsMy40MWwtMzEuODQsMTguMWE5OS4xNSw5OS4xNSwwLDAsMCwwLDM4LjQ2bDMxLjg1LDE4LjE0Yy42NCwxLjE2LDEuMzEsMi4yOSwyLDMuNDFsLjEyLDM2QTEwNC42MSwxMDQuNjEsMCwwLDAsOTQsMjI0bDMyLTE3Ljg3YzEuMzQsMCwyLjY5LDAsNCwwTDE2MiwyMjRhMTA0LjU4LDEwNC41OCwwLDAsMCwzNC4wOC0xOS4yNWwuMTYtMzZjLjctMS4xMiwxLjM3LTIuMjYsMi0zLjQxbDMxLjg0LTE4LjFBOTkuMTUsOTkuMTUsMCwwLDAsMjMwLjEsMTA4Ljc2Wk0xMjgsMTY4YTQwLDQwLDAsMSwxLDQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxNjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDgwYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWm0xMDkuOTQtNTIuNzlhOCw4LDAsMCwwLTMuODktNS40bC0yOS44My0xNy0uMTItMzMuNjJhOCw4LDAsMCwwLTIuODMtNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLTM2LjcyLTIwLjY3LDgsOCwwLDAsMC02LjQ2LjU5TDEyOCw0MS44NSw5Ny44OCwyNWE4LDgsMCwwLDAtNi40Ny0uNkExMTEuOTIsMTExLjkyLDAsMCwwLDU0LjczLDQ1LjE1YTgsOCwwLDAsMC0yLjgzLDYuMDdsLS4xNSwzMy42NS0yOS44MywxN2E4LDgsMCwwLDAtMy44OSw1LjQsMTA2LjQ3LDEwNi40NywwLDAsMCwwLDQxLjU2LDgsOCwwLDAsMCwzLjg5LDUuNGwyOS44MywxNywuMTIsMzMuNjNhOCw4LDAsMCwwLDIuODMsNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLDM2LjcyLDIwLjY3LDgsOCwwLDAsMCw2LjQ2LS41OUwxMjgsMjE0LjE1LDE1OC4xMiwyMzFhNy45MSw3LjkxLDAsMCwwLDMuOSwxLDguMDksOC4wOSwwLDAsMCwyLjU3LS40MiwxMTIuMSwxMTIuMSwwLDAsMCwzNi42OC0yMC43Myw4LDgsMCwwLDAsMi44My02LjA3bC4xNS0zMy42NSwyOS44My0xN2E4LDgsMCwwLDAsMy44OS01LjRBMTA2LjQ3LDEwNi40NywwLDAsMCwyMzcuOTQsMTA3LjIxWm0tMTUsMzQuOTEtMjguNTcsMTYuMjVhOCw4LDAsMCwwLTMsM2MtLjU4LDEtMS4xOSwyLjA2LTEuODEsMy4wNmE3Ljk0LDcuOTQsMCwwLDAtMS4yMiw0LjIxbC0uMTUsMzIuMjVhOTUuODksOTUuODksMCwwLDEtMjUuMzcsMTQuM0wxMzQsMTk5LjEzYTgsOCwwLDAsMC0zLjkxLTFoLS4xOWMtMS4yMSwwLTIuNDMsMC0zLjY0LDBhOC4xLDguMSwwLDAsMC00LjEsMWwtMjguODQsMTYuMUE5Niw5NiwwLDAsMSw2Ny44OCwyMDFsLS4xMS0zMi4yYTgsOCwwLDAsMC0xLjIyLTQuMjJjLS42Mi0xLTEuMjMtMi0xLjgtMy4wNmE4LjA5LDguMDksMCwwLDAtMy0zLjA2bC0yOC42LTE2LjI5YTkwLjQ5LDkwLjQ5LDAsMCwxLDAtMjguMjZMNjEuNjcsOTcuNjNhOCw4LDAsMCwwLDMtM2MuNTgtMSwxLjE5LTIuMDYsMS44MS0zLjA2YTcuOTQsNy45NCwwLDAsMCwxLjIyLTQuMjFsLjE1LTMyLjI1YTk1Ljg5LDk1Ljg5LDAsMCwxLDI1LjM3LTE0LjNMMTIyLDU2Ljg3YTgsOCwwLDAsMCw0LjEsMWMxLjIxLDAsMi40MywwLDMuNjQsMGE4LDgsMCwwLDAsNC4xLTFsMjguODQtMTYuMUE5Niw5NiwwLDAsMSwxODguMTIsNTVsLjExLDMyLjJhOCw4LDAsMCwwLDEuMjIsNC4yMmMuNjIsMSwxLjIzLDIsMS44LDMuMDZhOC4wOSw4LjA5LDAsMCwwLDMsMy4wNmwyOC42LDE2LjI5QTkwLjQ5LDkwLjQ5LDAsMCwxLDIyMi45LDE0Mi4xMloiPjwvcGF0aD48L3N2Zz4=");
/* Post visibility icons */
--icon-globe-visibility: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+");
--icon-globe-visibility-inv: var(--icon-globe-visibility);
--icon-unlock: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTAwVjU2YTI4LDI4LDAsMCwxLDI4LTI4YzEzLjUxLDAsMjUuNjUsOS42MiwyOC4yNCwyMi4zOWExMiwxMiwwLDEsMCwyMy41Mi00Ljc4QzE3NC44NywyMS41LDE1My4xLDQsMTI4LDRBNTIuMDYsNTIuMDYsMCwwLDAsNzYsNTZWNzZINDhBMjAsMjAsMCwwLDAsMjgsOTZWMjA4YTIwLDIwLDAsMCwwLDIwLDIwSDIwOGEyMCwyMCwwLDAsMCwyMC0yMFY5NkEyMCwyMCwwLDAsMCwyMDgsNzZabS00LDEyOEg1MlYxMDBIMjA0WiI+PC9wYXRoPjwvc3ZnPg==");
--icon-unlock-inv: var(--icon-unlock);
--icon-lock: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4=");
--icon-lock-inv: var(--icon-lock);
--icon-at: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNDRIMzJBMTIsMTIsMCwwLDAsMjAsNTZWMTkyYTIwLDIwLDAsMCwwLDIwLDIwSDIxNmEyMCwyMCwwLDAsMCwyMC0yMFY1NkExMiwxMiwwLDAsMCwyMjQsNDRaTTE5My4xNSw2OCwxMjgsMTI3LjcyLDYyLjg1LDY4Wk00NCwxODhWODMuMjhsNzUuODksNjkuNTdhMTIsMTIsMCwwLDAsMTYuMjIsMEwyMTIsODMuMjhWMTg4WiI+PC9wYXRoPjwvc3ZnPg==");
--icon-at-inv: var(--icon-at);
/* Other icons */
--icon-bell-still: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjUuMjksMTY1LjkzQzIxNi42MSwxNTEsMjEyLDEyOS41NywyMTIsMTA0YTg0LDg0LDAsMCwwLTE2OCwwYzAsMjUuNTgtNC41OSw0Ny0xMy4yNyw2MS45M0EyMC4wOCwyMC4wOCwwLDAsMCwzMC42NiwxODYsMTkuNzcsMTkuNzcsMCwwLDAsNDgsMTk2SDg0LjE4YTQ0LDQ0LDAsMCwwLDg3LjY0LDBIMjA4YTE5Ljc3LDE5Ljc3LDAsMCwwLDE3LjMxLTEwQTIwLjA4LDIwLjA4LDAsMCwwLDIyNS4yOSwxNjUuOTNaTTEyOCwyMTJhMjAsMjAsMCwwLDEtMTkuNi0xNmgzOS4yQTIwLDIwLDAsMCwxLDEyOCwyMTJaTTU0LjY2LDE3MkM2My41MSwxNTQsNjgsMTMxLjE0LDY4LDEwNGE2MCw2MCwwLDAsMSwxMjAsMGMwLDI3LjEzLDQuNDgsNTAsMTMuMzMsNjhaIj48L3BhdGg+PC9zdmc+");
--icon-bell-ringing: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0zNS43LDc2YTExLjg2LDExLjg2LDAsMCwxLTUuNTEtMS4zNSwxMiwxMiwwLDAsMS01LjEzLTE2LjE3QTExNS4yNSwxMTUuMjUsMCwwLDEsNjUuNiwxMy44NiwxMiwxMiwwLDEsMSw3OC40LDM0LjE1YTkwLjEsOTAuMSwwLDAsMC0zMiwzNS4zOEExMiwxMiwwLDAsMSwzNS43LDc2Wk0yMzAuOTQsNTguNDhBMTE1LjI1LDExNS4yNSwwLDAsMCwxOTAuNCwxMy44NmExMiwxMiwwLDEsMC0xMi44LDIwLjI5LDkwLjEsOTAuMSwwLDAsMSwzMiwzNS4zOEExMiwxMiwwLDAsMCwyMjAuMyw3NmExMS44NiwxMS44NiwwLDAsMCw1LjUxLTEuMzVBMTIsMTIsMCwwLDAsMjMwLjk0LDU4LjQ4Wm0tMTEuMDYsMTA5LjRBMjAsMjAsMCwwLDEsMjA0LDIwMEgxNzEuMjZhNDQsNDQsMCwwLDEtODYuNTIsMEg1MmEyMCwyMCwwLDAsMS0xNS45MS0zMi4xMmM3LjE3LTkuMzMsMTUuNzMtMjYuNjIsMTUuODgtNTUuOTRBNzYsNzYsMCwwLDEsMjA0LDExMkMyMDQuMTUsMTQxLjI2LDIxMi43MSwxNTguNTUsMjE5Ljg4LDE2Ny44OFpNMTQ2LjMyLDIwMEgxMDkuNjhhMjAsMjAsMCwwLDAsMzYuNjQsMFptNTAtMjRjLTguMTYtMTMtMTYuMTktMzMuNTctMTYuMzQtNjMuOTRBNTIsNTIsMCwxLDAsNzYsMTEyYy0uMTUsMzAuNDItOC4xOCw1MS0xNi4zNCw2NFoiPjwvcGF0aD48L3N2Zz4=");
--icon-close: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjRBMTA0LDEwNCwwLDEsMCwyMzIsMTI4LDEwNC4xMSwxMDQuMTEsMCwwLDAsMTI4LDI0Wm0zNy42NiwxMzAuMzRhOCw4LDAsMCwxLTExLjMyLDExLjMyTDEyOCwxMzkuMzFsLTI2LjM0LDI2LjM1YTgsOCwwLDAsMS0xMS4zMi0xMS4zMkwxMTYuNjksMTI4LDkwLjM0LDEwMS42NmE4LDgsMCwwLDEsMTEuMzItMTEuMzJMMTI4LDExNi42OWwyNi4zNC0yNi4zNWE4LDgsMCwwLDEsMTEuMzIsMTEuMzJMMTM5LjMxLDEyOFoiPjwvcGF0aD48L3N2Zz4=");
--icon-megaphone: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNlOGU2ZTM7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTEzNiw2OS4wOVYxNzAuOTFMNDIuMjQsMTk5LjY3QTgsOCwwLDAsMSwzMiwxOTJWNDhhOCw4LDAsMCwxLDEwLjI0LTcuNjdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjIwLjU0LDg2LjY2bC0xNzYuMDYtNTRBMTYsMTYsMCwwLDAsMjQsNDhWMTkyYTE2LDE2LDAsMCwwLDE2LDE2LDE2LDE2LDAsMCwwLDQuNTItLjY1TDEyOCwxODEuNzNWMTkyYTE2LDE2LDAsMCwwLDE2LDE2aDMyYTE2LDE2LDAsMCwwLDE2LTE2di0yOS45bDI4LjU0LTguNzVBMTYuMDksMTYuMDksMCwwLDAsMjMyLDEzOFYxMDJBMTYuMDksMTYuMDksMCwwLDAsMjIwLjU0LDg2LjY2Wk0xMjgsMTY1LDQwLDE5MlY0OGw4OCwyN1ptNDgsMjdIMTQ0VjE3Ni44MkwxNzYsMTY3Wm00MC01NC0uMTEsMEwxNDQsMTYwLjA4Vjc5LjkybDcxLjg5LDIyLC4xMSwwdjM2WiI+PC9wYXRoPjwvc3ZnPg==");
--icon-sliders: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsODBhMjQsMjQsMCwxLDEtMjQtMjRBMjQsMjQsMCwwLDEsMTI4LDgwWm00MCw3MmEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCwxNjgsMTUyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTQwLDg4SDczYTMyLDMyLDAsMCwwLDYyLDBoODFhOCw4LDAsMCwwLDAtMTZIMTM1YTMyLDMyLDAsMCwwLTYyLDBINDBhOCw4LDAsMCwwLDAsMTZabTY0LTI0QTE2LDE2LDAsMSwxLDg4LDgwLDE2LDE2LDAsMCwxLDEwNCw2NFpNMjE2LDE2OEgxOTlhMzIsMzIsMCwwLDAtNjIsMEg0MGE4LDgsMCwwLDAsMCwxNmg5N2EzMiwzMiwwLDAsMCw2MiwwaDE3YTgsOCwwLDAsMCwwLTE2Wm0tNDgsMjRhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMTY4LDE5MloiPjwvcGF0aD48L3N2Zz4=");
--icon-paperclip: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTIuNDgsMTM2LjQ5bC04Mi4wNiw4MmE2MCw2MCwwLDAsMS04NC44NS04NC44OGw5OC4xNi05Ny44OWE0MCw0MCwwLDAsMSw1Ni41Niw1Ni41OWwtLjE3LjE2LTk1LjgsOTIuMjJhMTIsMTIsMCwxLDEtMTYuNjQtMTcuM2w5NS43MS05Mi4xMmExNiwxNiwwLDAsMC0yMi43LTIyLjU2TDYyLjUzLDE1MC41N2EzNiwzNiwwLDAsMCw1MC45Myw1MC45MWw4Mi4wNi04MmExMiwxMiwwLDAsMSwxNywxN1oiPjwvcGF0aD48L3N2Zz4=");
--icon-verified: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjUuODYsMTAyLjgyYy0zLjc3LTMuOTQtNy42Ny04LTkuMTQtMTEuNTctMS4zNi0zLjI3LTEuNDQtOC42OS0xLjUyLTEzLjk0LS4xNS05Ljc2LS4zMS0yMC44Mi04LTI4LjUxcy0xOC43NS03Ljg1LTI4LjUxLThjLTUuMjUtLjA4LTEwLjY3LS4xNi0xMy45NC0xLjUyLTMuNTYtMS40Ny03LjYzLTUuMzctMTEuNTctOS4xNEMxNDYuMjgsMjMuNTEsMTM4LjQ0LDE2LDEyOCwxNnMtMTguMjcsNy41MS0yNS4xOCwxNC4xNGMtMy45NCwzLjc3LTgsNy42Ny0xMS41Nyw5LjE0Qzg4LDQwLjY0LDgyLjU2LDQwLjcyLDc3LjMxLDQwLjhjLTkuNzYuMTUtMjAuODIuMzEtMjguNTEsOFM0MSw2Ny41NSw0MC44LDc3LjMxYy0uMDgsNS4yNS0uMTYsMTAuNjctMS41MiwxMy45NC0xLjQ3LDMuNTYtNS4zNyw3LjYzLTkuMTQsMTEuNTdDMjMuNTEsMTA5LjcyLDE2LDExNy41NiwxNiwxMjhzNy41MSwxOC4yNywxNC4xNCwyNS4xOGMzLjc3LDMuOTQsNy42Nyw4LDkuMTQsMTEuNTcsMS4zNiwzLjI3LDEuNDQsOC42OSwxLjUyLDEzLjk0LjE1LDkuNzYuMzEsMjAuODIsOCwyOC41MXMxOC43NSw3Ljg1LDI4LjUxLDhjNS4yNS4wOCwxMC42Ny4xNiwxMy45NCwxLjUyLDMuNTYsMS40Nyw3LjYzLDUuMzcsMTEuNTcsOS4xNEMxMDkuNzIsMjMyLjQ5LDExNy41NiwyNDAsMTI4LDI0MHMxOC4yNy03LjUxLDI1LjE4LTE0LjE0YzMuOTQtMy43Nyw4LTcuNjcsMTEuNTctOS4xNCwzLjI3LTEuMzYsOC42OS0xLjQ0LDEzLjk0LTEuNTIsOS43Ni0uMTUsMjAuODItLjMxLDI4LjUxLThzNy44NS0xOC43NSw4LTI4LjUxYy4wOC01LjI1LjE2LTEwLjY3LDEuNTItMTMuOTQsMS40Ny0zLjU2LDUuMzctNy42Myw5LjE0LTExLjU3QzIzMi40OSwxNDYuMjgsMjQwLDEzOC40NCwyNDAsMTI4UzIzMi40OSwxMDkuNzMsMjI1Ljg2LDEwMi44MlptLTUyLjIsNi44NC01Niw1NmE4LDgsMCwwLDEtMTEuMzIsMGwtMjQtMjRhOCw4LDAsMCwxLDExLjMyLTExLjMyTDExMiwxNDguNjlsNTAuMzQtNTAuMzVhOCw4LDAsMCwxLDExLjMyLDExLjMyWiI+PC9wYXRoPjwvc3ZnPg==");
--icon-gear: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMSwxMDguNzYsMTk4LjI1LDkwLjYyYy0uNjQtMS4xNi0xLjMxLTIuMjktMi0zLjQxbC0uMTItMzZBMTA0LjYxLDEwNC42MSwwLDAsMCwxNjIsMzJMMTMwLDQ5Ljg5Yy0xLjM0LDAtMi42OSwwLTQsMEw5NCwzMkExMDQuNTgsMTA0LjU4LDAsMCwwLDU5Ljg5LDUxLjI1bC0uMTYsMzZjLS43LDEuMTItMS4zNywyLjI2LTIsMy40MWwtMzEuODQsMTguMWE5OS4xNSw5OS4xNSwwLDAsMCwwLDM4LjQ2bDMxLjg1LDE4LjE0Yy42NCwxLjE2LDEuMzEsMi4yOSwyLDMuNDFsLjEyLDM2QTEwNC42MSwxMDQuNjEsMCwwLDAsOTQsMjI0bDMyLTE3Ljg3YzEuMzQsMCwyLjY5LDAsNCwwTDE2MiwyMjRhMTA0LjU4LDEwNC41OCwwLDAsMCwzNC4wOC0xOS4yNWwuMTYtMzZjLjctMS4xMiwxLjM3LTIuMjYsMi0zLjQxbDMxLjg0LTE4LjFBOTkuMTUsOTkuMTUsMCwwLDAsMjMwLjEsMTA4Ljc2Wk0xMjgsMTY4YTQwLDQwLDAsMSwxLDQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxNjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDgwYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWm0xMDkuOTQtNTIuNzlhOCw4LDAsMCwwLTMuODktNS40bC0yOS44My0xNy0uMTItMzMuNjJhOCw4LDAsMCwwLTIuODMtNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLTM2LjcyLTIwLjY3LDgsOCwwLDAsMC02LjQ2LjU5TDEyOCw0MS44NSw5Ny44OCwyNWE4LDgsMCwwLDAtNi40Ny0uNkExMTEuOTIsMTExLjkyLDAsMCwwLDU0LjczLDQ1LjE1YTgsOCwwLDAsMC0yLjgzLDYuMDdsLS4xNSwzMy42NS0yOS44MywxN2E4LDgsMCwwLDAtMy44OSw1LjQsMTA2LjQ3LDEwNi40NywwLDAsMCwwLDQxLjU2LDgsOCwwLDAsMCwzLjg5LDUuNGwyOS44MywxNywuMTIsMzMuNjNhOCw4LDAsMCwwLDIuODMsNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLDM2LjcyLDIwLjY3LDgsOCwwLDAsMCw2LjQ2LS41OUwxMjgsMjE0LjE1LDE1OC4xMiwyMzFhNy45MSw3LjkxLDAsMCwwLDMuOSwxLDguMDksOC4wOSwwLDAsMCwyLjU3LS40MiwxMTIuMSwxMTIuMSwwLDAsMCwzNi42OC0yMC43Myw4LDgsMCwwLDAsMi44My02LjA3bC4xNS0zMy42NSwyOS44My0xN2E4LDgsMCwwLDAsMy44OS01LjRBMTA2LjQ3LDEwNi40NywwLDAsMCwyMzcuOTQsMTA3LjIxWm0tMTUsMzQuOTEtMjguNTcsMTYuMjVhOCw4LDAsMCwwLTMsM2MtLjU4LDEtMS4xOSwyLjA2LTEuODEsMy4wNmE3Ljk0LDcuOTQsMCwwLDAtMS4yMiw0LjIxbC0uMTUsMzIuMjVhOTUuODksOTUuODksMCwwLDEtMjUuMzcsMTQuM0wxMzQsMTk5LjEzYTgsOCwwLDAsMC0zLjkxLTFoLS4xOWMtMS4yMSwwLTIuNDMsMC0zLjY0LDBhOC4xLDguMSwwLDAsMC00LjEsMWwtMjguODQsMTYuMUE5Niw5NiwwLDAsMSw2Ny44OCwyMDFsLS4xMS0zMi4yYTgsOCwwLDAsMC0xLjIyLTQuMjJjLS42Mi0xLTEuMjMtMi0xLjgtMy4wNmE4LjA5LDguMDksMCwwLDAtMy0zLjA2bC0yOC42LTE2LjI5YTkwLjQ5LDkwLjQ5LDAsMCwxLDAtMjguMjZMNjEuNjcsOTcuNjNhOCw4LDAsMCwwLDMtM2MuNTgtMSwxLjE5LTIuMDYsMS44MS0zLjA2YTcuOTQsNy45NCwwLDAsMCwxLjIyLTQuMjFsLjE1LTMyLjI1YTk1Ljg5LDk1Ljg5LDAsMCwxLDI1LjM3LTE0LjNMMTIyLDU2Ljg3YTgsOCwwLDAsMCw0LjEsMWMxLjIxLDAsMi40MywwLDMuNjQsMGE4LDgsMCwwLDAsNC4xLTFsMjguODQtMTYuMUE5Niw5NiwwLDAsMSwxODguMTIsNTVsLjExLDMyLjJhOCw4LDAsMCwwLDEuMjIsNC4yMmMuNjIsMSwxLjIzLDIsMS44LDMuMDZhOC4wOSw4LjA5LDAsMCwwLDMsMy4wNmwyOC42LDE2LjI5QTkwLjQ5LDkwLjQ5LDAsMCwxLDIyMi45LDE0Mi4xMloiPjwvcGF0aD48L3N2Zz4=");
--icon-gear-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzcuOTQsMTA3LjIxYTgsOCwwLDAsMC0zLjg5LTUuNGwtMjkuODMtMTctLjEyLTMzLjYyYTgsOCwwLDAsMC0yLjgzLTYuMDgsMTExLjkxLDExMS45MSwwLDAsMC0zNi43Mi0yMC42Nyw4LDgsMCwwLDAtNi40Ni41OUwxMjgsNDEuODUsOTcuODgsMjVhOCw4LDAsMCwwLTYuNDctLjZBMTExLjkyLDExMS45MiwwLDAsMCw1NC43Myw0NS4xNWE4LDgsMCwwLDAtMi44Myw2LjA3bC0uMTUsMzMuNjUtMjkuODMsMTdhOCw4LDAsMCwwLTMuODksNS40LDEwNi40NywxMDYuNDcsMCwwLDAsMCw0MS41Niw4LDgsMCwwLDAsMy44OSw1LjRsMjkuODMsMTcsLjEyLDMzLjYzYTgsOCwwLDAsMCwyLjgzLDYuMDgsMTExLjkxLDExMS45MSwwLDAsMCwzNi43MiwyMC42Nyw4LDgsMCwwLDAsNi40Ni0uNTlMMTI4LDIxNC4xNSwxNTguMTIsMjMxYTcuOTEsNy45MSwwLDAsMCwzLjksMSw4LjA5LDguMDksMCwwLDAsMi41Ny0uNDIsMTEyLjEsMTEyLjEsMCwwLDAsMzYuNjgtMjAuNzMsOCw4LDAsMCwwLDIuODMtNi4wN2wuMTUtMzMuNjUsMjkuODMtMTdhOCw4LDAsMCwwLDMuODktNS40QTEwNi40NywxMDYuNDcsMCwwLDAsMjM3Ljk0LDEwNy4yMVpNMTI4LDE2OGE0MCw0MCwwLDEsMSw0MC00MEE0MCw0MCwwLDAsMSwxMjgsMTY4WiI+PC9wYXRoPjwvc3ZnPg==");
--icon-pin: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjkuNjYsOTguMzQsMTcyLjM5LDE1NS44YzExLjQ2LDIyLjkzLTEuNzIsNDUuODYtMTAuMTEsNTdhOCw4LDAsMCwxLTEyLC44M0w0Mi4zNCwxMDUuNzZBOCw4LDAsMCwxLDQzLDkzLjg1YzI5LjY1LTIzLjkyLDU3LjQtMTAsNTcuNC0xMGw1Ny4yNy01Ny40NmE4LDgsMCwwLDEsMTEuMzEsMEwyMjkuNjYsODdBOCw4LDAsMCwxLDIyOS42Niw5OC4zNFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMzUuMzIsODEuMzcsMTc0LjYzLDIwLjY5YTE2LDE2LDAsMCwwLTIyLjYzLDBMOTguMzcsNzQuNDljLTEwLjY2LTMuMzQtMzUtNy4zNy02MC40LDEzLjE0YTE2LDE2LDAsMCwwLTEuMjksMjMuNzhMODUsMTU5LjcxLDQyLjM0LDIwMi4zNGE4LDgsMCwwLDAsMTEuMzIsMTEuMzJMOTYuMjksMTcxbDQ4LjI5LDQ4LjI5QTE2LDE2LDAsMCwwLDE1NS45LDIyNGMuMzgsMCwuNzUsMCwxLjEzLDBhMTUuOTMsMTUuOTMsMCwwLDAsMTEuNjQtNi4zM2MxOS42NC0yNi4xLDE3Ljc1LTQ3LjMyLDEzLjE5LTYwTDIzNS4zMywxMDRBMTYsMTYsMCwwLDAsMjM1LjMyLDgxLjM3Wk0yMjQsOTIuNjloMGwtNTcuMjcsNTcuNDZhOCw4LDAsMCwwLTEuNDksOS4yMmM5LjQ2LDE4LjkzLTEuOCwzOC41OS05LjM0LDQ4LjYyTDQ4LDEwMC4wOGMxMi4wOC05Ljc0LDIzLjY0LTEyLjMxLDMyLjQ4LTEyLjMxQTQwLjEzLDQwLjEzLDAsMCwxLDk2LjgxLDkxYTgsOCwwLDAsMCw5LjI1LTEuNTFMMTYzLjMyLDMyLDIyNCw5Mi42OFoiPjwvcGF0aD48L3N2Zz4=");
--icon-emoji: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0QTEwNCwxMDQsMCwxLDAsMjMyLDEyOCwxMDQuMTEsMTA0LjExLDAsMCwwLDEyOCwyNFptMCwxOTJhODgsODgsMCwxLDEsODgtODhBODguMSw4OC4xLDAsMCwxLDEyOCwyMTZaTTgwLDEwOGExMiwxMiwwLDEsMSwxMiwxMkExMiwxMiwwLDAsMSw4MCwxMDhabTk2LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTc2LDEwOFptLTEuMDgsNDhjLTEwLjI5LDE3Ljc5LTI3LjM5LDI4LTQ2LjkyLDI4cy0zNi42My0xMC4yLTQ2LjkyLTI4YTgsOCwwLDEsMSwxMy44NC04YzcuNDcsMTIuOTEsMTkuMjEsMjAsMzMuMDgsMjBzMjUuNjEtNy4xLDMzLjA4LTIwYTgsOCwwLDEsMSwxMy44NCw4WiI+PC9wYXRoPjwvc3ZnPg==");
--icon-emoji-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0QTEwNCwxMDQsMCwxLDAsMjMyLDEyOCwxMDQuMTEsMTA0LjExLDAsMCwwLDEyOCwyNFptMCwxOTJhODgsODgsMCwxLDEsODgtODhBODguMSw4OC4xLDAsMCwxLDEyOCwyMTZaTTgwLDEwOGExMiwxMiwwLDEsMSwxMiwxMkExMiwxMiwwLDAsMSw4MCwxMDhabTk2LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTc2LDEwOFptLTEuMDgsNDhjLTEwLjI5LDE3Ljc5LTI3LjM5LDI4LTQ2LjkyLDI4cy0zNi42My0xMC4yLTQ2LjkyLTI4YTgsOCwwLDEsMSwxMy44NC04YzcuNDcsMTIuOTEsMTkuMjEsMjAsMzMuMDgsMjBzMjUuNjEtNy4xLDMzLjA4LTIwYTgsOCwwLDEsMSwxMy44NCw4WiI+PC9wYXRoPjwvc3ZnPg==");
}
}
body.layout-single-column {
background-color: var(--color-bg);
color: var(--color-fg);
font-family: ui-rounded, "mastodon-font-sans-serif", sans-serif;
}
/* 🖱️ Scrollbars */
:root:has(.layout-single-column) *::-webkit-scrollbar-track {
background-color: var(--color-bg);
padding: 2px;
}
:root:has(.layout-single-column) *::-webkit-scrollbar-thumb {
background-color: var(--color-accent);
border-radius: 50px;
opacity: .4;
}
:root:has(.layout-single-column) *::-webkit-scrollbar-track:hover {
background-color: var(--color-bg);
}
:root:has(.layout-single-column) *::-webkit-scrollbar-thumb:hover {
background-color: var(--color-accent);
opacity: .7;
}
@media screen and (max-width:1174px) {
:root:has(.layout-single-column) *::-webkit-scrollbar {
display: none;
}
}
.layout-single-column .loading-bar {
background-color: var(--color-accent);
}
.layout-single-column .getting-started,
.layout-single-column .regeneration-indicator,
.layout-single-column .audio-player,
.layout-single-column .compose-form .spoiler-input__input,
.layout-single-column .compose-form__autosuggest-wrapper,
.layout-single-column .compose-form__poll-wrapper select,
.layout-single-column .poll__option input[type=text],
.layout-single-column .report-dialog-modal__textarea,
.layout-single-column .search__input,
.layout-single-column .setting-text,
.layout-single-column .compose-form .compose-form__buttons-wrapper,
.layout-single-column .about__section__body {
border: 0;
}
.layout-single-column .column-inline-form,
.layout-single-column .column>.scrollable,
.layout-single-column .getting-started,
.layout-single-column .regeneration-indicator {
background: transparent;
}
.layout-single-column .account__avatar img {
border-radius: 50%;
}
/* Rordered layout */
.layout-single-column .columns-area__panels__pane--navigational {
order: 1;
}
.layout-single-column .columns-area__panels__main {
order: 2;
}
.layout-single-column .columns-area__panels__pane--compositional {
order: 3;
}
.layout-single-column .columns-area--mobile .column {
flex: unset;
height: auto;
}
.layout-single-column .columns-area--mobile .column:focus-within {
overflow: visible;
}
.layout-single-column .scrollable,
.layout-single-column .column > .scrollable {
max-height: max-content;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.layout-single-column .dismissable-banner + .scrollable {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
/* *️⃣ Icons
-------- */
/* Bookmark */
.layout-single-column .icon-bookmark path {
display: none;
}
.layout-single-column .icon-bookmark {
background-image: var(--icon-bookmark);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
.layout-single-column .detailed-status__button .icon-bookmark {
background-image: var(--icon-bookmark-accent);
}
.layout-single-column .icon-button.active .icon-bookmark {
background-image: var(--icon-bookmark-active);
}
/* Favorite */
.layout-single-column .icon-star path {
display: none;
}
.layout-single-column .icon-star {
background-image: var(--icon-star);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
.layout-single-column .detailed-status__button .icon-star {
background-image: var(--icon-star-accent);
}
.layout-single-column button.icon-button.active .icon-star,
.layout-single-column .notification .icon-star {
background-image: var(--icon-star-active);
}
.layout-single-column .detailed-status__link .icon-star {
margin: 0 4px -2px 0;
}
/* Boost */
.layout-single-column .icon-retweet path {
display: none;
}
.layout-single-column .icon-retweet {
background-image: var(--icon-boost);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.layout-single-column .detailed-status__button .icon-retweet,
.layout-single-column .detailed-status__button button.icon-button .icon-retweet,
.layout-single-column .detailed-status__button button.icon-button:hover .icon-retweet {
background-image: var(--icon-boost-accent);
}
.layout-single-column button.icon-button.active .icon-retweet,
.layout-single-column .detailed-status__button button.icon-button.active:hover .icon-retweet {
background-image: var(--icon-boost-active);
background-position: center;
}
.layout-single-column .status__prepend-icon.icon-retweet,
.layout-single-column .notification .icon-retweet {
background-image: var(--icon-boost-active);
}
.layout-single-column .detailed-status__link .icon-retweet {
margin: 0 4px -2px 0;
}
.layout-single-column button.icon-button.reblogPrivate .icon-retweet,
.layout-single-column button.icon-button.reblogPrivate:hover .icon-retweet,
.layout-single-column button.icon-button.disabled .icon-retweet,
.layout-single-column button.icon-button.disabled:hover .icon-retweet {
background-image: var(--icon-boost);
opacity: .2;
pointer-events: none;
}
.layout-single-column .boost-modal__action-bar .icon-retweet {
background-image: var(--icon-boost);
vertical-align: middle;
}
/* Reply */
.layout-single-column .icon-reply path,
.layout-single-column .icon-reply-all path {
display: none;
}
.layout-single-column .icon-reply,
.layout-single-column .icon-reply-all {
background-image: var(--icon-reply);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.layout-single-column .detailed-status__action-bar .icon-reply,
.layout-single-column .detailed-status__action-bar .icon-reply-all {
background-image: var(--icon-reply-accent);
}
/* Ellipsis */
.layout-single-column .icon-ellipsis-h path,
.layout-single-column .icon-ellipsis-v path {
display: none;
}
.layout-single-column .icon-ellipsis-h,
.layout-single-column .icon-ellipsis-v {
background-image: var(--icon-ellipsis);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.layout-single-column .detailed-status__action-bar .icon-ellipsis-h {
background-image: var(--icon-ellipsis-accent);
}
.layout-single-column .status__action-bar .icon-close path,
.layout-single-column .detailed-status__action-bar .icon-close path,
.layout-single-column .account__header__tabs__buttons .icon-close path {
display: none;
}
.layout-single-column .status__action-bar .icon-close,
.layout-single-column .detailed-status__action-bar .icon-close,
.layout-single-column .account__header__tabs__buttons .icon-close {
background-image: var(--icon-ellipsis-active);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
/* Poll icon */
.layout-single-column .icon-tasks path {
display: none;
}
.layout-single-column .icon-tasks {
background-image: var(--icon-poll);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.layout-single-column .notification__message .icon-tasks {
background-image: var(--icon-poll-accent);
}
/* Post icon */
.layout-single-column .icon-quote-right path {
display: none;
}
.layout-single-column .icon-quote-right {
background-image: var(--icon-post);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
/* Navigation panel icons */
.layout-single-column .column-link__icon {
transform: scale(1.3);
margin-right: 7px;
margin-left: 2px;
}
/* Home icon */
.layout-single-column .icon-home path {
display: none;
}
.layout-single-column .icon-home {
background-image: var(--icon-home);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
.layout-single-column .column-link.active .icon-home,
.layout-single-column .column-header__icon.icon-home {
background-image: var(--icon-home-active);
}
.layout-single-column .notification__message .icon-home {
background-image: var(--icon-post-notification-accent);
}
/* Globe icon */
.layout-single-column .column-link .icon-globe path,
.layout-single-column .column-header__icon.icon-globe path {
display: none;
}
.layout-single-column .column-link .icon-globe,
.layout-single-column .column-header__icon.icon-globe {
background-image: var(--icon-globe);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
.layout-single-column .column-link.active .icon-globe,
.layout-single-column .column-header__icon.icon-globe {
background-image: var(--icon-globe-active);
}
/* Explore + Hashtag icon */
.layout-single-column .icon-hashtag path {
display: none;
}
.layout-single-column .icon-hashtag {
background-image: var(--icon-hashtag-active);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
.layout-single-column .column-link .icon-hashtag {
background-image: var(--icon-hashtag);
}
.layout-single-column .column-link.active .icon-hashtag {
background-image: var(--icon-hashtag-active);
}
/* Search icon */
.layout-single-column .icon-search path {
display: none;
}
.layout-single-column .icon-search {
background-image: var(--icon-search);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
.layout-single-column .column-link .icon-search {
background-image: var(--icon-search-column-link);
}
.layout-single-column .column-link.active .icon-search {
background-image: var(--icon-search-column-link-active);
}
.layout-single-column .column-header__icon.icon-search {
background-image: var(--icon-search-column-link-active);
}
.layout-single-column .icon-times-circle path {
display: none;
}
.layout-single-column .icon-times-circle {
background-image: var(--icon-close);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
/* Notifications icon */
.layout-single-column .column-link .icon-bell path {
display: none;
}
.layout-single-column .column-link .icon-bell {
background-image: var(--icon-bell);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
.layout-single-column .column-link.active .icon-bell,
.layout-single-column .column-header__icon.icon-bell {
background-image: var(--icon-bell-active);
}
/* Direct messages icon */
.layout-single-column .icon-at path {
display: none;
}
.layout-single-column .column-link .icon-at {
background-image: var(--icon-direct-messages);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
.layout-single-column .column-link.active .icon-at {
background-image: var(--icon-direct-messages-active);
}
/* Bookmarks icon */
.layout-single-column .icon-bookmarks path {
display: none;
}
.layout-single-column .icon-bookmarks {
background-image: var(--icon-bookmark-column-link);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
.layout-single-column .column-link.active .icon-bookmarks,
.layout-single-column .column-header__icon.icon-bookmarks {
background-image: var(--icon-bookmark-column-link-active);
}
/* Favorites icon */
.layout-single-column .column-link .icon-star {
background-image: var(--icon-star-column-link);
background-size: 100%;
}
.layout-single-column .column-link.active .icon-star,
.layout-single-column .column-header__icon.icon-star {
background-image: var(--icon-star-column-link-active);
}
/* Lists icon */
.layout-single-column .icon-list-ul path {
display: none;
}
.layout-single-column .icon-list-ul {
background-image: var(--icon-list);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
.layout-single-column .column-link.active .icon-list-ul {
background-image: var(--icon-list-active);
}
/* Settings icon */
.layout-single-column .column-link .icon-cog path {
display: none;
}
.layout-single-column .column-link .icon-cog {
background-image: var(--icon-settings);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
/* Profile settings */
.layout-single-column .compose__action-bar-dropdown .icon-bars path,
.layout-single-column .compose__action-bar-dropdown .icon-close path {
display: none;
}
.layout-single-column .compose__action-bar-dropdown .icon-bars {
background-image: var(--icon-gear);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
.layout-single-column .compose__action-bar-dropdown .active .icon-close {
background-image: var(--icon-gear-active);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
/* Follow user icon */
.layout-single-column .icon-user-plus path {
display: none;
}
.layout-single-column .icon-user-plus {
background-image: var(--icon-user-plus-accent);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
/* Users icon */
.layout-single-column .icon-users path {
display: none;
}
.layout-single-column .icon-users {
background-image: var(--icon-users);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
/* Announcement icon */
.layout-single-column .icon-bullhorn path {
display: none;
}
.layout-single-column .icon-bullhorn {
background-image: var(--icon-megaphone);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
/* Column settings icon */
.layout-single-column .icon-sliders path {
display: none;
}
.layout-single-column .icon-sliders {
background-image: var(--icon-sliders);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
/* Post visibility icons */
.layout-single-column .icon-globe path,
.layout-single-column .icon-unlock path,
.layout-single-column .icon-lock path {
display: none;
}
.layout-single-column .icon-globe,
.layout-single-column .icon-unlock,
.layout-single-column .icon-lock,
.layout-single-column .icon-at {
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
.layout-single-column .icon-globe {
background-image: var(--icon-globe-visibility);
}
.layout-single-column .icon-unlock {
background-image: var(--icon-unlock);
}
.layout-single-column .icon-lock {
background-image: var(--icon-lock);
}
.layout-single-column .icon-at {
background-image: var(--icon-at);
}
/* Other icons */
.layout-single-column .icon-paperclip path {
display: none;
}
.layout-single-column .icon-paperclip {
background-image: var(--icon-paperclip);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
.layout-single-column .icon-check path {
display: none;
}
.layout-single-column .icon-check {
background-image: var(--icon-verified);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
.layout-single-column .icon-bell-o path,
.layout-single-column .icon-bell path {
display: none;
}
.layout-single-column .icon-bell {
background-image: var(--icon-bell-ringing);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
.layout-single-column .icon-bell-o {
background-image: var(--icon-bell-still);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
.layout-single-column .icon-thumb-tack path {
display: none;
}
.layout-single-column .icon-thumb-tack {
background-image: var(--icon-pin);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
/* 📝 Compose panel
---------------- */
.layout-single-column .compose-form {
padding: 0 0 71px;
}
.layout-single-column .navigation-bar {
border-radius: 8px 8px 0 0;
padding: 21px 11px 22px 15px;
background-color: var(--color-content-secondary-bg);
border-top: 1px solid var(--color-lines);
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
}
.layout-single-column .navigation-bar strong {
color: var(--color-content-fg);
}
.layout-single-column .compose-form__highlightable.active {
box-shadow: none;
}
.layout-single-column .navigation-bar:has(+ .compose-form .compose-form__highlightable.active),
.layout-single-column .compose-form__highlightable.active .compose-form__autosuggest-wrapper,
.layout-single-column .compose-form__highlightable.active .compose-form__buttons-wrapper,
.layout-single-column .compose-form .compose-form__autosuggest-wrapper:focus-within,
.layout-single-column .navigation-bar:has(+ .compose-form .compose-form__autosuggest-wrapper:focus-within),
.layout-single-column .compose-form .compose-form__autosuggest-wrapper:focus-within ~ .compose-form__buttons-wrapper,
.layout-single-column .compose-form:has(.compose-form__autosuggest-wrapper:focus-within) .reply-indicator,
.layout-single-column .compose-form:has(.compose-form__autosuggest-wrapper:focus-within) .autosuggest-input,
.layout-single-column .compose-form:has(.compose-form__autosuggest-wrapper:focus-within) .compose-form__warning {
border-color: var(--color-accent);
}
.layout-single-column .compose-form .autosuggest-textarea__suggestions,
.layout-single-column .compose-form .autosuggest-textarea__textarea,
.layout-single-column .compose-form .autosuggest-textarea__suggestions__item,
.layout-single-column .compose-form .compose-form__buttons-wrapper,
.layout-single-column .compose-form__autosuggest-wrapper,
.layout-single-column .compose-form .compose-form__modifiers {
background-color: var(--color-content-bg);
color: var(--color-content-fg);
border: 0;
border-top: 0;
border-radius: 0;
}
.layout-single-column .compose-form__autosuggest-wrapper,
.layout-single-column .compose-form .compose-form__buttons-wrapper {
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
}
.layout-single-column .compose-form .compose-form__buttons-wrapper {
border-bottom: 1px solid var(--color-lines);
}
.layout-single-column .compose-form .compose-form__buttons-wrapper .icon-button,
.layout-single-column .compose-form .compose-form__buttons-wrapper .text-icon-button,
.layout-single-column .compose-form .character-counter {
color: var(--color-content-fg);
height: 27px;
}
.layout-single-column .compose-form .compose-form__buttons-wrapper .icon-button.active {
color: var(--color-accent);
}
.layout-single-column .compose-form .compose-form__buttons-wrapper .text-icon-button.active {
background-color: var(--color-accent);
color: var(--color-accent-fg);
}
.layout-single-column .compose-panel .autosuggest-textarea__textarea {
padding-left: 20px;
padding-right: 45px;
padding-top: 20px;
}
.layout-single-column .compose-panel .autosuggest-textarea__textarea::placeholder {
font-size: 130%;
opacity: .5;
}
.layout-single-column .compose-panel .autosuggest-textarea__textarea::placeholder,
.layout-single-column .compose-form .autosuggest-account .display-name__html {
color: var(--color-content-fg);
}
.layout-single-column .compose-form .autosuggest-account .display-name__account {
color: var(--color-content-fg-muted);
}
.layout-single-column .compose-form .autosuggest-textarea__suggestions--visible,
.layout-single-column .compose-form .autosuggest-textarea__suggestions__item {
border-radius: 8px;
}
.layout-single-column .compose-form .autosuggest-textarea__suggestions__item.selected,
.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:active,
.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:focus,
.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:hover,
.layout-single-column .compose-form .autosuggest-textarea__suggestions__item.selected .autosuggest-account .display-name__account,
.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:active .autosuggest-account .display-name__account,
.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:focus .autosuggest-account .display-name__account,
.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:hover .autosuggest-account .display-name__account,
.layout-single-column .compose-form .autosuggest-textarea__suggestions__item.selected .autosuggest-account .display-name__html,
.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:active .autosuggest-account .display-name__html,
.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:focus .autosuggest-account .display-name__html,
.layout-single-column .compose-form .autosuggest-textarea__suggestions__item:hover .autosuggest-account .display-name__html {
background-color: var(--color-accent);
color: var(--color-accent-fg);
}
.layout-single-column .compose-form .compose-form__buttons-wrapper {
border-radius: 0 0 8px 8px;
}
.layout-single-column .reply-indicator,
.layout-single-column .compose-form .compose-form__warning {
background-color: var(--color-accent-bg);
border-left: 1px solid var(--color-accent-lines);
border-right: 1px solid var(--color-accent-lines);
border-top: 0;
border-bottom: 0;
box-shadow: none;
margin: 0;
border-radius: 0;
}
.layout-single-column .compose-form .compose-form__warning,
.layout-single-column .simple_form .recommended,
.layout-single-column .compose-form .compose-form__warning,
.layout-single-column .compose-form .compose-form__warning a,
.layout-single-column .reply-indicator__content a,
.layout-single-column .navigation-bar__profile-edit {
color: var(--color-accent);
}
.layout-single-column .compose-form__sensitive-button .icon-button:hover {
background-color: transparent;
}
.layout-single-column .compose-form__sensitive-button input[type=checkbox]:checked {
background-color: var(--color-accent);
border-color: var(--color-accent);
}
.layout-single-column .compose-form .autosuggest-input {
box-sizing: border-box;
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
}
.layout-single-column .compose-form .spoiler-input.spoiler-input--visible {
margin-bottom: 0;
height: auto;
background-color: var(--color-content-bg);
}
.layout-single-column .compose-form .spoiler-input__input {
background-color: var(--color-accent-bg);
color: var(--color-accent);
margin-bottom: 0;
border-radius: 10px;
padding: 12px 15px;
box-shadow:
0 0 0 4px inset var(--color-content-bg);
}
.layout-single-column .compose-form .spoiler-input__input:focus {
box-shadow:
0 0 0 4px inset var(--color-content-bg),
0 0 0 6px inset var(--color-accent),
0 0 0 1px inset var(--color-content-bg);
}
.layout-single-column .display-name {
color: var(--color-content-fg);
}
.layout-single-column .compose-form .compose-form__modifiers .compose-form__upload .icon-button {
color: #ffffff;
}
.layout-single-column .compose-form .compose-form__modifiers .compose-form__upload .icon-button:active,
.layout-single-column .compose-form .compose-form__modifiers .compose-form__upload .icon-button:focus,
.layout-single-column .compose-form .compose-form__modifiers .compose-form__upload .icon-button:hover {
background-color: rgba(0, 0, 0, .4);
}
@media screen and (max-width:1174px) {
.layout-single-column .compose-form {
padding: 0 10px 10px;
}
.layout-single-column .navigation-bar {
border-radius: 8px 8px 0 0;
margin: 10px 10px 0;
}
}
/* Publish button */
.layout-single-column .compose-form .compose-form__publish .compose-form__publish-button-wrapper {
padding-top: 10px;
width: 100%;
}
.layout-single-column .compose-form .compose-form__publish .compose-form__publish-button-wrapper .button {
padding: 10px 18px;
}
.layout-single-column .compose-form .compose-form__publish .compose-form__publish-button-wrapper .button .icon-lock {
background-image: var(--icon-lock-inv);
}
/* Emoji picker */
.layout-single-column .emoji-button {
margin: 15px 10px 0 0;
background-image: var(--icon-emoji);
background-size: 26px;
background-position: bottom left;
background-repeat: no-repeat;
}
.layout-single-column .emoji-button .emojione {
opacity: 0;
}
.layout-single-column .emoji-button:hover {
background-image: var(--icon-emoji-accent);
}
.layout-single-column .emoji-picker-dropdown__menu {
overflow: hidden;
border-radius: 8px;
background-color: var(--color-content-bg);
box-shadow:
0 0 0 1px var(--color-lines),
0 0 5px rgba(0, 0, 0, .15);
}
.layout-single-column .emoji-mart {
width: 100% !important;
display: block;
}
.layout-single-column .emoji-mart-bar:first-child {
background-color: var(--color-accent-bg);
border-color: var(--color-accent-lines);
}
.layout-single-column .emoji-mart-anchor-bar {
background-color: var(--color-accent);
}
.layout-single-column .emoji-mart-anchor-selected {
color: var(--color-accent);
}
.layout-single-column .emoji-mart-anchor-icon svg path,
.layout-single-column .emoji-mart-anchor-icon svg rect {
fill: var(--color-content-fg);
}
.layout-single-column .emoji-mart-anchor-selected .emoji-mart-anchor-icon svg path,
.layout-single-column .emoji-mart-anchor-selected .emoji-mart-anchor-icon svg rect,
.layout-single-column .emoji-mart-search-icon svg path {
fill: var(--color-accent);
}
.layout-single-column .emoji-mart-search-icon,
.layout-single-column .emoji-mart-search-icon:disabled,
.layout-single-column .emoji-mart-search-icon svg {
opacity: 1;
}
.layout-single-column .emoji-mart-scroll::-webkit-scrollbar-track {
background-color: var(--color-content-bg);
}
.layout-single-column .emoji-mart-search,
.layout-single-column .emoji-mart-scroll,
.layout-single-column .emoji-mart-category-label span {
background-color: var(--color-content-bg);
color: var(--color-content-fg);
}
.layout-single-column .emoji-mart-search input {
background-color: var(--color-accent-bg);
border-color: var(--color-accent-lines);
color: var(--color-content-fg);
border-radius: 8px;
}
.layout-single-column .emoji-mart-search input:focus {
border-color: var(--color-accent);
box-shadow: 0 0 0 1px inset var(--color-accent);
outline: 0;
}
.layout-single-column .emoji-mart-search input::placeholder {
color: var(--color-accent);
}
/* Zoom on emojis on hover (in post content only */
.layout-single-column .status__content:not(.status__content--collapsed) { /* So the emoji doesn't clip out when zoomed on. */
overflow: visible;
}
.layout-single-column .status__content .emojione {
transition: transform .8s .8s;
}
.layout-single-column .status__content .emojione:hover {
transform: scale(2.5);
}
/* 💬 Posts
-------- */
.layout-single-column .reply-indicator__content,
.layout-single-column .status__content {
color: var(--color-content-fg);
}
.layout-single-column .account__display-name strong,
.layout-single-column .status__display-name strong,
.layout-single-column .status__info .status__display-name .display-name__account {
color: var(--color-content-fg);
}
.layout-single-column .translate-button {
color: var(--color-content-fg-muted);
}
.layout-single-column .translate-button__meta,
.layout-single-column .translate-button button,
.layout-single-column .status__content__translate-button {
font-size: 85%;
}
.layout-single-column .status__content__translate-button,
.layout-single-column .translate-button .link-button {
width: 32px;
height: 32px;
bottom: -40px;
right: 32px;
padding: 0px;
position: absolute;
background-size: 20px;
background-repeat: no-repeat;
background-position: center;
background-image: var(--icon-translate);
border-radius: 8px;
transition: all .3s;
background-color: transparent;
}
.layout-single-column .detailed-status .status__content__translate-button,
.layout-single-column .detailed-status .translate-button .link-button {
bottom: -84px;
background-image: var(--icon-translate-accent);
}
.layout-single-column .translate-button .link-button,
.layout-single-column .detailed-status .translate-button .link-button {
background-image: var(--icon-translate-active);
}
.layout-single-column .status__content__translate-button:hover,
.layout-single-column .translate-button .link-button:hover {
background-color: var(--color-accent-bg);
}
.layout-single-column .status__content__translate-button > span,
.layout-single-column .translate-button .link-button > span {
display: none;
}
.layout-single-column .account__display-name strong,
.layout-single-column .status__display-name strong {
font-weight: bold;
}
.layout-single-column .status {
margin-left: 56px;
padding: 0 10px;
border-bottom: 0;
}
.layout-single-column .status__wrapper {
transition: background .3s;
}
.layout-single-column .status__wrapper,
.layout-single-column .detailed-status__wrapper {
background-color: var(--color-content-bg);
padding: 13px 12px;
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
}
@media screen and (max-width:889px) {
.layout-single-column .status__wrapper,
.layout-single-column .detailed-status__wrapper {
border-left: 0;
border-right: 0;
}
.layout-single-column .status__wrapper {
padding: 10px 8px;
}
}
.layout-single-column .scrollable > div:first-child > div:first-child > .status__wrapper,
.layout-single-column .scrollable > div:first-child > .status__wrapper,
.layout-single-column .scrollable > div > article:first-child > div > .status__wrapper,
.layout-single-column .explore__search-results > div:first-child > .status__wrapper {
border-top: 1px solid var(--color-lines);
}
.layout-single-column .scrollable > div:last-child > div:last-child > .status__wrapper,
.layout-single-column .scrollable > div:last-child > .status__wrapper,
.layout-single-column .scrollable > div > article:last-child > div > .status__wrapper,
.layout-single-column .search-results__section > div:last-child >.status__wrapper {
border-bottom: 1px solid var(--color-lines);
}
.layout-single-column .dismissable-banner + .scrollable > div > article:first-child > div > .status__wrapper {
border-top: 0;
}
@media screen and (min-width:890px) {
.layout-single-column .scrollable > div:first-child > div:first-child > .status__wrapper,
.layout-single-column .scrollable > div:first-child > .status__wrapper,
.layout-single-column .scrollable > div > article:first-child > div > .status__wrapper,
.layout-single-column .explore__search-results > div:first-child > .status__wrapper {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.layout-single-column .scrollable > div:last-child > div:last-child > .status__wrapper,
.layout-single-column .scrollable > div:last-child > .status__wrapper,
.layout-single-column .scrollable > div > article:last-child > div > .status__wrapper,
.layout-single-column .search-results__section > div:last-child >.status__wrapper {
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
.layout-single-column .dismissable-banner + .scrollable > div > article:first-child > div > .status__wrapper {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
}
@media screen and (min-width:890px) and (max-width:1174px) {
.layout-single-column .scrollable:first-child > div:first-child > div:first-child > .status__wrapper,
.layout-single-column .scrollable:first-child > div > article:first-child > div > .status__wrapper {
margin-top: 15px;
}
}
.layout-single-column .status__info {
height: 22px;
margin-left: -56px;
padding: 0;
margin-bottom: 0;
line-height: 10px;
align-items: start;
}
.layout-single-column .status__info .status__display-name {
overflow: visible;
align-items: start;
max-width: calc(100% - 4em);
}
.layout-single-column .status__info .status__display-name .display-name bdi,
.layout-single-column .status__info .status__display-name .display-name__account {
vertical-align: top;
}
.layout-single-column .status__info .status__display-name .display-name__account {
display: inline;
opacity: .7;
}
.layout-single-column .status__relative-time {
height: 22px;
position: absolute;
right: 22px;
color: var(--color-content-fg);
opacity: .6;
}
.layout-single-column .status__avatar {
margin-bottom: -10px;
z-index: 2;
}
.layout-single-column .reply-indicator__content,
.layout-single-column .status__content {
line-height: 19px;
}
.layout-single-column .e-content blockquote,
.layout-single-column .reply-indicator__content blockquote,
.layout-single-column .status__content__text blockquote {
color: var(--color-content-fg-muted);
border-color: var(--color-lines);
}
/* 📏 Post dividers */
/* Use ::before to set a non-full-width divider between posts and notifications. The divider sits above the post. */
.layout-single-column .status::before,
.layout-single-column .notification__message::before {
position: absolute;
background-color: var(--color-lines);
height: 1px;
width: calc(100% - 77px);
right: 0;
top: -1px;
content: "";
opacity: .7;
}
@media screen and (max-width:889px) {
.layout-single-column .status::before,
.layout-single-column .notification__message::before {
width: calc(100% - 73px);
}
}
@media (prefers-color-scheme: dark) {
.layout-single-column .status::before,
.layout-single-column .notification__message::before {
opacity: 1;
}
}
/* Remove border between posts when applicable */
.layout-single-column .notification .status::before, /* no dividers on posts _inside_ notifications */
.layout-single-column .account-timeline__header + article .status::before, /* no divider above first post on profile pages */
.layout-single-column .scrollable > div:first-child > .status::before, /* no divider above first post in a column thread */
.layout-single-column .scrollable > div:first-child > div:first-child .status::before, /* no divider above first post in a column thread (backwards compatibility with 4.1.*) */
.layout-single-column .hashtag-header + article .status::before,
.layout-single-column .search-results__section .search-results__section__header + div .status::before {
display: none;
}
@media screen and (min-width:890px) and (max-width:1174px) { /* no divider above first post in a column thread on medium-size devices */
.layout-single-column .scrollable > div:first-child > div:first-child > .status__wrapper .status::before,
.layout-single-column .scrollable > div > article:first-child > div > .status__wrapper .status::before{
display: none;
}
}
/* 👥 Threaded replies */
.layout-single-column .status--first-in-thread {
border-top: 0;
}
.layout-single-column .status--first-in-thread::before {
width: 100%;
right: 0;
}
.layout-single-column .status--in-thread .attachment-list,
.layout-single-column .status--in-thread .audio-player,
.layout-single-column .status--in-thread .hashtag-bar,
.layout-single-column .status--in-thread .media-gallery,
.layout-single-column .status--in-thread .picture-in-picture-placeholder,
.layout-single-column .status--in-thread .status-card,
.layout-single-column .status--in-thread .status__action-bar,
.layout-single-column .status--in-thread .status__content,
.layout-single-column .status--in-thread .video-player {
margin-left: 0;
width: auto;
}
.layout-single-column .status__line--first {
height: 100%;
}
.layout-single-column .status__line--full {
height: calc(100% + 32px);
}
/* Default lines when replying in real time */
.layout-single-column div[tabindex="-1"]:has(.status--in-thread) .status--in-thread:not(.status--first-in-thread) > .status__line:not(.status__line--full) {
height: 0;
}
/* Hide line before first in thread */
.layout-single-column div[tabindex="-1"]:has(.status--in-thread) + div[tabindex="-1"] > .status--in-thread.status--first-in-thread > .status__line:not(.status__line--full),
.layout-single-column div[tabindex="-1"]:has(.detailed-status__wrapper) + div[tabindex="-1"] > .status__wrapper .status__line:not(.status__line--full) {
height: 0;
}
.layout-single-column div[tabindex="-1"]:has(+ div[tabindex="-1"] > .detailed-status__wrapper) .status--in-thread .status__line {
height: calc(100% - 32px) !important;
}
.layout-single-column div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.status--in-thread > .status__line.status__line--full,
.layout-single-column .status__line--full.status__line--first {
top: 32px;
height: 100%;
z-index: 1;
}
.layout-single-column .detailed-status {
background-color: transparent;
border-top: 0;
}
/* Threaded line, actually */
.layout-single-column .status__line {
margin-inline-start: 5px;
border-inline-start: 2px solid var(--color-accent);
-webkit-border-start: 2px solid var(--color-accent);
opacity: .6;
}
.layout-single-column .status__line--full::before {
background-color: var(--color-accent);
}
/* Hide the "stub" from the first status line */
div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.status--in-thread > .status__line.status__line--full,
.layout-single-column .status-reply.status--in-thread.status--first-in-thread > .status__line,
.layout-single-column .status-reply.status--in-thread.status--first-in-thread > .status__line--full::before {
top: 32px;
}
@media screen and (max-width:889px) {
.layout-single-column .status__line {
inset-inline-start: 39px;
}
}
/* ⏺️ Posts when in focus */
.layout-single-column .status__wrapper.focusable:focus,
.layout-single-column .detailed-status__wrapper.focusable:focus,
.layout-single-column .focusable:focus .detailed-status,
.layout-single-column .focusable:focus .detailed-status__action-bar,
.layout-single-column .status__wrapper.focusable:focus .detailed-status,
.layout-single-column .focusable:focus .detailed-status__action-bar {
outline: 0;
background: var(--color-content-bg-focus);
}
@media screen and (min-width:1175px) { /* Subtle hover effect when you hover over a post content in the timeline. Only on bigger screens. */
.layout-single-column .status__wrapper:has(.status__content:hover),
.layout-single-column .notification__message:has(+ div > .status__wrapper .status__content:hover) {
background: var(--color-content-bg-focus);
}
}
/* 👁️ Post detailed view */
.layout-single-column .detailed-status__wrapper { /* Set full-width divider above and below a detailed post */
border-top: 1px solid var(--color-lines);
border-bottom: 1px solid var(--color-lines);
box-shadow:
inset 0 -4px var(--color-accent-lines),
inset 0 4px var(--color-accent-lines);
}
.layout-single-column .scrollable > div:first-child > .detailed-status__wrapper { /* Detailed post is first in column */
border-top: 1px solid var(--color-lines);
border-top-right-radius: 8px;
border-top-left-radius: 8px;
box-shadow:
inset 0 -4px var(--color-accent-lines);
}
.layout-single-column .scrollable > div:last-child .detailed-status__wrapper:last-child { /* Detailed post is last in column */
border-bottom: 1px solid var(--color-lines);
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
box-shadow:
inset 0 4px var(--color-accent-lines);
}
.layout-single-column .scrollable > div:only-child .detailed-status__wrapper:last-child { /* Detailed post is the only post in column */
box-shadow: none;
}
@media screen and (min-width:890px) and (max-width:1174px) {
.layout-single-column .scrollable > div:first-child > .detailed-status__wrapper {
margin-top: 15px;
}
}
@media screen and (max-width:889px) {
.layout-single-column .scrollable > div:first-child > .detailed-status__wrapper {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.layout-single-column .scrollable > div:last-child .detailed-status__wrapper:last-child {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.layout-single-column .detailed-status {
padding: 8px 8px 14px;
}
}
.layout-single-column .detailed-status__display-avatar .account__avatar {
width: 60px !important;
height: 60px !important;
}
.layout-single-column .detailed-status .status__content {
line-height: 24px;
}
.layout-single-column .detailed-status,
.layout-single-column .detailed-status__action-bar {
background-color: var(--color-content-bg);
border: 0;
}
.layout-single-column .detailed-status__display-name strong,
.layout-single-column .detailed-status__display-name .display-name__account {
color: var(--color-content-fg);
}
.layout-single-column .detailed-status__display-name strong {
font-size: 18px;
font-weight: bold;
}
.detailed-status__display-name .display-name__account{
opacity: .7;
}
.layout-single-column .detailed-status__meta {
color: var(--color-fg);
opacity: .8;
}
.layout-single-column .detailed-status__action-bar {
padding: 0 16px;
justify-content: left;
gap: 8px;
width: 32px;
}
.layout-single-column .detailed-status__action-bar-dropdown {
position: absolute;
right: 18px;
}
.layout-single-column .animated-number {
color: var(--color-content-fg);
}
.layout-single-column .detailed-status__meta .animated-number {
transform: translate(0, -1px);
}
.layout-single-column article > .account {
padding: 16px;
}
.layout-single-column article:first-child > .account {
border-top: 1px solid var(--color-lines);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.layout-single-column article:last-child > .account {
border-bottom: 1px solid var(--color-lines);
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.layout-single-column .detailed-status__link {
display: inline-block;
position: static;
}
/* Hashtag bar */
.layout-single-column .hashtag-bar a,
.layout-single-column .hashtag-bar .link-button {
color: var(--color-fg-muted);
font-size: 90%;
transition: all .1s;
}
.layout-single-column .hashtag-bar .link-button {
font-size: 80%;
margin-left: 3px;
}
.layout-single-column .hashtag-bar a {
background-color: var(--color-content-secondary-bg);
transition: all .3s;
padding: 3px 8px;
border-radius: 8px;
}
.layout-single-column .hashtag-bar a:hover,
.layout-single-column .hashtag-bar .link-button:hover {
color: var(--color-accent);
}
.layout-single-column .hashtag-bar a:hover {
background-color: var(--color-accent-bg);
}
.layout-single-column .hashtag-bar a:active,
.layout-single-column .hashtag-bar a:focus {
color: var(--color-accent-fg);
background-color: var(--color-accent);
}
.layout-single-column .hashtag-bar a:hover span {
text-decoration: none;
}
@media (prefers-color-scheme: dark) {
.layout-single-column .hashtag-bar a,
.layout-single-column .hashtag-bar .link-button {
color: var(--color-accent);
}
.layout-single-column .hashtag-bar a:hover,
.layout-single-column .hashtag-bar .link-button:hover {
color: var(--color-content-fg);
}
}
/* ⭐ Action bar */
.layout-single-column .status__action-bar {
justify-content: left;
margin-top: 8px;
gap: 8px;
}
.layout-single-column .status__action-bar button,
.layout-single-column .status__action-bar .status__action-bar__dropdown,
.layout-single-column .detailed-status__action-bar button,
.layout-single-column .detailed-status__action-bar .status__action-bar__dropdown {
transition: all .3s;
}
.layout-single-column .status__action-bar button:last-child {
position: absolute;
right: 18px;
}
.layout-single-column .status__action-bar .icon-button.disabled {
pointer-events: none;
}
.layout-single-column .status__action-bar .icon-button:active,
.layout-single-column .status__action-bar .icon-button.active:active,
.layout-single-column .status__action-bar .icon-button:focus,
.layout-single-column .status__action-bar .icon-button.active:focus,
.layout-single-column .detailed-status__action-bar .icon-button:active,
.layout-single-column .detailed-status__action-bar .icon-button.active:active,
.layout-single-column .detailed-status__action-bar .icon-button:focus,
.layout-single-column .detailed-status__action-bar .icon-button.active:focus {
background-color: transparent;
}
.layout-single-column .icon-button.star-icon.deactivate>.icon-star,
.layout-single-column .icon-button.star-icon.activate>.icon-star { /* Disable default star spinning animation */
animation: none;
}
.layout-single-column .status__action-bar .icon-button.star-icon.active>.icon-star,
.layout-single-column .status__action-bar .icon-button.bookmark-icon.active>.icon-bookmark,
.layout-single-column .detailed-status__action-bar .icon-button.star-icon.active>.icon-star,
.layout-single-column .detailed-status__action-bar .icon-button.bookmark-icon.active>.icon-bookmark {
animation: bounce .4s ease-out !important;
}
@keyframes bounce {
0% {
transform: scale(1);
}
50% {
transform: scale(1.6);
}
75% {
transform: scale(.8);
}
100% {
transform: scale(1);
}
}
.layout-single-column .status__action-bar .icon-button.reblogPrivate>.icon-retweet {
opacity: 1;
}
.layout-single-column .status__action-bar .icon-button.active>.icon-retweet {
animation: launch 1.2s ease-in !important;
}
.layout-single-column .detailed-status__action-bar .icon-button.active>.icon-retweet {
animation: launch-detailed 1.2s ease-out !important;
}
@keyframes launch {
0% {
transform: translate(0);
opacity: 0;
}
5% {
transform: translate(0);
opacity: 1;
}
50% {
transform: translate(200%, -150%);
opacity: 0;
}
80% {
transform: translate(200%, -150%);
opacity: 0;
}
85% {
transform: translate(-20%, 20%);
opacity: 0;
}
100% {
transform: translate(0);
opacity: 1;
}
}
@keyframes launch-detailed {
0% {
transform: translate(0);
opacity: 0;
}
5% {
transform: translate(0);
opacity: 1;
}
50% {
transform: translate(150%, -150%);
opacity: 0;
}
80% {
transform: translate(150%, -150%);
opacity: 0;
}
85% {
transform: translate(-20%, 20%);
opacity: 0;
}
100% {
transform: translate(0);
opacity: 1;
}
}
.layout-single-column .status__action-bar .icon-button,
.layout-single-column .detailed-status__action-bar .icon-button {
min-width: 32px !important;
height: 32px !important;
border-radius: 8px;
position: relative;
}
.layout-single-column .icon-button.star-icon.active,
.layout-single-column .notification__favourite-icon-wrapper .star-icon {
color: #ffb609;
}
.layout-single-column .status__prepend {
padding-top: 2px;
padding-right: 0;
padding-bottom: 1px;
padding-left: 0;
margin-bottom: 0;
height: 25px;
color: var(--color-content-fg);
}
.layout-single-column .status__prepend-icon-wrapper {
width: 56px;
text-align: right;
}
.layout-single-column .status__prepend-icon-wrapper .icon {
transform: translateY(1px) scale(1.1);
}
.layout-single-column .detailed-status__wrapper .status__prepend-icon-wrapper {
width: 46px;
}
.layout-single-column .status__prepend .muted .emojione {
opacity: 1;
}
.layout-single-column .status-card,
.layout-single-column .status-card.compact {
background-color: var(--color-content-secondary-bg);
border: 1px solid var(--color-lines);
box-shadow: none;
transition: all .3s;
border-radius: 8px;
}
.layout-single-column a.status-card:hover,
.layout-single-column a.status-card.compact:hover {
background-color: var(--color-content-bg-focus);
border-color: var(--color-lines);
}
.layout-single-column .status-card__image {
background: var(--color-accent-bg);
}
.layout-single-column .status-card__image > .icon-file-text path {
color: var(--color-content-fg);
transition: all .3s;
}
.layout-single-column a.status-card:hover .status-card__image > .icon-file-text path {
color: var(--color-accent);
}
.layout-single-column .status-card__title,
.layout-single-column .status-card__description,
.layout-single-column .status-card__author {
color: var(--color-content-fg);
transition: all .2s;
}
.layout-single-column .status-card__host {
color: var(--color-accent);
}
.layout-single-column .status-card:active .status-card__host,
.layout-single-column .status-card:focus .status-card__host,
.layout-single-column .status-card:hover .status-card__host {
color: var(--color-accent);
}
.layout-single-column .status-card:active .status-card__author,
.layout-single-column .status-card:active .status-card__description,
.layout-single-column .status-card:active .status-card__title,
.layout-single-column .status-card:focus .status-card__author,
.layout-single-column .status-card:focus .status-card__description,
.layout-single-column .status-card:focus .status-card__title,
.layout-single-column .status-card:hover .status-card__author,
.layout-single-column .status-card:hover .status-card__description,
.layout-single-column .status-card:hover .status-card__title {
color: var(--color-content-fg);
}
.layout-single-column .status-card__author strong {
font-weight: 800;
}
.layout-single-column .status__content p {
margin-bottom: 12px;
}
.layout-single-column .status__content p:last-child {
margin-bottom: 0;
}
.layout-single-column .status__content > p:first-child:has(.status__content__spoiler-link) {
margin-bottom: 1px;
}
.layout-single-column .status__content > p:first-child:has(.status__content__spoiler-link) span {
font-weight: bold;
}
.layout-single-column .media-gallery {
border-radius: 8px;
}
.layout-single-column .icon-button.overlayed {
background-color: #ffffff;
color: #444b5d;
opacity: .6;
transition: opacity .3s;
}
.layout-single-column .icon-button.overlayed:hover {
background-color: #ffffff;
color: #444b5d;
opacity: 1;
}
.layout-single-column .status__wrapper--filtered__button {
color: var(--color-accent);
}
.layout-single-column .status__wrapper--filtered {
color: var(--color-content-fg);
border-top: 1px solid var(--color-lines);
border-bottom: 1px solid var(--color-lines);
padding: 12px;
margin-top: -1px;
}
/* 📊 Polls */
.layout-single-column .poll__chart,
.layout-single-column .muted .poll__chart.leading {
background: var(--color-accent);
opacity: .4;
height: 12px;
border-radius: 10px;
}
.layout-single-column .poll__chart.leading,
.layout-single-column .muted .poll__chart.leading {
opacity: 1;
}
.layout-single-column .muted .poll {
color: var(--color-content-fg-muted);
}
.layout-single-column .poll__footer {
color: var(--color-content-fg);
}
.layout-single-column .poll__link {
color: var(--color-accent);
text-decoration: none;
}
.layout-single-column .poll__input {
border: 2px solid var(--color-content-fg);
}
.layout-single-column .poll__input:hover {
border-color: var(--color-accent);
background-color: var(--color-accent-bg);
}
.layout-single-column .poll__input.active,
.layout-single-column .poll__input:active,
.layout-single-column .poll__input:focus {
background-color: var(--color-accent);
}
.layout-single-column .poll__input.active {
border-color: var(--color-accent);
}
.layout-single-column .poll__footer .button.button-secondary {
padding: 0 16px;
}
.layout-single-column .poll__footer .button.button-secondary:hover {
background-color: var(--color-accent);
color: var(--color-accent-fg);
}
/* Poll composer */
.layout-single-column .compose-form__poll-wrapper,
.layout-single-column .compose-form__poll-wrapper .poll__footer {
border-top: 0;
}
.layout-single-column .compose-form__poll-wrapper ul {
background-color: var(--color-accent-bg);
}
.layout-single-column .compose-form__poll-wrapper .autosuggest-input input:focus {
box-shadow: 0 0 0 2px var(--color-accent);
}
.layout-single-column .compose-form__poll-wrapper .poll__footer .button.button-secondary {
padding: 6px 16px;
}
.layout-single-column .compose-form__poll-wrapper .icon-button.disabled {
color: transparent;
pointer-events: none;
}
/* Empty columns */
.layout-single-column .empty-column-indicator {
background-color: var(--color-content-secondary-bg);
color: var(--color-content-fg);
border-radius: 8px;
contain: content;
}
.layout-single-column .empty-column-indicator a {
color: var(--color-accent);
}
/* Timeline hint */
.layout-single-column .timeline-hint {
background-color: var(--color-content-bg);
color: var(--color-content-fg);
}
.layout-single-column .timeline-hint a {
color: var(--color-accent);
}
.layout-single-column article + .timeline-hint:last-child {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom: 1px solid var(--color-lines);
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
}
/* 📤 DMs */
.layout-single-column .follow_requests-unlocked_explanation {
background-color: var(--color-accent-bg);
color: var(--color-content-fg);
border: 1px solid var(--color-accent-lines);
}
@media screen and (min-width:890px) {
.layout-single-column .column-back-button--slim + .scrollable .follow_requests-unlocked_explanation {
border-radius: 8px;
margin-top: 13px;
}
}
.layout-single-column .follow_requests-unlocked_explanation a {
color: var(--color-accent);
}
.layout-single-column .conversation__unread {
background-color: var(--color-accent);
}
.layout-single-column .conversation.conversation--unread {
background-color: var(--color-content-bg-focus);
}
.layout-single-column .conversation__unread {
color: var(--color-accent-fg);
}
.layout-single-column .conversation__content__names a strong {
font-weight: bold;
}
.layout-single-column .conversation__content__names,
.layout-single-column .conversation__content__names a,
.layout-single-column .conversation__content__relative-time,
.layout-single-column .conversation .attachment-list__list a,
.layout-single-column .conversation .attachment-list.compact .fa,
.layout-single-column .conversation .status__content p {
color: var(--color-content-fg);
}
.layout-single-column .conversation {
background-color: var(--color-content-bg);
border-bottom: 1px solid var(--color-lines);
}
.layout-single-column .conversation__content__relative-time {
opacity: .7;
}
@media screen and (min-width:890px) {
.layout-single-column .conversation {
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
}
}
/* Speech bubble look DMs */
.layout-single-column .status-direct .status__content,
.layout-single-column .detailed-status-direct .status__content,
.layout-single-column .detailed-status__wrapper-direct .status__content {
padding: .7em 1.2em .7em 1em;
margin-top: 4px;
background: var(--color-accent-bg);
border: 1px solid var(--color-accent-lines);
border-radius: 5px 18px 18px 16px;
display: inline-block;
}
.layout-single-column .status-direct .fa.fa-at,
.layout-single-column .detailed-status-direct .fa.fa-at {
font-size: 20px;
}
.layout-single-column .status-direct .fa.fa-at::before,
.layout-single-column .detailed-status-direct .fa.fa-at::before,
.layout-single-column .detailed-status__wrapper-direct .fa.fa-at::before {
background-size: contain;
background-repeat: no-repeat;
background-image: var(--icon-direct-messages);
background-position: center 3px;
color: transparent;
}
.layout-single-column .detailed-status-direct .fa.fa-at::before,
.layout-single-column .detailed-status__wrapper-direct .fa.fa-at::before {
background-position: center 2px;
}
.layout-single-column .status-direct.muted .status__content {
background: rgba(155, 174, 200, 0.1);
border-color: var(--color-lines);
}
.layout-single-column .status__wrapper-direct .status__prepend,
.layout-single-column .detailed-status__wrapper-direct .status__prepend {
display: none;
}
/* ⏺️ Column headers
----------------- */
.layout-single-column .tabs-bar__wrapper {
background-color: transparent;
border-radius: 8px 8px 0 0;
box-shadow:
inset 0 10px var(--color-bg),
0 -30px var(--color-bg);
}
.layout-single-column .column-header__wrapper {
padding-bottom: 10px;
}
.layout-single-column .column-header__wrapper.active:before {
background: none;
opacity: 40%;
}
.layout-single-column .column-header__wrapper.active {
box-shadow: 0 0;
}
.layout-single-column .column-header__wrapper::after,
.layout-single-column .column-back-button::after {
content: " ";
position: absolute;
left: 0;
right: 0;
bottom: -10px;
border-radius: 8px 8px 0 0;
box-shadow:
0 -5px var(--color-bg),
0 -10px var(--color-bg),
0 -15px var(--color-bg),
0 -20px var(--color-bg);
height: 10px;
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
background-color: transparent;
z-index: -1;
}
.layout-single-column .column-header {
border-radius: 8px;
}
.layout-single-column .column-header,
.layout-single-column .column-back-button {
background: var(--color-content-bg);
color: var(--color-content-fg);
border: 1px solid var(--color-lines);
border-radius: 8px;
overflow: hidden;
font-weight: bold;
height: 50px;
box-sizing: border-box;
}
.layout-single-column .column-header__button,
.layout-single-column .column-header__back-button {
background-color: var(--color-content-bg);
border: 0;
}
.layout-single-column .column-back-button {
margin-bottom: 10px;
}
.layout-single-column .column-header__button {
color: var(--color-content-fg);
transition: all .2s;
}
.layout-single-column .column-header__icon {
transform: scale(1.1);
margin-right: 4px;
}
.layout-single-column .column-header.active .column-header__icon {
color: var(--color-accent);
text-shadow: none;
}
.layout-single-column .column-header__button.active,
.layout-single-column .column-header__button.active:hover,
.layout-single-column .column-header__button:hover {
color: var(--color-accent);
background-color: var(--color-accent-bg);
}
@media screen and (max-width:1174px) {
.layout-single-column .column-header__wrapper::after,
.layout-single-column .column-back-button::after {
display: none;
}
.layout-single-column .column-header__button.active,
.layout-single-column .column-header__button.active:hover,
.layout-single-column .column-header__button:hover {
background-color: transparent;
}
}
.layout-single-column .column-back-button--slim-button::after {
display: none;
}
.layout-single-column .column-back-button--slim-button {
top: -47px
}
@media screen and (max-width:1174px) {
.layout-single-column .column-back-button--slim-button {
height: 47px;
}
}
.layout-single-column .load-gap,
.layout-single-column .load-more {
background-color: var(--color-accent-bg);
color: var(--color-accent);
border: 1px solid var(--color-accent-lines);
}
.layout-single-column .load-gap:hover,
.layout-single-column .load-more:hover {
background-color: var(--color-accent-lines);
}
@media screen and (min-width:890px) {
.layout-single-column .item-list > .load-gap:first-child,
.layout-single-column .item-list > .load-gap:first-child {
border-radius: 8px 8px 0 0;
}
}
@media screen and (min-width:890px) and (max-width:1174px) {
.layout-single-column .item-list > .load-gap:first-child,
.layout-single-column .item-list > .load-gap:first-child {
margin-top: 15px;
}
}
.layout-single-column .column-header__collapsible {
border-bottom: 0;
border-radius: 8px;
box-shadow: 0 -20px 0 var(--color-bg);
background-color: var(--color-secondary-bg);
}
.layout-single-column .column-header__collapsible:not(.collapsed) {
border: 1px solid var(--color-lines);
}
.layout-single-column .column-header__collapsible::-webkit-scrollbar-track {
background-color: transparent;
}
@media screen and (max-width:1174px) {
.layout-single-column .column-header__collapsible {
box-shadow: none;
border-radius: 0;
}
}
.layout-single-column .column-header__collapsible:not(.collapsed) {
margin-top: 10px;
}
.layout-single-column .column-header__collapsible-inner {
background: var(--color-secondary-bg);
border: 0;
}
.layout-single-column .column-settings__section {
color: var(--color-content-fg-bold);
}
.layout-single-column .setting-toggle__label {
color: var(--color-content-fg);
}
.layout-single-column .column-header > button {
padding: 0 0 0 15px;
line-height: 45px;
font-weight: bold;
}
@media screen and (max-width:1174px) {
.layout-single-column .ui__header {
background-color: transparent;
border-bottom: 0;
}
.layout-single-column .ui__header__logo {
margin-left: 3px;
}
.layout-single-column .tabs-bar__wrapper {
box-shadow: none;
display: block;
margin-bottom: -2px;
border-radius: 0;
height: 45px;
border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.layout-single-column .tabs-bar__wrapper:has(> #tabs-bar__portal) {
display: none;
}
.layout-single-column .tabs-bar__wrapper:has(> #tabs-bar__portal > .column-back-button),
.layout-single-column .tabs-bar__wrapper:has(> #tabs-bar__portal > .column-header__wrapper) { /* Column header (2nd top bar) is displayed only if there's something inside */
display: block;
}
.layout-single-column .column-header,
.layout-single-column .column-back-button,
.layout-single-column .column-header__button,
.layout-single-column .column-header__back-button {
background-color: transparent;
height: 45px;
border: 0;
}
.layout-single-column .ui::after { /* Set a backdrop blur background to both top bars */
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: rgba(245, 242, 239, 0.75);
content: "";
height: 100px;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1;
}
.layout-single-column .ui:has(.columns-area__panels > .columns-area__panels__main > .tabs-bar__wrapper > #tabs-bar__portal)::after {
height: 55px;
}
.layout-single-column .ui:has(.columns-area__panels > .columns-area__panels__main > .tabs-bar__wrapper > #tabs-bar__portal > .column-back-button)::after,
.layout-single-column .ui:has(.columns-area__panels > .columns-area__panels__main > .tabs-bar__wrapper > #tabs-bar__portal > .column-header__wrapper)::after { /* Backdrop blur has double the height only in cases where there's 2 top bars present */
height: 100px;
}
.layout-single-column .column-header__collapsible:not(.collapsed) { /* Remove margin between column settings and column header */
margin-top: 0;
}
}
@media (prefers-color-scheme: dark) {
@media screen and (max-width:1174px) {
.layout-single-column .ui::after {
background-color: rgba(3, 3, 3, .65);
}
.layout-single-column .tabs-bar__wrapper {
border-color: rgba(255, 255, 255, .1);
}
}
}
/* ⏺️ Horizontal selectors
(used to navigate subsections on the Explore, Live Feeds and Account pages) */
.layout-single-column .account__section-headline,
.layout-single-column .notification__filter-bar {
background: var(--color-accent-bg);
border: 1px solid var(--color-accent-lines);
border-radius: 8px;
margin-bottom: 10px;
}
.layout-single-column .account__section-headline a,
.layout-single-column .account__section-headline button,
.layout-single-column .notification__filter-bar a,
.layout-single-column .notification__filter-bar button {
background-color: var(--color-accent-bg);
color: var(--color-accent);
box-shadow: 0 0 0 4px var(--color-accent-bg) inset;
border-radius: 9px;
transition: all .2s;
max-height: 45px;
padding: 14px 10px;
}
.layout-single-column .notification__filter-bar .icon {
margin-top: -1.5px;
transform: scale(.9);
}
.layout-single-column .account__section-headline a:hover,
.layout-single-column .account__section-headline button:hover,
.layout-single-column .notification__filter-bar a:hover,
.layout-single-column .notification__filter-bar button:hover {
background-color: var(--color-accent-lines);
color: var(--color-accent);
box-shadow: 0 0 0 4px var(--color-accent-bg) inset;
}
.layout-single-column .account__section-headline a.active,
.layout-single-column .account__section-headline button.active,
.layout-single-column .notification__filter-bar a.active,
.layout-single-column .notification__filter-bar button.active {
background-color: var(--color-content-bg);
color: var(--color-content-fg);
box-shadow: 0 0 0 4px var(--color-accent-bg) inset;
}
.layout-single-column .account__section-headline a.active::before,
.layout-single-column .account__section-headline button.active::before,
.layout-single-column .notification__filter-bar a.active::before,
.layout-single-column .notification__filter-bar button.active::before {
display: none;
}
.layout-single-column .account__section-headline button,
.layout-single-column .notification__filter-bar button {
background-color: transparent;
}
.layout-single-column .account__section-headline a::after,
.layout-single-column .account__section-headline button::after,
.layout-single-column .notification__filter-bar a::after,
.layout-single-column .notification__filter-bar button::after,
.layout-single-column .account__section-headline a.active::after,
.layout-single-column .account__section-headline button.active::after,
.layout-single-column .notification__filter-bar a.active::after,
.layout-single-column .notification__filter-bar button.active::after {
display: block;
position: absolute;
content: " ";
width: 2px;
height: auto;
background-color: var(--color-accent-lines);
top: 8px;
right: -1px;
left: auto;
bottom: 8px;
border-radius: 50px;
z-index: 1;
transform: unset;
border: 0;
}
.layout-single-column .account__section-headline a:last-child::after,
.layout-single-column .account__section-headline button:last-child::after,
.layout-single-column .notification__filter-bar a:last-child:after,
.layout-single-column .notification__filter-bar button:last-child:after {
display: none;
}
@media (prefers-color-scheme: dark) {
.layout-single-column .account__section-headline a.active,
.layout-single-column .account__section-headline button.active,
.layout-single-column .notification__filter-bar a.active,
.layout-single-column .notification__filter-bar button.active {
background-color: var(--color-bg);
}
}
@media screen and (max-width:889px) {
.layout-single-column .account__section-headline,
.layout-single-column .notification__filter-bar {
margin-left: 10px;
margin-right: 10px;
}
}
@media screen and (max-width:1174px) {
.layout-single-column .account__section-headline,
.layout-single-column .notification__filter-bar {
margin-top: 10px;
}
}
.layout-single-column .notification__filter-bar .icon-reply-all {
background-image: var(--icon-reply-accent);
}
.layout-single-column .notification__filter-bar .active .icon-reply-all {
background-image: var(--icon-reply);
}
.layout-single-column .notification__filter-bar .icon-star {
background-image: var(--icon-star-accent);
}
.layout-single-column .notification__filter-bar .active .icon-star {
background-image: var(--icon-star);
}
.layout-single-column .notification__filter-bar .icon-retweet {
background-image: var(--icon-boost-accent);
}
.layout-single-column .notification__filter-bar .active .icon-retweet {
background-image: var(--icon-boost);
}
.layout-single-column .notification__filter-bar .icon-tasks {
background-image: var(--icon-poll-accent);
}
.layout-single-column .notification__filter-bar .active .icon-tasks {
background-image: var(--icon-poll);
}
.layout-single-column .notification__filter-bar .icon-home {
background-image: var(--icon-post-notification-accent);
}
.layout-single-column .notification__filter-bar .active .icon-home {
background-image: var(--icon-post-notification);
}
/* 📍 Navigation panel
------------------- */
@media screen and (min-width:1175px) {
/* Order of the side nav items */
.layout-single-column .navigation-panel__logo {
order: 1;
}
.layout-single-column .column-link[href="/home"] {
order: 2;
}
.layout-single-column .column-link[href="/notifications"] {
order: 3;
}
.layout-single-column .column-link[href="/explore"] {
order: 4;
}
.layout-single-column .column-link[href="/public/local"] {
order: 5;
}
.layout-single-column .column-link[href="/public"] {
order: 6;
}
.layout-single-column .column-link[href="/conversations"] {
order: 7;
}
.layout-single-column .column-link[href='/follow_requests'] {
order: 8;
}
.layout-single-column .column-link[href="/bookmarks"] {
order: 9;
}
.layout-single-column .column-link[href="/favourites"] {
order: 10;
}
.layout-single-column .column-link[href="/lists"] {
order: 12;
}
.layout-single-column .list-panel {
order: 13;
}
.layout-single-column .column-link[href="/settings/preferences"] {
order: 11;
}
.layout-single-column .navigation-panel__sign-in-banner,
.layout-single-column .navigation-panel__legal {
order: 14;
}
.layout-single-column .flex-spacer {
order: 15;
}
.layout-single-column .getting-started__trends {
order: 16;
}
}
.layout-single-column .column-link--transparent {
color: var(--color-fg);
}
.layout-single-column .ui__header__logo .logo--icon {
display: none;
}
.layout-single-column .ui__header__links .button.button-secondary {
padding: 8px 18px 8px 18px;
}
.layout-single-column .ui__header__links .button.button-secondary[href="/publish"] {
background-color: var(--color-accent);
color: var(--color-accent-fg);
}
.layout-single-column .ui__header__links .button.button-secondary[href="/publish"]:hover,
.layout-single-column .ui__header__links .button.button-secondary[href="/publish"]:focus,
.layout-single-column .ui__header__links .button.button-secondary[href="/publish"]:active {
background-color: var(--color-accent-focus);
color: var(--color-accent-fg);
}
.layout-single-column .column-link--logo {
margin-left: 4px;
}
.layout-single-column .column-link.column-link--logo,
.layout-single-column .ui__header__logo {
display: inline-flex;
padding: 0;
width: 50px;
height: 50px;
background-image: var(--logo);
background-repeat: no-repeat;
background-position: center;
background-size: 32px auto;
}
.layout-single-column .column-link.column-link--logo svg,
.layout-single-column .ui__header__logo svg {
display: none;
}
.layout-single-column .navigation-panel__logo {
margin-bottom: 10px;
}
.layout-single-column .column-link:not(.column-link--logo) {
padding: 13px 20px 14px 13px;
margin-left: 3px;
font-weight: 500;
font-size: 18px;
overflow: visible;
}
.layout-single-column a.column-link--transparent.active,
.layout-single-column a.column-link--transparent.active:hover {
color: var(--color-content-fg);
font-weight: bold;
}
.layout-single-column .column-link--transparent:hover {
border-radius: 8px;
padding-right: 20px;
}
.layout-single-column a.column-link--transparent span {
position: relative;
}
@media screen and (min-width:1175px) {
.layout-single-column .column-link:not(.column-link--logo) {
transition: all .2s;
}
.layout-single-column .column-link:not(.column-link--logo)[href="/settings/preferences"] {
padding-bottom: 13px;
}
.layout-single-column a.column-link--transparent span::before {
content: " ";
left: -44px;
background-color: transparent;
transition: .3s background-color;
top: -12px;
right: -16px;
position: absolute;
border-radius: 8px;
z-index: -1;
bottom: -12px;
}
.layout-single-column a.column-link--transparent:hover span::before {
background-color: var(--color-accent-bg);
}
.layout-single-column a.column-link--transparent.active span::before,
.layout-single-column a.column-link--transparent.active:hover span::before {
background-color: var(--color-content-bg);
}
}
@media (prefers-color-scheme: dark) {
@media screen and (min-width:1175px) {
.layout-single-column a.column-link--transparent.active span::before,
.layout-single-column a.column-link--transparent.active:hover span::before {
background-color: var(--color-content-secondary-bg);
}
}
}
.layout-single-column .icon-with-badge__badge {
background-color: var(--color-accent);
color: var(--color-accent-fg);
border-radius: 20px;
top: -4px;
font-weight: bold;
border: 0;
z-index: 1;
}
.layout-single-column .compose-panel hr, .navigation-panel hr {
display: none;
}
.layout-single-column .column-link span {
vertical-align: middle;
}
.layout-single-column .column-link .fa::before {
position: relative;
top: 1px;
}
.layout-single-column .column-link .fa.fa-cog {
transform: scale(1) translate(1px, -1px);
}
.layout-single-column .list-panel {
padding: 5px 9px 50px 27px;
margin: 0 0 5px;
display: none;
}
.layout-single-column .list-panel .icon {
display: none;
}
.layout-single-column .list-panel .column-link span::before {
left: -15px;
top: -10px;
right: -15px;
bottom: -10px;
}
.layout-single-column .column-link[href="/lists"].active:has(+ .list-panel .column-link.active) span::before {
background-color: var(--color-accent-bg);
}
@media screen and (min-width:1175px) {
.layout-single-column .column-link[href="/lists"]:hover + .list-panel,
.layout-single-column .column-link[href="/lists"].active + .list-panel,
.layout-single-column .list-panel:hover {
display: block;
animation: fadein .5s 1;
}
}
@keyframes fadein {
from {
opacity: 0;
transform: translateY(-10%);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media screen and (max-width:1174px) {
.layout-single-column .columns-area__panels__pane--navigational .columns-area__panels__pane__inner {
width: 100vw;
height: calc(4.2em + env(safe-area-inset-bottom));
bottom: 0;
left: 0;
z-index: 3;
}
.layout-single-column .columns-area__panels__pane--navigational .navigation-panel {
width: 100vw;
height: 4.2em;
padding-bottom: env(safe-area-inset-bottom);
flex-direction: row;
overflow-x: auto;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
background-color: rgba(255, 255, 255, 0.5);
border-left: 0;
border-top: 1px solid rgba(0, 0, 0, .1);
}
.layout-single-column .navigation-panel .column-link,
.layout-single-column .navigation-panel .navigation-panel__legal,
.layout-single-column a.column-link--transparent.active,
.layout-single-column a.column-link--transparent.active:hover,
.layout-single-column .column-link--transparent:hover {
flex: 0 0 18vw;
margin: 6px 0 8px;
padding: 4px 0 3px;
border-radius: 0;
border: 0;
justify-content: center;
display: inline-flex;
align-items: center;
box-sizing: border-box;
background-color: transparent;
}
.layout-single-column a.column-link--transparent.active,
.layout-single-column a.column-link--transparent.active:hover,
.layout-single-column a.column-link--transparent:active {
margin: 6px 0 8px;
padding: 4px 0 3px;
border-radius: 8px;
border: 0;
background-color: #ffffff;
}
.layout-single-column .column-link__icon {
transform: scale(1);
margin: 0;
}
.layout-single-column .column-link span {
padding-left: .5em;
}
.layout-single-column .columns-area__panels__main {
width: calc(100% - 285px);
margin-left: -285px;
}
.layout-single-column .columns-area__panels {
padding-bottom: 6em;
}
.layout-single-column .columns-area__panels .navigation-panel__legal {
margin: 0;
padding: 0;
}
.layout-single-column .columns-area__panels .navigation-panel__legal .column-link--transparent {
height: calc(100% - 13px);
box-sizing: border-box;
border: 0;
}
}
@media screen and (max-width:889px) {
.layout-single-column .columns-area__panels__main {
width: 100%;
margin-left: -55px;
}
}
@media (prefers-color-scheme: dark) {
@media screen and (max-width:1174px) {
.layout-single-column .columns-area__panels__pane--navigational .navigation-panel {
background-color: rgba(3, 3, 3, .65);
border-left: 0;
border-right: 0;
border-bottom: 0;
border-top: 1px solid rgba(255, 255, 255, .1);
}
.layout-single-column a.column-link--transparent.active,
.layout-single-column a.column-link--transparent.active:hover,
.layout-single-column a.column-link--transparent:active {
background-color: var(--color-bg);
}
}
}
/* 👤 Account view
--------------- */
.layout-single-column .account__header {
border-radius: 8px;
margin-bottom: 10px;
background-color: var(--color-content-bg);
border: 1px solid var(--color-lines);
}
@media screen and (min-width:890px) and (max-width:1174px) {
.layout-single-column .account__header {
margin-top: 15px;
}
}
@media screen and (max-width:889px) {
.layout-single-column .account__header {
border-left: 0;
border-right: 0;
border-radius: 0;
}
}
.layout-single-column .account__header__image {
height: 150px;
background-color: var(--color-secondary-bg);
border-bottom: 0;
}
.layout-single-column .account__header__bar {
border: 0;
}
.layout-single-column .account__header__bar .avatar .account__avatar {
border-radius: 50%;
border-width: 5px;
width: 100px !important;
height: 100px !important;
background-color: var(--color-content-bg);
border-color: var(--color-content-bg);
}
.layout-single-column .account__header__tabs__name h1,
.layout-single-column .account__header__tabs__name h1 small {
color: var(--color-content-fg);
}
.layout-single-column .account__header__tabs__name h1 > span {
font-size: 18px;
}
.layout-single-column .account__header__tabs__name h1 small {
opacity: .7;
}
.layout-single-column .account__header__tabs__name .icon-lock {
vertical-align: bottom;
}
.layout-single-column .account__section-headline {
margin-bottom: 10px;
}
.layout-single-column .account__header__content a {
color: var(--color-accent);
text-decoration: none;
}
.layout-single-column .account__header__content a:hover {
text-decoration: underline;
}
.layout-single-column .account__header__extra__links a strong {
color: var(--color-content-fg-bold);
}
.layout-single-column .account__header__account-note label {
margin-bottom: 0;
}
.layout-single-column .account__header__account-note label,
.layout-single-column .account__header__account-note textarea::placeholder {
color: var(--color-content-fg-bold);
opacity: .5;
}
.layout-single-column .account__header__account-note textarea {
color: var(--color-content-fg);
}
.layout-single-column .account__header__account-note textarea:focus {
background-color: var(--color-accent-bg);
}
.layout-single-column .account__header__badges .account-role {
border-radius: 8px;
border-color: var(--color-accent);
color: var(--color-accent);
}
.layout-single-column .account-role svg {
opacity: 1;
}
.layout-single-column .account__header__extra__links a,
.layout-single-column .account__header__bio .account__header__content,
.layout-single-column .account__header__bio .account__header__fields dd {
color: var(--color-content-fg);
}
.layout-single-column .account__header__bio .account__header__fields {
background-color: var(--color-content-secondary-bg);
border-radius: 8px;
}
@media (prefers-color-scheme: dark) {
.layout-single-column .account__header__bio .account__header__fields {
background-color: var(--color-bg);
}
}
.layout-single-column .account__header__bio .account__header__fields:has(dl:only-child) {
display: none;
}
.layout-single-column .account__header__bio .account__header__fields dt {
font-weight: bold;
font-size: 12px;
}
.layout-single-column .account__header__bio .account__header__fields dl,
.layout-single-column .account__header__bio .account__header__fields .verified {
border-bottom: 0;
position: relative;
}
.layout-single-column .account__header__bio .account__header__fields dl:not(:last-child):after {
display: block;
content: " ";
height: 1px;
bottom: -1px;
right: 15px;
background-color: var(--color-lines);
left: 15px;
position: absolute;
border-radius: 50px;
}
.layout-single-column .account__header__bio .account__header__fields dl:nth-child(2) { /* Add a corner radius to the second profile field because we're hiding the Joined field */
border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin-top: 0;
}
.layout-single-column .account__header__bio .account__header__fields .verified + .verified { /* Fix double border between 2 successive verified fields */
margin-top: 0;
border-top-width: 0;
}
.layout-single-column .account__header__bio .account__header__fields .verified a,
.layout-single-column .account__header__bio .account__header__fields .verified dd { /* Verified field tweak: vivid green text */
color: var(--color-accent);
}
.layout-single-column .account__header__bio .account__header__fields .verified dt,
.layout-single-column .account__header__bio .account__header__fields dt { /* Verified field tweak: restore default field title color */
color: var(--color-content-fg);
}
.layout-single-column .account__header__bio .account__header__fields .verified { /* Verified field tweak: restore default background and border */
border-top: 0;
border-right: 0;
border-left: 0;
background: none;
}
.layout-single-column .account__header__extra .account__header__fields .verified dd > span:first-child {
vertical-align: bottom;
}
.layout-single-column .account__header__extra .account__header__fields .verified__mark {
float: left;
margin-right: 2px;
}
.layout-single-column .account__header__bio .account__header__fields .verified:last-child {
border-bottom: 0;
}
.layout-single-column .account-timeline__header + article .status__wrapper,
.layout-single-column .account-timeline__header + article .account { /* rounded corners on first post below account header + on first account in followings/followers list */
border-radius: 8px 8px 0 0;
border-right: 1px solid var(--color-lines);
border-left: 1px solid var(--color-lines);
border-top: 1px solid var(--color-lines);
}
@media screen and (max-width:889px) {
.layout-single-column .account-timeline__header + article .status__wrapper,
.layout-single-column .account-timeline__header + article .account {
border-left: 0;
border-right: 0;
border-radius: 0;
}
}
.layout-single-column .follow-request-banner,
.layout-single-column .moved-account-banner {
background-color: var(--color-accent-bg);
}
.layout-single-column .moved-account-banner {
margin-bottom: 10px;
border-radius: 8px;
}
.layout-single-column .follow-request-banner__message,
.layout-single-column .moved-account-banner__message {
color: var(--color-content-fg);
}
.layout-single-column .moved-account-banner__message {
font-weight: bold;
}
/* ✨ Explore tab
-------------- */
@media screen and (min-width:890px) {
.layout-single-column .account__section-headline + .scrollable article:first-child .status__wrapper {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin-top: 0;
}
.layout-single-column .account__section-headline + .scrollable article:last-child .status__wrapper {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
}
.layout-single-column .icon-button.active .fa.fa-retweet + .icon-button__counter .animated-number {
color: #E53880;
}
.layout-single-column .icon-button.active .fa.fa-star + .icon-button__counter .animated-number {
color: #ca8f04;
}
/* #️⃣ Trending hashtags */
.layout-single-column .trends__item__sparkline path:last-child {
stroke: var(--color-accent) !important;
}
.layout-single-column .trends__item__sparkline path:first-child {
fill: var(--color-accent) !important;
fill-opacity: 0.2 !important;
}
.layout-single-column .explore__links {
background-color: var(--color-content-bg);
border-radius: 8px !important;
border: 1px solid var(--color-lines);
overflow: hidden;
}
@media screen and (max-width:889px) {
.layout-single-column .explore__links {
border-radius: 0 !important;
border-left: 0;
border-right: 0;
}
}
.layout-single-column .columns-area__panels__main .trends__item {
background-color: var(--color-content-bg);
border-bottom: 2px solid var(--color-content-secondary-bg);
}
.layout-single-column .explore__links .trends__item:last-child {
border-bottom: 0;
}
.layout-single-column .trends__item__name,
.layout-single-column .trends__item__current {
color: var(--color-fg-muted);
}
.layout-single-column .trends__item__name a {
color: var(--color-fg);
}
/* Hashtag header */
.layout-single-column .hashtag-header {
font-size: 15px;
padding: 18px 20px 20px;
color: var(--color-content-fg);
background-color: var(--color-content-secondary-bg);
border-top: 1px solid var(--color-lines);
border-bottom: 0;
}
.layout-single-column .hashtag-header__header {
margin-bottom: 0;
}
.layout-single-column .hashtag-header__header h1 {
color: var(--color-content-fg);
}
.layout-single-column .hashtag-header .hashtag-header__header + div {
color: var(--color-content-fg);
font-size: 85%;
opacity: .8;
margin-top: -5px;
width: max-content;
}
@media screen and (min-width:890px) and (max-width:1174px) {
.layout-single-column .hashtag-header {
margin-top: 15px;
}
}
@media screen and (min-width:890px) {
.layout-single-column .hashtag-header {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
}
.layout-single-column .hashtag-header .hashtag-header__header button {
transform: translate(0, 8px);
}
}
/* Account recommendations (For You Tab + User directory */
.layout-single-column .scrollable .account-card {
margin: 0 0 10px;
background-color: var(--color-content-bg);
border-radius: 8px;
border: 1px solid var(--color-lines);
}
@media screen and (max-width:889px) {
.layout-single-column .scrollable .account-card {
margin: 0 10px 10px;
}
}
.layout-single-column .account-card__header {
padding: 0;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
height: 128px;
overflow: hidden;
}
.layout-single-column .scrollable .account-card__bio:after {
background: linear-gradient(270deg, var(--color-content-bg), transparent);
}
.layout-single-column .account-card__title__avatar .account__avatar {
border: 0;
border-radius: 50%;
overflow: visible;
}
.layout-single-column .account-card__title__avatar img {
border: 0;
border-radius: 50%;
box-shadow: 0 0 0 3px var(--color-content-bg);
}
.layout-single-column .account-card__title .display-name bdi,
.layout-single-column .account-card__counters__item,
.layout-single-column .account-card__counters__item small {
color: var(--color-content-fg-bold);
}
.layout-single-column .account-card__counters__item small {
opacity: .7;
}
.layout-single-column .account-card__bio a {
color: var(--color-accent);
}
.layout-single-column .filter-form {
background-color: var(--color-accent-bg);
border-radius: 8px;
margin-bottom: 10px;
}
.layout-single-column .filter-form__column {
padding: 10px 15px;
}
/* 📰 Trending stories */
.layout-single-column .story {
background-color: var(--color-content-bg);
transition: background-color .2s;
}
.layout-single-column .story:not(:last-child) {
border-bottom: 2px solid var(--color-content-secondary-separator);
}
.layout-single-column .story,
.layout-single-column .story__details__title {
color: var(--color-content-fg);
}
.layout-single-column .story:hover {
background-color: var(--color-content-bg-focus);
}
.layout-single-column .story__details__publisher,
.layout-single-column .story__details__shared {
color: var(--color-fg);
}
.layout-single-column .story .story__details__publisher,
.layout-single-column .story .story__details__shared,
.layout-single-column .story .story__details__publisher,
.layout-single-column .story .story__details__shared,
.layout-single-column .story .story__details__publisher,
.layout-single-column .story .story__details__shared {
transition: all .3s;
}
.layout-single-column .story:active .story__details__publisher,
.layout-single-column .story:active .story__details__shared,
.layout-single-column .story:focus .story__details__publisher,
.layout-single-column .story:focus .story__details__shared,
.layout-single-column .story:hover .story__details__publisher,
.layout-single-column .story:hover .story__details__shared {
color: var(--color-accent);
}
.layout-single-column .story.expanded .story__thumbnail {
margin: 0 0 -25px;
}
.layout-single-column .story.expanded .story__thumbnail img {
width: calc(100% + 30px);
margin: -15px -15px 0 -15px;
border-radius: 0 0 0 0;
}
/* 🔍 Search field and search results */
.layout-single-column .search {
margin-bottom: 10px;
}
.layout-single-column .search__input {
border-radius: 8px;
background-color: var(--color-accent-bg);
color: var(--color-content-fg);
border: 1px solid var(--color-accent-lines);
}
.layout-single-column .search__input::placeholder,
.layout-single-column .compose-form .spoiler-input__input::placeholder {
font-weight: 500;
color: var(--color-accent);
}
.layout-single-column .search__input:focus {
border: 1px solid var(--color-accent);
}
.layout-single-column .search__icon .icon {
margin-right: 4px;
transform: scale(.9);
}
.layout-single-column .compose-panel .icon-search,
.layout-single-column .compose-panel .icon-search.active,
.layout-single-column .explore__search-header .icon-search {
background-image: var(--icon-search-active);
}
.layout-single-column .compose-panel .icon-search.active,
.layout-single-column .search__icon .icon-search.active {
opacity: 1;
z-index: 1;
}
.layout-single-column .explore__search-results {
background-color: var(--color-content-bg);
overflow: hidden;
}
.layout-single-column .explore__search-header {
background-color: transparent;
}
.layout-single-column .explore__search-results .account {
padding-top: 16px;
}
.layout-single-column .explore__search-results article:first-child > .account {
border-top: 1px solid var(--color-lines);
}
.layout-single-column .explore__search-results article:last-child > .account {
border-bottom: 1px solid var(--color-lines);
}
.layout-single-column .explore__search-results .trends__item {
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
}
.layout-single-column .explore__search-results article:first-child > .trends__item,
.layout-single-column .search-results__section > .trends__item:first-child,
.layout-single-column .search-results__section > .account:first-child {
border-top: 1px solid var(--color-lines);
}
.layout-single-column .explore__search-results article:last-child > .trends__item,
.layout-single-column .search-results__section > .trends__item:last-child,
.layout-single-column .search-results__section > .account:last-child {
border-bottom: 1px solid var(--color-lines);
}
.layout-single-column .search-results__section {
background-color: var(--color-bg);
padding-bottom: 10px;
border-bottom: 0;
}
.layout-single-column .search-results__section__header {
background-color: var(--color-content-secondary-bg);
border-top: 1px solid var(--color-lines);
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
border-bottom: 0;
color: var(--color-content-fg);
}
.layout-single-column .search-results__section__header button {
color: var(--color-accent);
}
@media screen and (min-width:890px) {
.layout-single-column .explore__search-results {
border-radius: 8px;
}
.layout-single-column .explore__search-results article:first-child > .account,
.layout-single-column .search-results__section > .account:first-child,
.layout-single-column .explore__search-results article:first-child > .trends__item,
.layout-single-column .search-results__section > .trends__item:first-child {
border-radius: 8px 8px 0 0;
}
.layout-single-column .explore__search-results article:last-child > .account,
.layout-single-column .search-results__section > .account:last-child,
.layout-single-column .explore__search-results article:last-child > .trends__item,
.layout-single-column .search-results__section > .trends__item:last-child,
.layout-single-column .explore__search-results .load-more:last-child {
border-radius: 0 0 8px 8px;
}
.layout-single-column .search-results__section__header {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
}
.layout-single-column .account .account__details > span {
color: var(--color-content-fg);
}
.layout-single-column .account .account__details .verified-badge {
color: var(--color-accent);
}
.layout-single-column .account .account__details .verified-badge span {
font-weight: 500;
}
@keyframes fadein-short {
from {
transform: translate(0, -10px);
opacity: 0;
}
to {
transform: translate(0, 0);
opacity: 1;
}
}
.layout-single-column .search__popout {
background-color: var(--color-content-bg);
border-radius: 8px;
box-shadow: none;
margin-top: 10px;
border: 1px solid var(--color-lines);
animation: .3s fadein-short 1;
}
.layout-single-column .search__popout h4 {
font-weight: bold;
}
.layout-single-column .search__popout h4,
.layout-single-column .search__popout__menu__message,
.layout-single-column .search__popout__menu__item {
color: var(--color-content-fg);
}
.layout-single-column .search__popout__menu__item {
align-items: initial;
}
.layout-single-column .search__popout__menu__item mark {
color: var(--color-content-fg-bold);
}
.layout-single-column .search__popout__menu__item .icon-button:active,
.layout-single-column .search__popout__menu__item .icon-button:focus,
.layout-single-column .search__popout__menu__item .icon-button:hover {
background-color: transparent;
color: var(--color-accent-fg);
}
.layout-single-column .search__popout__menu__item.selected,
.layout-single-column .search__popout__menu__item:active,
.layout-single-column .search__popout__menu__item:focus,
.layout-single-column .search__popout__menu__item:hover,
.layout-single-column .search__popout__menu__item.selected mark,
.layout-single-column .search__popout__menu__item:active mark,
.layout-single-column .search__popout__menu__item:focus mark,
.layout-single-column .search__popout__menu__item:hover mark {
background-color: var(--color-accent);
color: var(--color-accent-fg);
}
@media screen and (max-width:1174px) {
.layout-single-column .search {
margin-bottom: 0;
}
.layout-single-column .explore__search-header {
padding-top: 2px;
}
.layout-single-column .search__input {
padding: 13px;
}
.layout-single-column .explore__search-header {
padding: 10px 0 0;
}
}
@media screen and (max-width:889px) {
.layout-single-column .explore__search-header {
padding: 10px 10px 0;
}
}
/* Dismissable banners */
.layout-single-column .dismissable-banner {
background-color: var(--color-accent);
box-shadow: 0 5px var(--color-content-bg);
border-radius: 8px 8px 0 0;
border: 1px solid var(--color-lines);
margin: 0;
}
.layout-single-column .explore__links .dismissable-banner {
border: 0;
border-radius: 7px 7px 0 0;
}
@media screen and (max-width:889px) {
.layout-single-column .dismissable-banner,
.layout-single-column .explore__links .dismissable-banner {
border-radius: 0;
border-left: 0;
border-right: 0;
}
}
@media screen and (min-width:890px) and (max-width:1174px) {
.layout-single-column .dismissable-banner {
margin-top: 10px;
}
.layout-single-column .explore__links .dismissable-banner {
margin-top: 0;
}
}
.layout-single-column .dismissable-banner__message,
.layout-single-column .dismissable-banner__action .icon-button {
color: var(--color-accent-fg);
}
.layout-single-column .dismissable-banner__message h1 {
color: var(--color-accent-fg);
margin-top: 10px;
}
.layout-single-column .dismissable-banner__message__actions__wrapper {
flex-flow: row-reverse;
}
.layout-single-column .dismissable-banner:has(.dismissable-banner__message > img:first-child) {
background: linear-gradient(to bottom, rgba(247, 105, 2, 0.8), rgba(247, 105, 2, 0.5));
padding-left: 10px;
padding-right: 10px;
}
.layout-single-column .dismissable-banner__background-image {
display: none;
}
.layout-single-column .dismissable-banner__message__actions .button,
.layout-single-column .dismissable-banner__message__actions .button.button-tertiary {
line-height: 28px;
padding: 6px 17px;
}
@media (prefers-color-scheme: dark) {
.layout-single-column .dismissable-banner:has(.dismissable-banner__message > img:first-child) {
background: linear-gradient(to top, rgba(230, 137, 51, .5), rgba(230, 137, 51, .3));
}
}
/* 🔔 Notifications
---------------- */
.layout-single-column .status.muted .status__content,
.layout-single-column .status.muted .status__content a,
.layout-single-column .status.muted .status__content p,
.layout-single-column .status.muted .status__display-name strong,
.layout-single-column .attachment-list__list a,
.layout-single-column .attachment-list.compact .fa {
color: var(--color-content-fg-muted);
}
.layout-single-column .notification.unread::before,
.layout-single-column .status__wrapper.unread::before {
background-color: var(--color-accent);
width: 8px;
border: 0;
top: 5px;
height: auto;
bottom: 5px;
border-radius: 8px;
left: 5px;
z-index: 1;
}
.layout-single-column .notification__message {
padding: 12px 12px 5px;
background-color: var(--color-content-bg);
color: var(--color-content-fg-bold);
transition: all .3s;
}
.layout-single-column .scrollable > div > article:first-child .notification__message {
border-top: 1px solid var(--color-lines);
}
.layout-single-column .notification__display-name {
font-weight: bold;
}
.layout-single-column .notification__report {
background-color: var(--color-content-bg);
border-bottom: 0;
padding-top: 10px;
gap: 15px;
}
.layout-single-column .notification__report__details {
color: var(--color-content-fg);
}
@media screen and (min-width:889px) {
.layout-single-column .notification__message {
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
}
.layout-single-column .scrollable > div > article:first-child .notification__message {
border-top: 1px solid var(--color-lines);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.layout-single-column .notification__report {
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
}
}
.layout-single-column .notification__message .icon {
color: var(--color-accent);
width: 18px;
margin-left: 38px;
text-align: right;
background-position: center right;
}
@media screen and (max-width:889px) {
.layout-single-column .notification__message .icon {
width: 33px;
}
}
.layout-single-column .notification .status__wrapper {
padding-top: 0;
}
.layout-single-column .notification-favourite .status__action-bar,
.layout-single-column .notification-reblog .status__action-bar,
.layout-single-column .notification-poll .status__action-bar,
.layout-single-column .notification-status .status__action-bar {
display: none;
}
.layout-single-column .account {
background-color: var(--color-content-bg);
border-bottom: 0;
padding-left: 22px;
padding-top: 4px;
}
.layout-single-column .explore__search-results .account {
padding-top: 16px;
}
@media screen and (min-width:890px) {
.layout-single-column .account {
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
}
}
/* 📋 Lists tab */
.layout-single-column .column-inline-form {
background-color: var(--color-accent-bg);
border: 1px solid var(--color-accent-lines);
border-radius: 8px;
margin-bottom: 10px;
}
@media screen and (max-width:1174px) {
.layout-single-column .column-inline-form {
margin-top: 10px;
}
}
@media screen and (max-width:889px) {
.layout-single-column .column-inline-form {
margin-left: 10px;
margin-right: 10px;
}
}
.layout-single-column .column-inline-form label input,
.layout-single-column .column-inline-form label input:focus {
background-color: var(--color-content-bg);
color: var(--color-content-fg);
border-radius: 8px;
}
.layout-single-column .column-inline-form label input:focus {
box-shadow: 0 0 0 2px var(--color-accent);
}
.layout-single-column .column-subheading,
.layout-single-column .columns-area__panels__main .column-link {
background-color: var(--color-content-bg);
color: var(--color-fg);
}
.layout-single-column .column-subheading {
color: var(--color-fg-muted);
border: 1px solid var(--color-lines);
border-bottom: 0;
border-radius: 8px 8px 0 0;
}
@media screen and (max-width:889px) {
.layout-single-column .column-subheading {
border-left: 0;
border-right: 0;
border-radius: 0;
}
}
.layout-single-column .columns-area__panels__main .column-link {
margin-left: 0;
width: 100%;
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
border-bottom: 2px solid var(--color-content-secondary-separator);
box-sizing: border-box;
}
.layout-single-column .columns-area__panels__main .column-link:hover {
background-color: var(--color-content-secondary-bg);
color: var(--color-accent);
}
.layout-single-column .columns-area__panels__main article:last-child .column-link {
border-bottom: 1px solid var(--color-lines);
border-radius: 0 0 8px 8px;
}
@media screen and (max-width:889px) {
.layout-single-column .columns-area__panels__main .column-link {
border-left: 0;
border-right: 0;
}
.layout-single-column .columns-area__panels__main article:last-child .column-link {
border-radius: 0;
}
}
/* List adder dialog */
.layout-single-column .list-adder,
.layout-single-column .list-adder__account,
.layout-single-column .list-adder__lists {
background-color: var(--color-content-bg);
color: var(--color-content-fg);
}
.layout-single-column .list-adder__account {
margin-top: 12px;
}
.layout-single-column .list-adder .column-inline-form {
border-radius: 0;
}
.list-adder .list {
border-bottom: 2px solid var(--color-content-secondary-separator);
}
/* ➕ Follow requests */
.layout-single-column #Follow-requests {
margin-bottom: 0;
z-index: 0;
}
.layout-single-column .account-authorize__wrapper {
margin: 10px 0;
}
.layout-single-column .account-authorize {
background-color: var(--color-content-bg);
border-radius: 8px 8px 0 0;
padding: 20px
}
.layout-single-column .account--panel {
background-color: var(--color-accent-bg);
border: 0;
border-radius: 0 0 8px 8px;
}
.layout-single-column .account__header__content {
color: var(--color-content-fg);
}
.layout-single-column .account--panel__button:first-child .icon-button {
color: var(--color-accent);
}
@media screen and (max-width:1174px) {
.layout-single-column #Follow-requests + .column-back-button--slim .column-back-button {
position: absolute;
right: 0;
margin: 0;
width: auto;
}
}
/* ⏺️ Other UI components : buttons, toggles, ...
----------------------------------------- */
.layout-single-column .button,
.layout-single-column .account__header__tabs__buttons .icon-button {
border-radius: 8px;
}
.layout-single-column .button,
.layout-single-column .button.logo-button,
.layout-single-column .rules-list li:before,
.layout-single-column .icon-with-badge__badge {
background-color: var(--color-accent);
color: var(--color-accent-fg);
transition: all .2s;
}
.layout-single-column .button:disabled,
.layout-single-column .button.disabled {
opacity: .7;
}
.layout-single-column .text-icon-button.active,
.layout-single-column .button.button-tertiary,
.layout-single-column .account__header__fields a,
.layout-single-column .account__header__bio .account__header__fields a,
.layout-single-column .reply-indicator__content a.unhandled-link,
.layout-single-column .status__content a,
.layout-single-column .status__content a.hashtag,
.layout-single-column .status__content a.unhandled-link,
.layout-single-column .column-back-button,
.layout-single-column .about__section__title,
.layout-single-column .prose a,
.layout-single-column .column-link--transparent.active,
.layout-single-column .column-header > .column-header__back-button,
.layout-single-column .column-header__back-button,
.layout-single-column .interaction-modal__icon,
.layout-single-column .status__content a.mention,
.layout-single-column .status__content__read-more-button,
.layout-single-column .link-button,
.layout-single-column .translate-button button,
.layout-single-column .status__content__translate-button,
.layout-single-column .status__action-bar__dropdown .icon-button.active,
.layout-single-column .account__relationship .icon-button.active,
.layout-single-column .account__header__tabs__buttons .icon-button.active,
.layout-single-column .text-btn,
.layout-single-column .detailed-status__action-bar-dropdown .icon-button,
.layout-single-column .notification-bar-action {
color: var(--color-accent);
}
.layout-single-column .icon-button,
.layout-single-column .icon-button.inverted,
.layout-single-column .reply-indicator__content .status__content__spoiler-link,
.layout-single-column .status__content .status__content__spoiler-link {
color: var(--color-content-fg);
}
.layout-single-column .reply-indicator__content .status__content__spoiler-link,
.layout-single-column .status__content .status__content__spoiler-link {
background-color: var(--color-accent-bg);
border-radius: 8px;
}
.layout-single-column .account__header__tabs__buttons .icon-button {
padding: 8px;
border: 0;
color: var(--color-content-fg);
background-color: var(--color-content-secondary-bg);
}
.layout-single-column .account__header__tabs__buttons .icon-button:hover {
background-color: var(--color-accent-bg);
color: var(--color-accent);
}
.layout-single-column .icon-button:active,
.layout-single-column .icon-button:focus,
.layout-single-column .icon-button:hover {
background-color: var(--color-accent-bg);
color: var(--color-accent);
}
.layout-single-column .language-dropdown__dropdown {
background-color: var(--color-content-bg);
border-radius: 8px;
border: 1px solid var(--color-lines);
box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}
.layout-single-column .language-dropdown__dropdown__results__item {
border-radius: 8px;
}
.layout-single-column .language-dropdown__dropdown__results__item.active,
.layout-single-column .language-dropdown__dropdown__results__item.active:hover {
background-color: var(--color-accent);
color: var(--color-accent-fg);
}
.layout-single-column .language-dropdown__dropdown__results__item:active,
.layout-single-column .language-dropdown__dropdown__results__item:focus,
.layout-single-column .language-dropdown__dropdown__results__item:hover {
background-color: var(--color-accent-bg);
}
.layout-single-column .language-dropdown__dropdown__results__item__native-name {
font-weight: bold;
}
.layout-single-column .language-dropdown__dropdown__results__item__common-name {
opacity: .7;
}
.layout-single-column .language-dropdown__dropdown__results__item__common-name,
.layout-single-column .language-dropdown__dropdown__results__item__native-name {
color: var(--color-content-fg);
}
.layout-single-column .language-dropdown__dropdown__results__item.active .language-dropdown__dropdown__results__item__common-name,
.layout-single-column .language-dropdown__dropdown__results__item.active .language-dropdown__dropdown__results__item__native-name,
.layout-single-column .language-dropdown__dropdown__results__item.active:hover .language-dropdown__dropdown__results__item__common-name,
.layout-single-column .language-dropdown__dropdown__results__item.active:hover .language-dropdown__dropdown__results__item__native-name {
color: var(--color-accent-fg);
}
.layout-single-column .language-dropdown__dropdown__results__item:active .language-dropdown__dropdown__results__item__native-name,
.layout-single-column .language-dropdown__dropdown__results__item:focus .language-dropdown__dropdown__results__item__native-name,
.layout-single-column .language-dropdown__dropdown__results__item:hover .language-dropdown__dropdown__results__item__native-name,
.layout-single-column .language-dropdown__dropdown__results__item:active .language-dropdown__dropdown__results__item__common-name,
.layout-single-column .language-dropdown__dropdown__results__item:focus .language-dropdown__dropdown__results__item__common-name,
.layout-single-column .language-dropdown__dropdown__results__item:hover .language-dropdown__dropdown__results__item__common-name {
color: var(--color-accent);
}
.layout-single-column .button:not(.button-secondary):active,
.layout-single-column .button:not(.button-secondary):focus,
.layout-single-column .button:not(.button-secondary):hover,
.layout-single-column .button.button-tertiary:active,
.layout-single-column .button.button-tertiary:focus,
.layout-single-column .button.button-tertiary:hover,
.layout-single-column .button.logo-button:active,
.layout-single-column .button.logo-button:focus,
.layout-single-column .button.logo-button:hover {
background-color: var(--color-accent-focus);
}
/* ⏺️ Toggles */
.layout-single-column .setting-toggle__label {
vertical-align: top;
}
.layout-single-column .react-toggle-track {
background-color: var(--color-accent-lines);
box-shadow:
0 0 0 20px var(--color-accent-lines) inset,
0 0 0 20px var(--color-accent-lines) inset,
0 0 0 1px var(--color-accent-lines) inset,
0 0 0 1px var(--color-accent-lines) inset
}
.layout-single-column .react-toggle-thumb {
border: 0;
}
.layout-single-column .react-toggle.react-toggle--checked .react-toggle-track,
.layout-single-column .react-toggle.react-toggle--checked:is(:hover,:focus-within):not(.react-toggle--disabled) .react-toggle-track,
.layout-single-column .react-toggle.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
background-color: var(--color-accent);
}
.layout-single-column .react-toggle--checked .react-toggle-thumb {
border-color: var(--color-accent);
}
.layout-single-column .react-toggle:is(:hover,:focus-within):not(.react-toggle--disabled) .react-toggle-track {
background-color: var(--color-accent-focus);
}
/* ⏺️ Radio buttons */
.layout-single-column .radio-button {
color: var(--color-content-fg);
}
.layout-single-column .radio-button__input {
border-width: 2px;
border-color: var(--color-content-fg-muted);
background-color: var(--color-content-bg);
}
.layout-single-column .radio-button__input.checked {
border-color: var(--color-accent);
background-color: var(--color-accent);
}
.layout-single-column .dropdown-menu,
.layout-single-column .dropdown-menu__container__header,
.layout-single-column .dropdown-menu__item.edited-timestamp__history__item,
.layout-single-column .dropdown-menu__item a,
.layout-single-column .dropdown-menu__item button {
background-color: var(--color-content-bg);
color: var(--color-content-fg);
border-color: var(--color-lines);
}
.layout-single-column .dropdown-menu,
.layout-single-column .dropdown-menu__item a,
.layout-single-column .dropdown-menu__arrow:before {
background-color: var(--color-content-bg);
color: var(--color-content-fg);
border: 0;
}
.layout-single-column .dropdown-menu__item a:active,
.layout-single-column .dropdown-menu__item a:focus,
.layout-single-column .dropdown-menu__item a:hover,
.layout-single-column .dropdown-menu__item button:active,
.layout-single-column .dropdown-menu__item button:focus,
.layout-single-column .dropdown-menu__item button:hover {
background: var(--color-accent);
color: var(--color-accent-fg);
outline: 0;
}
.layout-single-column .dropdown-menu__separator {
border-color: var(--color-content-secondary-separator);
}
.layout-single-column .privacy-dropdown.active .privacy-dropdown__value.active,
.layout-single-column .privacy-dropdown.active .privacy-dropdown__value,
.layout-single-column .privacy-dropdown__option.active,
.layout-single-column .privacy-dropdown__option.active:hover,
.layout-single-column .privacy-dropdown__option:hover {
background-color: var(--color-accent);
color: var(--color-accent-fg);
}
.layout-single-column .privacy-dropdown__option.active .privacy-dropdown__option__content,
.layout-single-column .privacy-dropdown__option.active .privacy-dropdown__option__content strong,
.layout-single-column .privacy-dropdown__option:hover .privacy-dropdown__option__content,
.layout-single-column .privacy-dropdown__option:hover .privacy-dropdown__option__content strong,
.layout-single-column .privacy-dropdown.active .privacy-dropdown__value.active .icon-button,
.layout-single-column .privacy-dropdown .icon-button.inverted.active {
background-color: var(--color-accent);
color: var(--color-accent-fg);
}
.layout-single-column .privacy-dropdown__option:hover .icon-globe,
.layout-single-column .privacy-dropdown__option.active .icon-globe,
.layout-single-column .privacy-dropdown__option.active:hover .icon-globe {
background-image: var(--icon-globe-visibility-inv);
}
.layout-single-column .privacy-dropdown__option:hover .icon-unlock,
.layout-single-column .privacy-dropdown__option.active .icon-unlock,
.layout-single-column .privacy-dropdown__option.active:hover .icon-unlock {
background-image: var(--icon-unlock-inv);
}
.layout-single-column .privacy-dropdown__option:hover .icon-lock,
.layout-single-column .privacy-dropdown__option.active .icon-lock,
.layout-single-column .privacy-dropdown__option.active:hover .icon-lock {
background-image: var(--icon-lock-inv);
}
.layout-single-column .privacy-dropdown__option:hover .icon-at,
.layout-single-column .privacy-dropdown__option.active .icon-at,
.layout-single-column .privacy-dropdown__option.active:hover .icon-at {
background-image: var(--icon-at-inv);
}
.layout-single-column .button.button-tertiary.button--confirmation,
.layout-single-column .button.button-tertiary.button--destructive {
background-color: transparent;
}
.layout-single-column .button.button-tertiary.button--confirmation {
color: #4e8a6b;
background-color: rgba(121, 189, 154, 0.3);
}
.layout-single-column .button.button-tertiary.button--destructive {
color: #df405a;
background-color: rgba(223, 64, 90, 0.3);
}
.layout-single-column .button.button-tertiary.button--confirmation:active,
.layout-single-column .button.button-tertiary.button--confirmation:focus,
.layout-single-column .button.button-tertiary.button--confirmation:hover {
background-color: #79bd9a;
color: #ffffff;
}
.layout-single-column .button.button-tertiary.button--destructive:active,
.layout-single-column .button.button-tertiary.button--destructive:focus,
.layout-single-column .button.button-tertiary.button--destructive:hover {
background-color: #df405a;
color: #ffffff;
}
@media (prefers-color-scheme: dark) {
.layout-single-column .button.button-tertiary.button--confirmation {
color: #72cb9d;
}
.layout-single-column .button.button-tertiary.button--destructive {
color: #f3637b;
}
}
.layout-single-column .app-body .block-modal__cancel-button,
.layout-single-column .app-body .confirmation-modal__cancel-button,
.layout-single-column .app-body .confirmation-modal__secondary-button,
.layout-single-column .app-body .mute-modal__cancel-button {
background-color: transparent;
}
.layout-single-column .status__content a.hashtag {
color: var(--color-accent);
}
/* 🖱️ Interaction modals
--------------------- */
.layout-single-column .interaction-modal {
background-color: var(--color-content-bg);
border: 0;
}
.layout-single-column .interaction-modal,
.layout-single-column .interaction-modal__lead h3 {
color: var(--color-content-fg);
}
.layout-single-column .interaction-modal__lead p,
.layout-single-column .interaction-modal__choices__choice p {
color: var(--color-fg);
}
.layout-single-column .interaction-modal__icon {
vertical-align: middle;
}
.layout-single-column .interaction-modal p {
color: var(--color-content-fg);
}
.layout-single-column .interaction-modal p.hint {
color: var(--color-content-fg-muted);
}
.layout-single-column .interaction-modal .button,
.layout-single-column .interaction-modal .button.button-tertiary {
padding: 10px 18px;
}
.layout-single-column .interaction-modal .button.button-tertiary:hover {
background-color: var(--color-content-secondary-separator);
}
.layout-single-column .copypaste input,
.layout-single-column .interaction-modal__login__input {
border-color: var(--color-accent);
background-color: var(--color-accent-lines);
color: var(--color-content-fg);
border-radius: 8px;
}
.layout-single-column .interaction-modal__login.expanded .interaction-modal__login__input {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
.layout-single-column .interaction-modal__login__input input::placeholder {
color: var(--color-accent);
}
.layout-single-column .interaction-modal__login.focused .interaction-modal__login__input {
background-color: var(--color-content-bg);
border-color: var(--color-accent);
box-shadow: 0 0 0 2px var(--color-accent);
}
.layout-single-column .interaction-modal__login .search__popout {
border-color: var(--color-lines);
}
.layout-single-column .interaction-modal .copypaste button {
padding: 8px 18px;
}
.layout-single-column .modal-root__overlay {
background-color: hsla(0, 0%, 1%, 0.7);
}
.layout-single-column .modal-root__modal,
.layout-single-column .boost-modal__container,
.layout-single-column .mute-modal__container,
.layout-single-column .block-modal__container {
background-color: var(--color-content-bg);
color: var(--color-content-fg);
}
.layout-single-column .boost-modal__container {
margin-bottom: -11px;
}
.layout-single-column .confirmation-modal__container,
.layout-single-column .mute-modal__container,
.layout-single-column .block-modal__container {
background-color: var(--color-content-bg);
color: var(--color-content-fg);
}
.layout-single-column .block-modal__action-bar,
.layout-single-column .boost-modal__action-bar,
.layout-single-column .confirmation-modal__action-bar,
.layout-single-column .mute-modal__action-bar {
background-color: var(--color-accent-bg);
}
.layout-single-column .block-modal__action-bar > div,
.layout-single-column .boost-modal__action-bar > div,
.layout-single-column .confirmation-modal__action-bar > div,
.layout-single-column .mute-modal__action-bar > div,
.layout-single-column .boost-modal__container .status__content__text,
.layout-single-column .boost-modal__container .display-name strong.display-name__html,
.layout-single-column .boost-modal__container .status__info,
.layout-single-column .boost-modal__container .status__relative-time time,
.layout-single-column .boost-modal__container .status.light .status__visibility-icon {
color: var(--color-content-fg);
}
.layout-single-column .actions-modal ul li:not(:empty) a {
color: var(--color-content-fg);
}
.layout-single-column .actions-modal ul li:not(:empty) a.active,
.layout-single-column .actions-modal ul li:not(:empty) a.active button,
.layout-single-column .actions-modal ul li:not(:empty) a:active,
.layout-single-column .actions-modal ul li:not(:empty) a:active button,
.layout-single-column .actions-modal ul li:not(:empty) a:focus,
.layout-single-column .actions-modal ul li:not(:empty) a:focus button,
.layout-single-column .actions-modal ul li:not(:empty) a:hover,
.layout-single-column .actions-modal ul li:not(:empty) a:hover button {
background-color: var(--color-accent);
color: var(--color-accent-fg);
}
/* Media modals */
.layout-single-column .modal-root__modal.media-modal {
background-color: rgba(255, 255, 255, .8);
}
.layout-single-column .media-modal__overlay .picture-in-picture__footer {
background-color: transparent;
}
.layout-single-column .media-modal__nav,
.layout-single-column .media-modal__overlay .picture-in-picture__footer .icon-button {
color: var(--color-content-fg);
}
.layout-single-column .media-modal__page-dot {
background-color: var(--color-content-fg);
}
@media (prefers-color-scheme: dark) {
.layout-single-column .modal-root__modal.media-modal {
background-color: rgba(0, 0, 0, .6);
}
}
/* Report modals */
.layout-single-column .report-dialog-modal__container {
border-top: 0;
}
.layout-single-column .report-dialog-modal__lead {
color: var(--color-content-fg-muted);
}
.layout-single-column .report-dialog-modal .poll__option.dialog-option {
border-color: var(--color-lines);
border-width: 3px;
}
.layout-single-column .report-dialog-modal .dialog-option .poll__input {
border-color: var(--color-accent);
}
.layout-single-column .report-dialog-modal .dialog-option .poll__input.active {
border-color: var(--color-accent);
background-color: var(--color-accent);
}
.layout-single-column .report-dialog-modal .poll__option.dialog-option>.poll__option__text {
color: var(--color-content-fg);
}
.layout-single-column .report-dialog-modal .poll__option.dialog-option>.poll__option__text strong {
color: var(--color-content-fg-bold)
}
.layout-single-column .report-modal__comment,
.layout-single-column .report-modal__container {
border-color: var(--color-lines);
}
.layout-single-column .report-modal__comment .setting-text-label {
color: var(--color-content-fg);
}
.layout-single-column .report-dialog-modal .status__content__text p {
color: var(--color-content-fg);
}
/* 🖼️ Picture in Picture */
.layout-single-column .picture-in-picture {
box-shadow: 0 0 5px rgba(0, 0, 0, .2);
border-radius: 8px;
}
.layout-single-column .picture-in-picture__footer,
.layout-single-column .picture-in-picture__header {
background-color: var(--color-content-bg);
}
.layout-single-column .picture-in-picture__header .display-name span {
color: var(--color-content-fg-muted);
}
/* ⏯️ Video controls */
.layout-single-column .video-player__seek__progress,
.layout-single-column .video-player__volume__handle,
.layout-single-column .video-player__volume__current,
.layout-single-column .video-player__seek__handle {
background-color: var(--color-accent);
}
/* 📄 Meta
------- */
.layout-single-column .link-footer p,
.layout-single-column .link-footer a {
color: var(--color-fg-muted);
}
/* Server banner */
.layout-single-column .server-banner__introduction {
display: none;
}
.layout-single-column .server-banner {
padding: 0 0 20px;
}
.layout-single-column .server-banner__hero {
border-radius: 8px 8px 0 0;
margin-bottom: 0;
}
.layout-single-column .server-banner__description {
padding: 20px 15px 20px;
margin-bottom: 0;
background-color: var(--color-content-bg);
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
}
.layout-single-column .server-banner__meta {
padding: 0 15px 20px;
background-color: var(--color-content-bg);
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
border-bottom: 1px solid var(--color-lines);
gap: 0;
margin: 0;
border-radius: 0 0 8px 8px;
align-items: end;
}
.layout-single-column .server-banner h4 {
color: var(--color-fg);
font-size: 80%;
}
.layout-single-column .server-banner__number {
color: var(--color-content-fg-bold);
}
.layout-single-column .server-banner__number-label {
color: var(--color-content-fg);
}
.layout-single-column .server-banner .account {
background-color: transparent;
box-shadow: none;
padding: 0;
border-left: 0;
border-right: 0;
}
.layout-single-column .server-banner__meta__column:first-child {
width: calc(60% - 5px);
}
.layout-single-column .server-banner__meta__column:nth-child(2) {
width: calc(40% - 5px);
}
.layout-single-column .server-banner .button.button-secondary {
padding: 10px;
margin: 10px 0;
}
.layout-single-column .button.button-secondary,
.layout-single-column .button.button-tertiary {
border: 0;
background-color: var(--color-accent-bg);
color: var(--color-accent);
}
.layout-single-column .button.button-secondary:hover,
.layout-single-column .button.button-tertiary:hover {
background-color: var(--color-content-bg);
color: var(--color-content-fg);
}
.layout-single-column .sign-in-banner .button,
.layout-single-column .button.button-secondary,
.layout-single-column .button.button-tertiary {
padding: 10px 18px;
}
@media screen and (max-width:1174px) {
.layout-single-column .button.button-tertiary {
padding: 7px 18px;
}
}
.layout-single-column .sign-in-banner p {
color: var(--color-fg);
opacity: .5;
}
/* 🤗 Onboarding */
.layout-single-column .scrollable.follow-recommendations-container,
.layout-single-column .column-list {
background-color: var(--color-content-bg);
}
.layout-single-column .column-title .logo {
display: none;
}
.layout-single-column .column-title h3,
.layout-single-column .column-title p {
color: var(--color-content-fg);
}
.layout-single-column .column-list {
border: 0;
}
.layout-single-column .account__note {
color: var(--color-content-fg-muted);
}
.layout-single-column .onboarding__steps__item,
.layout-single-column .onboarding__link {
background-color: var(--color-content-secondary-bg);
transition: all .2s;
}
.layout-single-column .onboarding__steps__item:active,
.layout-single-column .onboarding__steps__item:focus,
.layout-single-column .onboarding__steps__item:hover,
.layout-single-column .onboarding__link:active,
.layout-single-column .onboarding__link:focus,
.layout-single-column .onboarding__link:hover {
background-color: var(--color-accent-bg);
}
.layout-single-column .onboarding__steps__item__icon,
.layout-single-column .onboarding__steps__item__description h6,
.layout-single-column .onboarding__link {
color: var(--color-accent);
}
.layout-single-column .onboarding__steps__item__description p,
.layout-single-column .onboarding__lead,
.layout-single-column .onboarding__lead strong {
color: var(--color-content-fg);
}
.layout-single-column .onboarding__steps__item__go svg path,
.layout-single-column .onboarding__link svg path {
fill: var(--color-accent);
}
.layout-single-column .follow-recommendations {
background-color: var(--color-content-bg);
}
.layout-single-column .follow-recommendations .account {
border-left: 0;
border-right: 0;
margin-bottom: 15px;
}
.layout-single-column .follow-recommendations .account__note {
color: var(--color-content-fg);
opacity: .7;
}
.layout-single-column .follow-recommendations .account__note p {
overflow: hidden;
}
.layout-single-column .copy-paste-text {
background-color: var(--color-accent-bg);
border-color: var(--color-accent-lines);
color: var(--color-content-fg);
}
.layout-single-column .copy-paste-text:focus,
.layout-single-column .copy-paste-text:active,
.layout-single-column .tip-carousel:focus {
border-color: var(--color-accent);
}
.layout-single-column .copy-paste-text:has(textarea:focus) {
border-color: var(--color-accent);
}
/* 📢 Announcements */
.layout-single-column .announcements,
.layout-single-column .announcements::after {
background-color: var(--color-accent-bg);
color: var(--color-content-fg);
}
.layout-single-column .announcements {
margin-top: 10px;
border-radius: 8px;
overflow: visible;
z-index: 0;
box-shadow: 0 -20px var(--color-bg);
border: 1px solid var(--color-accent-lines);
}
.layout-single-column .announcements__item strong {
font-weight: 800;
color: var(--color-content-fg-bold);
}
.layout-single-column .announcements__item__unread {
color: var(--color-accent);
}
.layout-single-column .announcements__pagination,
.layout-single-column .announcements__pagination .icon-button {
color: var(--color-content-fg);
}
.layout-single-column .announcements__mastodon {
border-radius: 0 0 0 8px;
}
.layout-single-column .reactions-bar__item {
background-color: var(--color-content-bg);
}
.layout-single-column .reactions-bar__item.active {
background-color: var(--color-accent);
}
.layout-single-column .reactions-bar__item__count,
.layout-single-column .reactions-bar__item__count .animated-number {
color: var(--color-content-fg);
}
.layout-single-column .reactions-bar__item.active .reactions-bar__item__count .animated-number {
color: var(--color-accent-fg);
}
.layout-single-column .reactions-bar .emoji-button,
.layout-single-column .announcements__item__content a.unhandled-link,
.layout-single-column .announcements__item__content a {
color: var(--color-accent);
}
.layout-single-column .announcements .emoji-button {
margin: 0;
}
@media screen and (max-width:1174px) {
.layout-single-column .announcements {
box-shadow: none;
margin-top: -10px;
border-radius: 0;
}
.layout-single-column .announcements__mastodon {
border-radius: 0;
}
}
/* 404 */
.layout-single-column .empty-column-indicator,
.layout-single-column .error-column {
background-color: var(--color-content-bg);
color: var(--color-content-fg);
}
.layout-single-column .error-column {
border: 1px solid var(--color-lines);
border-radius: 8px !important;
}
.layout-single-column .error-column__message h1,
.layout-single-column .error-column__message {
color: var(--color-content-fg);
}
.layout-single-column .error-column__image {
margin-top: 0;
}
@media screen and (max-width:889px) {
.layout-single-column .error-column {
border-radius: 0 !important;
border-left: 0;
border-right: 0;
}
}
/* 📜 About page
------------- */
.layout-single-column .scrollable.about {
background-color: var(--color-content-bg);
border: 1px solid var(--color-lines);
display: flex;
flex-flow: column;
}
@media screen and (max-width:889px) {
.layout-single-column .scrollable.about {
border-left: 0;
border-right: 0;
}
}
.layout-single-column .about__header {
order: 1;
margin-bottom: 10px;
}
.layout-single-column .about__section:nth-child(3) {
order: 3;
}
.layout-single-column .about__meta {
order: 2;
}
.layout-single-column .about__section:nth-child(4) {
order: 4;
}
.layout-single-column .about__section:nth-child(5) {
order: 5;
}
.layout-single-column .about .link-footer {
order: 6;
}
.layout-single-column .about__footer {
order: 7;
}
.layout-single-column .about__header h1,
.layout-single-column .about__header p,
.layout-single-column #mastodon > div > div > div.columns-area__panels > div.columns-area__panels__main > div.columns-area.columns-area--mobile > div > div > div.about__section.active:nth-of-type(3) > div.about__section__title {
display: none;
}
.layout-single-column .about__header p,
.layout-single-column .about__meta h4 {
color: var(--color-fg);
}
.layout-single-column .about__header__hero {
margin: -20px -20px 20px;
width: calc(100% + 40px);
border-radius: 0;
background-color: var(--color-content-bg);
}
.layout-single-column .about__header__hero,
.layout-single-column .about__meta {
margin-bottom: 10px;
}
.layout-single-column .about__header h1 {
margin-bottom: 0;
}
@media screen and (min-width:890px) {
.layout-single-column .scrollable.about {
border-radius: 8px !important;
}
.layout-single-column .about__header__hero {
border-radius: 8px 8px 0 0;
}
}
.layout-single-column .about__mail {
color: var(--color-content-fg);
}
.layout-single-column .about__meta h4 {
font-size: 12px;
font-weight: bold;
margin-bottom: 8px;
}
.layout-single-column .about__meta .account {
background: none;
box-shadow: none;
padding: 0;
border-left: 0;
border-right: 0;
}
.layout-single-column .about__meta__divider {
border-left: 3px solid var(--color-content-secondary-separator);
}
@media screen and (max-width:600px) {
.layout-single-column .about__meta__divider {
border-top: 3px solid var(--color-content-secondary-separator);
width: 90%;
}
}
.layout-single-column .about__section:nth-child(3) .about__section__body {
padding-bottom: 3em;
}
.layout-single-column .about__meta,
.layout-single-column .about__section__title {
color: var(--color-accent);
background-color: var(--color-content-secondary-bg);
border: 0;
border-radius: 8px;
}
.layout-single-column .about__section.active .about__section__title {
border-radius: 8px 8px 0 0;
}
.layout-single-column .about__section.active:not(:nth-of-type(3)) .about__section__body {
border: 0 !important;
background-color: var(--color-content-secondary-bg);
border-radius: 0 0 8px 8px;
}
.layout-single-column .prose,
.layout-single-column .prose p,
.layout-single-column .prose b,
.layout-single-column .prose h1,
.layout-single-column .prose h2,
.layout-single-column .prose h3,
.layout-single-column .prose h4,
.layout-single-column .prose h5,
.layout-single-column .prose h6,
.layout-single-column .prose strong,
.layout-single-column .rules-list,
.layout-single-column .about__domain-blocks__domain h6,
.layout-single-column .about__domain-blocks__domain__type {
color: var(--color-content-fg);
}
.layout-single-column .prose ul>li:before {
background-color: var(--color-fg);
}
.layout-single-column .about__section__body .prose hr {
border-color: var(--color-content-secondary-separator);
margin-top: 2em;
margin-bottom: 2em;
border-width: 3px;
}
.layout-single-column .about__section__body .prose a,
.layout-single-column .about__section__body .prose a:hover,
.layout-single-column .prose a strong {
color: var(--color-accent);
text-decoration: none;
}
.layout-single-column .about__section__body .prose a:hover {
text-decoration: underline;
}
.layout-single-column .about__section__body .prose small.lang_label {
margin-left: -2em;
margin-top: 1px;
display: block;
color: var(--color-content-fg-muted);
font-weight: bold;
font-size: 80%;
float: left;
}
.about__section.active .about__section__title {
background-color: var(--color-accent-bg);
}
.layout-single-column .rules-list li {
border-bottom: 2px solid var(--color-accent-lines);
padding: 1em 1.75em 1em 3.4em;
}
.layout-single-column .rules-list li:last-child {
border-bottom: 0;
}
.about__domain-blocks {
background-color: var(--color-content-bg);
border: 0;
}
.about__domain-blocks__domain {
color: var(--color-content-fg);
border-bottom: 0;
}
.about__domain-blocks__domain:nth-child(2n) {
background-color: var(--color-content-secondary-bg);
}
/* Privacy Policy page */
.layout-single-column .column > .scrollable.privacy-policy {
border: 1px solid var(--color-lines);
background-color: var(--color-content-bg);
}
/* 👋 Hide superfluous UI */
.layout-single-column div#mastodon > div > div > div:nth-child(2) > div:nth-child(3) > div > div > div:nth-child(3) > hr,
.layout-single-column .navigation-panel__legal > hr,
.layout-single-column .about__footer, /* Hide meta footer */
.layout-single-column .server-banner__introduction, /* Hide generic mastodon server introduction in sidebar */
.layout-single-column .search-banner ~ .search, /* Hide search field for logged out users */
.layout-single-column .getting-started__trends h4, /* Hide Trending header in sidebar */
.layout-single-column .account__header__bio .account__header__fields > dl:first-child /* Hide "Joined" field on profiles */ {
display: none;
}
View Git Blame Copy Permalink