mirror of
https://github.com/nileane/TangerineUI-for-Mastodon
synced 2024-11-30 15:58:07 +09:00
7356 lines
451 KiB
CSS
7356 lines
451 KiB
CSS
/* Tangerine UI for Mastodon 🍊
|
||
|
||
A Tangerine redesign for Mastodon's Web UI.
|
||
https://github.com/nileane/TangerineUI-for-Mastodon/
|
||
|
||
by @nileane@nileane.fr
|
||
*/
|
||
|
||
/* 📄 Meta */
|
||
:root {
|
||
--version: "v2.0.0-pre5~";
|
||
|
||
--variant-name: "Tangerine";
|
||
--variant-emoji: "\1F34A\00A0";
|
||
--variant: var(--variant-emoji) var(--variant-name);
|
||
|
||
--meta: 'Tangerine UI for Mastodon: ' var(--version) ' \00B7 ' var(--variant);
|
||
}
|
||
|
||
/* 🎨 Colors */
|
||
:root {
|
||
color-scheme: light dark;
|
||
|
||
--color-bg: #f5f2ef;
|
||
--gradient-bg: linear-gradient(90deg, var(--color-bg), var(--color-bg));
|
||
--color-fg: #2a2d37;
|
||
--color-fg-muted: #948c84;
|
||
--color-secondary-bg: #f2eae4;
|
||
--color-secondary-separator: #ede3db;
|
||
|
||
--color-content-bg: #ffffff;
|
||
--color-content-fg: #444a5a;
|
||
--color-content-fg-bold: #000000;
|
||
--color-content-fg-muted: #8b92a7;
|
||
--color-content-secondary-bg: #f9f6f4;
|
||
--color-content-secondary-separator: rgba(237, 227, 219, 0.4);
|
||
--color-content-bg-focus: #fffcfa;
|
||
|
||
--color-accent: #f76902;
|
||
--color-accent-focus: #ff9447;
|
||
--color-accent-lines: rgba(247, 105, 2, 0.12);
|
||
--color-accent-bg: #f6e5dd;
|
||
--color-accent-fg: #ffffff;
|
||
|
||
--color-lines: #e1dde4;
|
||
--color-lines-translucent: rgba(0, 0, 0, .15);
|
||
|
||
--color-confirm: #79bd9a;
|
||
--color-confirm-bg: rgba(121, 189, 154, 0.3);
|
||
--color-confirm-fg: #4E8A6B;
|
||
|
||
--color-reject: #df405a;
|
||
--color-reject-bg: rgba(223, 64, 90, 0.3);
|
||
}
|
||
@media (prefers-color-scheme: dark) {
|
||
:root {
|
||
--color-bg: #030303;
|
||
--gradient-bg: linear-gradient(90deg, var(--color-bg), var(--color-bg));
|
||
--color-fg: #e0d6d1;
|
||
--color-fg-muted: #6e635e;
|
||
--color-secondary-bg: #1e1810;
|
||
--color-secondary-separator: #25201c;
|
||
|
||
--color-content-bg: var(--color-bg);
|
||
--color-content-fg: var(--color-fg);
|
||
--color-content-fg-bold: #ffffff;
|
||
--color-content-fg-muted: #737373;
|
||
--color-content-secondary-bg: var(--color-secondary-bg);
|
||
--color-content-secondary-separator: rgba(77, 73, 70, 0.4);
|
||
--color-content-bg-focus: #0e0e0e;
|
||
|
||
--color-accent: #e68933;
|
||
--color-accent-focus: #ffa047;
|
||
--color-accent-lines: rgb(230, 137, 51, 0.3);
|
||
--color-accent-bg: #3c2a1f;
|
||
--color-accent-fg: #ffffff;
|
||
|
||
--color-lines: #343434;
|
||
--color-lines-translucent: rgba(255, 255, 255, .15);
|
||
|
||
--color-confirm-fg: var(--color-confirm);
|
||
}
|
||
}
|
||
: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='%23f76a02'/%3E%3Cstop offset='100%25' stop-color='%23f76a02'/%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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNmZDdkMjA7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTgwLDU2djk2TDMyLDEwNFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMjgsOTZIODhWNTZhOCw4LDAsMCwwLTEzLjY2LTUuNjZsLTQ4LDQ4YTgsOCwwLDAsMCwwLDExLjMybDQ4LDQ4QTgsOCwwLDAsMCw4OCwxNTJWMTEyaDQwYTg4LjEsODguMSwwLDAsMSw4OCw4OCw4LDgsMCwwLDAsMTYsMEExMDQuMTEsMTA0LjExLDAsMCwwLDEyOCw5NlpNNzIsMTMyLjY5LDQzLjMxLDEwNCw3Miw3NS4zMVoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-boost: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NGE1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjcuODUsNDYuODlhMjAsMjAsMCwwLDAtMTguNzQtMTguNzRjLTEzLjEzLS43Ny00Ni42NS40Mi03NC40OCwyOC4yNEwxMzEsNjBINzQuMzZhMTkuODMsMTkuODMsMCwwLDAtMTQuMTQsNS44NkwyNS44NywxMDAuMTlhMjAsMjAsMCwwLDAsMTEuMzUsMzMuOTVsMzcuMTQsNS4xOCw0Mi4zMiw0Mi4zMiw1LjE5LDM3LjE4QTE5Ljg4LDE5Ljg4LDAsMCwwLDEzNS4zNCwyMzVhMjAuMTMsMjAuMTMsMCwwLDAsNi4zNywxLDE5LjksMTkuOSwwLDAsMCwxNC4xLTUuODdsMzQuMzQtMzQuMzVBMTkuODUsMTkuODUsMCwwLDAsMTk2LDE4MS42NFYxMjVsMy42LTMuNTlDMjI3LjQzLDkzLjU0LDIyOC42Miw2MCwyMjcuODUsNDYuODlaTTc2LDg0aDMxTDc1Ljc1LDExNS4yOGwtMjcuMjMtMy44Wk0xNTEuNiw3My4zN0E3Mi4yNyw3Mi4yNywwLDAsMSwyMDQsNTJhNzIuMTcsNzIuMTcsMCwwLDEtMjEuMzgsNTIuNDFMMTI4LDE1OSw5NywxMjhaTTE3MiwxODBsLTI3LjQ5LDI3LjQ5LTMuOC0yNy4yM0wxNzIsMTQ5Wm0tNzEuNjcsMjEuNjJDOTEuNjcsMjEzLjY1LDc0LjE2LDIyOCw0MCwyMjhhMTIsMTIsMCwwLDEtMTItMTJjMC0zNC4xNSwxNC4zNS01MS42NiwyNi4zOS02MC4zM2ExMiwxMiwwLDAsMSwxNCwxOS40N2MtNiw0LjMxLTEyLjg5LDEyLjUtMTUuNDIsMjcuODcsMTUuMzctMi41MywyMy41Ni05LjQ0LDI3Ljg3LTE1LjQyYTEyLDEyLDAsMSwxLDE5LjQ3LDE0WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-boost-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik03MiwxNjBsMjQsMjRzLTgsMzItNTYsMzJDNDAsMTY4LDcyLDE2MCw3MiwxNjBabTY0LTg4SDc0LjM1YTgsOCwwLDAsMC01LjY1LDIuMzRMMzQuMzUsMTA4LjY5YTgsOCwwLDAsMCw0LjUzLDEzLjU3TDgwLDEyOFptLTgsMTA0LDUuNzQsNDEuMTJhOCw4LDAsMCwwLDEzLjU3LDQuNTNsMzQuMzUtMzQuMzVhOCw4LDAsMCwwLDIuMzQtNS42NVYxMjBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTAzLjc3LDE4NS45NEMxMDMuMzgsMTg3LjQ5LDkzLjYzLDIyNCw0MCwyMjRhOCw4LDAsMCwxLTgtOGMwLTUzLjYzLDM2LjUxLTYzLjM4LDM4LjA2LTYzLjc3YTgsOCwwLDAsMSwzLjg4LDE1LjUzYy0uOS4yNS0yMi40Miw2LjU0LTI1LjU2LDM5Ljg2QzgxLjcsMjA0LjQ4LDg4LDE4Myw4OC4yNiwxODJhOCw4LDAsMCwxLDE1LjUxLDRabTkzLTY3LjRMMTkyLDEyMy4zMXY1OC4zM0ExNS45MSwxNS45MSwwLDAsMSwxODcuMzIsMTkzTDE1MywyMjcuM0ExNS45MSwxNS45MSwwLDAsMSwxNDEuNywyMzJhMTYuMTEsMTYuMTEsMCwwLDEtNS4xLS44MywxNS45NCwxNS45NCwwLDAsMS0xMC43OC0xMi45MmwtNS4zNy0zOC40OUw3Ni4yNCwxMzUuNTVsLTM4LjQ3LTUuMzdBMTYsMTYsMCwwLDEsMjguNywxMDNMNjMsNjguNjhBMTUuOTEsMTUuOTEsMCwwLDEsNzQuMzYsNjRoNTguMzNsNC43Ny00Ljc3YzI2LjY4LTI2LjY3LDU4LjgzLTI3LjgyLDcxLjQxLTI3LjA3YTE2LDE2LDAsMCwxLDE1LDE1QzIyNC42LDU5LjcxLDIyMy40NSw5MS44NiwxOTYuNzgsMTE4LjU0Wk00MCwxMTQuMzRsMzcuMTUsNS4xOEwxMTYuNjksODBINzQuMzZaTTkxLjMyLDEyOCwxMjgsMTY0LjY4bDU3LjQ1LTU3LjQ1YTc2LjQ2LDc2LjQ2LDAsMCwwLDIyLjQyLTU5LjE2LDc2LjY0LDc2LjY0LDAsMCwwLTU5LjExLDIyLjQ3Wk0xNzYsMTM5LjMxbC0zOS41MywzOS41M0wxNDEuNjcsMjE2LDE3NiwxODEuNjRaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-boost-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzI1OTRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMDMuNzcsMTg1Ljk0QzEwMy4zOCwxODcuNDksOTMuNjMsMjI0LDQwLDIyNGE4LDgsMCwwLDEtOC04YzAtNTMuNjMsMzYuNTEtNjMuMzgsMzguMDYtNjMuNzdhOCw4LDAsMCwxLDMuODgsMTUuNTNjLS45LjI1LTIyLjQyLDYuNTQtMjUuNTYsMzkuODZDODEuNywyMDQuNDgsODgsMTgzLDg4LjI2LDE4MmE4LDgsMCwwLDEsMTUuNTEsNFptOTMtNjcuNEwxOTIsMTIzLjMxdjU4LjMzQTE1LjkxLDE1LjkxLDAsMCwxLDE4Ny4zMiwxOTNMMTUzLDIyNy4zQTE1LjkxLDE1LjkxLDAsMCwxLDE0MS43LDIzMmExNi4xMSwxNi4xMSwwLDAsMS01LjEtLjgzLDE1Ljk0LDE1Ljk0LDAsMCwxLTEwLjc4LTEyLjkybC01LjM3LTM4LjQ5TDc2LjI0LDEzNS41NWwtMzguNDctNS4zN0ExNiwxNiwwLDAsMSwyOC43LDEwM0w2Myw2OC42OEExNS45MSwxNS45MSwwLDAsMSw3NC4zNiw2NGg1OC4zM2w0Ljc3LTQuNzdjMjYuNjgtMjYuNjcsNTguODItMjcuODIsNzEuNDEtMjcuMDdhMTYsMTYsMCwwLDEsMTUsMTVDMjI0LjYsNTkuNzEsMjIzLjQ1LDkxLjg2LDE5Ni43OCwxMTguNTRaTTExNi42OSw4MEg3NC4zNkw0MCwxMTQuMzRsMzcuMTUsNS4xOFpNMTc2LDEzOS4zMWwtMzkuNTMsMzkuNTNMMTQxLjY3LDIxNiwxNzYsMTgxLjY0WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-boost-accent-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMDMuNzcsMTg1Ljk0QzEwMy4zOCwxODcuNDksOTMuNjMsMjI0LDQwLDIyNGE4LDgsMCwwLDEtOC04YzAtNTMuNjMsMzYuNTEtNjMuMzgsMzguMDYtNjMuNzdhOCw4LDAsMCwxLDMuODgsMTUuNTNjLS45LjI1LTIyLjQyLDYuNTQtMjUuNTYsMzkuODZDODEuNywyMDQuNDgsODgsMTgzLDg4LjI2LDE4MmE4LDgsMCwwLDEsMTUuNTEsNFptOTMtNjcuNEwxOTIsMTIzLjMxdjU4LjMzQTE1LjkxLDE1LjkxLDAsMCwxLDE4Ny4zMiwxOTNMMTUzLDIyNy4zQTE1LjkxLDE1LjkxLDAsMCwxLDE0MS43LDIzMmExNi4xMSwxNi4xMSwwLDAsMS01LjEtLjgzLDE1Ljk0LDE1Ljk0LDAsMCwxLTEwLjc4LTEyLjkybC01LjM3LTM4LjQ5TDc2LjI0LDEzNS41NWwtMzguNDctNS4zN0ExNiwxNiwwLDAsMSwyOC43LDEwM0w2Myw2OC42OEExNS45MSwxNS45MSwwLDAsMSw3NC4zNiw2NGg1OC4zM2w0Ljc3LTQuNzdjMjYuNjgtMjYuNjcsNTguODItMjcuODIsNzEuNDEtMjcuMDdhMTYsMTYsMCwwLDEsMTUsMTVDMjI0LjYsNTkuNzEsMjIzLjQ1LDkxLjg2LDE5Ni43OCwxMTguNTRaTTExNi42OSw4MEg3NC4zNkw0MCwxMTQuMzRsMzcuMTUsNS4xOFpNMTc2LDEzOS4zMWwtMzkuNTMsMzkuNTNMMTQxLjY3LDIxNiwxNzYsMTgxLjY0WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-star: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NGE1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDMsOTYuMDVhMjAsMjAsMCwwLDAtMTcuMjYtMTMuNzJsLTU3LTQuOTMtMjIuMy01My4xNGgwYTIwLDIwLDAsMCwwLTM2LjgyLDBMODcuMjksNzcuNGwtNTcsNC45M0EyMCwyMCwwLDAsMCwxOC44NywxMTcuNGw0My4zMiwzNy44LTEzLDU2LjI0QTIwLDIwLDAsMCwwLDc5LDIzMy4xbDQ5LTI5Ljc2LDQ5LDI5Ljc2YTIwLDIwLDAsMCwwLDI5LjgtMjEuNjZsLTEzLTU2LjI0LDQzLjMyLTM3LjhBMjAsMjAsMCwwLDAsMjQzLDk2LjA1Wm0tNjYuNzUsNDIuNjJhMjAsMjAsMCwwLDAtNi4zNSwxOS42M2wxMS4zOSw0OS4zMi00Mi45NC0yNi4wOGExOS45LDE5LjksMCwwLDAtMjAuNywwTDc0LjcxLDIwNy42Miw4Ni4xLDE1OC4zYTIwLDIwLDAsMCwwLTYuMzUtMTkuNjNMNDEuNjYsMTA1LjQ0LDkxLjgsMTAxLjFhMTkuOTIsMTkuOTIsMCwwLDAsMTYuNjktMTIuMTlMMTI4LDQyLjQybDE5LjUxLDQ2LjQ5QTE5LjkyLDE5LjkyLDAsMCwwLDE2NC4yLDEwMS4xbDUwLjE0LDQuMzRaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-star-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-star-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmYmYwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzQuNSwxMTQuMzhsLTQ1LjEsMzkuMzYsMTMuNTEsNTguNmExNiwxNiwwLDAsMS0yMy44NCwxNy4zNGwtNTEuMTEtMzEtNTEsMzFhMTYsMTYsMCwwLDEtMjMuODQtMTcuMzRMNjYuNjEsMTUzLjgsMjEuNSwxMTQuMzhhMTYsMTYsMCwwLDEsOS4xMS0yOC4wNmw1OS40Ni01LjE1LDIzLjIxLTU1LjM2YTE1Ljk1LDE1Ljk1LDAsMCwxLDI5LjQ0LDBoMEwxNjYsODEuMTdsNTkuNDQsNS4xNWExNiwxNiwwLDAsMSw5LjExLDI4LjA2WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-bookmark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQsMjhINzJBMjAsMjAsMCwwLDAsNTIsNDhWMjI0YTEyLDEyLDAsMCwwLDE4LjM2LDEwLjE4bDU3LjYzLTM2LDU3LjY1LDM2QTEyLDEyLDAsMCwwLDIwNCwyMjRWNDhBMjAsMjAsMCwwLDAsMTg0LDI4Wm0tNCwyNFYxNTQuMzVsLTQ1LjY1LTI4LjUzYTEyLDEyLDAsMCwwLTEyLjcyLDBMNzYsMTU0LjM1VjUyWk0xMzQuMzUsMTczLjgyYTEyLDEyLDAsMCwwLTEyLjcyLDBMNzYsMjAyLjM1di0xOS43bDUyLTMyLjUsNTIsMzIuNXYxOS43WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-bookmark-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTc2djQ4bC02NC00MEw2NCwyMjRWMTc2bDY0LTQwWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE4NCwzMkg3MkExNiwxNiwwLDAsMCw1Niw0OFYyMjRhOCw4LDAsMCwwLDEyLjI0LDYuNzhMMTI4LDE5My40M2w1OS43NywzNy4zNUE4LDgsMCwwLDAsMjAwLDIyNFY0OEExNiwxNiwwLDAsMCwxODQsMzJabTAsMTZWMTYxLjU3bC01MS43Ny0zMi4zNWE4LDgsMCwwLDAtOC40OCwwTDcyLDE2MS41NlY0OFpNMTMyLjIzLDE3Ny4yMmE4LDgsMCwwLDAtOC40OCwwTDcyLDIwOS41N1YxODAuNDNsNTYtMzUsNTYsMzV2MjkuMTRaIj48L3BhdGg+PC9zdmc+");
|
||
--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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTg0SDEzNmw0MC04MFpNODgsMTI3LjU2aDBBOTUuNzgsOTUuNzgsMCwwLDAsMTIwLDU2SDU2QTk1Ljc4LDk1Ljc4LDAsMCwwLDg4LDEyNy41NloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMzkuMTUsMjEyLjQybC01Ni0xMTJhOCw4LDAsMCwwLTE0LjMxLDBsLTIxLjcxLDQzLjQzQTg4LDg4LDAsMCwxLDEwMCwxMjYuOTMsMTAzLjY1LDEwMy42NSwwLDAsMCwxMjcuNjksNjRIMTUyYTgsOCwwLDAsMCwwLTE2SDk2VjMyYTgsOCwwLDAsMC0xNiwwVjQ4SDI0YTgsOCwwLDAsMCwwLDE2aDg3LjYzQTg3LjcsODcuNywwLDAsMSw4OCwxMTYuMzVhODcuNzQsODcuNzQsMCwwLDEtMTktMzEsOCw4LDAsMSwwLTE1LjA4LDUuMzRBMTAzLjYzLDEwMy42MywwLDAsMCw3NiwxMjdhODcuNTUsODcuNTUsMCwwLDEtNTIsMTcsOCw4LDAsMCwwLDAsMTYsMTAzLjQ2LDEwMy40NiwwLDAsMCw2NC0yMi4wOCwxMDQuMTgsMTA0LjE4LDAsMCwwLDUxLjQ0LDIxLjMxbC0yNi42LDUzLjE5YTgsOCwwLDAsMCwxNC4zMSw3LjE2TDE0MC45NCwxOTJoNzAuMTFsMTMuNzksMjcuNThBOCw4LDAsMCwwLDIzMiwyMjRhOCw4LDAsMCwwLDcuMTUtMTEuNThaTTE0OC45NCwxNzYsMTc2LDEyMS44OSwyMDMuMDUsMTc2WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-translate-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTg0SDEzNmw0MC04MFpNODgsMTI3LjU2aDBBOTUuNzgsOTUuNzgsMCwwLDAsMTIwLDU2SDU2QTk1Ljc4LDk1Ljc4LDAsMCwwLDg4LDEyNy41NloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMzkuMTUsMjEyLjQybC01Ni0xMTJhOCw4LDAsMCwwLTE0LjMxLDBsLTIxLjcxLDQzLjQzQTg4LDg4LDAsMCwxLDEwMCwxMjYuOTMsMTAzLjY1LDEwMy42NSwwLDAsMCwxMjcuNjksNjRIMTUyYTgsOCwwLDAsMCwwLTE2SDk2VjMyYTgsOCwwLDAsMC0xNiwwVjQ4SDI0YTgsOCwwLDAsMCwwLDE2aDg3LjYzQTg3LjcsODcuNywwLDAsMSw4OCwxMTYuMzVhODcuNzQsODcuNzQsMCwwLDEtMTktMzEsOCw4LDAsMSwwLTE1LjA4LDUuMzRBMTAzLjYzLDEwMy42MywwLDAsMCw3NiwxMjdhODcuNTUsODcuNTUsMCwwLDEtNTIsMTcsOCw4LDAsMCwwLDAsMTYsMTAzLjQ2LDEwMy40NiwwLDAsMCw2NC0yMi4wOCwxMDQuMTgsMTA0LjE4LDAsMCwwLDUxLjQ0LDIxLjMxbC0yNi42LDUzLjE5YTgsOCwwLDAsMCwxNC4zMSw3LjE2TDE0MC45NCwxOTJoNzAuMTFsMTMuNzksMjcuNThBOCw4LDAsMCwwLDIzMiwyMjRhOCw4LDAsMCwwLDcuMTUtMTEuNThaTTE0OC45NCwxNzYsMTc2LDEyMS44OSwyMDMuMDUsMTc2WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-ellipsis: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTIsMTI4YTI0LDI0LDAsMSwxLTI0LTI0QTI0LDI0LDAsMCwxLDE1MiwxMjhaTTQ4LDEwNGEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCw0OCwxMDRabTE2MCwwYTI0LDI0LDAsMSwwLDI0LDI0QTI0LDI0LDAsMCwwLDIwOCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDEyOCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSwxMjgsMTQ0Wk00OCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCw0OCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSw0OCwxNDRaTTIwOCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCwyMDgsOTZabTAsNDhhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMjA4LDE0NFoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-ellipsis-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTIsMTI4YTI0LDI0LDAsMSwxLTI0LTI0QTI0LDI0LDAsMCwxLDE1MiwxMjhaTTQ4LDEwNGEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCw0OCwxMDRabTE2MCwwYTI0LDI0LDAsMSwwLDI0LDI0QTI0LDI0LDAsMCwwLDIwOCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDEyOCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSwxMjgsMTQ0Wk00OCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCw0OCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSw0OCwxNDRaTTIwOCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCwyMDgsOTZabTAsNDhhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMjA4LDE0NFoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-ellipsis-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTIsMTI4YTI0LDI0LDAsMSwxLTI0LTI0QTI0LDI0LDAsMCwxLDE1MiwxMjhaTTQ4LDEwNGEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCw0OCwxMDRabTE2MCwwYTI0LDI0LDAsMSwwLDI0LDI0QTI0LDI0LDAsMCwwLDIwOCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDEyOCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSwxMjgsMTQ0Wk00OCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCw0OCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSw0OCwxNDRaTTIwOCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCwyMDgsOTZabTAsNDhhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMjA4LDE0NFoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-poll: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsOTJIMTgwVjU2YTEyLDEyLDAsMCwwLTEyLTEySDUyVjQwYTEyLDEyLDAsMCwwLTI0LDBWMjE2YTEyLDEyLDAsMCwwLDI0LDB2LTRoODRhMTIsMTIsMCwwLDAsMTItMTJWMTY0aDY4YTEyLDEyLDAsMCwwLDEyLTEyVjEwNEExMiwxMiwwLDAsMCwyMTYsOTJaTTE1Niw2OFY5Mkg1MlY2OFpNMTI0LDE4OEg1MlYxNjRoNzJabTgwLTQ4SDUyVjExNkgyMDRaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-poll-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTA0djQ4SDQwVjEwNFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTYsOTZIMTc2VjU2YTgsOCwwLDAsMC04LThINDhWNDBhOCw4LDAsMCwwLTE2LDBWMjE2YTgsOCwwLDAsMCwxNiwwdi04aDg4YTgsOCwwLDAsMCw4LThWMTYwaDcyYTgsOCwwLDAsMCw4LThWMTA0QTgsOCwwLDAsMCwyMTYsOTZaTTE2MCw2NFY5Nkg0OFY2NFpNMTI4LDE5Mkg0OFYxNjBoODBabTgwLTQ4SDQ4VjExMkgyMDhaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-poll-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTA0djQ4SDQwVjEwNFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTYsOTZIMTc2VjU2YTgsOCwwLDAsMC04LThINDhWNDBhOCw4LDAsMCwwLTE2LDBWMjE2YTgsOCwwLDAsMCwxNiwwdi04aDg4YTgsOCwwLDAsMCw4LThWMTYwaDcyYTgsOCwwLDAsMCw4LThWMTA0QTgsOCwwLDAsMCwyMTYsOTZaTTE2MCw2NFY5Nkg0OFY2NFpNMTI4LDE5Mkg0OFYxNjBoODBabTgwLTQ4SDQ4VjExMkgyMDhaIj48L3BhdGg+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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4QTk2LDk2LDAsMCwxLDc5LjkzLDIxMS4xMWgwTDQyLjU0LDIyMy41OGE4LDgsMCwwLDEtMTAuMTItMTAuMTJsMTIuNDctMzcuMzloMEE5Niw5NiwwLDEsMSwyMjQsMTI4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTEyOCwyNEExMDQsMTA0LDAsMCwwLDM2LjE4LDE3Ni44OEwyNC44MywyMTAuOTNhMTYsMTYsMCwwLDAsMjAuMjQsMjAuMjRsMzQuMDUtMTEuMzVBMTA0LDEwNCwwLDEsMCwxMjgsMjRabTAsMTkyYTg3Ljg3LDg3Ljg3LDAsMCwxLTQ0LjA2LTExLjgxLDgsOCwwLDAsMC00LTEuMDgsNy44NSw3Ljg1LDAsMCwwLTIuNTMuNDJMNDAsMjE2LDUyLjQ3LDE3OC42YTgsOCwwLDAsMC0uNjYtNi41NEE4OCw4OCwwLDEsMSwxMjgsMjE2Wm0xMi04OGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNDAsMTI4Wm0tNDQsMGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSw5NiwxMjhabTg4LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTg0LDEyOFoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-users: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMzYsMTA4QTUyLDUyLDAsMSwxLDg0LDU2LDUyLDUyLDAsMCwxLDEzNiwxMDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTE3LjI1LDE1Ny45MmE2MCw2MCwwLDEsMC02Ni41LDBBOTUuODMsOTUuODMsMCwwLDAsMy41MywxOTUuNjNhOCw4LDAsMSwwLDEzLjQsOC43NCw4MCw4MCwwLDAsMSwxMzQuMTQsMCw4LDgsMCwwLDAsMTMuNC04Ljc0QTk1LjgzLDk1LjgzLDAsMCwwLDExNy4yNSwxNTcuOTJaTTQwLDEwOGE0NCw0NCwwLDEsMSw0NCw0NEE0NC4wNSw0NC4wNSwwLDAsMSw0MCwxMDhabTIxMC4xNCw5OC43YTgsOCwwLDAsMS0xMS4wNy0yLjMzQTc5LjgzLDc5LjgzLDAsMCwwLDE3MiwxNjhhOCw4LDAsMCwxLDAtMTYsNDQsNDQsMCwxLDAtMTYuMzQtODQuODcsOCw4LDAsMSwxLTUuOTQtMTQuODUsNjAsNjAsMCwwLDEsNTUuNTMsMTA1LjY0LDk1LjgzLDk1LjgzLDAsMCwxLDQ3LjIyLDM3LjcxQTgsOCwwLDAsMSwyNTAuMTQsMjA2LjdaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-users-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMzYsMTA4QTUyLDUyLDAsMSwxLDg0LDU2LDUyLDUyLDAsMCwxLDEzNiwxMDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTE3LjI1LDE1Ny45MmE2MCw2MCwwLDEsMC02Ni41LDBBOTUuODMsOTUuODMsMCwwLDAsMy41MywxOTUuNjNhOCw4LDAsMSwwLDEzLjQsOC43NCw4MCw4MCwwLDAsMSwxMzQuMTQsMCw4LDgsMCwwLDAsMTMuNC04Ljc0QTk1LjgzLDk1LjgzLDAsMCwwLDExNy4yNSwxNTcuOTJaTTQwLDEwOGE0NCw0NCwwLDEsMSw0NCw0NEE0NC4wNSw0NC4wNSwwLDAsMSw0MCwxMDhabTIxMC4xNCw5OC43YTgsOCwwLDAsMS0xMS4wNy0yLjMzQTc5LjgzLDc5LjgzLDAsMCwwLDE3MiwxNjhhOCw4LDAsMCwxLDAtMTYsNDQsNDQsMCwxLDAtMTYuMzQtODQuODcsOCw4LDAsMSwxLTUuOTQtMTQuODUsNjAsNjAsMCwwLDEsNTUuNTMsMTA1LjY0LDk1LjgzLDk1LjgzLDAsMCwxLDQ3LjIyLDM3LjcxQTgsOCwwLDAsMSwyNTAuMTQsMjA2LjdaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-user-plus: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNTYsMTM2YTEyLDEyLDAsMCwxLTEyLDEyaC04djhhMTIsMTIsMCwwLDEtMjQsMHYtOGgtOGExMiwxMiwwLDAsMSwwLTI0aDh2LThhMTIsMTIsMCwwLDEsMjQsMHY4aDhBMTIsMTIsMCwwLDEsMjU2LDEzNlptLTU0LjgxLDU2LjI4YTEyLDEyLDAsMSwxLTE4LjM4LDE1LjQ0QzE2OS4xMiwxOTEuNDIsMTQ1LDE3MiwxMDgsMTcyYy0yOC44OSwwLTU1LjQ2LDEyLjY4LTc0LjgxLDM1LjcyYTEyLDEyLDAsMCwxLTE4LjM4LTE1LjQ0QTEyNC4wOCwxMjQuMDgsMCwwLDEsNjMuNSwxNTYuNTNhNzIsNzIsMCwxLDEsODksMEExMjQsMTI0LDAsMCwxLDIwMS4xOSwxOTIuMjhaTTEwOCwxNDhhNDgsNDgsMCwxLDAtNDgtNDhBNDguMDUsNDguMDUsMCwwLDAsMTA4LDE0OFoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-user-plus-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNjOWM1YmU7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTE2OCwxMDBhNjAsNjAsMCwxLDEtNjAtNjBBNjAsNjAsMCwwLDEsMTY4LDEwMFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yNTYsMTM2YTgsOCwwLDAsMS04LDhIMjMydjE2YTgsOCwwLDAsMS0xNiwwVjE0NEgyMDBhOCw4LDAsMCwxLDAtMTZoMTZWMTEyYTgsOCwwLDAsMSwxNiwwdjE2aDE2QTgsOCwwLDAsMSwyNTYsMTM2Wm0tNTcuODcsNTguODVhOCw4LDAsMCwxLTEyLjI2LDEwLjNDMTY1Ljc1LDE4MS4xOSwxMzguMDksMTY4LDEwOCwxNjhzLTU3Ljc1LDEzLjE5LTc3Ljg3LDM3LjE1YTgsOCwwLDAsMS0xMi4yNS0xMC4zYzE0Ljk0LTE3Ljc4LDMzLjUyLTMwLjQxLDU0LjE3LTM3LjE3YTY4LDY4LDAsMSwxLDcxLjksMEMxNjQuNiwxNjQuNDQsMTgzLjE4LDE3Ny4wNywxOTguMTMsMTk0Ljg1Wk0xMDgsMTUyYTUyLDUyLDAsMSwwLTUyLTUyQTUyLjA2LDUyLjA2LDAsMCwwLDEwOCwxNTJaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-user-plus-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsMTAwYTYwLDYwLDAsMSwxLTYwLTYwQTYwLDYwLDAsMCwxLDE2OCwxMDBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjU2LDEzNmE4LDgsMCwwLDEtOCw4SDIzMnYxNmE4LDgsMCwwLDEtMTYsMFYxNDRIMjAwYTgsOCwwLDAsMSwwLTE2aDE2VjExMmE4LDgsMCwwLDEsMTYsMHYxNmgxNkE4LDgsMCwwLDEsMjU2LDEzNlptLTU3Ljg3LDU4Ljg1YTgsOCwwLDAsMS0xMi4yNiwxMC4zQzE2NS43NSwxODEuMTksMTM4LjA5LDE2OCwxMDgsMTY4cy01Ny43NSwxMy4xOS03Ny44NywzNy4xNWE4LDgsMCwwLDEtMTIuMjUtMTAuM2MxNC45NC0xNy43OCwzMy41Mi0zMC40MSw1NC4xNy0zNy4xN2E2OCw2OCwwLDEsMSw3MS45LDBDMTY0LjYsMTY0LjQ0LDE4My4xOCwxNzcuMDcsMTk4LjEzLDE5NC44NVpNMTA4LDE1MmE1Miw1MiwwLDEsMC01Mi01MkE1Mi4wNiw1Mi4wNiwwLDAsMCwxMDgsMTUyWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
|
||
/* Navigation icons */
|
||
--icon-home: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTE1LjU0VjIwOGE4LDgsMCwwLDEtOCw4SDE2MGE4LDgsMCwwLDEtOC04VjE2MGE4LDgsMCwwLDAtOC04SDExMmE4LDgsMCwwLDAtOCw4djQ4YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLTgtOFYxMTUuNTRhOCw4LDAsMCwxLDIuNjItNS45Mmw4MC03NS41NGE4LDgsMCwwLDEsMTAuNzcsMGw4MCw3NS41NEE4LDgsMCwwLDEsMjE2LDExNS41NFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTguODMsMTAzLjc3bC04MC03NS40OGExLjE0LDEuMTQsMCwwLDEtLjExLS4xMSwxNiwxNiwwLDAsMC0yMS41MywwbC0uMTEuMTFMMzcuMTcsMTAzLjc3QTE2LDE2LDAsMCwwLDMyLDExNS41NVYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIOTZhMTYsMTYsMCwwLDAsMTYtMTZWMTYwaDMydjQ4YTE2LDE2LDAsMCwwLDE2LDE2aDQ4YTE2LDE2LDAsMCwwLDE2LTE2VjExNS41NUExNiwxNiwwLDAsMCwyMTguODMsMTAzLjc3Wk0yMDgsMjA4SDE2MFYxNjBhMTYsMTYsMCwwLDAtMTYtMTZIMTEyYTE2LDE2LDAsMCwwLTE2LDE2djQ4SDQ4VjExNS41NWwuMTEtLjFMMTI4LDQwbDc5LjksNzUuNDMuMTEuMVoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-home-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTE1LjU1VjIwOGExNiwxNiwwLDAsMS0xNiwxNkgxNjhhMTYsMTYsMCwwLDEtMTYtMTZWMTY4YTgsOCwwLDAsMC04LThIMTEyYTgsOCwwLDAsMC04LDh2NDBhMTYsMTYsMCwwLDEtMTYsMTZINDhhMTYsMTYsMCwwLDEtMTYtMTZWMTE1LjU1YTE2LDE2LDAsMCwxLDUuMTctMTEuNzhsODAtNzUuNDguMTEtLjExYTE2LDE2LDAsMCwxLDIxLjUzLDAsMS4xNCwxLjE0LDAsMCwwLC4xMS4xMWw4MCw3NS40OEExNiwxNiwwLDAsMSwyMjQsMTE1LjU1WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-home-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTE1LjU0VjIwOGE4LDgsMCwwLDEtOCw4SDE2MGE4LDgsMCwwLDEtOC04VjE2MGE4LDgsMCwwLDAtOC04SDExMmE4LDgsMCwwLDAtOCw4djQ4YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLTgtOFYxMTUuNTRhOCw4LDAsMCwxLDIuNjItNS45Mmw4MC03NS41NGE4LDgsMCwwLDEsMTAuNzcsMGw4MCw3NS41NEE4LDgsMCwwLDEsMjE2LDExNS41NFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTguODMsMTAzLjc3bC04MC03NS40OGExLjE0LDEuMTQsMCwwLDEtLjExLS4xMSwxNiwxNiwwLDAsMC0yMS41MywwbC0uMTEuMTFMMzcuMTcsMTAzLjc3QTE2LDE2LDAsMCwwLDMyLDExNS41NVYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIOTZhMTYsMTYsMCwwLDAsMTYtMTZWMTYwaDMydjQ4YTE2LDE2LDAsMCwwLDE2LDE2aDQ4YTE2LDE2LDAsMCwwLDE2LTE2VjExNS41NUExNiwxNiwwLDAsMCwyMTguODMsMTAzLjc3Wk0yMDgsMjA4SDE2MFYxNjBhMTYsMTYsMCwwLDAtMTYtMTZIMTEyYTE2LDE2LDAsMCwwLTE2LDE2djQ4SDQ4VjExNS41NWwuMTEtLjFMMTI4LDQwbDc5LjksNzUuNDMuMTEuMVoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-home-accent-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTE1LjU1VjIwOGExNiwxNiwwLDAsMS0xNiwxNkgxNjhhMTYsMTYsMCwwLDEtMTYtMTZWMTY4YTgsOCwwLDAsMC04LThIMTEyYTgsOCwwLDAsMC04LDh2NDBhMTYsMTYsMCwwLDEtMTYsMTZINDhhMTYsMTYsMCwwLDEtMTYtMTZWMTE1LjU1YTE2LDE2LDAsMCwxLDUuMTctMTEuNzhsODAtNzUuNDguMTEtLjExYTE2LDE2LDAsMCwxLDIxLjUzLDAsMS4xNCwxLjE0LDAsMCwwLC4xMS4xMWw4MCw3NS40OEExNiwxNiwwLDAsMSwyMjQsMTE1LjU1WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
|
||
--icon-bell: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsMTkySDQ4YTgsOCwwLDAsMS02Ljg4LTEyQzQ3LjcxLDE2OC42LDU2LDEzOS44MSw1NiwxMDRhNzIsNzIsMCwwLDEsMTQ0LDBjMCwzNS44Miw4LjMsNjQuNiwxNC45LDc2QTgsOCwwLDAsMSwyMDgsMTkyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyMS44LDE3NS45NEMyMTYuMjUsMTY2LjM4LDIwOCwxMzkuMzMsMjA4LDEwNGE4MCw4MCwwLDEsMC0xNjAsMGMwLDM1LjM0LTguMjYsNjIuMzgtMTMuODEsNzEuOTRBMTYsMTYsMCwwLDAsNDgsMjAwSDg4LjgxYTQwLDQwLDAsMCwwLDc4LjM4LDBIMjA4YTE2LDE2LDAsMCwwLDEzLjgtMjQuMDZaTTEyOCwyMTZhMjQsMjQsMCwwLDEtMjIuNjItMTZoNDUuMjRBMjQsMjQsMCwwLDEsMTI4LDIxNlpNNDgsMTg0YzcuNy0xMy4yNCwxNi00My45MiwxNi04MGE2NCw2NCwwLDEsMSwxMjgsMGMwLDM2LjA1LDguMjgsNjYuNzMsMTYsODBaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-bell-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjEuOCwxNzUuOTRDMjE2LjI1LDE2Ni4zOCwyMDgsMTM5LjMzLDIwOCwxMDRhODAsODAsMCwxLDAtMTYwLDBjMCwzNS4zNC04LjI2LDYyLjM4LTEzLjgxLDcxLjk0QTE2LDE2LDAsMCwwLDQ4LDIwMEg4OC44MWE0MCw0MCwwLDAsMCw3OC4zOCwwSDIwOGExNiwxNiwwLDAsMCwxMy44LTI0LjA2Wk0xMjgsMjE2YTI0LDI0LDAsMCwxLTIyLjYyLTE2aDQ1LjI0QTI0LDI0LDAsMCwxLDEyOCwyMTZaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-bell-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsMTkySDQ4YTgsOCwwLDAsMS02Ljg4LTEyQzQ3LjcxLDE2OC42LDU2LDEzOS44MSw1NiwxMDRhNzIsNzIsMCwwLDEsMTQ0LDBjMCwzNS44Miw4LjMsNjQuNiwxNC45LDc2QTgsOCwwLDAsMSwyMDgsMTkyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyMS44LDE3NS45NEMyMTYuMjUsMTY2LjM4LDIwOCwxMzkuMzMsMjA4LDEwNGE4MCw4MCwwLDEsMC0xNjAsMGMwLDM1LjM0LTguMjYsNjIuMzgtMTMuODEsNzEuOTRBMTYsMTYsMCwwLDAsNDgsMjAwSDg4LjgxYTQwLDQwLDAsMCwwLDc4LjM4LDBIMjA4YTE2LDE2LDAsMCwwLDEzLjgtMjQuMDZaTTEyOCwyMTZhMjQsMjQsMCwwLDEtMjIuNjItMTZoNDUuMjRBMjQsMjQsMCwwLDEsMTI4LDIxNlpNNDgsMTg0YzcuNy0xMy4yNCwxNi00My45MiwxNi04MGE2NCw2NCwwLDEsMSwxMjgsMGMwLDM2LjA1LDguMjgsNjYuNzMsMTYsODBaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-bell-accent-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjEuOCwxNzUuOTRDMjE2LjI1LDE2Ni4zOCwyMDgsMTM5LjMzLDIwOCwxMDRhODAsODAsMCwxLDAtMTYwLDBjMCwzNS4zNC04LjI2LDYyLjM4LTEzLjgxLDcxLjk0QTE2LDE2LDAsMCwwLDQ4LDIwMEg4OC44MWE0MCw0MCwwLDAsMCw3OC4zOCwwSDIwOGExNiwxNiwwLDAsMCwxMy44LTI0LjA2Wk0xMjgsMjE2YTI0LDI0LDAsMCwxLTIyLjYyLTE2aDQ1LjI0QTI0LDI0LDAsMCwxLDEyOCwyMTZaIj48L3BhdGg+PC9zdmc+");
|
||
|
||
--icon-explore: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMDQsMTY4YTQwLDQwLDAsMSwxLTQwLTQwQTQwLDQwLDAsMCwxLDEwNCwxNjhabTg4LTQwYTQwLDQwLDAsMSwwLDQwLDQwQTQwLDQwLDAsMCwwLDE5MiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM3LjIsMTUxLjg3djBhNDcuMSw0Ny4xLDAsMCwwLTIuMzUtNS40NUwxOTMuMjYsNTEuOGE3LjgyLDcuODIsMCwwLDAtMS42Ni0yLjQ0LDMyLDMyLDAsMCwwLTQ1LjI2LDBBOCw4LDAsMCwwLDE0NCw1NVY4MEgxMTJWNTVhOCw4LDAsMCwwLTIuMzQtNS42NiwzMiwzMiwwLDAsMC00NS4yNiwwLDcuODIsNy44MiwwLDAsMC0xLjY2LDIuNDRMMjEuMTUsMTQ2LjRhNDcuMSw0Ny4xLDAsMCwwLTIuMzUsNS40NXYwQTQ4LDQ4LDAsMSwwLDExMiwxNjhWOTZoMzJ2NzJhNDgsNDgsMCwxLDAsOTMuMi0xNi4xM1pNNzYuNzEsNTkuNzVhMTYsMTYsMCwwLDEsMTkuMjktMXY3My41MWE0Ny45LDQ3LjksMCwwLDAtNDYuNzktOS45MlpNNjQsMjAwYTMyLDMyLDAsMSwxLDMyLTMyQTMyLDMyLDAsMCwxLDY0LDIwMFpNMTYwLDU4Ljc0YTE2LDE2LDAsMCwxLDE5LjI5LDFsMjcuNSw2Mi41OEE0Ny45LDQ3LjksMCwwLDAsMTYwLDEzMi4yNVpNMTkyLDIwMGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxOTIsMjAwWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-explore-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzcuMjIsMTUxLjlsMC0uMWExLjQyLDEuNDIsMCwwLDAtLjA3LS4yMiw0OC40Niw0OC40NiwwLDAsMC0yLjMxLTUuM0wxOTMuMjcsNTEuOGE4LDgsMCwwLDAtMS42Ny0yLjQ0LDMyLDMyLDAsMCwwLTQ1LjI2LDBBOCw4LDAsMCwwLDE0NCw1NVY4MEgxMTJWNTVhOCw4LDAsMCwwLTIuMzQtNS42NiwzMiwzMiwwLDAsMC00NS4yNiwwLDgsOCwwLDAsMC0xLjY3LDIuNDRMMjEuMiwxNDYuMjhhNDguNDYsNDguNDYsMCwwLDAtMi4zMSw1LjMsMS43MiwxLjcyLDAsMCwwLS4wNy4yMXMwLC4wOCwwLC4xMWE0OCw0OCwwLDAsMCw5MC4zMiwzMi41MSw0Ny40OSw0Ny40OSwwLDAsMCwyLjktMTYuNTlWOTZoMzJ2NzEuODNhNDcuNDksNDcuNDksMCwwLDAsMi45LDE2LjU5LDQ4LDQ4LDAsMCwwLDkwLjMyLTMyLjUxWm0tMTQzLjE1LDI3YTMyLDMyLDAsMCwxLTYwLjItMjEuNzFsMS44MS00LjEzQTMyLDMyLDAsMCwxLDk2LDE2Ny44OFYxNjhoMEEzMiwzMiwwLDAsMSw5NC4wNywxNzguOTRaTTIwMywxOTguMDdBMzIsMzIsMCwwLDEsMTYwLDE2OGgwdi0uMTFhMzIsMzIsMCwwLDEsNjAuMzItMTQuNzhsMS44MSw0LjEzQTMyLDMyLDAsMCwxLDIwMywxOTguMDdaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-explore-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMDQsMTY4YTQwLDQwLDAsMSwxLTQwLTQwQTQwLDQwLDAsMCwxLDEwNCwxNjhabTg4LTQwYTQwLDQwLDAsMSwwLDQwLDQwQTQwLDQwLDAsMCwwLDE5MiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM3LjIsMTUxLjg3djBhNDcuMSw0Ny4xLDAsMCwwLTIuMzUtNS40NUwxOTMuMjYsNTEuOGE3LjgyLDcuODIsMCwwLDAtMS42Ni0yLjQ0LDMyLDMyLDAsMCwwLTQ1LjI2LDBBOCw4LDAsMCwwLDE0NCw1NVY4MEgxMTJWNTVhOCw4LDAsMCwwLTIuMzQtNS42NiwzMiwzMiwwLDAsMC00NS4yNiwwLDcuODIsNy44MiwwLDAsMC0xLjY2LDIuNDRMMjEuMTUsMTQ2LjRhNDcuMSw0Ny4xLDAsMCwwLTIuMzUsNS40NXYwQTQ4LDQ4LDAsMSwwLDExMiwxNjhWOTZoMzJ2NzJhNDgsNDgsMCwxLDAsOTMuMi0xNi4xM1pNNzYuNzEsNTkuNzVhMTYsMTYsMCwwLDEsMTkuMjktMXY3My41MWE0Ny45LDQ3LjksMCwwLDAtNDYuNzktOS45MlpNNjQsMjAwYTMyLDMyLDAsMSwxLDMyLTMyQTMyLDMyLDAsMCwxLDY0LDIwMFpNMTYwLDU4Ljc0YTE2LDE2LDAsMCwxLDE5LjI5LDFsMjcuNSw2Mi41OEE0Ny45LDQ3LjksMCwwLDAsMTYwLDEzMi4yNVpNMTkyLDIwMGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxOTIsMjAwWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-explore-accent-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzcuMjIsMTUxLjlsMC0uMWExLjQyLDEuNDIsMCwwLDAtLjA3LS4yMiw0OC40Niw0OC40NiwwLDAsMC0yLjMxLTUuM0wxOTMuMjcsNTEuOGE4LDgsMCwwLDAtMS42Ny0yLjQ0LDMyLDMyLDAsMCwwLTQ1LjI2LDBBOCw4LDAsMCwwLDE0NCw1NVY4MEgxMTJWNTVhOCw4LDAsMCwwLTIuMzQtNS42NiwzMiwzMiwwLDAsMC00NS4yNiwwLDgsOCwwLDAsMC0xLjY3LDIuNDRMMjEuMiwxNDYuMjhhNDguNDYsNDguNDYsMCwwLDAtMi4zMSw1LjMsMS43MiwxLjcyLDAsMCwwLS4wNy4yMXMwLC4wOCwwLC4xMWE0OCw0OCwwLDAsMCw5MC4zMiwzMi41MSw0Ny40OSw0Ny40OSwwLDAsMCwyLjktMTYuNTlWOTZoMzJ2NzEuODNhNDcuNDksNDcuNDksMCwwLDAsMi45LDE2LjU5LDQ4LDQ4LDAsMCwwLDkwLjMyLTMyLjUxWm0tMTQzLjE1LDI3YTMyLDMyLDAsMCwxLTYwLjItMjEuNzFsMS44MS00LjEzQTMyLDMyLDAsMCwxLDk2LDE2Ny44OFYxNjhoMEEzMiwzMiwwLDAsMSw5NC4wNywxNzguOTRaTTIwMywxOTguMDdBMzIsMzIsMCwwLDEsMTYwLDE2OGgwdi0uMTFhMzIsMzIsMCwwLDEsNjAuMzItMTQuNzhsMS44MSw0LjEzQTMyLDMyLDAsMCwxLDIwMywxOTguMDdaIj48L3BhdGg+PC9zdmc+");
|
||
|
||
--icon-globe: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4YTg4LDg4LDAsMSwxLTg4LTg4QTg4LDg4LDAsMCwxLDIxNiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ1LjExLDYwLjY4Yy03LjY1LTEzLjE5LTI3Ljg0LTE2LjE2LTU4LjUtOC42NkE5NS45Myw5NS45MywwLDAsMCwzMiwxMjhhOTgsOTgsMCwwLDAsLjc4LDEyLjMxQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNEE5NS45Myw5NS45MywwLDAsMCwyMjQsMTI4YTk3LjA4LDk3LjA4LDAsMCwwLS43Ny0xMi4yNWMxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4Wk0xMjgsNDhhODAuMTEsODAuMTEsMCwwLDEsNzgsNjIuMmMtMTcuMDYsMTYuMDYtNDAuMTUsMzIuNTMtNjIuMDcsNDUuMTNDMTE2LjM4LDE3MS4xNCw5Mi40OCwxODEsNzMuNDIsMTg2LjRBNzkuOTQsNzkuOTQsMCwwLDEsMTI4LDQ4Wk0yNC43NCwxODcuMjljLTEuNDYtMi41MS0uNjUtNy4yNCwyLjIyLTEzYTc5LjA1LDc5LjA1LDAsMCwxLDEwLjI5LTE1LjA1LDk2LDk2LDAsMCwwLDE4LDMxLjMyQzM4LDE5My40NiwyNy4yNCwxOTEuNjEsMjQuNzQsMTg3LjI5Wk0xMjgsMjA4YTc5LjQ1LDc5LjQ1LDAsMCwxLTM4LjU2LTkuOTQsMzcwLDM3MCwwLDAsMCw2Mi40My0yOC44NmMyMS41OC0xMi4zOSw0MC42OC0yNS44Miw1Ni4wNy0zOS4wOEE4MC4wNyw4MC4wNywwLDAsMSwxMjgsMjA4Wk0yMzEuNDIsNzUuNjljLTEuNyw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVjMTQuMjEtMi4zNSwyNy4zNy0yLjE3LDMwLjUsMy4yNEMyMzIuMTksNzAuMjgsMjMyLjI0LDcyLjYzLDIzMS40Miw3NS42OVoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-globe-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjMuMjIsMTE1Ljc1QTk3LjA4LDk3LjA4LDAsMCwxLDIyNCwxMjgsOTUuOTMsOTUuOTMsMCwwLDEsNjkuNDMsMjA0YzI1LjE5LTYuMTYsNTQuODItMTguOTMsODIuNDQtMzQuOEMxODEuMzEsMTUyLjI5LDIwNi4xNiwxMzMuNDYsMjIzLjIyLDExNS43NVptMjEuODktNTUuMDdjLTcuNjUtMTMuMTktMjcuODQtMTYuMTYtNTguNS04LjY2aDBBOTUuOTMsOTUuOTMsMCwwLDAsMzIsMTI4YTk4LDk4LDAsMCwwLC43OCwxMi4zMWgwQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNCw5Ny4yMiw5Ny4yMiwwLDAsMS0xNC4xNi0xMy40MmMtMTcuMjksMi44OC0yOCwxLTMwLjUzLTMuMjktMS40Ni0yLjUxLS42NS03LjI0LDIuMjItMTNhNzkuNDIsNzkuNDIsMCwwLDEsMTAuMjgtMTUuMDUuMjkuMjksMCwwLDAsMC0uMDlsMCwuMDhoMGE5Ni4yMSw5Ni4yMSwwLDAsMCwxOCwzMS4zMmMyMC45NC0zLjQ5LDUxLjQ5LTEzLjkxLDg4LjYzLTM1LjI1QzE3MiwxMzkuMTksMjAyLDExNi42NywyMTguNzksOTYuODJhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVoMGwtLjEzLS4xNWMwLC4wNS4wOS4wOS4xMy4xNSwxNC4yMS0yLjM1LDI3LjM3LTIuMTcsMzAuNSwzLjI0LjkyLDEuNTcsMSwzLjkyLjE1LDctMS42OSw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuMzksOTUuMzksMCwwLDEsNC40MywxOC45M2MxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-globe-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4YTg4LDg4LDAsMSwxLTg4LTg4QTg4LDg4LDAsMCwxLDIxNiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ1LjExLDYwLjY4Yy03LjY1LTEzLjE5LTI3Ljg0LTE2LjE2LTU4LjUtOC42NkE5NS45Myw5NS45MywwLDAsMCwzMiwxMjhhOTgsOTgsMCwwLDAsLjc4LDEyLjMxQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNEE5NS45Myw5NS45MywwLDAsMCwyMjQsMTI4YTk3LjA4LDk3LjA4LDAsMCwwLS43Ny0xMi4yNWMxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4Wk0xMjgsNDhhODAuMTEsODAuMTEsMCwwLDEsNzgsNjIuMmMtMTcuMDYsMTYuMDYtNDAuMTUsMzIuNTMtNjIuMDcsNDUuMTNDMTE2LjM4LDE3MS4xNCw5Mi40OCwxODEsNzMuNDIsMTg2LjRBNzkuOTQsNzkuOTQsMCwwLDEsMTI4LDQ4Wk0yNC43NCwxODcuMjljLTEuNDYtMi41MS0uNjUtNy4yNCwyLjIyLTEzYTc5LjA1LDc5LjA1LDAsMCwxLDEwLjI5LTE1LjA1LDk2LDk2LDAsMCwwLDE4LDMxLjMyQzM4LDE5My40NiwyNy4yNCwxOTEuNjEsMjQuNzQsMTg3LjI5Wk0xMjgsMjA4YTc5LjQ1LDc5LjQ1LDAsMCwxLTM4LjU2LTkuOTQsMzcwLDM3MCwwLDAsMCw2Mi40My0yOC44NmMyMS41OC0xMi4zOSw0MC42OC0yNS44Miw1Ni4wNy0zOS4wOEE4MC4wNyw4MC4wNywwLDAsMSwxMjgsMjA4Wk0yMzEuNDIsNzUuNjljLTEuNyw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVjMTQuMjEtMi4zNSwyNy4zNy0yLjE3LDMwLjUsMy4yNEMyMzIuMTksNzAuMjgsMjMyLjI0LDcyLjYzLDIzMS40Miw3NS42OVoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-globe-accent-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjMuMjIsMTE1Ljc1QTk3LjA4LDk3LjA4LDAsMCwxLDIyNCwxMjgsOTUuOTMsOTUuOTMsMCwwLDEsNjkuNDMsMjA0YzI1LjE5LTYuMTYsNTQuODItMTguOTMsODIuNDQtMzQuOEMxODEuMzEsMTUyLjI5LDIwNi4xNiwxMzMuNDYsMjIzLjIyLDExNS43NVptMjEuODktNTUuMDdjLTcuNjUtMTMuMTktMjcuODQtMTYuMTYtNTguNS04LjY2aDBBOTUuOTMsOTUuOTMsMCwwLDAsMzIsMTI4YTk4LDk4LDAsMCwwLC43OCwxMi4zMWgwQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNCw5Ny4yMiw5Ny4yMiwwLDAsMS0xNC4xNi0xMy40MmMtMTcuMjksMi44OC0yOCwxLTMwLjUzLTMuMjktMS40Ni0yLjUxLS42NS03LjI0LDIuMjItMTNhNzkuNDIsNzkuNDIsMCwwLDEsMTAuMjgtMTUuMDUuMjkuMjksMCwwLDAsMC0uMDlsMCwuMDhoMGE5Ni4yMSw5Ni4yMSwwLDAsMCwxOCwzMS4zMmMyMC45NC0zLjQ5LDUxLjQ5LTEzLjkxLDg4LjYzLTM1LjI1QzE3MiwxMzkuMTksMjAyLDExNi42NywyMTguNzksOTYuODJhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVoMGwtLjEzLS4xNWMwLC4wNS4wOS4wOS4xMy4xNSwxNC4yMS0yLjM1LDI3LjM3LTIuMTcsMzAuNSwzLjI0LjkyLDEuNTcsMSwzLjkyLjE1LDctMS42OSw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuMzksOTUuMzksMCwwLDEsNC40MywxOC45M2MxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
|
||
--icon-direct-messages: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0YTEwNCwxMDQsMCwwLDAsMCwyMDhjMjEuNTEsMCw0NC4xLTYuNDgsNjAuNDMtMTcuMzNhOCw4LDAsMCwwLTguODYtMTMuMzNDMTY2LDIxMC4zOCwxNDYuMjEsMjE2LDEyOCwyMTZhODgsODgsMCwxLDEsODgtODhjMCwyNi40NS0xMC44OCwzMi0yMCwzMnMtMjAtNS41NS0yMC0zMlY4OGE4LDgsMCwwLDAtMTYsMHY0LjI2YTQ4LDQ4LDAsMSwwLDUuOTMsNjUuMWM2LDEyLDE2LjM1LDE4LjY0LDMwLjA3LDE4LjY0LDIyLjU0LDAsMzYtMTcuOTQsMzYtNDhBMTA0LjExLDEwNC4xMSwwLDAsMCwxMjgsMjRabTAsMTM2YTMyLDMyLDAsMSwxLDMyLTMyQTMyLDMyLDAsMCwxLDEyOCwxNjBaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-direct-messages-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIsMTI4YzAsLjUxLDAsMSwwLDEuNTItLjM0LDE0LjI2LTUuNjMsMzAuNDgtMjgsMzAuNDgtMjMuMTQsMC0yOC0xNy40LTI4LTMyVjg4YTgsOCwwLDAsMC04LjUzLThBOC4xNyw4LjE3LDAsMCwwLDE2MCw4OC4yN3Y0YTQ4LDQ4LDAsMSwwLDYuNzMsNjQuMDUsNDAuMTksNDAuMTksMCwwLDAsMy4zOCw1QzE3NS40OCwxNjgsMTg1LjcxLDE3NiwyMDQsMTc2YTU0LjgxLDU0LjgxLDAsMCwwLDkuMjItLjc1LDQsNCwwLDAsMSw0LjA5LDZBMTA0LjA1LDEwNC4wNSwwLDAsMSwxMjUuOTEsMjMyQzcxLjEzLDIzMC45LDI2LjIsMTg2Ljg2LDI0LjA4LDEzMi4xMUExMDQsMTA0LDAsMSwxLDIzMiwxMjhaTTk2LDEyOGEzMiwzMiwwLDEsMCwzMi0zMkEzMiwzMiwwLDAsMCw5NiwxMjhaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-direct-messages-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0YTEwNCwxMDQsMCwwLDAsMCwyMDhjMjEuNTEsMCw0NC4xLTYuNDgsNjAuNDMtMTcuMzNhOCw4LDAsMCwwLTguODYtMTMuMzNDMTY2LDIxMC4zOCwxNDYuMjEsMjE2LDEyOCwyMTZhODgsODgsMCwxLDEsODgtODhjMCwyNi40NS0xMC44OCwzMi0yMCwzMnMtMjAtNS41NS0yMC0zMlY4OGE4LDgsMCwwLDAtMTYsMHY0LjI2YTQ4LDQ4LDAsMSwwLDUuOTMsNjUuMWM2LDEyLDE2LjM1LDE4LjY0LDMwLjA3LDE4LjY0LDIyLjU0LDAsMzYtMTcuOTQsMzYtNDhBMTA0LjExLDEwNC4xMSwwLDAsMCwxMjgsMjRabTAsMTM2YTMyLDMyLDAsMSwxLDMyLTMyQTMyLDMyLDAsMCwxLDEyOCwxNjBaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-direct-messages-accent-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIsMTI4YzAsLjUxLDAsMSwwLDEuNTItLjM0LDE0LjI2LTUuNjMsMzAuNDgtMjgsMzAuNDgtMjMuMTQsMC0yOC0xNy40LTI4LTMyVjg4YTgsOCwwLDAsMC04LjUzLThBOC4xNyw4LjE3LDAsMCwwLDE2MCw4OC4yN3Y0YTQ4LDQ4LDAsMSwwLDYuNzMsNjQuMDUsNDAuMTksNDAuMTksMCwwLDAsMy4zOCw1QzE3NS40OCwxNjgsMTg1LjcxLDE3NiwyMDQsMTc2YTU0LjgxLDU0LjgxLDAsMCwwLDkuMjItLjc1LDQsNCwwLDAsMSw0LjA5LDZBMTA0LjA1LDEwNC4wNSwwLDAsMSwxMjUuOTEsMjMyQzcxLjEzLDIzMC45LDI2LjIsMTg2Ljg2LDI0LjA4LDEzMi4xMUExMDQsMTA0LDAsMSwxLDIzMiwxMjhaTTk2LDEyOGEzMiwzMiwwLDEsMCwzMi0zMkEzMiwzMiwwLDAsMCw5NiwxMjhaIj48L3BhdGg+PC9zdmc+");
|
||
|
||
--icon-bookmark-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzJWMjI0bC01Ni00MEw1NiwyMjRWNzJhOCw4LDAsMCwxLDgtOGg5NkE4LDgsMCwwLDEsMTY4LDcyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2MCw1Nkg2NEExNiwxNiwwLDAsMCw0OCw3MlYyMjRhOCw4LDAsMCwwLDEyLjY1LDYuNTFMMTEyLDE5My44M2w1MS4zNiwzNi42OEE4LDgsMCwwLDAsMTc2LDIyNFY3MkExNiwxNiwwLDAsMCwxNjAsNTZabTAsMTUyLjQ2LTQzLjM2LTMxYTgsOCwwLDAsMC05LjMsMEw2NCwyMDguNDVWNzJoOTZaTTIwOCw0MFYxOTJhOCw4LDAsMCwxLTE2LDBWNDBIODhhOCw4LDAsMCwxLDAtMTZIMTkyQTE2LDE2LDAsMCwxLDIwOCw0MFoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-bookmark-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsNTZINjRBMTYsMTYsMCwwLDAsNDgsNzJWMjI0YTgsOCwwLDAsMCwxMi42NSw2LjUxTDExMiwxOTMuODNsNTEuMzYsMzYuNjhBOCw4LDAsMCwwLDE3NiwyMjRWNzJBMTYsMTYsMCwwLDAsMTYwLDU2WiI+PC9wYXRoPjxwYXRoIGQ9Ik0xOTIsMjRIODhhOCw4LDAsMCwwLDAsMTZIMTkyVjE5MmE4LDgsMCwwLDAsMTYsMFY0MEExNiwxNiwwLDAsMCwxOTIsMjRaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-bookmark-column-link-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzJWMjI0bC01Ni00MEw1NiwyMjRWNzJhOCw4LDAsMCwxLDgtOGg5NkE4LDgsMCwwLDEsMTY4LDcyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2MCw1Nkg2NEExNiwxNiwwLDAsMCw0OCw3MlYyMjRhOCw4LDAsMCwwLDEyLjY1LDYuNTFMMTEyLDE5My44M2w1MS4zNiwzNi42OEE4LDgsMCwwLDAsMTc2LDIyNFY3MkExNiwxNiwwLDAsMCwxNjAsNTZabTAsMTUyLjQ2LTQzLjM2LTMxYTgsOCwwLDAsMC05LjMsMEw2NCwyMDguNDVWNzJoOTZaTTIwOCw0MFYxOTJhOCw4LDAsMCwxLTE2LDBWNDBIODhhOCw4LDAsMCwxLDAtMTZIMTkyQTE2LDE2LDAsMCwxLDIwOCw0MFoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-bookmark-column-link-accent-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsNTZINjRBMTYsMTYsMCwwLDAsNDgsNzJWMjI0YTgsOCwwLDAsMCwxMi42NSw2LjUxTDExMiwxOTMuODNsNTEuMzYsMzYuNjhBOCw4LDAsMCwwLDE3NiwyMjRWNzJBMTYsMTYsMCwwLDAsMTYwLDU2WiI+PC9wYXRoPjxwYXRoIGQ9Ik0xOTIsMjRIODhhOCw4LDAsMCwwLDAsMTZIMTkyVjE5MmE4LDgsMCwwLDAsMTYsMFY0MEExNiwxNiwwLDAsMCwxOTIsMjRaIj48L3BhdGg+PC9zdmc+");
|
||
|
||
--icon-star-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-star-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzQuNSwxMTQuMzhsLTQ1LjEsMzkuMzYsMTMuNTEsNTguNmExNiwxNiwwLDAsMS0yMy44NCwxNy4zNGwtNTEuMTEtMzEtNTEsMzFhMTYsMTYsMCwwLDEtMjMuODQtMTcuMzRMNjYuNjEsMTUzLjgsMjEuNSwxMTQuMzhhMTYsMTYsMCwwLDEsOS4xMS0yOC4wNmw1OS40Ni01LjE1LDIzLjIxLTU1LjM2YTE1Ljk1LDE1Ljk1LDAsMCwxLDI5LjQ0LDBoMEwxNjYsODEuMTdsNTkuNDQsNS4xNWExNiwxNiwwLDAsMSw5LjExLDI4LjA2WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-star-column-link-accent: var(--icon-star-accent);
|
||
--icon-star-column-link-accent-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzQuNSwxMTQuMzhsLTQ1LjEsMzkuMzYsMTMuNTEsNTguNmExNiwxNiwwLDAsMS0yMy44NCwxNy4zNGwtNTEuMTEtMzEtNTEsMzFhMTYsMTYsMCwwLDEtMjMuODQtMTcuMzRMNjYuNjEsMTUzLjgsMjEuNSwxMTQuMzhhMTYsMTYsMCwwLDEsOS4xMS0yOC4wNmw1OS40Ni01LjE1LDIzLjIxLTU1LjM2YTE1Ljk1LDE1Ljk1LDAsMCwxLDI5LjQ0LDBoMEwxNjYsODEuMTdsNTkuNDQsNS4xNWExNiwxNiwwLDAsMSw5LjExLDI4LjA2WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
|
||
--icon-search: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIuNDksMjE1LjUxLDE4NSwxNjhhOTIuMTIsOTIuMTIsMCwxLDAtMTcsMTdsNDcuNTMsNDcuNTRhMTIsMTIsMCwwLDAsMTctMTdaTTQ0LDExMmE2OCw2OCwwLDEsMSw2OCw2OEE2OC4wNyw2OC4wNywwLDAsMSw0NCwxMTJaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-search-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIuNDksMjE1LjUxLDE4NSwxNjhhOTIuMTIsOTIuMTIsMCwxLDAtMTcsMTdsNDcuNTMsNDcuNTRhMTIsMTIsMCwwLDAsMTctMTdaTTQ0LDExMmE2OCw2OCwwLDEsMSw2OCw2OEE2OC4wNyw2OC4wNywwLDAsMSw0NCwxMTJaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-search-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTEyYTgwLDgwLDAsMSwxLTgwLTgwQTgwLDgwLDAsMCwxLDE5MiwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI5LjY2LDIxOC4zNCwxNzkuNiwxNjguMjhhODguMjEsODguMjEsMCwxLDAtMTEuMzIsMTEuMzFsNTAuMDYsNTAuMDdhOCw4LDAsMCwwLDExLjMyLTExLjMyWk00MCwxMTJhNzIsNzIsMCwxLDEsNzIsNzJBNzIuMDgsNzIuMDgsMCwwLDEsNDAsMTEyWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-search-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsMTEyYTU2LDU2LDAsMSwxLTU2LTU2QTU2LDU2LDAsMCwxLDE2OCwxMTJabTYxLjY2LDExNy42NmE4LDgsMCwwLDEtMTEuMzIsMGwtNTAuMDYtNTAuMDdhODgsODgsMCwxLDEsMTEuMzItMTEuMzFsNTAuMDYsNTAuMDZBOCw4LDAsMCwxLDIyOS42NiwyMjkuNjZaTTExMiwxODRhNzIsNzIsMCwxLDAtNzItNzJBNzIuMDgsNzIuMDgsMCwwLDAsMTEyLDE4NFoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-search-column-link-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTEyYTgwLDgwLDAsMSwxLTgwLTgwQTgwLDgwLDAsMCwxLDE5MiwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI5LjY2LDIxOC4zNCwxNzkuNiwxNjguMjhhODguMjEsODguMjEsMCwxLDAtMTEuMzIsMTEuMzFsNTAuMDYsNTAuMDdhOCw4LDAsMCwwLDExLjMyLTExLjMyWk00MCwxMTJhNzIsNzIsMCwxLDEsNzIsNzJBNzIuMDgsNzIuMDgsMCwwLDEsNDAsMTEyWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-search-column-link-accent-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsMTEyYTU2LDU2LDAsMSwxLTU2LTU2QTU2LDU2LDAsMCwxLDE2OCwxMTJabTYxLjY2LDExNy42NmE4LDgsMCwwLDEtMTEuMzIsMGwtNTAuMDYtNTAuMDdhODgsODgsMCwxLDEsMTEuMzItMTEuMzFsNTAuMDYsNTAuMDZBOCw4LDAsMCwxLDIyOS42NiwyMjkuNjZaTTExMiwxODRhNzIsNzIsMCwxLDAtNzItNzJBNzIuMDgsNzIuMDgsMCwwLDAsMTEyLDE4NFoiPjwvcGF0aD48L3N2Zz4=");
|
||
|
||
--icon-user-plus-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsMTAwYTYwLDYwLDAsMSwxLTYwLTYwQTYwLDYwLDAsMCwxLDE2OCwxMDBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjU2LDEzNmE4LDgsMCwwLDEtOCw4SDIzMnYxNmE4LDgsMCwwLDEtMTYsMFYxNDRIMjAwYTgsOCwwLDAsMSwwLTE2aDE2VjExMmE4LDgsMCwwLDEsMTYsMHYxNmgxNkE4LDgsMCwwLDEsMjU2LDEzNlptLTU3Ljg3LDU4Ljg1YTgsOCwwLDAsMS0xMi4yNiwxMC4zQzE2NS43NSwxODEuMTksMTM4LjA5LDE2OCwxMDgsMTY4cy01Ny43NSwxMy4xOS03Ny44NywzNy4xNWE4LDgsMCwwLDEtMTIuMjUtMTAuM2MxNC45NC0xNy43OCwzMy41Mi0zMC40MSw1NC4xNy0zNy4xN2E2OCw2OCwwLDEsMSw3MS45LDBDMTY0LjYsMTY0LjQ0LDE4My4xOCwxNzcuMDcsMTk4LjEzLDE5NC44NVpNMTA4LDE1MmE1Miw1MiwwLDEsMC01Mi01MkE1Mi4wNiw1Mi4wNiwwLDAsMCwxMDgsMTUyWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-user-plus-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNTYsMTM2YTgsOCwwLDAsMS04LDhIMjMydjE2YTgsOCwwLDAsMS0xNiwwVjE0NEgyMDBhOCw4LDAsMCwxLDAtMTZoMTZWMTEyYTgsOCwwLDAsMSwxNiwwdjE2aDE2QTgsOCwwLDAsMSwyNTYsMTM2Wk0xNDQsMTU3LjY4YTY4LDY4LDAsMSwwLTcxLjksMGMtMjAuNjUsNi43Ni0zOS4yMywxOS4zOS01NC4xNywzNy4xN0E4LDgsMCwwLDAsMjQsMjA4SDE5MmE4LDgsMCwwLDAsNi4xMy0xMy4xNUMxODMuMTgsMTc3LjA3LDE2NC42LDE2NC40NCwxNDQsMTU3LjY4WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-user-plus-column-link-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsMTAwYTYwLDYwLDAsMSwxLTYwLTYwQTYwLDYwLDAsMCwxLDE2OCwxMDBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjU2LDEzNmE4LDgsMCwwLDEtOCw4SDIzMnYxNmE4LDgsMCwwLDEtMTYsMFYxNDRIMjAwYTgsOCwwLDAsMSwwLTE2aDE2VjExMmE4LDgsMCwwLDEsMTYsMHYxNmgxNkE4LDgsMCwwLDEsMjU2LDEzNlptLTU3Ljg3LDU4Ljg1YTgsOCwwLDAsMS0xMi4yNiwxMC4zQzE2NS43NSwxODEuMTksMTM4LjA5LDE2OCwxMDgsMTY4cy01Ny43NSwxMy4xOS03Ny44NywzNy4xNWE4LDgsMCwwLDEtMTIuMjUtMTAuM2MxNC45NC0xNy43OCwzMy41Mi0zMC40MSw1NC4xNy0zNy4xN2E2OCw2OCwwLDEsMSw3MS45LDBDMTY0LjYsMTY0LjQ0LDE4My4xOCwxNzcuMDcsMTk4LjEzLDE5NC44NVpNMTA4LDE1MmE1Miw1MiwwLDEsMC01Mi01MkE1Mi4wNiw1Mi4wNiwwLDAsMCwxMDgsMTUyWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-user-plus-column-link-accent-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNTYsMTM2YTgsOCwwLDAsMS04LDhIMjMydjE2YTgsOCwwLDAsMS0xNiwwVjE0NEgyMDBhOCw4LDAsMCwxLDAtMTZoMTZWMTEyYTgsOCwwLDAsMSwxNiwwdjE2aDE2QTgsOCwwLDAsMSwyNTYsMTM2Wk0xNDQsMTU3LjY4YTY4LDY4LDAsMSwwLTcxLjksMGMtMjAuNjUsNi43Ni0zOS4yMywxOS4zOS01NC4xNywzNy4xN0E4LDgsMCwwLDAsMjQsMjA4SDE5MmE4LDgsMCwwLDAsNi4xMy0xMy4xNUMxODMuMTgsMTc3LjA3LDE2NC42LDE2NC40NCwxNDQsMTU3LjY4WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
|
||
--icon-list: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNjRWMTkySDQwVjY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCwxMjhhOCw4LDAsMCwxLTgsOEg0MGE4LDgsMCwwLDEsMC0xNkgyMTZBOCw4LDAsMCwxLDIyNCwxMjhaTTQwLDcySDIxNmE4LDgsMCwwLDAsMC0xNkg0MGE4LDgsMCwwLDAsMCwxNlpNMjE2LDE4NEg0MGE4LDgsMCwwLDAsMCwxNkgyMTZhOCw4LDAsMCwwLDAtMTZaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-list-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTIwdjE2YTgsOCwwLDAsMS04LDhINDBhOCw4LDAsMCwxLTgtOFYxMjBhOCw4LDAsMCwxLDgtOEgyMTZBOCw4LDAsMCwxLDIyNCwxMjBabS04LDU2SDQwYTgsOCwwLDAsMC04LDh2MTZhOCw4LDAsMCwwLDgsOEgyMTZhOCw4LDAsMCwwLDgtOFYxODRBOCw4LDAsMCwwLDIxNiwxNzZabTAtMTI4SDQwYTgsOCwwLDAsMC04LDhWNzJhOCw4LDAsMCwwLDgsOEgyMTZhOCw4LDAsMCwwLDgtOFY1NkE4LDgsMCwwLDAsMjE2LDQ4WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-list-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNjRWMTkySDQwVjY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCwxMjhhOCw4LDAsMCwxLTgsOEg0MGE4LDgsMCwwLDEsMC0xNkgyMTZBOCw4LDAsMCwxLDIyNCwxMjhaTTQwLDcySDIxNmE4LDgsMCwwLDAsMC0xNkg0MGE4LDgsMCwwLDAsMCwxNlpNMjE2LDE4NEg0MGE4LDgsMCwwLDAsMCwxNkgyMTZhOCw4LDAsMCwwLDAtMTZaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-list-accent-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTIwdjE2YTgsOCwwLDAsMS04LDhINDBhOCw4LDAsMCwxLTgtOFYxMjBhOCw4LDAsMCwxLDgtOEgyMTZBOCw4LDAsMCwxLDIyNCwxMjBabS04LDU2SDQwYTgsOCwwLDAsMC04LDh2MTZhOCw4LDAsMCwwLDgsOEgyMTZhOCw4LDAsMCwwLDgtOFYxODRBOCw4LDAsMCwwLDIxNiwxNzZabTAtMTI4SDQwYTgsOCwwLDAsMC04LDhWNzJhOCw4LDAsMCwwLDgsOEgyMTZhOCw4LDAsMCwwLDgtOFY1NkE4LDgsMCwwLDAsMjE2LDQ4WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
|
||
--icon-settings: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMSwxMDguNzYsMTk4LjI1LDkwLjYyYy0uNjQtMS4xNi0xLjMxLTIuMjktMi0zLjQxbC0uMTItMzZBMTA0LjYxLDEwNC42MSwwLDAsMCwxNjIsMzJMMTMwLDQ5Ljg5Yy0xLjM0LDAtMi42OSwwLTQsMEw5NCwzMkExMDQuNTgsMTA0LjU4LDAsMCwwLDU5Ljg5LDUxLjI1bC0uMTYsMzZjLS43LDEuMTItMS4zNywyLjI2LTIsMy40MWwtMzEuODQsMTguMWE5OS4xNSw5OS4xNSwwLDAsMCwwLDM4LjQ2bDMxLjg1LDE4LjE0Yy42NCwxLjE2LDEuMzEsMi4yOSwyLDMuNDFsLjEyLDM2QTEwNC42MSwxMDQuNjEsMCwwLDAsOTQsMjI0bDMyLTE3Ljg3YzEuMzQsMCwyLjY5LDAsNCwwTDE2MiwyMjRhMTA0LjU4LDEwNC41OCwwLDAsMCwzNC4wOC0xOS4yNWwuMTYtMzZjLjctMS4xMiwxLjM3LTIuMjYsMi0zLjQxbDMxLjg0LTE4LjFBOTkuMTUsOTkuMTUsMCwwLDAsMjMwLjEsMTA4Ljc2Wk0xMjgsMTY4YTQwLDQwLDAsMSwxLDQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxNjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDgwYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWm0xMDkuOTQtNTIuNzlhOCw4LDAsMCwwLTMuODktNS40bC0yOS44My0xNy0uMTItMzMuNjJhOCw4LDAsMCwwLTIuODMtNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLTM2LjcyLTIwLjY3LDgsOCwwLDAsMC02LjQ2LjU5TDEyOCw0MS44NSw5Ny44OCwyNWE4LDgsMCwwLDAtNi40Ny0uNkExMTEuOTIsMTExLjkyLDAsMCwwLDU0LjczLDQ1LjE1YTgsOCwwLDAsMC0yLjgzLDYuMDdsLS4xNSwzMy42NS0yOS44MywxN2E4LDgsMCwwLDAtMy44OSw1LjQsMTA2LjQ3LDEwNi40NywwLDAsMCwwLDQxLjU2LDgsOCwwLDAsMCwzLjg5LDUuNGwyOS44MywxNywuMTIsMzMuNjNhOCw4LDAsMCwwLDIuODMsNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLDM2LjcyLDIwLjY3LDgsOCwwLDAsMCw2LjQ2LS41OUwxMjgsMjE0LjE1LDE1OC4xMiwyMzFhNy45MSw3LjkxLDAsMCwwLDMuOSwxLDguMDksOC4wOSwwLDAsMCwyLjU3LS40MiwxMTIuMSwxMTIuMSwwLDAsMCwzNi42OC0yMC43Myw4LDgsMCwwLDAsMi44My02LjA3bC4xNS0zMy42NSwyOS44My0xN2E4LDgsMCwwLDAsMy44OS01LjRBMTA2LjQ3LDEwNi40NywwLDAsMCwyMzcuOTQsMTA3LjIxWm0tMTUsMzQuOTEtMjguNTcsMTYuMjVhOCw4LDAsMCwwLTMsM2MtLjU4LDEtMS4xOSwyLjA2LTEuODEsMy4wNmE3Ljk0LDcuOTQsMCwwLDAtMS4yMiw0LjIxbC0uMTUsMzIuMjVhOTUuODksOTUuODksMCwwLDEtMjUuMzcsMTQuM0wxMzQsMTk5LjEzYTgsOCwwLDAsMC0zLjkxLTFoLS4xOWMtMS4yMSwwLTIuNDMsMC0zLjY0LDBhOC4xLDguMSwwLDAsMC00LjEsMWwtMjguODQsMTYuMUE5Niw5NiwwLDAsMSw2Ny44OCwyMDFsLS4xMS0zMi4yYTgsOCwwLDAsMC0xLjIyLTQuMjJjLS42Mi0xLTEuMjMtMi0xLjgtMy4wNmE4LjA5LDguMDksMCwwLDAtMy0zLjA2bC0yOC42LTE2LjI5YTkwLjQ5LDkwLjQ5LDAsMCwxLDAtMjguMjZMNjEuNjcsOTcuNjNhOCw4LDAsMCwwLDMtM2MuNTgtMSwxLjE5LTIuMDYsMS44MS0zLjA2YTcuOTQsNy45NCwwLDAsMCwxLjIyLTQuMjFsLjE1LTMyLjI1YTk1Ljg5LDk1Ljg5LDAsMCwxLDI1LjM3LTE0LjNMMTIyLDU2Ljg3YTgsOCwwLDAsMCw0LjEsMWMxLjIxLDAsMi40MywwLDMuNjQsMGE4LDgsMCwwLDAsNC4xLTFsMjguODQtMTYuMUE5Niw5NiwwLDAsMSwxODguMTIsNTVsLjExLDMyLjJhOCw4LDAsMCwwLDEuMjIsNC4yMmMuNjIsMSwxLjIzLDIsMS44LDMuMDZhOC4wOSw4LjA5LDAsMCwwLDMsMy4wNmwyOC42LDE2LjI5QTkwLjQ5LDkwLjQ5LDAsMCwxLDIyMi45LDE0Mi4xMloiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-settings-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMSwxMDguNzYsMTk4LjI1LDkwLjYyYy0uNjQtMS4xNi0xLjMxLTIuMjktMi0zLjQxbC0uMTItMzZBMTA0LjYxLDEwNC42MSwwLDAsMCwxNjIsMzJMMTMwLDQ5Ljg5Yy0xLjM0LDAtMi42OSwwLTQsMEw5NCwzMkExMDQuNTgsMTA0LjU4LDAsMCwwLDU5Ljg5LDUxLjI1bC0uMTYsMzZjLS43LDEuMTItMS4zNywyLjI2LTIsMy40MWwtMzEuODQsMTguMWE5OS4xNSw5OS4xNSwwLDAsMCwwLDM4LjQ2bDMxLjg1LDE4LjE0Yy42NCwxLjE2LDEuMzEsMi4yOSwyLDMuNDFsLjEyLDM2QTEwNC42MSwxMDQuNjEsMCwwLDAsOTQsMjI0bDMyLTE3Ljg3YzEuMzQsMCwyLjY5LDAsNCwwTDE2MiwyMjRhMTA0LjU4LDEwNC41OCwwLDAsMCwzNC4wOC0xOS4yNWwuMTYtMzZjLjctMS4xMiwxLjM3LTIuMjYsMi0zLjQxbDMxLjg0LTE4LjFBOTkuMTUsOTkuMTUsMCwwLDAsMjMwLjEsMTA4Ljc2Wk0xMjgsMTY4YTQwLDQwLDAsMSwxLDQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxNjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDgwYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWm0xMDkuOTQtNTIuNzlhOCw4LDAsMCwwLTMuODktNS40bC0yOS44My0xNy0uMTItMzMuNjJhOCw4LDAsMCwwLTIuODMtNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLTM2LjcyLTIwLjY3LDgsOCwwLDAsMC02LjQ2LjU5TDEyOCw0MS44NSw5Ny44OCwyNWE4LDgsMCwwLDAtNi40Ny0uNkExMTEuOTIsMTExLjkyLDAsMCwwLDU0LjczLDQ1LjE1YTgsOCwwLDAsMC0yLjgzLDYuMDdsLS4xNSwzMy42NS0yOS44MywxN2E4LDgsMCwwLDAtMy44OSw1LjQsMTA2LjQ3LDEwNi40NywwLDAsMCwwLDQxLjU2LDgsOCwwLDAsMCwzLjg5LDUuNGwyOS44MywxNywuMTIsMzMuNjNhOCw4LDAsMCwwLDIuODMsNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLDM2LjcyLDIwLjY3LDgsOCwwLDAsMCw2LjQ2LS41OUwxMjgsMjE0LjE1LDE1OC4xMiwyMzFhNy45MSw3LjkxLDAsMCwwLDMuOSwxLDguMDksOC4wOSwwLDAsMCwyLjU3LS40MiwxMTIuMSwxMTIuMSwwLDAsMCwzNi42OC0yMC43Myw4LDgsMCwwLDAsMi44My02LjA3bC4xNS0zMy42NSwyOS44My0xN2E4LDgsMCwwLDAsMy44OS01LjRBMTA2LjQ3LDEwNi40NywwLDAsMCwyMzcuOTQsMTA3LjIxWm0tMTUsMzQuOTEtMjguNTcsMTYuMjVhOCw4LDAsMCwwLTMsM2MtLjU4LDEtMS4xOSwyLjA2LTEuODEsMy4wNmE3Ljk0LDcuOTQsMCwwLDAtMS4yMiw0LjIxbC0uMTUsMzIuMjVhOTUuODksOTUuODksMCwwLDEtMjUuMzcsMTQuM0wxMzQsMTk5LjEzYTgsOCwwLDAsMC0zLjkxLTFoLS4xOWMtMS4yMSwwLTIuNDMsMC0zLjY0LDBhOC4xLDguMSwwLDAsMC00LjEsMWwtMjguODQsMTYuMUE5Niw5NiwwLDAsMSw2Ny44OCwyMDFsLS4xMS0zMi4yYTgsOCwwLDAsMC0xLjIyLTQuMjJjLS42Mi0xLTEuMjMtMi0xLjgtMy4wNmE4LjA5LDguMDksMCwwLDAtMy0zLjA2bC0yOC42LTE2LjI5YTkwLjQ5LDkwLjQ5LDAsMCwxLDAtMjguMjZMNjEuNjcsOTcuNjNhOCw4LDAsMCwwLDMtM2MuNTgtMSwxLjE5LTIuMDYsMS44MS0zLjA2YTcuOTQsNy45NCwwLDAsMCwxLjIyLTQuMjFsLjE1LTMyLjI1YTk1Ljg5LDk1Ljg5LDAsMCwxLDI1LjM3LTE0LjNMMTIyLDU2Ljg3YTgsOCwwLDAsMCw0LjEsMWMxLjIxLDAsMi40MywwLDMuNjQsMGE4LDgsMCwwLDAsNC4xLTFsMjguODQtMTYuMUE5Niw5NiwwLDAsMSwxODguMTIsNTVsLjExLDMyLjJhOCw4LDAsMCwwLDEuMjIsNC4yMmMuNjIsMSwxLjIzLDIsMS44LDMuMDZhOC4wOSw4LjA5LDAsMCwwLDMsMy4wNmwyOC42LDE2LjI5QTkwLjQ5LDkwLjQ5LDAsMCwxLDIyMi45LDE0Mi4xMloiPjwvcGF0aD48L3N2Zz4=");
|
||
|
||
--icon-logout: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4bC00MCw0MFY4OFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMTIsMjE2YTgsOCwwLDAsMS04LDhINDhhMTYsMTYsMCwwLDEtMTYtMTZWNDhBMTYsMTYsMCwwLDEsNDgsMzJoNTZhOCw4LDAsMCwxLDAsMTZINDhWMjA4aDU2QTgsOCwwLDAsMSwxMTIsMjE2Wm0xMDkuNjYtODIuMzQtNDAsNDBBOCw4LDAsMCwxLDE2OCwxNjhWMTM2SDEwNGE4LDgsMCwwLDEsMC0xNmg2NFY4OGE4LDgsMCwwLDEsMTMuNjYtNS42Nmw0MCw0MEE4LDgsMCwwLDEsMjIxLjY2LDEzMy42NlptLTE3LTUuNjZMMTg0LDEwNy4zMXY0MS4zOFoiPjwvcGF0aD48L3N2Zz4=");
|
||
|
||
--icon-ellipsis-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTYsMTI4YTI4LDI4LDAsMSwxLTI4LTI4QTI4LDI4LDAsMCwxLDE1NiwxMjhaTTQ4LDEwMGEyOCwyOCwwLDEsMCwyOCwyOEEyOCwyOCwwLDAsMCw0OCwxMDBabTE2MCwwYTI4LDI4LDAsMSwwLDI4LDI4QTI4LDI4LDAsMCwwLDIwOCwxMDBaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-ellipsis-column-link-active-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTYsMTI4YTI4LDI4LDAsMSwxLTI4LTI4QTI4LDI4LDAsMCwxLDE1NiwxMjhaTTQ4LDEwMGEyOCwyOCwwLDEsMCwyOCwyOEEyOCwyOCwwLDAsMCw0OCwxMDBabTE2MCwwYTI4LDI4LDAsMSwwLDI4LDI4QTI4LDI4LDAsMCwwLDIwOCwxMDBaIj48L3BhdGg+PC9zdmc+");
|
||
|
||
--icon-hashtag: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzcuNjYsMTUzLDE1MywyMzcuNjZhOCw4LDAsMCwxLTExLjMxLDBMNDIuMzQsMTM4LjM0QTgsOCwwLDAsMSw0MCwxMzIuNjlWNDBoOTIuNjlhOCw4LDAsMCwxLDUuNjUsMi4zNGw5OS4zMiw5OS4zMkE4LDgsMCwwLDEsMjM3LjY2LDE1M1oiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yNDMuMzEsMTM2LDE0NCwzNi42OUExNS44NiwxNS44NiwwLDAsMCwxMzIuNjksMzJINDBhOCw4LDAsMCwwLTgsOHY5Mi42OUExNS44NiwxNS44NiwwLDAsMCwzNi42OSwxNDRMMTM2LDI0My4zMWExNiwxNiwwLDAsMCwyMi42MywwbDg0LjY4LTg0LjY4YTE2LDE2LDAsMCwwLDAtMjIuNjNabS05Niw5Nkw0OCwxMzIuNjlWNDhoODQuNjlMMjMyLDE0Ny4zMVpNOTYsODRBMTIsMTIsMCwxLDEsODQsNzIsMTIsMTIsMCwwLDEsOTYsODRaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-hashtag-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzcuNjYsMTUzLDE1MywyMzcuNjZhOCw4LDAsMCwxLTExLjMxLDBMNDIuMzQsMTM4LjM0QTgsOCwwLDAsMSw0MCwxMzIuNjlWNDBoOTIuNjlhOCw4LDAsMCwxLDUuNjUsMi4zNGw5OS4zMiw5OS4zMkE4LDgsMCwwLDEsMjM3LjY2LDE1M1oiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yNDMuMzEsMTM2LDE0NCwzNi42OUExNS44NiwxNS44NiwwLDAsMCwxMzIuNjksMzJINDBhOCw4LDAsMCwwLTgsOHY5Mi42OUExNS44NiwxNS44NiwwLDAsMCwzNi42OSwxNDRMMTM2LDI0My4zMWExNiwxNiwwLDAsMCwyMi42MywwbDg0LjY4LTg0LjY4YTE2LDE2LDAsMCwwLDAtMjIuNjNabS05Niw5Nkw0OCwxMzIuNjlWNDhoODQuNjlMMjMyLDE0Ny4zMVpNOTYsODRBMTIsMTIsMCwxLDEsODQsNzIsMTIsMTIsMCwwLDEsOTYsODRaIj48L3BhdGg+PC9zdmc+");
|
||
|
||
/* Post visibility icons */
|
||
--icon-globe-visibility: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NGE1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-globe-visibility-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-globe-visibility-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-unlock: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NGE1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYuMzcsMTM5LjRhMTIsMTIsMCwwLDAtMTItM0E4NC4wNyw4NC4wNywwLDAsMSwxMTkuNiwzMS41OWExMiwxMiwwLDAsMC0xNS0xNUExMDguODYsMTA4Ljg2LDAsMCwwLDQ5LjY5LDU1LjA3LDEwOCwxMDgsMCwwLDAsMTM2LDIyOGExMDcuMDksMTA3LjA5LDAsMCwwLDY0LjkzLTIxLjY5LDEwOC44NiwxMDguODYsMCwwLDAsMzguNDQtNTQuOTRBMTIsMTIsMCwwLDAsMjM2LjM3LDEzOS40Wm0tNDkuODgsNDcuNzRBODQsODQsMCwwLDEsNjguODYsNjkuNTEsODQuOTMsODQuOTMsMCwwLDEsOTIuMjcsNDguMjlROTIsNTIuMTMsOTIsNTZBMTA4LjEyLDEwOC4xMiwwLDAsMCwyMDAsMTY0cTMuODcsMCw3LjcxLS4yN0E4NC43OSw4NC43OSwwLDAsMSwxODYuNDksMTg3LjE0WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-unlock-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYuMzcsMTM5LjRhMTIsMTIsMCwwLDAtMTItM0E4NC4wNyw4NC4wNywwLDAsMSwxMTkuNiwzMS41OWExMiwxMiwwLDAsMC0xNS0xNUExMDguODYsMTA4Ljg2LDAsMCwwLDQ5LjY5LDU1LjA3LDEwOCwxMDgsMCwwLDAsMTM2LDIyOGExMDcuMDksMTA3LjA5LDAsMCwwLDY0LjkzLTIxLjY5LDEwOC44NiwxMDguODYsMCwwLDAsMzguNDQtNTQuOTRBMTIsMTIsMCwwLDAsMjM2LjM3LDEzOS40Wm0tNDkuODgsNDcuNzRBODQsODQsMCwwLDEsNjguODYsNjkuNTEsODQuOTMsODQuOTMsMCwwLDEsOTIuMjcsNDguMjlROTIsNTIuMTMsOTIsNTZBMTA4LjEyLDEwOC4xMiwwLDAsMCwyMDAsMTY0cTMuODcsMCw3LjcxLS4yN0E4NC43OSw4NC43OSwwLDAsMSwxODYuNDksMTg3LjE0WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-unlock-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYuMzcsMTM5LjRhMTIsMTIsMCwwLDAtMTItM0E4NC4wNyw4NC4wNywwLDAsMSwxMTkuNiwzMS41OWExMiwxMiwwLDAsMC0xNS0xNUExMDguODYsMTA4Ljg2LDAsMCwwLDQ5LjY5LDU1LjA3LDEwOCwxMDgsMCwwLDAsMTM2LDIyOGExMDcuMDksMTA3LjA5LDAsMCwwLDY0LjkzLTIxLjY5LDEwOC44NiwxMDguODYsMCwwLDAsMzguNDQtNTQuOTRBMTIsMTIsMCwwLDAsMjM2LjM3LDEzOS40Wm0tNDkuODgsNDcuNzRBODQsODQsMCwwLDEsNjguODYsNjkuNTEsODQuOTMsODQuOTMsMCwwLDEsOTIuMjcsNDguMjlROTIsNTIuMTMsOTIsNTZBMTA4LjEyLDEwOC4xMiwwLDAsMCwyMDAsMTY0cTMuODcsMCw3LjcxLS4yN0E4NC43OSw4NC43OSwwLDAsMSwxODYuNDksMTg3LjE0WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-lock: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NGE1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-lock-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-lock-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-at: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NGE1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjBhMTA4LDEwOCwwLDAsMCwwLDIxNmMyMi4yNywwLDQ1LjY5LTYuNzMsNjIuNjQtMThhMTIsMTIsMCwxLDAtMTMuMjktMjBjLTEzLDguNjMtMzEuODksMTQtNDkuMzUsMTRhODQsODQsMCwxLDEsODQtODRjMCw5LjI5LTEuNjcsMTcuMDgtNC42OSwyMS45NS0yLjY0LDQuMjQtNiw2LjA1LTExLjMxLDYuMDVzLTguNjctMS44MS0xMS4zMS02LjA1Yy0zLTQuODctNC42OS0xMi42Ni00LjY5LTIxLjk1Vjg4YTEyLDEyLDAsMCwwLTIzLjQ5LTMuNDYsNTIsNTIsMCwxLDAsOC44Niw3OS41N0MxNzIuMywxNzQuMywxODIuODEsMTgwLDE5NiwxODBjMjQuNjcsMCw0MC0xOS45Miw0MC01MkExMDguMTIsMTA4LjEyLDAsMCwwLDEyOCwyMFptMCwxMzZhMjgsMjgsMCwxLDEsMjgtMjhBMjgsMjgsMCwwLDEsMTI4LDE1NloiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-at-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjBhMTA4LDEwOCwwLDAsMCwwLDIxNmMyMi4yNywwLDQ1LjY5LTYuNzMsNjIuNjQtMThhMTIsMTIsMCwxLDAtMTMuMjktMjBjLTEzLDguNjMtMzEuODksMTQtNDkuMzUsMTRhODQsODQsMCwxLDEsODQtODRjMCw5LjI5LTEuNjcsMTcuMDgtNC42OSwyMS45NS0yLjY0LDQuMjQtNiw2LjA1LTExLjMxLDYuMDVzLTguNjctMS44MS0xMS4zMS02LjA1Yy0zLTQuODctNC42OS0xMi42Ni00LjY5LTIxLjk1Vjg4YTEyLDEyLDAsMCwwLTIzLjQ5LTMuNDYsNTIsNTIsMCwxLDAsOC44Niw3OS41N0MxNzIuMywxNzQuMywxODIuODEsMTgwLDE5NiwxODBjMjQuNjcsMCw0MC0xOS45Miw0MC01MkExMDguMTIsMTA4LjEyLDAsMCwwLDEyOCwyMFptMCwxMzZhMjgsMjgsMCwxLDEsMjgtMjhBMjgsMjgsMCwwLDEsMTI4LDE1NloiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-at-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjBhMTA4LDEwOCwwLDAsMCwwLDIxNmMyMi4yNywwLDQ1LjY5LTYuNzMsNjIuNjQtMThhMTIsMTIsMCwxLDAtMTMuMjktMjBjLTEzLDguNjMtMzEuODksMTQtNDkuMzUsMTRhODQsODQsMCwxLDEsODQtODRjMCw5LjI5LTEuNjcsMTcuMDgtNC42OSwyMS45NS0yLjY0LDQuMjQtNiw2LjA1LTExLjMxLDYuMDVzLTguNjctMS44MS0xMS4zMS02LjA1Yy0zLTQuODctNC42OS0xMi42Ni00LjY5LTIxLjk1Vjg4YTEyLDEyLDAsMCwwLTIzLjQ5LTMuNDYsNTIsNTIsMCwxLDAsOC44Niw3OS41N0MxNzIuMywxNzQuMywxODIuODEsMTgwLDE5NiwxODBjMjQuNjcsMCw0MC0xOS45Miw0MC01MkExMDguMTIsMTA4LjEyLDAsMCwwLDEyOCwyMFptMCwxMzZhMjgsMjgsMCwxLDEsMjgtMjhBMjgsMjgsMCwwLDEsMTI4LDE1NloiPjwvcGF0aD48L3N2Zz4=");
|
||
|
||
/* Other icons */
|
||
--icon-bell-still: var(--icon-bell);
|
||
--icon-bell-ringing: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNmZDdkMjA7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIyNCw3MS4xYTgsOCwwLDAsMS0xMC43OC0zLjQyLDk0LjEzLDk0LjEzLDAsMCwwLTMzLjQ2LTM2LjkxLDgsOCwwLDEsMSw4LjU0LTEzLjU0LDExMS40NiwxMTEuNDYsMCwwLDEsMzkuMTIsNDMuMDlBOCw4LDAsMCwxLDIyNCw3MS4xWk0zNS43MSw3MmE4LDgsMCwwLDAsNy4xLTQuMzJBOTQuMTMsOTQuMTMsMCwwLDEsNzYuMjcsMzAuNzdhOCw4LDAsMSwwLTguNTQtMTMuNTRBMTExLjQ2LDExMS40NiwwLDAsMCwyOC42MSw2MC4zMiw4LDgsMCwwLDAsMzUuNzEsNzJabTE4Ni4xLDEwMy45NEExNiwxNiwwLDAsMSwyMDgsMjAwSDE2Ny4yYTQwLDQwLDAsMCwxLTc4LjQsMEg0OGExNiwxNiwwLDAsMS0xMy43OS0yNC4wNkM0My4yMiwxNjAuMzksNDgsMTM4LjI4LDQ4LDExMmE4MCw4MCwwLDAsMSwxNjAsMEMyMDgsMTM4LjI3LDIxMi43OCwxNjAuMzgsMjIxLjgxLDE3NS45NFpNMTUwLjYyLDIwMEgxMDUuMzhhMjQsMjQsMCwwLDAsNDUuMjQsMFoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-erase: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsMTY4bC00OCw0OEg2Ni43NUwzNi42OSwxODUuOTRhMTYsMTYsMCwwLDEsMC0yMi42M0w5NiwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI1LDgwLjQsMTgzLjYsMzlhMjQsMjQsMCwwLDAtMzMuOTQsMEwzMSwxNTcuNjZhMjQsMjQsMCwwLDAsMCwzMy45NGwzMC4wNiwzMC4wNkE4LDgsMCwwLDAsNjYuNzQsMjI0SDIxNmE4LDgsMCwwLDAsMC0xNmgtODQuN0wyMjUsMTE0LjM0QTI0LDI0LDAsMCwwLDIyNSw4MC40Wk0xMDguNjgsMjA4SDcwLjA1TDQyLjMzLDE4MC4yOGE4LDgsMCwwLDEsMC0xMS4zMUw5NiwxMTUuMzEsMTQ4LjY5LDE2OFptMTA1LTEwNUwxNjAsMTU2LjY5LDEwNy4zMSwxMDQsMTYxLDUwLjM0YTgsOCwwLDAsMSwxMS4zMiwwbDQxLjM4LDQxLjM4YTgsOCwwLDAsMSwwLDExLjMxWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-erase-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjUsODAuNCwxODMuNiwzOWEyNCwyNCwwLDAsMC0zMy45NCwwTDMxLDE1Ny42NmEyNCwyNCwwLDAsMCwwLDMzLjk0bDMwLjA2LDMwLjA2QTgsOCwwLDAsMCw2Ni43NCwyMjRIMjE2YTgsOCwwLDAsMCwwLTE2aC04NC43TDIyNSwxMTQuMzRBMjQsMjQsMCwwLDAsMjI1LDgwLjRaTTIxMy42NywxMDMsMTYwLDE1Ni42OSwxMDcuMzEsMTA0LDE2MSw1MC4zNGE4LDgsMCwwLDEsMTEuMzIsMGw0MS4zOCw0MS4zOGE4LDgsMCwwLDEsMCwxMS4zMVoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-reject: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2RmNDA1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDguNDksMTkxLjUxYTEyLDEyLDAsMCwxLTE3LDE3TDEyOCwxNDUsNjQuNDksMjA4LjQ5YTEyLDEyLDAsMCwxLTE3LTE3TDExMSwxMjgsNDcuNTEsNjQuNDlhMTIsMTIsMCwwLDEsMTctMTdMMTI4LDExMWw2My41MS02My41MmExMiwxMiwwLDAsMSwxNywxN0wxNDUsMTI4WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-reject-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDguNDksMTkxLjUxYTEyLDEyLDAsMCwxLTE3LDE3TDEyOCwxNDUsNjQuNDksMjA4LjQ5YTEyLDEyLDAsMCwxLTE3LTE3TDExMSwxMjgsNDcuNTEsNjQuNDlhMTIsMTIsMCwwLDEsMTctMTdMMTI4LDExMWw2My41MS02My41MmExMiwxMiwwLDAsMSwxNywxN0wxNDUsMTI4WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNTZWMTc4LjA2bC0zOS43Mi0zOS43MmE4LDgsMCwwLDAtMTEuMzEsMEwxNDcuMzEsMTY0LDk3LjY2LDExNC4zNGE4LDgsMCwwLDAtMTEuMzIsMEwzMiwxNjguNjlWNTZhOCw4LDAsMCwxLDgtOEgyMTZBOCw4LDAsMCwxLDIyNCw1NloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTYsNDBINDBBMTYsMTYsMCwwLDAsMjQsNTZWMjAwYTE2LDE2LDAsMCwwLDE2LDE2SDIxNmExNiwxNiwwLDAsMCwxNi0xNlY1NkExNiwxNiwwLDAsMCwyMTYsNDBabTAsMTZWMTU4Ljc1bC0yNi4wNy0yNi4wNmExNiwxNiwwLDAsMC0yMi42MywwbC0yMCwyMC00NC00NGExNiwxNiwwLDAsMC0yMi42MiwwTDQwLDE0OS4zN1Y1NlpNNDAsMTcybDUyLTUyLDgwLDgwSDQwWm0xNzYsMjhIMTk0LjYzbC0zNi0zNiwyMC0yMEwyMTYsMTgxLjM4VjIwMFpNMTQ0LDEwMGExMiwxMiwwLDEsMSwxMiwxMkExMiwxMiwwLDAsMSwxNDQsMTAwWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-warning: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTUuNDYsMjE2SDQwLjU0QzI3LjkyLDIxNiwyMCwyMDIuNzksMjYuMTMsMTkyLjA5TDExMy41OSw0MC4yMmM2LjMtMTEsMjIuNTItMTEsMjguODIsMGw4Ny40NiwxNTEuODdDMjM2LDIwMi43OSwyMjguMDgsMjE2LDIxNS40NiwyMTZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM2LjgsMTg4LjA5LDE0OS4zNSwzNi4yMmgwYTI0Ljc2LDI0Ljc2LDAsMCwwLTQyLjcsMEwxOS4yLDE4OC4wOWEyMy41MSwyMy41MSwwLDAsMCwwLDIzLjcyQTI0LjM1LDI0LjM1LDAsMCwwLDQwLjU1LDIyNGgxNzQuOWEyNC4zNSwyNC4zNSwwLDAsMCwyMS4zMy0xMi4xOUEyMy41MSwyMy41MSwwLDAsMCwyMzYuOCwxODguMDlaTTIyMi45MywyMDMuOGE4LjUsOC41LDAsMCwxLTcuNDgsNC4ySDQwLjU1YTguNSw4LjUsMCwwLDEtNy40OC00LjIsNy41OSw3LjU5LDAsMCwxLDAtNy43MkwxMjAuNTIsNDQuMjFhOC43NSw4Ljc1LDAsMCwxLDE1LDBsODcuNDUsMTUxLjg3QTcuNTksNy41OSwwLDAsMSwyMjIuOTMsMjAzLjhaTTEyMCwxNDRWMTA0YTgsOCwwLDAsMSwxNiwwdjQwYTgsOCwwLDAsMS0xNiwwWm0yMCwzNmExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNDAsMTgwWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-warning-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTUuNDYsMjE2SDQwLjU0QzI3LjkyLDIxNiwyMCwyMDIuNzksMjYuMTMsMTkyLjA5TDExMy41OSw0MC4yMmM2LjMtMTEsMjIuNTItMTEsMjguODIsMGw4Ny40NiwxNTEuODdDMjM2LDIwMi43OSwyMjguMDgsMjE2LDIxNS40NiwyMTZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM2LjgsMTg4LjA5LDE0OS4zNSwzNi4yMmgwYTI0Ljc2LDI0Ljc2LDAsMCwwLTQyLjcsMEwxOS4yLDE4OC4wOWEyMy41MSwyMy41MSwwLDAsMCwwLDIzLjcyQTI0LjM1LDI0LjM1LDAsMCwwLDQwLjU1LDIyNGgxNzQuOWEyNC4zNSwyNC4zNSwwLDAsMCwyMS4zMy0xMi4xOUEyMy41MSwyMy41MSwwLDAsMCwyMzYuOCwxODguMDlaTTIyMi45MywyMDMuOGE4LjUsOC41LDAsMCwxLTcuNDgsNC4ySDQwLjU1YTguNSw4LjUsMCwwLDEtNy40OC00LjIsNy41OSw3LjU5LDAsMCwxLDAtNy43MkwxMjAuNTIsNDQuMjFhOC43NSw4Ljc1LDAsMCwxLDE1LDBsODcuNDUsMTUxLjg3QTcuNTksNy41OSwwLDAsMSwyMjIuOTMsMjAzLjhaTTEyMCwxNDRWMTA0YTgsOCwwLDAsMSwxNiwwdjQwYTgsOCwwLDAsMS0xNiwwWm0yMCwzNmExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNDAsMTgwWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-check: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzRlOGE2YiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICM3ZWI2OTk7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIzMi40OSw4MC40OWwtMTI4LDEyOGExMiwxMiwwLDAsMS0xNywwbC01Ni01NmExMiwxMiwwLDEsMSwxNy0xN0w5NiwxODMsMjE1LjUxLDYzLjUxYTEyLDEyLDAsMCwxLDE3LDE3WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-check-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNlOGU2ZTM7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIzMi40OSw4MC40OWwtMTI4LDEyOGExMiwxMiwwLDAsMS0xNywwbC01Ni01NmExMiwxMiwwLDEsMSwxNy0xN0w5NiwxODMsMjE1LjUxLDYzLjUxYTEyLDEyLDAsMCwxLDE3LDE3WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-verified: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjUuODYsMTAyLjgyYy0zLjc3LTMuOTQtNy42Ny04LTkuMTQtMTEuNTctMS4zNi0zLjI3LTEuNDQtOC42OS0xLjUyLTEzLjk0LS4xNS05Ljc2LS4zMS0yMC44Mi04LTI4LjUxcy0xOC43NS03Ljg1LTI4LjUxLThjLTUuMjUtLjA4LTEwLjY3LS4xNi0xMy45NC0xLjUyLTMuNTYtMS40Ny03LjYzLTUuMzctMTEuNTctOS4xNEMxNDYuMjgsMjMuNTEsMTM4LjQ0LDE2LDEyOCwxNnMtMTguMjcsNy41MS0yNS4xOCwxNC4xNGMtMy45NCwzLjc3LTgsNy42Ny0xMS41Nyw5LjE0Qzg4LDQwLjY0LDgyLjU2LDQwLjcyLDc3LjMxLDQwLjhjLTkuNzYuMTUtMjAuODIuMzEtMjguNTEsOFM0MSw2Ny41NSw0MC44LDc3LjMxYy0uMDgsNS4yNS0uMTYsMTAuNjctMS41MiwxMy45NC0xLjQ3LDMuNTYtNS4zNyw3LjYzLTkuMTQsMTEuNTdDMjMuNTEsMTA5LjcyLDE2LDExNy41NiwxNiwxMjhzNy41MSwxOC4yNywxNC4xNCwyNS4xOGMzLjc3LDMuOTQsNy42Nyw4LDkuMTQsMTEuNTcsMS4zNiwzLjI3LDEuNDQsOC42OSwxLjUyLDEzLjk0LjE1LDkuNzYuMzEsMjAuODIsOCwyOC41MXMxOC43NSw3Ljg1LDI4LjUxLDhjNS4yNS4wOCwxMC42Ny4xNiwxMy45NCwxLjUyLDMuNTYsMS40Nyw3LjYzLDUuMzcsMTEuNTcsOS4xNEMxMDkuNzIsMjMyLjQ5LDExNy41NiwyNDAsMTI4LDI0MHMxOC4yNy03LjUxLDI1LjE4LTE0LjE0YzMuOTQtMy43Nyw4LTcuNjcsMTEuNTctOS4xNCwzLjI3LTEuMzYsOC42OS0xLjQ0LDEzLjk0LTEuNTIsOS43Ni0uMTUsMjAuODItLjMxLDI4LjUxLThzNy44NS0xOC43NSw4LTI4LjUxYy4wOC01LjI1LjE2LTEwLjY3LDEuNTItMTMuOTQsMS40Ny0zLjU2LDUuMzctNy42Myw5LjE0LTExLjU3QzIzMi40OSwxNDYuMjgsMjQwLDEzOC40NCwyNDAsMTI4UzIzMi40OSwxMDkuNzMsMjI1Ljg2LDEwMi44MlptLTUyLjIsNi44NC01Niw1NmE4LDgsMCwwLDEtMTEuMzIsMGwtMjQtMjRhOCw4LDAsMCwxLDExLjMyLTExLjMyTDExMiwxNDguNjlsNTAuMzQtNTAuMzVhOCw4LDAsMCwxLDExLjMyLDExLjMyWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-gear: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMSwxMDguNzYsMTk4LjI1LDkwLjYyYy0uNjQtMS4xNi0xLjMxLTIuMjktMi0zLjQxbC0uMTItMzZBMTA0LjYxLDEwNC42MSwwLDAsMCwxNjIsMzJMMTMwLDQ5Ljg5Yy0xLjM0LDAtMi42OSwwLTQsMEw5NCwzMkExMDQuNTgsMTA0LjU4LDAsMCwwLDU5Ljg5LDUxLjI1bC0uMTYsMzZjLS43LDEuMTItMS4zNywyLjI2LTIsMy40MWwtMzEuODQsMTguMWE5OS4xNSw5OS4xNSwwLDAsMCwwLDM4LjQ2bDMxLjg1LDE4LjE0Yy42NCwxLjE2LDEuMzEsMi4yOSwyLDMuNDFsLjEyLDM2QTEwNC42MSwxMDQuNjEsMCwwLDAsOTQsMjI0bDMyLTE3Ljg3YzEuMzQsMCwyLjY5LDAsNCwwTDE2MiwyMjRhMTA0LjU4LDEwNC41OCwwLDAsMCwzNC4wOC0xOS4yNWwuMTYtMzZjLjctMS4xMiwxLjM3LTIuMjYsMi0zLjQxbDMxLjg0LTE4LjFBOTkuMTUsOTkuMTUsMCwwLDAsMjMwLjEsMTA4Ljc2Wk0xMjgsMTY4YTQwLDQwLDAsMSwxLDQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxNjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDgwYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWm0xMDkuOTQtNTIuNzlhOCw4LDAsMCwwLTMuODktNS40bC0yOS44My0xNy0uMTItMzMuNjJhOCw4LDAsMCwwLTIuODMtNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLTM2LjcyLTIwLjY3LDgsOCwwLDAsMC02LjQ2LjU5TDEyOCw0MS44NSw5Ny44OCwyNWE4LDgsMCwwLDAtNi40Ny0uNkExMTEuOTIsMTExLjkyLDAsMCwwLDU0LjczLDQ1LjE1YTgsOCwwLDAsMC0yLjgzLDYuMDdsLS4xNSwzMy42NS0yOS44MywxN2E4LDgsMCwwLDAtMy44OSw1LjQsMTA2LjQ3LDEwNi40NywwLDAsMCwwLDQxLjU2LDgsOCwwLDAsMCwzLjg5LDUuNGwyOS44MywxNywuMTIsMzMuNjNhOCw4LDAsMCwwLDIuODMsNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLDM2LjcyLDIwLjY3LDgsOCwwLDAsMCw2LjQ2LS41OUwxMjgsMjE0LjE1LDE1OC4xMiwyMzFhNy45MSw3LjkxLDAsMCwwLDMuOSwxLDguMDksOC4wOSwwLDAsMCwyLjU3LS40MiwxMTIuMSwxMTIuMSwwLDAsMCwzNi42OC0yMC43Myw4LDgsMCwwLDAsMi44My02LjA3bC4xNS0zMy42NSwyOS44My0xN2E4LDgsMCwwLDAsMy44OS01LjRBMTA2LjQ3LDEwNi40NywwLDAsMCwyMzcuOTQsMTA3LjIxWm0tMTUsMzQuOTEtMjguNTcsMTYuMjVhOCw4LDAsMCwwLTMsM2MtLjU4LDEtMS4xOSwyLjA2LTEuODEsMy4wNmE3Ljk0LDcuOTQsMCwwLDAtMS4yMiw0LjIxbC0uMTUsMzIuMjVhOTUuODksOTUuODksMCwwLDEtMjUuMzcsMTQuM0wxMzQsMTk5LjEzYTgsOCwwLDAsMC0zLjkxLTFoLS4xOWMtMS4yMSwwLTIuNDMsMC0zLjY0LDBhOC4xLDguMSwwLDAsMC00LjEsMWwtMjguODQsMTYuMUE5Niw5NiwwLDAsMSw2Ny44OCwyMDFsLS4xMS0zMi4yYTgsOCwwLDAsMC0xLjIyLTQuMjJjLS42Mi0xLTEuMjMtMi0xLjgtMy4wNmE4LjA5LDguMDksMCwwLDAtMy0zLjA2bC0yOC42LTE2LjI5YTkwLjQ5LDkwLjQ5LDAsMCwxLDAtMjguMjZMNjEuNjcsOTcuNjNhOCw4LDAsMCwwLDMtM2MuNTgtMSwxLjE5LTIuMDYsMS44MS0zLjA2YTcuOTQsNy45NCwwLDAsMCwxLjIyLTQuMjFsLjE1LTMyLjI1YTk1Ljg5LDk1Ljg5LDAsMCwxLDI1LjM3LTE0LjNMMTIyLDU2Ljg3YTgsOCwwLDAsMCw0LjEsMWMxLjIxLDAsMi40MywwLDMuNjQsMGE4LDgsMCwwLDAsNC4xLTFsMjguODQtMTYuMUE5Niw5NiwwLDAsMSwxODguMTIsNTVsLjExLDMyLjJhOCw4LDAsMCwwLDEuMjIsNC4yMmMuNjIsMSwxLjIzLDIsMS44LDMuMDZhOC4wOSw4LjA5LDAsMCwwLDMsMy4wNmwyOC42LDE2LjI5QTkwLjQ5LDkwLjQ5LDAsMCwxLDIyMi45LDE0Mi4xMloiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-gear-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzcuOTQsMTA3LjIxYTgsOCwwLDAsMC0zLjg5LTUuNGwtMjkuODMtMTctLjEyLTMzLjYyYTgsOCwwLDAsMC0yLjgzLTYuMDgsMTExLjkxLDExMS45MSwwLDAsMC0zNi43Mi0yMC42Nyw4LDgsMCwwLDAtNi40Ni41OUwxMjgsNDEuODUsOTcuODgsMjVhOCw4LDAsMCwwLTYuNDctLjZBMTExLjkyLDExMS45MiwwLDAsMCw1NC43Myw0NS4xNWE4LDgsMCwwLDAtMi44Myw2LjA3bC0uMTUsMzMuNjUtMjkuODMsMTdhOCw4LDAsMCwwLTMuODksNS40LDEwNi40NywxMDYuNDcsMCwwLDAsMCw0MS41Niw4LDgsMCwwLDAsMy44OSw1LjRsMjkuODMsMTcsLjEyLDMzLjYzYTgsOCwwLDAsMCwyLjgzLDYuMDgsMTExLjkxLDExMS45MSwwLDAsMCwzNi43MiwyMC42Nyw4LDgsMCwwLDAsNi40Ni0uNTlMMTI4LDIxNC4xNSwxNTguMTIsMjMxYTcuOTEsNy45MSwwLDAsMCwzLjksMSw4LjA5LDguMDksMCwwLDAsMi41Ny0uNDIsMTEyLjEsMTEyLjEsMCwwLDAsMzYuNjgtMjAuNzMsOCw4LDAsMCwwLDIuODMtNi4wN2wuMTUtMzMuNjUsMjkuODMtMTdhOCw4LDAsMCwwLDMuODktNS40QTEwNi40NywxMDYuNDcsMCwwLDAsMjM3Ljk0LDEwNy4yMVpNMTI4LDE2OGE0MCw0MCwwLDEsMSw0MC00MEE0MCw0MCwwLDAsMSwxMjgsMTY4WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-pin: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNmZDdkMjA7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIyOS42Niw5OC4zNCwxNzIuMzksMTU1LjhjMTEuNDYsMjIuOTMtMS43Miw0NS44Ni0xMC4xMSw1N2E4LDgsMCwwLDEtMTIsLjgzTDQyLjM0LDEwNS43NkE4LDgsMCwwLDEsNDMsOTMuODVjMjkuNjUtMjMuOTIsNTcuNC0xMCw1Ny40LTEwbDU3LjI3LTU3LjQ2YTgsOCwwLDAsMSwxMS4zMSwwTDIyOS42Niw4N0E4LDgsMCwwLDEsMjI5LjY2LDk4LjM0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIzNS4zMiw4MS4zNywxNzQuNjMsMjAuNjlhMTYsMTYsMCwwLDAtMjIuNjMsMEw5OC4zNyw3NC40OWMtMTAuNjYtMy4zNC0zNS03LjM3LTYwLjQsMTMuMTRhMTYsMTYsMCwwLDAtMS4yOSwyMy43OEw4NSwxNTkuNzEsNDIuMzQsMjAyLjM0YTgsOCwwLDAsMCwxMS4zMiwxMS4zMkw5Ni4yOSwxNzFsNDguMjksNDguMjlBMTYsMTYsMCwwLDAsMTU1LjksMjI0Yy4zOCwwLC43NSwwLDEuMTMsMGExNS45MywxNS45MywwLDAsMCwxMS42NC02LjMzYzE5LjY0LTI2LjEsMTcuNzUtNDcuMzIsMTMuMTktNjBMMjM1LjMzLDEwNEExNiwxNiwwLDAsMCwyMzUuMzIsODEuMzdaTTIyNCw5Mi42OWgwbC01Ny4yNyw1Ny40NmE4LDgsMCwwLDAtMS40OSw5LjIyYzkuNDYsMTguOTMtMS44LDM4LjU5LTkuMzQsNDguNjJMNDgsMTAwLjA4YzEyLjA4LTkuNzQsMjMuNjQtMTIuMzEsMzIuNDgtMTIuMzFBNDAuMTMsNDAuMTMsMCwwLDEsOTYuODEsOTFhOCw4LDAsMCwwLDkuMjUtMS41MUwxNjMuMzIsMzIsMjI0LDkyLjY4WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-emoji: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0QTEwNCwxMDQsMCwxLDAsMjMyLDEyOCwxMDQuMTEsMTA0LjExLDAsMCwwLDEyOCwyNFptMCwxOTJhODgsODgsMCwxLDEsODgtODhBODguMSw4OC4xLDAsMCwxLDEyOCwyMTZaTTgwLDEwOGExMiwxMiwwLDEsMSwxMiwxMkExMiwxMiwwLDAsMSw4MCwxMDhabTk2LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTc2LDEwOFptLTEuMDgsNDhjLTEwLjI5LDE3Ljc5LTI3LjM5LDI4LTQ2LjkyLDI4cy0zNi42My0xMC4yLTQ2LjkyLTI4YTgsOCwwLDEsMSwxMy44NC04YzcuNDcsMTIuOTEsMTkuMjEsMjAsMzMuMDgsMjBzMjUuNjEtNy4xLDMzLjA4LTIwYTgsOCwwLDEsMSwxMy44NCw4WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-emoji-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk1LjkxLDk1LjkxLDAsMCwxLTQuMjEsMjguMjFsLTYzLjU3LDYzLjU4QTk2LDk2LDAsMSwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTc0LjkyLDE1NmMtMTAuMjksMTcuNzktMjcuMzksMjgtNDYuOTIsMjhzLTM2LjYzLTEwLjItNDYuOTItMjhhOCw4LDAsMSwxLDEzLjg0LThjNy40NywxMi45MSwxOS4yMSwyMCwzMy4wOCwyMHMyNS42MS03LjEsMzMuMDgtMjBhOCw4LDAsMSwxLDEzLjg0LDhaTTIzMiwxMjhhMTA0LjM1LDEwNC4zNSwwLDAsMS00LjU2LDMwLjU2LDgsOCwwLDAsMS0yLDMuMzFsLTYzLjU3LDYzLjU3YTcuOSw3LjksMCwwLDEtMy4zLDJBMTA0LDEwNCwwLDEsMSwyMzIsMTI4Wm0tMTYsMGE4Ny44OSw4Ny44OSwwLDEsMC02NCw4NC42OUwyMTIuNjksMTUyQTg4LjA1LDg4LjA1LDAsMCwwLDIxNiwxMjhaTTkyLDEyMGExMiwxMiwwLDEsMC0xMi0xMkExMiwxMiwwLDAsMCw5MiwxMjBabTcyLTI0YTEyLDEyLDAsMSwwLDEyLDEyQTEyLDEyLDAsMCwwLDE2NCw5NloiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-emoji-accent-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk1LjkxLDk1LjkxLDAsMCwxLTQuMjEsMjguMjFsLTYzLjU3LDYzLjU4QTk2LDk2LDAsMSwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTc0LjkyLDE1NmMtMTAuMjksMTcuNzktMjcuMzksMjgtNDYuOTIsMjhzLTM2LjYzLTEwLjItNDYuOTItMjhhOCw4LDAsMSwxLDEzLjg0LThjNy40NywxMi45MSwxOS4yMSwyMCwzMy4wOCwyMHMyNS42MS03LjEsMzMuMDgtMjBhOCw4LDAsMSwxLDEzLjg0LDhaTTIzMiwxMjhhMTA0LjM1LDEwNC4zNSwwLDAsMS00LjU2LDMwLjU2LDgsOCwwLDAsMS0yLDMuMzFsLTYzLjU3LDYzLjU3YTcuOSw3LjksMCwwLDEtMy4zLDJBMTA0LDEwNCwwLDEsMSwyMzIsMTI4Wm0tMTYsMGE4Ny44OSw4Ny44OSwwLDEsMC02NCw4NC42OUwyMTIuNjksMTUyQTg4LjA1LDg4LjA1LDAsMCwwLDIxNiwxMjhaTTkyLDEyMGExMiwxMiwwLDEsMC0xMi0xMkExMiwxMiwwLDAsMCw5MiwxMjBabTcyLTI0YTEyLDEyLDAsMSwwLDEyLDEyQTEyLDEyLDAsMCwwLDE2NCw5NloiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNmZDdkMjA7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIwOS45NCwxMTMuOTRsLTI4LDI4YTQ3Ljc2LDQ3Ljc2LDAsMCwxLTI2LjUyLDEzLjQ4LDQ3Ljc2LDQ3Ljc2LDAsMCwxLTEzLjQ4LDI2LjUybC0yOCwyOGE0OCw0OCwwLDAsMS02Ny44OC02Ny44OGwyOC0yOGE0Ny43Niw0Ny43NiwwLDAsMSwyNi41Mi0xMy40OCw0Ny43Niw0Ny43NiwwLDAsMSwxMy40OC0yNi41MmwyOC0yOGE0OCw0OCwwLDAsMSw2Ny44OCw2Ny44OFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMzcuNTQsMTg2LjM2YTgsOCwwLDAsMSwwLDExLjMxbC0xNy45NCwxOEE1Niw1NiwwLDAsMSw0MC4zOCwxMzYuNEw2OC41LDEwOC4yOUE1Niw1NiwwLDAsMSwxNDUuMzEsMTA2YTgsOCwwLDEsMS0xMC42NCwxMiw0MCw0MCwwLDAsMC01NC44NSwxLjYzTDUxLjcsMTQ3LjcyYTQwLDQwLDAsMSwwLDU2LjU4LDU2LjU4bDE3Ljk0LTE3Ljk0QTgsOCwwLDAsMSwxMzcuNTQsMTg2LjM2Wm03OC4wOC0xNDZhNTYuMDgsNTYuMDgsMCwwLDAtNzkuMjIsMEwxMTguNDYsNTguMzNhOCw4LDAsMCwwLDExLjMyLDExLjMxTDE0Ny43Miw1MS43YTQwLDQwLDAsMCwxLDU2LjU4LDU2LjU4TDE3Ni4xOCwxMzYuNEE0MCw0MCwwLDAsMSwxMjEuMzMsMTM4LDgsOCwwLDEsMCwxMTAuNjksMTUwYTU2LDU2LDAsMCwwLDc2LjgxLTIuMjdsMjguMTItMjguMTFBNTYuMDgsNTYuMDgsMCwwLDAsMjE1LjYyLDQwLjM4WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-share: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTA0bC00OCw0OFY1NloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMjkuNjYsOTguMzRsLTQ4LTQ4QTgsOCwwLDAsMCwxNjgsNTZWOTZoLTNBMTAzLjk0LDEwMy45NCwwLDAsMCw2NC4yNSwxNzRhOCw4LDAsMCwwLDE1LjUsNEE4OCw4OCwwLDAsMSwxNjUsMTEyaDN2NDBhOCw4LDAsMCwwLDEzLjY2LDUuNjZsNDgtNDhBOCw4LDAsMCwwLDIyOS42Niw5OC4zNFpNMTg0LDEzMi42OVY3NS4zMUwyMTIuNjksMTA0Wk0yMDAsMjE2YTgsOCwwLDAsMS04LDhINDBhMTYsMTYsMCwwLDEtMTYtMTZWODhhOCw4LDAsMCwxLDE2LDBWMjA4SDE5MkE4LDgsMCwwLDEsMjAwLDIxNloiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-compose: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTEuODQsMTM0LjgxbC01OS43OSw2MC40NywwLDBhMTUuNzUsMTUuNzUsMCwwLDEtMTEuMiw0LjY4SDc1LjMyTDQ1LjY2LDIyOS42NmE4LDgsMCwwLDEtMTEuMzItMTEuMzJsMjIuNTktMjIuNThoMEwxMjQuNywxMjhIMjA5QTQsNCwwLDAsMSwyMTEuODQsMTM0LjgxWk0yMTYuNywzMC41N2E2NCw2NCwwLDAsMC04NS45LDQuMTRsLTkuNiw5LjQ4QTQsNCwwLDAsMCwxMjAsNDd2NjNsNTUtNTVhOCw4LDAsMCwxLDExLjMxLDExLjMxTDE0MC43MSwxMTJoODguMzhhNCw0LDAsMCwwLDMuNTYtMi4xNkE2NC4wOCw2NC4wOCwwLDAsMCwyMTYuNywzMC41N1pNNjIuODMsMTY3LjIzLDEwNCwxMjYuMDZWNzAuNzZhNCw0LDAsMCwwLTYuODEtMi44NEw2MC42OSwxMDRBMTUuOSwxNS45LDAsMCwwLDU2LDExNS4zMVYxNjQuNEE0LDQsMCwwLDAsNjIuODMsMTY3LjIzWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-send: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTkuOTEsMTM0Ljg2LDUxLjkzLDIzMWE4LDgsMCwwLDEtMTEuNDQtOS42N2wzMS05MC43MWE3Ljg5LDcuODksMCwwLDAsMC01LjM4bC0zMS05MC40N2E4LDgsMCwwLDEsMTEuNDQtOS42N2wxNjgsOTUuODVBOCw4LDAsMCwxLDIxOS45MSwxMzQuODZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjIzLjg3LDExNGwtMTY4LTk1Ljg5QTE2LDE2LDAsMCwwLDMyLjkzLDM3LjMybDMxLDkwLjQ3YS40Mi40MiwwLDAsMCwwLC4xLjMuMywwLDAsMCwwLC4xbC0zMSw5MC42N0ExNiwxNiwwLDAsMCw0OCwyNDBhMTYuMTQsMTYuMTQsMCwwLDAsNy45Mi0yLjFsMTY3LjkxLTk2LjA1YTE2LDE2LDAsMCwwLC4wNS0yNy44OVpNNDgsMjI0bDAtLjA5TDc4LjE0LDEzNkgxMzZhOCw4LDAsMCwwLDAtMTZINzguMjJMNDguMDYsMzIuMTIsNDgsMzJsMTY4LDk1LjgzWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-send-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIsMTI3Ljg5YTE2LDE2LDAsMCwxLTguMTgsMTRMNTUuOTEsMjM3LjlBMTYuMTQsMTYuMTQsMCwwLDEsNDgsMjQwYTE2LDE2LDAsMCwxLTE1LjA1LTIxLjM0TDYwLjMsMTM4LjcxQTQsNCwwLDAsMSw2NC4wOSwxMzZIMTM2YTgsOCwwLDAsMCw4LTguNTMsOC4xOSw4LjE5LDAsMCwwLTguMjYtNy40N0g2NC4xNmE0LDQsMCwwLDEtMy43OS0yLjdsLTI3LjQ0LTgwQTE2LDE2LDAsMCwxLDU1Ljg1LDE4LjA3bDE2OCw5NS44OUExNiwxNiwwLDAsMSwyMzIsMTI3Ljg5WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-copy: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNDBWMTY4SDE2OFY4OEg4OFY0MFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTYsMzJIODhhOCw4LDAsMCwwLTgsOFY4MEg0MGE4LDgsMCwwLDAtOCw4VjIxNmE4LDgsMCwwLDAsOCw4SDE2OGE4LDgsMCwwLDAsOC04VjE3Nmg0MGE4LDgsMCwwLDAsOC04VjQwQTgsOCwwLDAsMCwyMTYsMzJaTTE2MCwyMDhINDhWOTZIMTYwWm00OC00OEgxNzZWODhhOCw4LDAsMCwwLTgtOEg5NlY0OEgyMDhaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-copied: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzc5YmQ5YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMzJIODhhOCw4LDAsMCwwLTgsOFY4MEg0MGE4LDgsMCwwLDAtOCw4VjIxNmE4LDgsMCwwLDAsOCw4SDE2OGE4LDgsMCwwLDAsOC04VjE3Nmg0MGE4LDgsMCwwLDAsOC04VjQwQTgsOCwwLDAsMCwyMTYsMzJabS04LDEyOEgxNzZWODhhOCw4LDAsMCwwLTgtOEg5NlY0OEgyMDhaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-eye-shut: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NGE1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTA0Yy0xNi44MSwyMC44MS00Ny42Myw0OC05Niw0OHMtNzkuMTktMjcuMTktOTYtNDhjMTYuODEtMjAuODEsNDcuNjMtNDgsOTYtNDhTMjA3LjE5LDgzLjE5LDIyNCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI4LDE3NWE4LDgsMCwwLDEtMTAuOTItM2wtMTktMzMuMkExMjMuMjMsMTIzLjIzLDAsMCwxLDE2MiwxNTUuNDZsNS44NywzNS4yMmE4LDgsMCwwLDEtNi41OCw5LjIxQTguNCw4LjQsMCwwLDEsMTYwLDIwMGE4LDgsMCwwLDEtNy44OC02LjY5bC01Ljc3LTM0LjU4YTEzMy4wNiwxMzMuMDYsMCwwLDEtMzYuNjgsMGwtNS43NywzNC41OEE4LDgsMCwwLDEsOTYsMjAwYTguNCw4LjQsMCwwLDEtMS4zMi0uMTEsOCw4LDAsMCwxLTYuNTgtOS4yMUw5NCwxNTUuNDZhMTIzLjIzLDEyMy4yMywwLDAsMS0zNi4wNi0xNi42OUwzOSwxNzJBOCw4LDAsMSwxLDI1LjA2LDE2NGwyMC0zNWExNTMuNDcsMTUzLjQ3LDAsMCwxLTE5LjMtMjBBOCw4LDAsMSwxLDM4LjIyLDk5YzE2LjYsMjAuNTQsNDUuNjQsNDUsODkuNzgsNDVzNzMuMTgtMjQuNDksODkuNzgtNDVBOCw4LDAsMSwxLDIzMC4yMiwxMDlhMTUzLjQ3LDE1My40NywwLDAsMS0xOS4zLDIwbDIwLDM1QTgsOCwwLDAsMSwyMjgsMTc1WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-eye-shut-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTA0Yy0xNi44MSwyMC44MS00Ny42Myw0OC05Niw0OHMtNzkuMTktMjcuMTktOTYtNDhjMTYuODEtMjAuODEsNDcuNjMtNDgsOTYtNDhTMjA3LjE5LDgzLjE5LDIyNCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI4LDE3NWE4LDgsMCwwLDEtMTAuOTItM2wtMTktMzMuMkExMjMuMjMsMTIzLjIzLDAsMCwxLDE2MiwxNTUuNDZsNS44NywzNS4yMmE4LDgsMCwwLDEtNi41OCw5LjIxQTguNCw4LjQsMCwwLDEsMTYwLDIwMGE4LDgsMCwwLDEtNy44OC02LjY5bC01Ljc3LTM0LjU4YTEzMy4wNiwxMzMuMDYsMCwwLDEtMzYuNjgsMGwtNS43NywzNC41OEE4LDgsMCwwLDEsOTYsMjAwYTguNCw4LjQsMCwwLDEtMS4zMi0uMTEsOCw4LDAsMCwxLTYuNTgtOS4yMUw5NCwxNTUuNDZhMTIzLjIzLDEyMy4yMywwLDAsMS0zNi4wNi0xNi42OUwzOSwxNzJBOCw4LDAsMSwxLDI1LjA2LDE2NGwyMC0zNWExNTMuNDcsMTUzLjQ3LDAsMCwxLTE5LjMtMjBBOCw4LDAsMSwxLDM4LjIyLDk5YzE2LjYsMjAuNTQsNDUuNjQsNDUsODkuNzgsNDVzNzMuMTgtMjQuNDksODkuNzgtNDVBOCw4LDAsMSwxLDIzMC4yMiwxMDlhMTUzLjQ3LDE1My40NywwLDAsMS0xOS4zLDIwbDIwLDM1QTgsOCwwLDAsMSwyMjgsMTc1WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-eye-open: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NGE1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsNTZDNDgsNTYsMTYsMTI4LDE2LDEyOHMzMiw3MiwxMTIsNzIsMTEyLTcyLDExMi03MlMyMDgsNTYsMTI4LDU2Wm0wLDExMmE0MCw0MCwwLDEsMSw0MC00MEE0MCw0MCwwLDAsMSwxMjgsMTY4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTI0Ny4zMSwxMjQuNzZjLS4zNS0uNzktOC44Mi0xOS41OC0yNy42NS0zOC40MUMxOTQuNTcsNjEuMjYsMTYyLjg4LDQ4LDEyOCw0OFM2MS40Myw2MS4yNiwzNi4zNCw4Ni4zNUMxNy41MSwxMDUuMTgsOSwxMjQsOC42OSwxMjQuNzZhOCw4LDAsMCwwLDAsNi41Yy4zNS43OSw4LjgyLDE5LjU3LDI3LjY1LDM4LjRDNjEuNDMsMTk0Ljc0LDkzLjEyLDIwOCwxMjgsMjA4czY2LjU3LTEzLjI2LDkxLjY2LTM4LjM0YzE4LjgzLTE4LjgzLDI3LjMtMzcuNjEsMjcuNjUtMzguNEE4LDgsMCwwLDAsMjQ3LjMxLDEyNC43NlpNMTI4LDE5MmMtMzAuNzgsMC01Ny42Ny0xMS4xOS03OS45My0zMy4yNUExMzMuNDcsMTMzLjQ3LDAsMCwxLDI1LDEyOCwxMzMuMzMsMTMzLjMzLDAsMCwxLDQ4LjA3LDk3LjI1QzcwLjMzLDc1LjE5LDk3LjIyLDY0LDEyOCw2NHM1Ny42NywxMS4xOSw3OS45MywzMy4yNUExMzMuNDYsMTMzLjQ2LDAsMCwxLDIzMS4wNSwxMjhDMjIzLjg0LDE0MS40NiwxOTIuNDMsMTkyLDEyOCwxOTJabTAtMTEyYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-edited: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NGE1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMTUsNzAuNTQsMTg1LjQ2LDI1Ljg2YTIwLDIwLDAsMCwwLTI4LjI4LDBMMzMuODYsMTQ5LjE3QTE5Ljg2LDE5Ljg2LDAsMCwwLDI4LDE2My4zMVYyMDhhMjAsMjAsMCwwLDAsMjAsMjBIMjE2YTEyLDEyLDAsMCwwLDAtMjRIMTI1TDIzMC4xNSw5OC44M0EyMCwyMCwwLDAsMCwyMzAuMTUsNzAuNTRaTTkxLDIwNEg1MlYxNjVsODQtODQsMzksMzlaTTE5MiwxMDMsMTUzLDY0bDE4LjM0LTE4LjM0LDM5LDM5WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-edited-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjEuNjYsOTAuMzQsMTkyLDEyMCwxMzYsNjRsMjkuNjYtMjkuNjZhOCw4LDAsMCwxLDExLjMxLDBMMjIxLjY2LDc5QTgsOCwwLDAsMSwyMjEuNjYsOTAuMzRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI3LjMyLDczLjM3LDE4Mi42MywyOC42OWExNiwxNiwwLDAsMC0yMi42MywwTDM2LjY5LDE1MkExNS44NiwxNS44NiwwLDAsMCwzMiwxNjMuMzFWMjA4YTE2LDE2LDAsMCwwLDE2LDE2SDIxNmE4LDgsMCwwLDAsMC0xNkgxMTUuMzJsMTEyLTExMkExNiwxNiwwLDAsMCwyMjcuMzIsNzMuMzdaTTQ4LDE2My4zMWw4OC04OEwxODAuNjksMTIwbC04OCw4OEg0OFptMTQ0LTU0LjYyTDE0Ny4zMiw2NGwyNC0yNEwyMTYsODQuNjlaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-timer: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsNDRhOTYsOTYsMCwxLDAsOTYsOTZBOTYuMTEsOTYuMTEsMCwwLDAsMTI4LDQ0Wm0wLDE2OGE3Miw3MiwwLDEsMSw3Mi03MkE3Mi4wOCw3Mi4wOCwwLDAsMSwxMjgsMjEyWk0xNjQuNDksOTkuNTFhMTIsMTIsMCwwLDEsMCwxN2wtMjgsMjhhMTIsMTIsMCwwLDEtMTctMTdsMjgtMjhBMTIsMTIsMCwwLDEsMTY0LjQ5LDk5LjUxWk05MiwxNkExMiwxMiwwLDAsMSwxMDQsNGg0OGExMiwxMiwwLDAsMSwwLDI0SDEwNEExMiwxMiwwLDAsMSw5MiwxNloiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-timer-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsNDRhOTYsOTYsMCwxLDAsOTYsOTZBOTYuMTEsOTYuMTEsMCwwLDAsMTI4LDQ0Wm0wLDE2OGE3Miw3MiwwLDEsMSw3Mi03MkE3Mi4wOCw3Mi4wOCwwLDAsMSwxMjgsMjEyWk0xNjQuNDksOTkuNTFhMTIsMTIsMCwwLDEsMCwxN2wtMjgsMjhhMTIsMTIsMCwwLDEtMTctMTdsMjgtMjhBMTIsMTIsMCwwLDEsMTY0LjQ5LDk5LjUxWk05MiwxNkExMiwxMiwwLDAsMSwxMDQsNGg0OGExMiwxMiwwLDAsMSwwLDI0SDEwNEExMiwxMiwwLDAsMSw5MiwxNloiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-check-radio: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNzYuNDksOTUuNTFhMTIsMTIsMCwwLDEsMCwxN2wtNTYsNTZhMTIsMTIsMCwwLDEtMTcsMGwtMjQtMjRhMTIsMTIsMCwxLDEsMTctMTdMMTEyLDE0M2w0Ny41MS00Ny41MkExMiwxMiwwLDAsMSwxNzYuNDksOTUuNTFaTTIzNiwxMjhBMTA4LDEwOCwwLDEsMSwxMjgsMjAsMTA4LjEyLDEwOC4xMiwwLDAsMSwyMzYsMTI4Wm0tMjQsMGE4NCw4NCwwLDEsMC04NCw4NEE4NC4wOSw4NC4wOSwwLDAsMCwyMTIsMTI4WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-check-radio-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNzYuNDksOTUuNTFhMTIsMTIsMCwwLDEsMCwxN2wtNTYsNTZhMTIsMTIsMCwwLDEtMTcsMGwtMjQtMjRhMTIsMTIsMCwxLDEsMTctMTdMMTEyLDE0M2w0Ny41MS00Ny41MkExMiwxMiwwLDAsMSwxNzYuNDksOTUuNTFaTTIzNiwxMjhBMTA4LDEwOCwwLDEsMSwxMjgsMjAsMTA4LjEyLDEwOC4xMiwwLDAsMSwyMzYsMTI4Wm0tMjQsMGE4NCw4NCwwLDEsMC04NCw4NEE4NC4wOSw4NC4wOSwwLDAsMCwyMTIsMTI4WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-check-box: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik03OS41MSwxNDQuNDlhMTIsMTIsMCwxLDEsMTctMTdMMTEyLDE0M2w0Ny41MS00Ny41MmExMiwxMiwwLDAsMSwxNywxN2wtNTYsNTZhMTIsMTIsMCwwLDEtMTcsMFpNMjI4LDQ4VjIwOGEyMCwyMCwwLDAsMS0yMCwyMEg0OGEyMCwyMCwwLDAsMS0yMC0yMFY0OEEyMCwyMCwwLDAsMSw0OCwyOEgyMDhBMjAsMjAsMCwwLDEsMjI4LDQ4Wm0tMjQsNEg1MlYyMDRIMjA0WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-check-box-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik03OS41MSwxNDQuNDlhMTIsMTIsMCwxLDEsMTctMTdMMTEyLDE0M2w0Ny41MS00Ny41MmExMiwxMiwwLDAsMSwxNywxN2wtNTYsNTZhMTIsMTIsMCwwLDEtMTcsMFpNMjI4LDQ4VjIwOGEyMCwyMCwwLDAsMS0yMCwyMEg0OGEyMCwyMCwwLDAsMS0yMC0yMFY0OEEyMCwyMCwwLDAsMSw0OCwyOEgyMDhBMjAsMjAsMCwwLDEsMjI4LDQ4Wm0tMjQsNEg1MlYyMDRIMjA0WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-trophy: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzRlOGE2YiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDAsNTZ2NTUuMWMwLDM5LjctMzEuNzUsNzIuNi03MS40NSw3Mi45QTcyLDcyLDAsMCwxLDU2LDExMlY1NmE4LDgsMCwwLDEsOC04SDE5MkE4LDgsMCwwLDEsMjAwLDU2WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIzMiw2NEgyMDhWNTZhMTYsMTYsMCwwLDAtMTYtMTZINjRBMTYsMTYsMCwwLDAsNDgsNTZ2OEgyNEExNiwxNiwwLDAsMCw4LDgwVjk2YTQwLDQwLDAsMCwwLDQwLDQwaDMuNjVBODAuMTMsODAuMTMsMCwwLDAsMTIwLDE5MS42MVYyMTZIOTZhOCw4LDAsMCwwLDAsMTZoNjRhOCw4LDAsMCwwLDAtMTZIMTM2VjE5MS41OGMzMS45NC0zLjIzLDU4LjQ0LTI1LjY0LDY4LjA4LTU1LjU4SDIwOGE0MCw0MCwwLDAsMCw0MC00MFY4MEExNiwxNiwwLDAsMCwyMzIsNjRaTTQ4LDEyMEEyNCwyNCwwLDAsMSwyNCw5NlY4MEg0OHYzMnEwLDQsLjM5LDhabTE0NC04LjljMCwzNS41Mi0yOC40OSw2NC42NC02My41MSw2NC45SDEyOGE2NCw2NCwwLDAsMS02NC02NFY1NkgxOTJaTTIzMiw5NmEyNCwyNCwwLDAsMS0yNCwyNGgtLjVhODEuODEsODEuODEsMCwwLDAsLjUtOC45VjgwaDI0WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-broom: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIuOCwxNjUuMTIsNDMuOTMsMTA1LjU3QTExMC44OCwxMTAuODgsMCwwLDEsNjEuNDcsODIuMzhhOCw4LDAsMCwxLDguNjctMS44MUw5NS41Miw5MC44NWExNiwxNiwwLDAsMCwyMC44Mi05bDIxLTUzLjFjNC4xNS0xMCwxNS40Ny0xNS4zMywyNS42My0xMS41M2EyMCwyMCwwLDAsMSwxMS41MSwyNi4zOUwxNTMuMTMsOTYuNzFhMTYsMTYsMCwwLDAsOC45MywyMC43NUwxODcsMTI3LjNhOCw4LDAsMCwxLDUsNy40M1YxNTJBMTA0LjU4LDEwNC41OCwwLDAsMCwxOTIuOCwxNjUuMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM1LjUsMjE2LjgxYy0yMi41Ni0xMS0zNS41LTM0LjU4LTM1LjUtNjQuOFYxMzQuNzNhMTUuOTQsMTUuOTQsMCwwLDAtMTAuMDktMTQuODdMMTY1LDExMGE4LDgsMCwwLDEtNC40OC0xMC4zNGwyMS4zMi01M2EyOCwyOCwwLDAsMC0xNi4xLTM3LDI4LjE0LDI4LjE0LDAsMCwwLTM1LjgyLDE2LC42MS42MSwwLDAsMCwwLC4xMkwxMDguOSw3OWE4LDgsMCwwLDEtMTAuMzcsNC40OUw3My4xMSw3My4xNEExNS44OSwxNS44OSwwLDAsMCw1NS43NCw3Ni44QzM0LjY4LDk4LjQ1LDI0LDEyMy43NSwyNCwxNTJhMTExLjQ1LDExMS40NSwwLDAsMCwzMS4xOCw3Ny41M0E4LDgsMCwwLDAsNjEsMjMySDIzMmE4LDgsMCwwLDAsMy41LTE1LjE5Wk02Ny4xNCw4OGwyNS40MSwxMC4zYTI0LDI0LDAsMCwwLDMxLjIzLTEzLjQ1bDIxLTUzYzIuNTYtNi4xMSw5LjQ3LTkuMjcsMTUuNDMtN2ExMiwxMiwwLDAsMSw2Ljg4LDE1LjkyTDE0NS42OSw5My43NmEyNCwyNCwwLDAsMCwxMy40MywzMS4xNEwxODQsMTM0LjczVjE1MmMwLC4zMywwLC42NiwwLDFMNTUuNzcsMTAxLjcxQTEwOC44NCwxMDguODQsMCwwLDEsNjcuMTQsODhabTQ4LDEyOGE4Ny41Myw4Ny41MywwLDAsMS0yNC4zNC00Miw4LDgsMCwwLDAtMTUuNDksNCwxMDUuMTYsMTA1LjE2LDAsMCwwLDE4LjM2LDM4SDY0LjQ0QTk1LjU0LDk1LjU0LDAsMCwxLDQwLDE1MmE4NS45LDg1LjksMCwwLDEsNy43My0zNi4yOWwxMzcuOCw1NS4xMmMzLDE4LDEwLjU2LDMzLjQ4LDIxLjg5LDQ1LjE2WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
|
||
/* Popular hashtag icons */
|
||
--icon-music: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMTg0YTQwLDQwLDAsMSwxLTQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxODRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjEwLjMsNTYuMzRsLTgwLTI0QTgsOCwwLDAsMCwxMjAsNDBWMTQ4LjI2QTQ4LDQ4LDAsMSwwLDEzNiwxODRWNTAuNzVsNjkuNywyMC45MWE4LDgsMCwxLDAsNC42LTE1LjMyWk04OCwyMTZhMzIsMzIsMCwxLDEsMzItMzJBMzIsMzIsMCwwLDEsODgsMjE2WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-microphone: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTYuNSwxNTEsNTksMjIyLjQ1YTgsOCwwLDAsMS0xMC4zOC0uNzlsLTE0LjMtMTQuM0E4LDgsMCwwLDEsMzMuNTUsMTk3TDEwNSw5OS41bDAsMEE2NCw2NCwwLDAsMCwxNTYuNDgsMTUxWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2OCwxNkE3Mi4wNyw3Mi4wNywwLDAsMCw5Niw4OGE3My4yOSw3My4yOSwwLDAsMCwuNjMsOS40MkwyNy4xMiwxOTIuMjJBMTUuOTMsMTUuOTMsMCwwLDAsMjguNzEsMjEzTDQzLDIyNy4yOWExNS45MywxNS45MywwLDAsMCwyMC43OCwxLjU5bDk0LjgxLTY5LjUzQTczLjI5LDczLjI5LDAsMCwwLDE2OCwxNjBhNzIsNzIsMCwxLDAsMC0xNDRabTU2LDcyYTU1LjcyLDU1LjcyLDAsMCwxLTExLjE2LDMzLjUyTDEzNC40OSw0My4xNkE1Niw1NiwwLDAsMSwyMjQsODhaTTU0LjMyLDIxNiw0MCwyMDEuNjgsMTAyLjE0LDExN0E3Mi4zNyw3Mi4zNywwLDAsMCwxMzksMTUzLjg2Wk0xMTIsODhhNTUuNjcsNTUuNjcsMCwwLDEsMTEuMTYtMzMuNTFsNzguMzQsNzguMzRBNTYsNTYsMCwwLDEsMTEyLDg4Wm0tMi4zNSw1OC4zNGE4LDgsMCwwLDEsMCwxMS4zMWwtOCw4YTgsOCwwLDEsMS0xMS4zMS0xMS4zMWw4LThBOCw4LDAsMCwxLDEwOS42NywxNDYuMzNaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-cake: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMDQsNDhjMC0yNCwyNC00MCwyNC00MHMyNCwxNiwyNCw0MGEyNCwyNCwwLDAsMS00OCwwWk0yMDgsOTZINDhhMTYsMTYsMCwwLDAtMTYsMTZ2MjMuMzNjMCwxNy40NCwxMy42NywzMi4xOCwzMS4xLDMyLjY2QTMyLDMyLDAsMCwwLDk2LDEzNmEzMiwzMiwwLDAsMCw2NCwwLDMyLDMyLDAsMCwwLDMyLjksMzJjMTcuNDMtLjQ4LDMxLjEtMTUuMjIsMzEuMS0zMi42NlYxMTJBMTYsMTYsMCwwLDAsMjA4LDk2WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIzMiwxMTJhMjQsMjQsMCwwLDAtMjQtMjRIMTM2Vjc5YTMyLjA2LDMyLjA2LDAsMCwwLDI0LTMxYzAtMjgtMjYuNDQtNDUuOTEtMjcuNTYtNDYuNjZhOCw4LDAsMCwwLTguODgsMEMxMjIuNDQsMi4wOSw5NiwyMCw5Niw0OGEzMi4wNiwzMi4wNiwwLDAsMCwyNCwzMXY5SDQ4YTI0LDI0LDAsMCwwLTI0LDI0djIzLjMzYTQwLjg0LDQwLjg0LDAsMCwwLDgsMjQuMjRWMjAwYTI0LDI0LDAsMCwwLDI0LDI0SDIwMGEyNCwyNCwwLDAsMCwyNC0yNFYxNTkuNTdhNDAuODQsNDAuODQsMCwwLDAsOC0yNC4yNFpNMTEyLDQ4YzAtMTMuNTcsMTAtMjQuNDYsMTYtMjkuNzksNiw1LjMzLDE2LDE2LjIyLDE2LDI5Ljc5YTE2LDE2LDAsMCwxLTMyLDBaTTQwLDExMmE4LDgsMCwwLDEsOC04SDIwOGE4LDgsMCwwLDEsOCw4djIzLjMzYzAsMTMuMjUtMTAuNDYsMjQuMzEtMjMuMzIsMjQuNjZBMjQsMjQsMCwwLDEsMTY4LDEzNmE4LDgsMCwwLDAtMTYsMCwyNCwyNCwwLDAsMS00OCwwLDgsOCwwLDAsMC0xNiwwLDI0LDI0LDAsMCwxLTI0LjY4LDI0QzUwLjQ2LDE1OS42NCw0MCwxNDguNTgsNDAsMTM1LjMzWm0xNjAsOTZINTZhOCw4LDAsMCwxLTgtOFYxNzIuNTZBMzguNzcsMzguNzcsMCwwLDAsNjIuODgsMTc2YTM5LjY5LDM5LjY5LDAsMCwwLDI5LTExLjMxQTQwLjM2LDQwLjM2LDAsMCwwLDk2LDE2MGE0MCw0MCwwLDAsMCw2NCwwLDQwLjM2LDQwLjM2LDAsMCwwLDQuMTMsNC42N0EzOS42NywzOS42NywwLDAsMCwxOTIsMTc2Yy4zOCwwLC43NiwwLDEuMTQsMEEzOC43NywzOC43NywwLDAsMCwyMDgsMTcyLjU2VjIwMEE4LDgsMCwwLDEsMjAwLDIwOFoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-calendar: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNDhWODhINDBWNDhhOCw4LDAsMCwxLDgtOEgyMDhBOCw4LDAsMCwxLDIxNiw0OFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMDgsMzJIMTg0VjI0YTgsOCwwLDAsMC0xNiwwdjhIODhWMjRhOCw4LDAsMCwwLTE2LDB2OEg0OEExNiwxNiwwLDAsMCwzMiw0OFYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIMjA4YTE2LDE2LDAsMCwwLDE2LTE2VjQ4QTE2LDE2LDAsMCwwLDIwOCwzMlpNNzIsNDh2OGE4LDgsMCwwLDAsMTYsMFY0OGg4MHY4YTgsOCwwLDAsMCwxNiwwVjQ4aDI0VjgwSDQ4VjQ4Wk0yMDgsMjA4SDQ4Vjk2SDIwOFYyMDhaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-popcorn: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik04OCw5NmwxNiwxMjBINzAuMzRhOCw4LDAsMCwxLTcuNzktNi4xN0wzMiw4MFptODAsMEwxNTIsMjE2aDMzLjY2YTgsOCwwLDAsMCw3Ljc5LTYuMTdMMjI0LDgwWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyOS41Miw3NC4yMWE4LDgsMCwwLDAtNy4xMy0yQTQ0LDQ0LDAsMCwwLDE2OCw0MS42N2E0NCw0NCwwLDAsMC04MCwwLDQ0LDQ0LDAsMCwwLTU0LjQsMzAuNTEsOCw4LDAsMCwwLTkuNCw5LjY1TDU0Ljc2LDIxMS42N0ExNiwxNiwwLDAsMCw3MC4zNCwyMjRIMTg1LjY2YTE2LDE2LDAsMCwwLDE1LjU4LTEyLjMzTDIzMS43OSw4MS44M0E4LDgsMCwwLDAsMjI5LjUyLDc0LjIxWk03Niw1NmEyNy42OCwyNy42OCwwLDAsMSwxMy4xMSwzLjI2LDgsOCwwLDAsMCwxMS41Ni01LjM0LDI4LDI4LDAsMCwxLDU0LjY2LDAsOCw4LDAsMCwwLDExLjU2LDUuMzRBMjgsMjgsMCwwLDEsMjA3LDc2LjU0bC0zOC41NiwxMS0zNC40OS0xMy44YTE2LDE2LDAsMCwwLTExLjg4LDBMODcuNTcsODcuNTYsNDksNzYuNTRBMjgsMjgsMCwwLDEsNzYsNTZabTgzLjI1LDQ1LjExTDE0NSwyMDhIMTExTDk2Ljc1LDEwMS4xMSwxMjgsODguNjJaTTQyLjkxLDkxLjQ0bDM3Ljg1LDEwLjgxTDk0Ljg2LDIwOEg3MC4zNFpNMTg1LjY2LDIwOEgxNjEuMTRsMTQuMS0xMDUuNzUsMzcuODUtMTAuODFaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-tangerine-slice: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsODhBODgsODgsMCwwLDEsNDAsODhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ4LDgwSDhhOCw4LDAsMCwwLTgsOCwxMjgsMTI4LDAsMCwwLDI1NiwwQTgsOCwwLDAsMCwyNDgsODBaTTc3LjQsMTQ5LjkxbDQyLjYtNDIuNlYxNjcuNkE3OS41OSw3OS41OSwwLDAsMSw3Ny40LDE0OS45MVpNNjYuMDksMTM4LjZBNzkuNTksNzkuNTksMCwwLDEsNDguNCw5Nmg2MC4yOVpNMTM2LDEwNy4zMWw0Mi42LDQyLjZBNzkuNTksNzkuNTksMCwwLDEsMTM2LDE2Ny42Wm01My45MSwzMS4yOUwxNDcuMzEsOTZIMjA3LjZBNzkuNTksNzkuNTksMCwwLDEsMTg5LjkxLDEzOC42Wk0xMjgsMjAwQTExMi4xNSwxMTIuMTUsMCwwLDEsMTYuMjgsOTZIMzIuMzRhOTYsOTYsMCwwLDAsMTkxLjMyLDBoMTYuMDZBMTEyLjE1LDExMi4xNSwwLDAsMSwxMjgsMjAwWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-sunset: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTQ0YTY0LjMzLDY0LjMzLDAsMCwxLTIsMTZINjZhNjQsNjQsMCwxLDEsMTI2LTE2WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTI0MCwxNTJIMTk5LjU1YTczLjU0LDczLjU0LDAsMCwwLC40NS04LDcyLDcyLDAsMCwwLTE0NCwwLDczLjU0LDczLjU0LDAsMCwwLC40NSw4SDE2YTgsOCwwLDAsMCwwLDE2SDI0MGE4LDgsMCwwLDAsMC0xNlpNNzIsMTQ0YTU2LDU2LDAsMSwxLDExMS40MSw4SDcyLjU5QTU2LjEzLDU2LjEzLDAsMCwxLDcyLDE0NFptMTQ0LDU2YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLDAtMTZIMjA4QTgsOCwwLDAsMSwyMTYsMjAwWk03Mi44NCw0My41OGE4LDgsMCwwLDEsMTQuMzItNy4xNmw4LDE2YTgsOCwwLDAsMS0xNC4zMiw3LjE2Wm0tNTYsNDguODRhOCw4LDAsMCwxLDEwLjc0LTMuNTdsMTYsOGE4LDgsMCwwLDEtNy4xNiwxNC4zMWwtMTYtOEE4LDgsMCwwLDEsMTYuODQsOTIuNDJabTE5MiwxNS4xNmE4LDgsMCwwLDEsMy41OC0xMC43M2wxNi04YTgsOCwwLDEsMSw3LjE2LDE0LjMxbC0xNiw4YTgsOCwwLDAsMS0xMC43NC0zLjU4Wm0tNDgtNTUuMTYsOC0xNmE4LDgsMCwwLDEsMTQuMzIsNy4xNmwtOCwxNmE4LDgsMCwxLDEtMTQuMzItNy4xNloiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-camera: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNjRIMTc2TDE2MCw0MEg5Nkw4MCw2NEg0OEExNiwxNiwwLDAsMCwzMiw4MFYxOTJhMTYsMTYsMCwwLDAsMTYsMTZIMjA4YTE2LDE2LDAsMCwwLDE2LTE2VjgwQTE2LDE2LDAsMCwwLDIwOCw2NFpNMTI4LDE2OGEzNiwzNiwwLDEsMSwzNi0zNkEzNiwzNiwwLDAsMSwxMjgsMTY4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIwOCw1NkgxODAuMjhMMTY2LjY1LDM1LjU2QTgsOCwwLDAsMCwxNjAsMzJIOTZhOCw4LDAsMCwwLTYuNjUsMy41Nkw3NS43MSw1Nkg0OEEyNCwyNCwwLDAsMCwyNCw4MFYxOTJhMjQsMjQsMCwwLDAsMjQsMjRIMjA4YTI0LDI0LDAsMCwwLDI0LTI0VjgwQTI0LDI0LDAsMCwwLDIwOCw1NlptOCwxMzZhOCw4LDAsMCwxLTgsOEg0OGE4LDgsMCwwLDEtOC04VjgwYTgsOCwwLDAsMSw4LThIODBhOCw4LDAsMCwwLDYuNjYtMy41NkwxMDAuMjgsNDhoNTUuNDNsMTMuNjMsMjAuNDRBOCw4LDAsMCwwLDE3Niw3MmgzMmE4LDgsMCwwLDEsOCw4Wk0xMjgsODhhNDQsNDQsMCwxLDAsNDQsNDRBNDQuMDUsNDQuMDUsMCwwLDAsMTI4LDg4Wm0wLDcyYTI4LDI4LDAsMSwxLDI4LTI4QTI4LDI4LDAsMCwxLDEyOCwxNjBaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-pine: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0zMiwxOTJsNTYtNzJINDhMMTI4LDE2bDgwLDEwNEgxNjhsNTYsNzJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjMwLjMxLDE4Ny4wOSwxODQuMzYsMTI4SDIwOGE4LDgsMCwwLDAsNi4zNC0xMi44OGwtODAtMTA0YTgsOCwwLDAsMC0xMi42OCwwbC04MCwxMDRBOCw4LDAsMCwwLDQ4LDEyOEg3MS42NEwyNS42OSwxODcuMDlBOCw4LDAsMCwwLDMyLDIwMGg4OHY0MGE4LDgsMCwwLDAsMTYsMFYyMDBoODhhOCw4LDAsMCwwLDYuMzEtMTIuOTFaTTQ4LjM2LDE4NGw0Ni01OS4wOUE4LDgsMCwwLDAsODgsMTEySDY0LjI1TDEyOCwyOS4xMiwxOTEuNzUsMTEySDE2OGE4LDgsMCwwLDAtNi4zMSwxMi45MUwyMDcuNjQsMTg0WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-tree: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIsMTI3LjgyYTY0LDY0LDAsMCwxLTk5LjUyLDUzLjQxLDgsOCwwLDAsMC05LDBBNjQsNjQsMCwxLDEsNjEuMjUsNjkuODZhOCw4LDAsMCwwLDQtNC4xNyw2OCw2OCwwLDAsMSwxMjUuNDQsMCw4LDgsMCwwLDAsNCw0LjE3QTY0LDY0LDAsMCwxLDIzMiwxMjcuODJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTk4LjEsNjIuNmE3Niw3NiwwLDAsMC0xNDAuMiwwQTcyLjI5LDcyLjI5LDAsMCwwLDE2LDEyNy44QzE1Ljg5LDE2Ni42Miw0Ny4zNiwxOTksODYuMTQsMjAwQTcxLjY4LDcxLjY4LDAsMCwwLDEyMCwxOTIuNDlWMjMyYTgsOCwwLDAsMCwxNiwwVjE5Mi40OUE3MS40NSw3MS40NSwwLDAsMCwxNjgsMjAwbDEuODYsMGMzOC43OC0xLDcwLjI1LTMzLjM2LDcwLjE0LTcyLjE4QTcyLjI2LDcyLjI2LDAsMCwwLDE5OC4xLDYyLjZaTTE2OS40NSwxODRhNTUuNyw1NS43LDAsMCwxLTMyLjUyLTkuNHEtLjQ3LS4zLS45My0uNTdWMTMyLjk0bDQzLjU4LTIxLjc4YTgsOCwwLDEsMC03LjE2LTE0LjMyTDEzNiwxMTUuMDZWODhhOCw4LDAsMCwwLTE2LDB2NTEuMDZMODMuNTgsMTIwLjg0YTgsOCwwLDEsMC03LjE2LDE0LjMyTDEyMCwxNTYuOTRWMTc0Yy0uMzEuMTgtLjYyLjM3LS45Mi41N0E1NS43Myw1NS43MywwLDAsMSw4Ni41NSwxODRhNTYsNTYsMCwwLDEtMjItMTA2Ljg2LDE1LjksMTUuOSwwLDAsMCw4LjA1LTguMzMsNjAsNjAsMCwwLDEsMTEwLjcsMCwxNS45LDE1LjksMCwwLDAsOC4wNSw4LjMzLDU2LDU2LDAsMCwxLTIyLDEwNi44NloiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-cat: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNDh2ODhjMCw0OC42LTQzLDg4LTk2LDg4cy05Ni0zOS40LTk2LTg4VjQ4YTgsOCwwLDAsMSwxMy42Ni01LjY2TDY3LjYsNjcuNmgwYTEwMi44NywxMDIuODcsMCwwLDEsMTIwLjgsMGgwbDIxLjk0LTI1LjI0QTgsOCwwLDAsMSwyMjQsNDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNOTYsMTQwYTEyLDEyLDAsMSwxLTEyLTEyQTEyLDEyLDAsMCwxLDk2LDE0MFptNzYtMTJhMTIsMTIsMCwxLDAsMTIsMTJBMTIsMTIsMCwwLDAsMTcyLDEyOFptNjAtODB2ODhjMCw1Mi45My00Ni42NSw5Ni0xMDQsOTZTMjQsMTg4LjkzLDI0LDEzNlY0OEExNiwxNiwwLDAsMSw1MS4zMSwzNi42OWMuMTQuMTQuMjYuMjcuMzguNDFMNjksNTdhMTExLjIyLDExMS4yMiwwLDAsMSwxMTguMSwwTDIwNC4zMSwzNy4xYy4xMi0uMTQuMjQtLjI3LjM4LS40MUExNiwxNiwwLDAsMSwyMzIsNDhabS0xNiwwLTIxLjU2LDI0LjhBOCw4LDAsMCwxLDE4My42Myw3NCw4OC44Niw4OC44NiwwLDAsMCwxNjgsNjQuNzVWODhhOCw4LDAsMSwxLTE2LDBWNTkuMDVhOTcuNDMsOTcuNDMsMCwwLDAtMTYtMi43MlY4OGE4LDgsMCwxLDEtMTYsMFY1Ni4zM2E5Ny40Myw5Ny40MywwLDAsMC0xNiwyLjcyVjg4YTgsOCwwLDEsMS0xNiwwVjY0Ljc1QTg4Ljg2LDg4Ljg2LDAsMCwwLDcyLjM3LDc0YTgsOCwwLDAsMS0xMC44MS0xLjE3TDQwLDQ4djg4YzAsNDEuNjYsMzUuMjEsNzYsODAsNzkuNjdWMTk1LjMxbC0xMy42Ni0xMy42NmE4LDgsMCwwLDEsMTEuMzItMTEuMzFMMTI4LDE4MC42OGwxMC4zNC0xMC4zNGE4LDgsMCwwLDEsMTEuMzIsMTEuMzFMMTM2LDE5NS4zMXYyMC4zNmM0NC43OS0zLjY5LDgwLTM4LDgwLTc5LjY3WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-dog: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsMTIwLjM4VjE4NGEzMiwzMiwwLDAsMS0zMiwzMkg4MGEzMiwzMiwwLDAsMS0zMi0zMlYxMjAuMzhMMTA0LDQ4aDQ4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIzOS43MSwxMjVsLTE2LjQyLTg4YTE2LDE2LDAsMCwwLTE5LjYxLTEyLjU4bC0uMzEuMDlMMTUwLjg1LDQwaC00NS43TDUyLjYzLDI0LjU2bC0uMzEtLjA5QTE2LDE2LDAsMCwwLDMyLjcxLDM3LjA1TDE2LjI5LDEyNWExNS43NywxNS43NywwLDAsMCw5LjEyLDE3LjUyQTE2LjI2LDE2LjI2LDAsMCwwLDMyLjEyLDE0NCwxNS40OCwxNS40OCwwLDAsMCw0MCwxNDEuODRWMTg0YTQwLDQwLDAsMCwwLDQwLDQwaDk2YTQwLDQwLDAsMCwwLDQwLTQwVjE0MS44NWExNS41LDE1LjUsMCwwLDAsNy44NywyLjE2LDE2LjMxLDE2LjMxLDAsMCwwLDYuNzItMS40N0ExNS43NywxNS43NywwLDAsMCwyMzkuNzEsMTI1Wk0zMiwxMjhoMEw0OC40Myw0MCw5MC41LDUyLjM3Wm0xNDQsODBIMTM2VjE5NS4zMWwxMy42Ni0xMy42NWE4LDgsMCwwLDAtMTEuMzItMTEuMzJMMTI4LDE4MC42OWwtMTAuMzQtMTAuMzVhOCw4LDAsMCwwLTExLjMyLDExLjMyTDEyMCwxOTUuMzFWMjA4SDgwYTI0LDI0LDAsMCwxLTI0LTI0VjEyMy4xMUwxMDcuOTMsNTZoNDAuMTRMMjAwLDEyMy4xMVYxODRBMjQsMjQsMCwwLDEsMTc2LDIwOFptNDgtODBMMTY1LjUsNTIuMzcsMjA3LjU3LDQwLDIyNCwxMjhaTTEwNCwxNDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTA0LDE0MFptNzIsMGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNzYsMTQwWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-brush: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMzJjMCwzMi44MS0zMS42NCw2Ny40My01OC42NCw5MS4wNUE4NC4zOSw4NC4zOSwwLDAsMCwxMzMsOTAuNjRDMTU2LjU3LDYzLjY0LDE5MS4xOSwzMiwyMjQsMzJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjMyLDMyYTgsOCwwLDAsMC04LThjLTQ0LjA4LDAtODkuMzEsNDkuNzEtMTE0LjQzLDgyLjYzQTYwLDYwLDAsMCwwLDMyLDE2NGMwLDMwLjg4LTE5LjU0LDQ0LjczLTIwLjQ3LDQ1LjM3QTgsOCwwLDAsMCwxNiwyMjRIOTJhNjAsNjAsMCwwLDAsNTcuMzctNzcuNTdDMTgyLjMsMTIxLjMxLDIzMiw3Ni4wOCwyMzIsMzJaTTkyLDIwOEgzNC42M0M0MS4zOCwxOTguNDEsNDgsMTgzLjkyLDQ4LDE2NGE0NCw0NCwwLDEsMSw0NCw0NFptMzIuNDItOTQuNDVxNS4xNC02LjY2LDEwLjA5LTEyLjU1QTc2LjIzLDc2LjIzLDAsMCwxLDE1NSwxMjEuNDlxLTUuOSw0Ljk0LTEyLjU1LDEwLjA5QTYwLjU0LDYwLjU0LDAsMCwwLDEyNC40MiwxMTMuNTVabTQyLjctMi42OGE5Mi41Nyw5Mi41NywwLDAsMC0yMi0yMmMzMS43OC0zNC41Myw1NS43NS00NSw2OS45LTQ3LjkxQzIxMi4xNyw1NS4xMiwyMDEuNjUsNzkuMDksMTY3LjEyLDExMC44N1oiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-apple: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNzMuNTJabTAsOTkuMjZjLTE2Ljc5LTExLjUzLTI0LTMwLjg3LTI0LTUyLjc4LDAtMTguMywxMS42OC0zNC44MSwyNC00Ni40OEMyMDQuNTMsNjIuNjYsMTg1LDU2LDE2OCw1NmE2My43Miw2My43MiwwLDAsMC00MCwxNGgwQTYzLjcxLDYzLjcxLDAsMCwwLDg4Ljg4LDU2QzUyLDU1LjUsMjMuMDYsODYuMywyNCwxMjMuMTlhMTE5LjYyLDExOS42MiwwLDAsMCwzNy42NSw4NC4xMkEzMiwzMiwwLDAsMCw4My42LDIxNmg4Ny43YTMxLjc1LDMxLjc1LDAsMCwwLDIzLjI2LTEwYzE1Ljg1LTE3LDIxLjQ0LTMzLjIsMjEuNDQtMzMuMloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMjMuMywxNjkuNTlhOC4wNyw4LjA3LDAsMCwwLTIuOC0zLjRDMjAzLjUzLDE1NC41MywyMDAsMTM0LjY0LDIwMCwxMjBjMC0xNy42NywxMy40Ny0zMy4wNiwyMS41LTQwLjY3YTgsOCwwLDAsMCwwLTExLjYyQzIwOC44Miw1NS43NCwxODcuODIsNDgsMTY4LDQ4YTcyLjIzLDcyLjIzLDAsMCwwLTQwLDEyLjEzLDcxLjU2LDcxLjU2LDAsMCwwLTkwLjcxLDkuMDlBNzQuNjMsNzQuNjMsMCwwLDAsMTYsMTIzLjRhMTI3LDEyNywwLDAsMCw0MC4xNCw4OS43M0EzOS44LDM5LjgsMCwwLDAsODMuNTksMjI0aDg3LjY4YTM5Ljg0LDM5Ljg0LDAsMCwwLDI5LjEyLTEyLjU3LDEyNSwxMjUsMCwwLDAsMTcuODItMjQuNkMyMjUuMjMsMTc0LDIyNC4zMywxNzIsMjIzLjMsMTY5LjU5Wm0tMzQuNjMsMzAuOTRhMjMuNzYsMjMuNzYsMCwwLDEtMTcuNCw3LjQ3SDgzLjU5YTIzLjgyLDIzLjgyLDAsMCwxLTE2LjQ0LTYuNTFBMTExLjE0LDExMS4xNCwwLDAsMSwzMiwxMjMsNTguNSw1OC41LDAsMCwxLDQ4LjY1LDgwLjQ3LDU0LjgxLDU0LjgxLDAsMCwxLDg4LDY0aC43OEE1NS40NSw1NS40NSwwLDAsMSwxMjMsNzYuMjhhOCw4LDAsMCwwLDEwLDBBNTUuMzksNTUuMzksMCwwLDEsMTY4LDY0YTcwLjY0LDcwLjY0LDAsMCwxLDM2LDEwLjM1Yy0xMywxNC41Mi0yMCwzMC40Ny0yMCw0NS42NSwwLDIzLjc3LDcuNjQsNDIuNzMsMjIuMTgsNTUuM0ExMDUuNTIsMTA1LjUyLDAsMCwxLDE4OC42NywyMDAuNTNaTTEyOC4yMywzMEE0MCw0MCwwLDAsMSwxNjcsMGgxYTgsOCwwLDAsMSwwLDE2aC0xYTI0LDI0LDAsMCwwLTIzLjI0LDE4LDgsOCwwLDEsMS0xNS41LTRaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-pencil: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjEuNjYsOTAuMzQsMTkyLDEyMCwxMzYsNjRsMjkuNjYtMjkuNjZhOCw4LDAsMCwxLDExLjMxLDBMMjIxLjY2LDc5QTgsOCwwLDAsMSwyMjEuNjYsOTAuMzRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI3LjMxLDczLjM3LDE4Mi42MywyOC42OGExNiwxNiwwLDAsMC0yMi42MywwTDM2LjY5LDE1MkExNS44NiwxNS44NiwwLDAsMCwzMiwxNjMuMzFWMjA4YTE2LDE2LDAsMCwwLDE2LDE2SDkyLjY5QTE1Ljg2LDE1Ljg2LDAsMCwwLDEwNCwyMTkuMzFMMjI3LjMxLDk2YTE2LDE2LDAsMCwwLDAtMjIuNjNaTTUxLjMxLDE2MCwxMzYsNzUuMzEsMTUyLjY5LDkyLDY4LDE3Ni42OFpNNDgsMTc5LjMxLDc2LjY5LDIwOEg0OFptNDgsMjUuMzhMNzkuMzEsMTg4LDE2NCwxMDMuMzEsMTgwLjY5LDEyMFptOTYtOTZMMTQ3LjMxLDY0bDI0LTI0TDIxNiw4NC42OFoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-gaming: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYuODYsMjA3LjU3YTI4LDI4LDAsMCwxLTI0LjY2LTcuNzdMMTUwLjA5LDE1MkgxNzJhNTEuOTQsNTEuOTQsMCwwLDAsNTEuMi02MWgwbDE2LjM2LDg0LjE3QTI4LDI4LDAsMCwxLDIxNi44NiwyMDcuNTdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTc2LDExMkgxNTJhOCw4LDAsMCwxLDAtMTZoMjRhOCw4LDAsMCwxLDAsMTZaTTEwNCw5Nkg5NlY4OGE4LDgsMCwwLDAtMTYsMHY4SDcyYTgsOCwwLDAsMCwwLDE2aDh2OGE4LDgsMCwwLDAsMTYsMHYtOGg4YTgsOCwwLDAsMCwwLTE2Wk0yNDEuNDgsMjAwLjY1YTM2LDM2LDAsMCwxLTU0Ljk0LDQuODFjLS4xMi0uMTItLjI0LS4yNC0uMzUtLjM3TDE0Ni40OCwxNjBoLTM3TDY5LjgxLDIwNS4wOWwtLjM1LjM3QTM2LjA4LDM2LjA4LDAsMCwxLDQ0LDIxNiwzNiwzNiwwLDAsMSw4LjU2LDE3My43NWEuNjguNjgsMCwwLDEsMC0uMTRMMjQuOTMsODkuNTJBNTkuODgsNTkuODgsMCwwLDEsODMuODksNDBIMTcyYTYwLjA4LDYwLjA4LDAsMCwxLDU5LDQ5LjI1YzAsLjA2LDAsLjEyLDAsLjE4bDE2LjM3LDg0LjE3YS42OC42OCwwLDAsMSwwLC4xNEEzNS43NCwzNS43NCwwLDAsMSwyNDEuNDgsMjAwLjY1Wk0xNzIsMTQ0YTQ0LDQ0LDAsMCwwLDAtODhIODMuODlBNDMuOSw0My45LDAsMCwwLDQwLjY4LDkyLjM3bDAsLjEzTDI0LjMsMTc2LjU5QTIwLDIwLDAsMCwwLDU4LDE5NC4zbDQxLjkyLTQ3LjU5YTgsOCwwLDAsMSw2LTIuNzFabTU5LjcsMzIuNTktOC43NC00NUE2MCw2MCwwLDAsMSwxNzIsMTYwaC00LjJMMTk4LDE5NC4zMWEyMC4wOSwyMC4wOSwwLDAsMCwxNy40Niw1LjM5LDIwLDIwLDAsMCwwLDE2LjIzLTIzLjExWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-cube: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMTI5LjA5VjIzMmE4LDgsMCwwLDEtMy44NC0xbC04OC00OC4xNmE4LDgsMCwwLDEtNC4xNi03VjgwLjJhOCw4LDAsMCwxLC43LTMuMjdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjIzLjY4LDY2LjE1LDEzNS42OCwxOGgwYTE1Ljg4LDE1Ljg4LDAsMCwwLTE1LjM2LDBsLTg4LDQ4LjE3YTE2LDE2LDAsMCwwLTguMzIsMTR2OTUuNjRhMTYsMTYsMCwwLDAsOC4zMiwxNGw4OCw0OC4xN2ExNS44OCwxNS44OCwwLDAsMCwxNS4zNiwwbDg4LTQ4LjE3YTE2LDE2LDAsMCwwLDguMzItMTRWODAuMThBMTYsMTYsMCwwLDAsMjIzLjY4LDY2LjE1Wk0xMjgsMzJoMGw4MC4zNCw0NEwxMjgsMTIwLDQ3LjY2LDc2Wk00MCw5MGw4MCw0My43OHY4NS43OUw0MCwxNzUuODJabTk2LDEyOS41N1YxMzMuODJMMjE2LDkwdjg1Ljc4WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-football: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik02NS4xNywxMDguMDhsLTMzLDI1LjM0Yy0uMS0xLjgtLjE1LTMuNi0uMTUtNS40MkE5NS42MSw5NS42MSwwLDAsMSw1My4yMyw2Ny43OFpNNDYuOTIsMTc5LjQyYTk2LjEyLDk2LjEyLDAsMCwwLDU3LDQxLjUybC0xNC43LTQxLjUyWm0xMDUuMjEsNDEuNTJhOTYuMTIsOTYuMTIsMCwwLDAsNTctNDEuNTJIMTY2LjgzWk0yMDIuNzcsNjcuNzhsLTExLjk0LDQwLjMsMzMsMjUuMzRjLjEtMS44LjE1LTMuNi4xNS01LjQyQTk1LjYxLDk1LjYxLDAsMCwwLDIwMi43Nyw2Ny43OFptLTM4LjUyLTI4LjdhOTYuMzQsOTYuMzQsMCwwLDAtNzIuNSwwTDEyOCw2NFpNMTUyLjcyLDE2MCwxNjgsMTE1LjUsMTI4LDg4LDg4LDExNS41LDEwMy4yOCwxNjBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0QTEwNCwxMDQsMCwxLDAsMjMyLDEyOCwxMDQuMTEsMTA0LjExLDAsMCwwLDEyOCwyNFptNzYuNTIsMTQ3LjQySDE3MC45bC05LjI2LTEyLjc2LDEyLjYzLTM2Ljc4LDE1LTQuODksMjYuMjQsMjAuMTNBODcuMzgsODcuMzgsMCwwLDEsMjA0LjUyLDE3MS40MlptLTE2NC0zNC4zTDY2LjcxLDExN2wxNSw0Ljg5LDEyLjYzLDM2Ljc4TDg1LjEsMTcxLjQySDUxLjQ4QTg3LjM4LDg3LjM4LDAsMCwxLDQwLjQ3LDEzNy4xMlptMTAtNTAuNjQsNS41MSwxOC42TDQwLjcxLDExNi43N0E4Ny4zMyw4Ny4zMywwLDAsMSw1MC40Myw4Ni40OFpNMTA5LDE1Miw5Ny41NCwxMTguNjUsMTI4LDk3LjcxbDMwLjQ2LDIwLjk0TDE0NywxNTJabTkxLjA3LTQ2LjkyLDUuNTEtMTguNmE4Ny4zMyw4Ny4zMywwLDAsMSw5LjcyLDMwLjI5Wm0tNi4yLTM1LjM4LTkuNTEsMzIuMDgtMTUuMDcsNC44OUwxMzYsODMuNzlWNjguMjFsMjkuMDktMjBBODguNTgsODguNTgsMCwwLDEsMTkzLjg2LDY5LjdaTTE0Ni4wNyw0MS44NywxMjgsNTQuMjksMTA5LjkzLDQxLjg3YTg4LjI0LDg4LjI0LDAsMCwxLDM2LjE0LDBaTTkwLjkxLDQ4LjIxbDI5LjA5LDIwVjgzLjc5TDg2LjcyLDEwNi42N2wtMTUuMDctNC44OUw2Mi4xNCw2OS43QTg4LjU4LDg4LjU4LDAsMCwxLDkwLjkxLDQ4LjIxWk02My4xNSwxODcuNDJIODMuNTJsNy4xNywyMC4yN0E4OC40LDg4LjQsMCwwLDEsNjMuMTUsMTg3LjQyWk0xMTAsMjE0LjEzLDk4LjEyLDE4MC43MSwxMDcuMzUsMTY4aDQxLjNsOS4yMywxMi43MS0xMS44MywzMy40MmE4OCw4OCwwLDAsMS0zNi4xLDBabTU1LjM2LTYuNDQsNy4xNy0yMC4yN2gyMC4zN0E4OC40LDg4LjQsMCwwLDEsMTY1LjMxLDIwNy42OVoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-pride: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTEydjE2YTk2LDk2LDAsMCwxLTE5MiwwVjg4YTI0LDI0LDAsMCwxLDQ4LDBWNjRhMjQsMjQsMCwwLDEsNDgsMCwyNCwyNCwwLDAsMSw0OCwwVjg4aDI0QTI0LDI0LDAsMCwxLDIyNCwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjAwLDgwSDE4NFY2NGEzMiwzMiwwLDAsMC01Ni0yMS4xM0EzMiwzMiwwLDAsMCw3Mi4yMSw2MC40MiwzMiwzMiwwLDAsMCwyNCw4OHY0MGExMDQsMTA0LDAsMCwwLDIwOCwwVjExMkEzMiwzMiwwLDAsMCwyMDAsODBaTTE1Miw0OGExNiwxNiwwLDAsMSwxNiwxNlY4MEgxMzZWNjRBMTYsMTYsMCwwLDEsMTUyLDQ4Wk04OCw2NGExNiwxNiwwLDAsMSwzMiwwdjQwYTE2LDE2LDAsMCwxLTMyLDBaTTQwLDg4YTE2LDE2LDAsMCwxLDMyLDB2MTZhMTYsMTYsMCwwLDEtMzIsMFptMTc2LDQwYTg4LDg4LDAsMCwxLTE3NS45MiwzLjc1QTMxLjkzLDMxLjkzLDAsMCwwLDgwLDEyNS4xM2EzMS45MywzMS45MywwLDAsMCw0NC41OCwzLjM1LDMyLjIxLDMyLjIxLDAsMCwwLDExLjgsMTEuNDRBNDcuODgsNDcuODgsMCwwLDAsMTIwLDE3NmE4LDgsMCwwLDAsMTYsMCwzMiwzMiwwLDAsMSwzMi0zMiw4LDgsMCwwLDAsMC0xNkgxNTJhMTYsMTYsMCwwLDEtMTYtMTZWOTZoNjRhMTYsMTYsMCwwLDEsMTYsMTZaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-vote: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNDhWMjA4YTgsOCwwLDAsMS04LDhINjRMNDAsMTkyVjQ4YTgsOCwwLDAsMSw4LThIMjA4QTgsOCwwLDAsMSwyMTYsNDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI0LDQ4VjIwOGExNiwxNiwwLDAsMS0xNiwxNkgxMzZhOCw4LDAsMCwxLDAtMTZoNzJWNDhINDh2OTZhOCw4LDAsMCwxLTE2LDBWNDhBMTYsMTYsMCwwLDEsNDgsMzJIMjA4QTE2LDE2LDAsMCwxLDIyNCw0OFpNMTI1LjY2LDE1NC4zNGE4LDgsMCwwLDAtMTEuMzIsMEw2NCwyMDQuNjksNDUuNjYsMTg2LjM0YTgsOCwwLDAsMC0xMS4zMiwxMS4zMmwyNCwyNGE4LDgsMCwwLDAsMTEuMzIsMGw1Ni01NkE4LDgsMCwwLDAsMTI1LjY2LDE1NC4zNFoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-code: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDAsMTI4bC00OCw0MEg2NEwxNiwxMjgsNjQsODhIMTkyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTY5LjEyLDk0LjE1LDI4LjUsMTI4bDQwLjYyLDMzLjg1YTgsOCwwLDEsMS0xMC4yNCwxMi4yOWwtNDgtNDBhOCw4LDAsMCwxLDAtMTIuMjlsNDgtNDBhOCw4LDAsMCwxLDEwLjI0LDEyLjNabTE3NiwyNy43LTQ4LTQwYTgsOCwwLDEsMC0xMC4yNCwxMi4zTDIyNy41LDEyOGwtNDAuNjIsMzMuODVhOCw4LDAsMSwwLDEwLjI0LDEyLjI5bDQ4LTQwYTgsOCwwLDAsMCwwLTEyLjI5Wk0xNjIuNzMsMzIuNDhhOCw4LDAsMCwwLTEwLjI1LDQuNzlsLTY0LDE3NmE4LDgsMCwwLDAsNC43OSwxMC4yNkE4LjE0LDguMTQsMCwwLDAsOTYsMjI0YTgsOCwwLDAsMCw3LjUyLTUuMjdsNjQtMTc2QTgsOCwwLDAsMCwxNjIuNzMsMzIuNDhaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-handshake: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDAsMTUybC00MCw0MEw5NiwxNzYsNDAsMTM2LDcyLDcybDU2LTE2LDU2LDE2SDE0NEw5OC4zNCwxMTYuMjlhOCw4LDAsMCwwLDEuMzgsMTIuNDJDMTE3LjIzLDEzOS45LDE0MSwxMzkuMTMsMTYwLDEyMFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMTkuNzYsMjE3Ljk0QTgsOCwwLDAsMSwxMTIsMjI0YTguMTMsOC4xMywwLDAsMS0yLS4yNGwtMzItOGE4LDgsMCwwLDEtMi41LTEuMTFsLTI0LTE2YTgsOCwwLDEsMSw4Ljg4LTEzLjMxbDIyLjg0LDE1LjIzLDMwLjY2LDcuNjdBOCw4LDAsMCwxLDExOS43NiwyMTcuOTRabTEzMi42OS05Ni40NmExNS44OSwxNS44OSwwLDAsMS04LDkuMjVsLTIzLjY4LDExLjg0LTU1LjA4LDU1LjA5YTgsOCwwLDAsMS03LjYsMi4xbC02NC0xNmE4LjA2LDguMDYsMCwwLDEtMi43MS0xLjI1TDM1Ljg2LDE0Mi44NywxMS41OCwxMzAuNzNhMTYsMTYsMCwwLDEtNy4xNi0yMS40NkwyOS4yNyw1OS41OGgwYTE2LDE2LDAsMCwxLDIxLjQ2LTcuMTZsMjIuMDYsMTEsNTMtMTUuMTRhOCw4LDAsMCwxLDQuNCwwbDUzLDE1LjE0LDIyLjA2LTExYTE2LDE2LDAsMCwxLDIxLjQ2LDcuMTZsMjQuODUsNDkuNjlBMTUuOSwxNS45LDAsMCwxLDI1Mi40NSwxMjEuNDhabS00Ni4xOCwxMi45NEwxNzkuMDYsODBIMTQ3LjI0TDEwNCwxMjJjMTIuNjYsOC4wOSwzMi41MSwxMC4zMiw1MC4zMi03LjYzYTgsOCwwLDAsMSwxMC42OC0uNjFsMzQuNDEsMjcuNTdabS0xODcuNTQtMTgsMTcuNjksOC44NUw2MS4yNyw3NS41OCw0My41OCw2Ni43M1pNMTg4LDE1Mi42NmwtMjcuNzEtMjIuMTljLTE5LjU0LDE2LTQ0LjM1LDE4LjExLTY0LjkxLDVhMTYsMTYsMCwwLDEtMi43Mi0yNC44Mi42LjYsMCwwLDEsLjA4LS4wOEwxMzcuNiw2Ny4wNiwxMjgsNjQuMzIsNzcuNTgsNzguNzMsNTAuMjEsMTMzLjQ2bDQ5LjIsMzUuMTUsNTguMTQsMTQuNTNabTQ5LjI0LTM2LjI0TDIxMi40Miw2Ni43M2wtMTcuNjksOC44NSwyNC44NSw0OS42OVoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-science: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTAuMjYsMjEwLjI2Yy0xNy4yMywxNy4yMy02OC01LjYzLTExMy40Ni01MS4wNlMyOC41MSw2Myw0NS43NCw0NS43NHM2OCw1LjYzLDExMy40Niw1MS4wNlMyMjcuNDksMTkzLDIxMC4yNiwyMTAuMjZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTk2LjEyLDEyOGMyNC42NS0zNC42MSwzNy4yMi03MC4zOCwxOS43NC04Ny44NlMxNjIuNjEsMzUuMjMsMTI4LDU5Ljg4QzkzLjM5LDM1LjIzLDU3LjYyLDIyLjY2LDQwLjE0LDQwLjE0UzM1LjIzLDkzLjM5LDU5Ljg4LDEyOGMtMjQuNjUsMzQuNjEtMzcuMjIsNzAuMzgtMTkuNzQsODcuODZoMGM1LjYzLDUuNjMsMTMuMTUsOC4xNCwyMS45MSw4LjE0LDE4LjQ4LDAsNDIuNDgtMTEuMTcsNjYtMjcuODhDMTUxLjQ3LDIxMi44MywxNzUuNDcsMjI0LDE5NCwyMjRjOC43NiwwLDE2LjI5LTIuNTIsMjEuOTEtOC4xNGgwQzIzMy4zNCwxOTguMzgsMjIwLjc3LDE2Mi42MSwxOTYuMTIsMTI4Wm04LjQzLTc2LjU1YzcuNjQsNy42NCwyLjQ4LDMyLjQtMTguNTIsNjMuMjhhMzAwLjMzLDMwMC4zMywwLDAsMC0yMS4xOS0yMy41N0EzMDAuMzMsMzAwLjMzLDAsMCwwLDE0MS4yNyw3MEMxNzIuMTUsNDksMTk2LjkxLDQzLjgsMjA0LjU1LDUxLjQ1Wk0xNzYuMjksMTI4YTI4OS4xNCwyODkuMTQsMCwwLDEtMjIuNzYsMjUuNTNBMjg5LjE0LDI4OS4xNCwwLDAsMSwxMjgsMTc2LjI5YTI4OS4xNCwyODkuMTQsMCwwLDEtMjUuNTMtMjIuNzZBMjg5LjE0LDI4OS4xNCwwLDAsMSw3OS43MSwxMjgsMjk4LjYyLDI5OC42MiwwLDAsMSwxMjgsNzkuNzFhMjg5LjE0LDI4OS4xNCwwLDAsMSwyNS41MywyMi43NkEyODkuMTQsMjg5LjE0LDAsMCwxLDE3Ni4yOSwxMjhaTTUxLjQ1LDUxLjQ1YzIuMi0yLjIxLDUuODMtMy4zNSwxMC42Mi0zLjM1QzczLjg5LDQ4LjEsOTIuNzYsNTUsMTE0LjcyLDcwQTMwNCwzMDQsMCwwLDAsOTEuMTYsOTEuMTYsMzAwLjMzLDMwMC4zMywwLDAsMCw3MCwxMTQuNzNDNDksODMuODUsNDMuODEsNTkuMDksNTEuNDUsNTEuNDVabTAsMTUzLjFDNDMuODEsMTk2LjkxLDQ5LDE3Mi4xNSw3MCwxNDEuMjdhMzAwLjMzLDMwMC4zMywwLDAsMCwyMS4xOSwyMy41N0EzMDQuMTgsMzA0LjE4LDAsMCwwLDExNC43MywxODZDODMuODUsMjA3LDU5LjA5LDIxMi4yLDUxLjQ1LDIwNC41NVptMTUzLjEsMGMtNy42NCw3LjY1LTMyLjQsMi40OC02My4yOC0xOC41MmEzMDQuMTgsMzA0LjE4LDAsMCwwLDIzLjU3LTIxLjE5QTMwMC4zMywzMDAuMzMsMCwwLDAsMTg2LDE0MS4yN0MyMDcsMTcyLjE1LDIxMi4xOSwxOTYuOTEsMjA0LjU1LDIwNC41NVpNMTQwLDEyOGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNDAsMTI4WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-book: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIsNjRWMTkyYTgsOCwwLDAsMS04LDhIMTYwYTMyLDMyLDAsMCwwLTMyLDMyLDMyLDMyLDAsMCwwLTMyLTMySDMyYTgsOCwwLDAsMS04LThWNjRhOCw4LDAsMCwxLDgtOEg5NmEzMiwzMiwwLDAsMSwzMiwzMiwzMiwzMiwwLDAsMSwzMi0zMmg2NEE4LDgsMCwwLDEsMjMyLDY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCw0OEgxNjBhNDAsNDAsMCwwLDAtMzIsMTZBNDAsNDAsMCwwLDAsOTYsNDhIMzJBMTYsMTYsMCwwLDAsMTYsNjRWMTkyYTE2LDE2LDAsMCwwLDE2LDE2SDk2YTI0LDI0LDAsMCwxLDI0LDI0LDgsOCwwLDAsMCwxNiwwLDI0LDI0LDAsMCwxLDI0LTI0aDY0YTE2LDE2LDAsMCwwLDE2LTE2VjY0QTE2LDE2LDAsMCwwLDIyNCw0OFpNOTYsMTkySDMyVjY0SDk2YTI0LDI0LDAsMCwxLDI0LDI0VjIwMEEzOS44MSwzOS44MSwwLDAsMCw5NiwxOTJabTEyOCwwSDE2MGEzOS44MSwzOS44MSwwLDAsMC0yNCw4Vjg4YTI0LDI0LDAsMCwxLDI0LTI0aDY0WiI+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='%23E68A32'/%3E%3Cstop offset='100%25' stop-color='%23E68A32'/%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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNlOGU2ZTM7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIzNiwyMDBhMTIsMTIsMCwwLDEtMjQsMCw4NC4wOSw4NC4wOSwwLDAsMC04NC04NEg2MWwyNy41MiwyNy41MWExMiwxMiwwLDAsMS0xNywxN2wtNDgtNDhhMTIsMTIsMCwwLDEsMC0xN2w0OC00OGExMiwxMiwwLDAsMSwxNywxN0w2MSw5Mmg2N0ExMDguMTIsMTA4LjEyLDAsMCwxLDIzNiwyMDBaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-reply-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik04MCw1NnY5NkwzMiwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2SDg4VjU2YTgsOCwwLDAsMC0xMy42Ni01LjY2bC00OCw0OGE4LDgsMCwwLDAsMCwxMS4zMmw0OCw0OEE4LDgsMCwwLDAsODgsMTUyVjExMmg0MGE4OC4xLDg4LjEsMCwwLDEsODgsODgsOCw4LDAsMCwwLDE2LDBBMTA0LjExLDEwNC4xMSwwLDAsMCwxMjgsOTZaTTcyLDEzMi42OSw0My4zMSwxMDQsNzIsNzUuMzFaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-boost: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjcuODUsNDYuODlhMjAsMjAsMCwwLDAtMTguNzQtMTguNzRjLTEzLjEzLS43Ny00Ni42NS40Mi03NC40OCwyOC4yNEwxMzEsNjBINzQuMzZhMTkuODMsMTkuODMsMCwwLDAtMTQuMTQsNS44NkwyNS44NywxMDAuMTlhMjAsMjAsMCwwLDAsMTEuMzUsMzMuOTVsMzcuMTQsNS4xOCw0Mi4zMiw0Mi4zMiw1LjE5LDM3LjE4QTE5Ljg4LDE5Ljg4LDAsMCwwLDEzNS4zNCwyMzVhMjAuMTMsMjAuMTMsMCwwLDAsNi4zNywxLDE5LjksMTkuOSwwLDAsMCwxNC4xLTUuODdsMzQuMzQtMzQuMzVBMTkuODUsMTkuODUsMCwwLDAsMTk2LDE4MS42NFYxMjVsMy42LTMuNTlDMjI3LjQzLDkzLjU0LDIyOC42Miw2MCwyMjcuODUsNDYuODlaTTc2LDg0aDMxTDc1Ljc1LDExNS4yOGwtMjcuMjMtMy44Wk0xNTEuNiw3My4zN0E3Mi4yNyw3Mi4yNywwLDAsMSwyMDQsNTJhNzIuMTcsNzIuMTcsMCwwLDEtMjEuMzgsNTIuNDFMMTI4LDE1OSw5NywxMjhaTTE3MiwxODBsLTI3LjQ5LDI3LjQ5LTMuOC0yNy4yM0wxNzIsMTQ5Wm0tNzEuNjcsMjEuNjJDOTEuNjcsMjEzLjY1LDc0LjE2LDIyOCw0MCwyMjhhMTIsMTIsMCwwLDEtMTItMTJjMC0zNC4xNSwxNC4zNS01MS42NiwyNi4zOS02MC4zM2ExMiwxMiwwLDAsMSwxNCwxOS40N2MtNiw0LjMxLTEyLjg5LDEyLjUtMTUuNDIsMjcuODcsMTUuMzctMi41MywyMy41Ni05LjQ0LDI3Ljg3LTE1LjQyYTEyLDEyLDAsMSwxLDE5LjQ3LDE0WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-boost-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik03MiwxNjBsMjQsMjRzLTgsMzItNTYsMzJDNDAsMTY4LDcyLDE2MCw3MiwxNjBabTY0LTg4SDc0LjM1YTgsOCwwLDAsMC01LjY1LDIuMzRMMzQuMzUsMTA4LjY5YTgsOCwwLDAsMCw0LjUzLDEzLjU3TDgwLDEyOFptLTgsMTA0LDUuNzQsNDEuMTJhOCw4LDAsMCwwLDEzLjU3LDQuNTNsMzQuMzUtMzQuMzVhOCw4LDAsMCwwLDIuMzQtNS42NVYxMjBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTAzLjc3LDE4NS45NEMxMDMuMzgsMTg3LjQ5LDkzLjYzLDIyNCw0MCwyMjRhOCw4LDAsMCwxLTgtOGMwLTUzLjYzLDM2LjUxLTYzLjM4LDM4LjA2LTYzLjc3YTgsOCwwLDAsMSwzLjg4LDE1LjUzYy0uOS4yNS0yMi40Miw2LjU0LTI1LjU2LDM5Ljg2QzgxLjcsMjA0LjQ4LDg4LDE4Myw4OC4yNiwxODJhOCw4LDAsMCwxLDE1LjUxLDRabTkzLTY3LjRMMTkyLDEyMy4zMXY1OC4zM0ExNS45MSwxNS45MSwwLDAsMSwxODcuMzIsMTkzTDE1MywyMjcuM0ExNS45MSwxNS45MSwwLDAsMSwxNDEuNywyMzJhMTYuMTEsMTYuMTEsMCwwLDEtNS4xLS44MywxNS45NCwxNS45NCwwLDAsMS0xMC43OC0xMi45MmwtNS4zNy0zOC40OUw3Ni4yNCwxMzUuNTVsLTM4LjQ3LTUuMzdBMTYsMTYsMCwwLDEsMjguNywxMDNMNjMsNjguNjhBMTUuOTEsMTUuOTEsMCwwLDEsNzQuMzYsNjRoNTguMzNsNC43Ny00Ljc3YzI2LjY4LTI2LjY3LDU4LjgzLTI3LjgyLDcxLjQxLTI3LjA3YTE2LDE2LDAsMCwxLDE1LDE1QzIyNC42LDU5LjcxLDIyMy40NSw5MS44NiwxOTYuNzgsMTE4LjU0Wk00MCwxMTQuMzRsMzcuMTUsNS4xOEwxMTYuNjksODBINzQuMzZaTTkxLjMyLDEyOCwxMjgsMTY0LjY4bDU3LjQ1LTU3LjQ1YTc2LjQ2LDc2LjQ2LDAsMCwwLDIyLjQyLTU5LjE2LDc2LjY0LDc2LjY0LDAsMCwwLTU5LjExLDIyLjQ3Wk0xNzYsMTM5LjMxbC0zOS41MywzOS41M0wxNDEuNjcsMjE2LDE3NiwxODEuNjRaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-boost-accent-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMDMuNzcsMTg1Ljk0QzEwMy4zOCwxODcuNDksOTMuNjMsMjI0LDQwLDIyNGE4LDgsMCwwLDEtOC04YzAtNTMuNjMsMzYuNTEtNjMuMzgsMzguMDYtNjMuNzdhOCw4LDAsMCwxLDMuODgsMTUuNTNjLS45LjI1LTIyLjQyLDYuNTQtMjUuNTYsMzkuODZDODEuNywyMDQuNDgsODgsMTgzLDg4LjI2LDE4MmE4LDgsMCwwLDEsMTUuNTEsNFptOTMtNjcuNEwxOTIsMTIzLjMxdjU4LjMzQTE1LjkxLDE1LjkxLDAsMCwxLDE4Ny4zMiwxOTNMMTUzLDIyNy4zQTE1LjkxLDE1LjkxLDAsMCwxLDE0MS43LDIzMmExNi4xMSwxNi4xMSwwLDAsMS01LjEtLjgzLDE1Ljk0LDE1Ljk0LDAsMCwxLTEwLjc4LTEyLjkybC01LjM3LTM4LjQ5TDc2LjI0LDEzNS41NWwtMzguNDctNS4zN0ExNiwxNiwwLDAsMSwyOC43LDEwM0w2Myw2OC42OEExNS45MSwxNS45MSwwLDAsMSw3NC4zNiw2NGg1OC4zM2w0Ljc3LTQuNzdjMjYuNjgtMjYuNjcsNTguODItMjcuODIsNzEuNDEtMjcuMDdhMTYsMTYsMCwwLDEsMTUsMTVDMjI0LjYsNTkuNzEsMjIzLjQ1LDkxLjg2LDE5Ni43OCwxMTguNTRaTTExNi42OSw4MEg3NC4zNkw0MCwxMTQuMzRsMzcuMTUsNS4xOFpNMTc2LDEzOS4zMWwtMzkuNTMsMzkuNTNMMTQxLjY3LDIxNiwxNzYsMTgxLjY0WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-star: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDMsOTYuMDVhMjAsMjAsMCwwLDAtMTcuMjYtMTMuNzJsLTU3LTQuOTMtMjIuMy01My4xNGgwYTIwLDIwLDAsMCwwLTM2LjgyLDBMODcuMjksNzcuNGwtNTcsNC45M0EyMCwyMCwwLDAsMCwxOC44NywxMTcuNGw0My4zMiwzNy44LTEzLDU2LjI0QTIwLDIwLDAsMCwwLDc5LDIzMy4xbDQ5LTI5Ljc2LDQ5LDI5Ljc2YTIwLDIwLDAsMCwwLDI5LjgtMjEuNjZsLTEzLTU2LjI0LDQzLjMyLTM3LjhBMjAsMjAsMCwwLDAsMjQzLDk2LjA1Wm0tNjYuNzUsNDIuNjJhMjAsMjAsMCwwLDAtNi4zNSwxOS42M2wxMS4zOSw0OS4zMi00Mi45NC0yNi4wOGExOS45LDE5LjksMCwwLDAtMjAuNywwTDc0LjcxLDIwNy42Miw4Ni4xLDE1OC4zYTIwLDIwLDAsMCwwLTYuMzUtMTkuNjNMNDEuNjYsMTA1LjQ0LDkxLjgsMTAxLjFhMTkuOTIsMTkuOTIsMCwwLDAsMTYuNjktMTIuMTlMMTI4LDQyLjQybDE5LjUxLDQ2LjQ5QTE5LjkyLDE5LjkyLDAsMCwwLDE2NC4yLDEwMS4xbDUwLjE0LDQuMzRaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-star-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-bookmark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQsMjhINzJBMjAsMjAsMCwwLDAsNTIsNDhWMjI0YTEyLDEyLDAsMCwwLDE4LjM2LDEwLjE4bDU3LjYzLTM2LDU3LjY1LDM2QTEyLDEyLDAsMCwwLDIwNCwyMjRWNDhBMjAsMjAsMCwwLDAsMTg0LDI4Wm0tNCwyNFYxNTQuMzVsLTQ1LjY1LTI4LjUzYTEyLDEyLDAsMCwwLTEyLjcyLDBMNzYsMTU0LjM1VjUyWk0xMzQuMzUsMTczLjgyYTEyLDEyLDAsMCwwLTEyLjcyLDBMNzYsMjAyLjM1di0xOS43bDUyLTMyLjUsNTIsMzIuNXYxOS43WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-bookmark-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTc2djQ4bC02NC00MEw2NCwyMjRWMTc2bDY0LTQwWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE4NCwzMkg3MkExNiwxNiwwLDAsMCw1Niw0OFYyMjRhOCw4LDAsMCwwLDEyLjI0LDYuNzhMMTI4LDE5My40M2w1OS43NywzNy4zNUE4LDgsMCwwLDAsMjAwLDIyNFY0OEExNiwxNiwwLDAsMCwxODQsMzJabTAsMTZWMTYxLjU3bC01MS43Ny0zMi4zNWE4LDgsMCwwLDAtOC40OCwwTDcyLDE2MS41NlY0OFpNMTMyLjIzLDE3Ny4yMmE4LDgsMCwwLDAtOC40OCwwTDcyLDIwOS41N1YxODAuNDNsNTYtMzUsNTYsMzV2MjkuMTRaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-translate: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDIuNzMsMjEwLjYzbC01Ni0xMTJhMTIsMTIsMCwwLDAtMjEuNDYsMGwtMjAuNTIsNDFBODQuMiw4NC4yLDAsMCwxLDEwNiwxMjYuMjIsMTA3LjQ4LDEwNy40OCwwLDAsMCwxMzEuMzMsNjhIMTUyYTEyLDEyLDAsMCwwLDAtMjRIMTAwVjMyYTEyLDEyLDAsMCwwLTI0LDBWNDRIMjRhMTIsMTIsMCwwLDAsMCwyNGg4My4xM0E4My42OSw4My42OSwwLDAsMSw4OCwxMTAuMzUsODQsODQsMCwwLDEsNzUuNiw5MWExMiwxMiwwLDEsMC0yMS44MSwxMEExMDcuNTUsMTA3LjU1LDAsMCwwLDcwLDEyNi4yNCw4My41NCw4My41NCwwLDAsMSwyNCwxNDBhMTIsMTIsMCwwLDAsMCwyNCwxMDcuNDcsMTA3LjQ3LDAsMCwwLDY0LTIxLjA3LDEwOC40LDEwOC40LDAsMCwwLDQ1LjM5LDE5LjQ0bC0yNC4xMyw0OC4yNmExMiwxMiwwLDEsMCwyMS40NiwxMC43M0wxNDMuNDEsMTk2aDY1LjE3bDEyLjY4LDI1LjM2YTEyLDEyLDAsMSwwLDIxLjQ3LTEwLjczWk0xNTUuNDEsMTcyLDE3NiwxMzAuODMsMTk2LjU4LDE3MloiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-translate-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTg0SDEzNmw0MC04MFpNODgsMTI3LjU2aDBBOTUuNzgsOTUuNzgsMCwwLDAsMTIwLDU2SDU2QTk1Ljc4LDk1Ljc4LDAsMCwwLDg4LDEyNy41NloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMzkuMTUsMjEyLjQybC01Ni0xMTJhOCw4LDAsMCwwLTE0LjMxLDBsLTIxLjcxLDQzLjQzQTg4LDg4LDAsMCwxLDEwMCwxMjYuOTMsMTAzLjY1LDEwMy42NSwwLDAsMCwxMjcuNjksNjRIMTUyYTgsOCwwLDAsMCwwLTE2SDk2VjMyYTgsOCwwLDAsMC0xNiwwVjQ4SDI0YTgsOCwwLDAsMCwwLDE2aDg3LjYzQTg3LjcsODcuNywwLDAsMSw4OCwxMTYuMzVhODcuNzQsODcuNzQsMCwwLDEtMTktMzEsOCw4LDAsMSwwLTE1LjA4LDUuMzRBMTAzLjYzLDEwMy42MywwLDAsMCw3NiwxMjdhODcuNTUsODcuNTUsMCwwLDEtNTIsMTcsOCw4LDAsMCwwLDAsMTYsMTAzLjQ2LDEwMy40NiwwLDAsMCw2NC0yMi4wOCwxMDQuMTgsMTA0LjE4LDAsMCwwLDUxLjQ0LDIxLjMxbC0yNi42LDUzLjE5YTgsOCwwLDAsMCwxNC4zMSw3LjE2TDE0MC45NCwxOTJoNzAuMTFsMTMuNzksMjcuNThBOCw4LDAsMCwwLDIzMiwyMjRhOCw4LDAsMCwwLDcuMTUtMTEuNThaTTE0OC45NCwxNzYsMTc2LDEyMS44OSwyMDMuMDUsMTc2WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-ellipsis: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTIsMTI4YTI0LDI0LDAsMSwxLTI0LTI0QTI0LDI0LDAsMCwxLDE1MiwxMjhaTTQ4LDEwNGEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCw0OCwxMDRabTE2MCwwYTI0LDI0LDAsMSwwLDI0LDI0QTI0LDI0LDAsMCwwLDIwOCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDEyOCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSwxMjgsMTQ0Wk00OCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCw0OCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSw0OCwxNDRaTTIwOCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCwyMDgsOTZabTAsNDhhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMjA4LDE0NFoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-ellipsis-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTIsMTI4YTI0LDI0LDAsMSwxLTI0LTI0QTI0LDI0LDAsMCwxLDE1MiwxMjhaTTQ4LDEwNGEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCw0OCwxMDRabTE2MCwwYTI0LDI0LDAsMSwwLDI0LDI0QTI0LDI0LDAsMCwwLDIwOCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDEyOCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSwxMjgsMTQ0Wk00OCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCw0OCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSw0OCwxNDRaTTIwOCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCwyMDgsOTZabTAsNDhhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMjA4LDE0NFoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-poll: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsOTJIMTgwVjU2YTEyLDEyLDAsMCwwLTEyLTEySDUyVjQwYTEyLDEyLDAsMCwwLTI0LDBWMjE2YTEyLDEyLDAsMCwwLDI0LDB2LTRoODRhMTIsMTIsMCwwLDAsMTItMTJWMTY0aDY4YTEyLDEyLDAsMCwwLDEyLTEyVjEwNEExMiwxMiwwLDAsMCwyMTYsOTJaTTE1Niw2OFY5Mkg1MlY2OFpNMTI0LDE4OEg1MlYxNjRoNzJabTgwLTQ4SDUyVjExNkgyMDRaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-poll-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTA0djQ4SDQwVjEwNFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTYsOTZIMTc2VjU2YTgsOCwwLDAsMC04LThINDhWNDBhOCw4LDAsMCwwLTE2LDBWMjE2YTgsOCwwLDAsMCwxNiwwdi04aDg4YTgsOCwwLDAsMCw4LThWMTYwaDcyYTgsOCwwLDAsMCw4LThWMTA0QTgsOCwwLDAsMCwyMTYsOTZaTTE2MCw2NFY5Nkg0OFY2NFpNMTI4LDE5Mkg0OFYxNjBoODBabTgwLTQ4SDQ4VjExMkgyMDhaIj48L3BhdGg+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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4QTk2LDk2LDAsMCwxLDc5LjkzLDIxMS4xMWgwTDQyLjU0LDIyMy41OGE4LDgsMCwwLDEtMTAuMTItMTAuMTJsMTIuNDctMzcuMzloMEE5Niw5NiwwLDEsMSwyMjQsMTI4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTEyOCwyNEExMDQsMTA0LDAsMCwwLDM2LjE4LDE3Ni44OEwyNC44MywyMTAuOTNhMTYsMTYsMCwwLDAsMjAuMjQsMjAuMjRsMzQuMDUtMTEuMzVBMTA0LDEwNCwwLDEsMCwxMjgsMjRabTAsMTkyYTg3Ljg3LDg3Ljg3LDAsMCwxLTQ0LjA2LTExLjgxLDgsOCwwLDAsMC00LTEuMDgsNy44NSw3Ljg1LDAsMCwwLTIuNTMuNDJMNDAsMjE2LDUyLjQ3LDE3OC42YTgsOCwwLDAsMC0uNjYtNi41NEE4OCw4OCwwLDEsMSwxMjgsMjE2Wm0xMi04OGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNDAsMTI4Wm0tNDQsMGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSw5NiwxMjhabTg4LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTg0LDEyOFoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-users: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMzYsMTA4QTUyLDUyLDAsMSwxLDg0LDU2LDUyLDUyLDAsMCwxLDEzNiwxMDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTE3LjI1LDE1Ny45MmE2MCw2MCwwLDEsMC02Ni41LDBBOTUuODMsOTUuODMsMCwwLDAsMy41MywxOTUuNjNhOCw4LDAsMSwwLDEzLjQsOC43NCw4MCw4MCwwLDAsMSwxMzQuMTQsMCw4LDgsMCwwLDAsMTMuNC04Ljc0QTk1LjgzLDk1LjgzLDAsMCwwLDExNy4yNSwxNTcuOTJaTTQwLDEwOGE0NCw0NCwwLDEsMSw0NCw0NEE0NC4wNSw0NC4wNSwwLDAsMSw0MCwxMDhabTIxMC4xNCw5OC43YTgsOCwwLDAsMS0xMS4wNy0yLjMzQTc5LjgzLDc5LjgzLDAsMCwwLDE3MiwxNjhhOCw4LDAsMCwxLDAtMTYsNDQsNDQsMCwxLDAtMTYuMzQtODQuODcsOCw4LDAsMSwxLTUuOTQtMTQuODUsNjAsNjAsMCwwLDEsNTUuNTMsMTA1LjY0LDk1LjgzLDk1LjgzLDAsMCwxLDQ3LjIyLDM3LjcxQTgsOCwwLDAsMSwyNTAuMTQsMjA2LjdaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-users-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMzYsMTA4QTUyLDUyLDAsMSwxLDg0LDU2LDUyLDUyLDAsMCwxLDEzNiwxMDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTE3LjI1LDE1Ny45MmE2MCw2MCwwLDEsMC02Ni41LDBBOTUuODMsOTUuODMsMCwwLDAsMy41MywxOTUuNjNhOCw4LDAsMSwwLDEzLjQsOC43NCw4MCw4MCwwLDAsMSwxMzQuMTQsMCw4LDgsMCwwLDAsMTMuNC04Ljc0QTk1LjgzLDk1LjgzLDAsMCwwLDExNy4yNSwxNTcuOTJaTTQwLDEwOGE0NCw0NCwwLDEsMSw0NCw0NEE0NC4wNSw0NC4wNSwwLDAsMSw0MCwxMDhabTIxMC4xNCw5OC43YTgsOCwwLDAsMS0xMS4wNy0yLjMzQTc5LjgzLDc5LjgzLDAsMCwwLDE3MiwxNjhhOCw4LDAsMCwxLDAtMTYsNDQsNDQsMCwxLDAtMTYuMzQtODQuODcsOCw4LDAsMSwxLTUuOTQtMTQuODUsNjAsNjAsMCwwLDEsNTUuNTMsMTA1LjY0LDk1LjgzLDk1LjgzLDAsMCwxLDQ3LjIyLDM3LjcxQTgsOCwwLDAsMSwyNTAuMTQsMjA2LjdaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-user-plus: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNTYsMTM2YTEyLDEyLDAsMCwxLTEyLDEyaC04djhhMTIsMTIsMCwwLDEtMjQsMHYtOGgtOGExMiwxMiwwLDAsMSwwLTI0aDh2LThhMTIsMTIsMCwwLDEsMjQsMHY4aDhBMTIsMTIsMCwwLDEsMjU2LDEzNlptLTU0LjgxLDU2LjI4YTEyLDEyLDAsMSwxLTE4LjM4LDE1LjQ0QzE2OS4xMiwxOTEuNDIsMTQ1LDE3MiwxMDgsMTcyYy0yOC44OSwwLTU1LjQ2LDEyLjY4LTc0LjgxLDM1LjcyYTEyLDEyLDAsMCwxLTE4LjM4LTE1LjQ0QTEyNC4wOCwxMjQuMDgsMCwwLDEsNjMuNSwxNTYuNTNhNzIsNzIsMCwxLDEsODksMEExMjQsMTI0LDAsMCwxLDIwMS4xOSwxOTIuMjhaTTEwOCwxNDhhNDgsNDgsMCwxLDAtNDgtNDhBNDguMDUsNDguMDUsMCwwLDAsMTA4LDE0OFoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-user-plus-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNlOGU2ZTM7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTE2OCwxMDBhNjAsNjAsMCwxLDEtNjAtNjBBNjAsNjAsMCwwLDEsMTY4LDEwMFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yNTYsMTM2YTgsOCwwLDAsMS04LDhIMjMydjE2YTgsOCwwLDAsMS0xNiwwVjE0NEgyMDBhOCw4LDAsMCwxLDAtMTZoMTZWMTEyYTgsOCwwLDAsMSwxNiwwdjE2aDE2QTgsOCwwLDAsMSwyNTYsMTM2Wm0tNTcuODcsNTguODVhOCw4LDAsMCwxLTEyLjI2LDEwLjNDMTY1Ljc1LDE4MS4xOSwxMzguMDksMTY4LDEwOCwxNjhzLTU3Ljc1LDEzLjE5LTc3Ljg3LDM3LjE1YTgsOCwwLDAsMS0xMi4yNS0xMC4zYzE0Ljk0LTE3Ljc4LDMzLjUyLTMwLjQxLDU0LjE3LTM3LjE3YTY4LDY4LDAsMSwxLDcxLjksMEMxNjQuNiwxNjQuNDQsMTgzLjE4LDE3Ny4wNywxOTguMTMsMTk0Ljg1Wk0xMDgsMTUyYTUyLDUyLDAsMSwwLTUyLTUyQTUyLjA2LDUyLjA2LDAsMCwwLDEwOCwxNTJaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-user-plus-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsMTAwYTYwLDYwLDAsMSwxLTYwLTYwQTYwLDYwLDAsMCwxLDE2OCwxMDBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjU2LDEzNmE4LDgsMCwwLDEtOCw4SDIzMnYxNmE4LDgsMCwwLDEtMTYsMFYxNDRIMjAwYTgsOCwwLDAsMSwwLTE2aDE2VjExMmE4LDgsMCwwLDEsMTYsMHYxNmgxNkE4LDgsMCwwLDEsMjU2LDEzNlptLTU3Ljg3LDU4Ljg1YTgsOCwwLDAsMS0xMi4yNiwxMC4zQzE2NS43NSwxODEuMTksMTM4LjA5LDE2OCwxMDgsMTY4cy01Ny43NSwxMy4xOS03Ny44NywzNy4xNWE4LDgsMCwwLDEtMTIuMjUtMTAuM2MxNC45NC0xNy43OCwzMy41Mi0zMC40MSw1NC4xNy0zNy4xN2E2OCw2OCwwLDEsMSw3MS45LDBDMTY0LjYsMTY0LjQ0LDE4My4xOCwxNzcuMDcsMTk4LjEzLDE5NC44NVpNMTA4LDE1MmE1Miw1MiwwLDEsMC01Mi01MkE1Mi4wNiw1Mi4wNiwwLDAsMCwxMDgsMTUyWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
|
||
/* Navigation icons */
|
||
--icon-home: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTE1LjU0VjIwOGE4LDgsMCwwLDEtOCw4SDE2MGE4LDgsMCwwLDEtOC04VjE2MGE4LDgsMCwwLDAtOC04SDExMmE4LDgsMCwwLDAtOCw4djQ4YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLTgtOFYxMTUuNTRhOCw4LDAsMCwxLDIuNjItNS45Mmw4MC03NS41NGE4LDgsMCwwLDEsMTAuNzcsMGw4MCw3NS41NEE4LDgsMCwwLDEsMjE2LDExNS41NFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTguODMsMTAzLjc3bC04MC03NS40OGExLjE0LDEuMTQsMCwwLDEtLjExLS4xMSwxNiwxNiwwLDAsMC0yMS41MywwbC0uMTEuMTFMMzcuMTcsMTAzLjc3QTE2LDE2LDAsMCwwLDMyLDExNS41NVYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIOTZhMTYsMTYsMCwwLDAsMTYtMTZWMTYwaDMydjQ4YTE2LDE2LDAsMCwwLDE2LDE2aDQ4YTE2LDE2LDAsMCwwLDE2LTE2VjExNS41NUExNiwxNiwwLDAsMCwyMTguODMsMTAzLjc3Wk0yMDgsMjA4SDE2MFYxNjBhMTYsMTYsMCwwLDAtMTYtMTZIMTEyYTE2LDE2LDAsMCwwLTE2LDE2djQ4SDQ4VjExNS41NWwuMTEtLjFMMTI4LDQwbDc5LjksNzUuNDMuMTEuMVoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-home-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTE1LjU1VjIwOGExNiwxNiwwLDAsMS0xNiwxNkgxNjhhMTYsMTYsMCwwLDEtMTYtMTZWMTY4YTgsOCwwLDAsMC04LThIMTEyYTgsOCwwLDAsMC04LDh2NDBhMTYsMTYsMCwwLDEtMTYsMTZINDhhMTYsMTYsMCwwLDEtMTYtMTZWMTE1LjU1YTE2LDE2LDAsMCwxLDUuMTctMTEuNzhsODAtNzUuNDguMTEtLjExYTE2LDE2LDAsMCwxLDIxLjUzLDAsMS4xNCwxLjE0LDAsMCwwLC4xMS4xMWw4MCw3NS40OEExNiwxNiwwLDAsMSwyMjQsMTE1LjU1WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-home-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTE1LjU0VjIwOGE4LDgsMCwwLDEtOCw4SDE2MGE4LDgsMCwwLDEtOC04VjE2MGE4LDgsMCwwLDAtOC04SDExMmE4LDgsMCwwLDAtOCw4djQ4YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLTgtOFYxMTUuNTRhOCw4LDAsMCwxLDIuNjItNS45Mmw4MC03NS41NGE4LDgsMCwwLDEsMTAuNzcsMGw4MCw3NS41NEE4LDgsMCwwLDEsMjE2LDExNS41NFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTguODMsMTAzLjc3bC04MC03NS40OGExLjE0LDEuMTQsMCwwLDEtLjExLS4xMSwxNiwxNiwwLDAsMC0yMS41MywwbC0uMTEuMTFMMzcuMTcsMTAzLjc3QTE2LDE2LDAsMCwwLDMyLDExNS41NVYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIOTZhMTYsMTYsMCwwLDAsMTYtMTZWMTYwaDMydjQ4YTE2LDE2LDAsMCwwLDE2LDE2aDQ4YTE2LDE2LDAsMCwwLDE2LTE2VjExNS41NUExNiwxNiwwLDAsMCwyMTguODMsMTAzLjc3Wk0yMDgsMjA4SDE2MFYxNjBhMTYsMTYsMCwwLDAtMTYtMTZIMTEyYTE2LDE2LDAsMCwwLTE2LDE2djQ4SDQ4VjExNS41NWwuMTEtLjFMMTI4LDQwbDc5LjksNzUuNDMuMTEuMVoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-home-accent-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTE1LjU1VjIwOGExNiwxNiwwLDAsMS0xNiwxNkgxNjhhMTYsMTYsMCwwLDEtMTYtMTZWMTY4YTgsOCwwLDAsMC04LThIMTEyYTgsOCwwLDAsMC04LDh2NDBhMTYsMTYsMCwwLDEtMTYsMTZINDhhMTYsMTYsMCwwLDEtMTYtMTZWMTE1LjU1YTE2LDE2LDAsMCwxLDUuMTctMTEuNzhsODAtNzUuNDguMTEtLjExYTE2LDE2LDAsMCwxLDIxLjUzLDAsMS4xNCwxLjE0LDAsMCwwLC4xMS4xMWw4MCw3NS40OEExNiwxNiwwLDAsMSwyMjQsMTE1LjU1WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
|
||
--icon-bell: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsMTkySDQ4YTgsOCwwLDAsMS02Ljg4LTEyQzQ3LjcxLDE2OC42LDU2LDEzOS44MSw1NiwxMDRhNzIsNzIsMCwwLDEsMTQ0LDBjMCwzNS44Miw4LjMsNjQuNiwxNC45LDc2QTgsOCwwLDAsMSwyMDgsMTkyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyMS44LDE3NS45NEMyMTYuMjUsMTY2LjM4LDIwOCwxMzkuMzMsMjA4LDEwNGE4MCw4MCwwLDEsMC0xNjAsMGMwLDM1LjM0LTguMjYsNjIuMzgtMTMuODEsNzEuOTRBMTYsMTYsMCwwLDAsNDgsMjAwSDg4LjgxYTQwLDQwLDAsMCwwLDc4LjM4LDBIMjA4YTE2LDE2LDAsMCwwLDEzLjgtMjQuMDZaTTEyOCwyMTZhMjQsMjQsMCwwLDEtMjIuNjItMTZoNDUuMjRBMjQsMjQsMCwwLDEsMTI4LDIxNlpNNDgsMTg0YzcuNy0xMy4yNCwxNi00My45MiwxNi04MGE2NCw2NCwwLDEsMSwxMjgsMGMwLDM2LjA1LDguMjgsNjYuNzMsMTYsODBaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-bell-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjEuOCwxNzUuOTRDMjE2LjI1LDE2Ni4zOCwyMDgsMTM5LjMzLDIwOCwxMDRhODAsODAsMCwxLDAtMTYwLDBjMCwzNS4zNC04LjI2LDYyLjM4LTEzLjgxLDcxLjk0QTE2LDE2LDAsMCwwLDQ4LDIwMEg4OC44MWE0MCw0MCwwLDAsMCw3OC4zOCwwSDIwOGExNiwxNiwwLDAsMCwxMy44LTI0LjA2Wk0xMjgsMjE2YTI0LDI0LDAsMCwxLTIyLjYyLTE2aDQ1LjI0QTI0LDI0LDAsMCwxLDEyOCwyMTZaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-bell-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsMTkySDQ4YTgsOCwwLDAsMS02Ljg4LTEyQzQ3LjcxLDE2OC42LDU2LDEzOS44MSw1NiwxMDRhNzIsNzIsMCwwLDEsMTQ0LDBjMCwzNS44Miw4LjMsNjQuNiwxNC45LDc2QTgsOCwwLDAsMSwyMDgsMTkyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyMS44LDE3NS45NEMyMTYuMjUsMTY2LjM4LDIwOCwxMzkuMzMsMjA4LDEwNGE4MCw4MCwwLDEsMC0xNjAsMGMwLDM1LjM0LTguMjYsNjIuMzgtMTMuODEsNzEuOTRBMTYsMTYsMCwwLDAsNDgsMjAwSDg4LjgxYTQwLDQwLDAsMCwwLDc4LjM4LDBIMjA4YTE2LDE2LDAsMCwwLDEzLjgtMjQuMDZaTTEyOCwyMTZhMjQsMjQsMCwwLDEtMjIuNjItMTZoNDUuMjRBMjQsMjQsMCwwLDEsMTI4LDIxNlpNNDgsMTg0YzcuNy0xMy4yNCwxNi00My45MiwxNi04MGE2NCw2NCwwLDEsMSwxMjgsMGMwLDM2LjA1LDguMjgsNjYuNzMsMTYsODBaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-bell-accent-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjEuOCwxNzUuOTRDMjE2LjI1LDE2Ni4zOCwyMDgsMTM5LjMzLDIwOCwxMDRhODAsODAsMCwxLDAtMTYwLDBjMCwzNS4zNC04LjI2LDYyLjM4LTEzLjgxLDcxLjk0QTE2LDE2LDAsMCwwLDQ4LDIwMEg4OC44MWE0MCw0MCwwLDAsMCw3OC4zOCwwSDIwOGExNiwxNiwwLDAsMCwxMy44LTI0LjA2Wk0xMjgsMjE2YTI0LDI0LDAsMCwxLTIyLjYyLTE2aDQ1LjI0QTI0LDI0LDAsMCwxLDEyOCwyMTZaIj48L3BhdGg+PC9zdmc+");
|
||
|
||
--icon-explore: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMDQsMTY4YTQwLDQwLDAsMSwxLTQwLTQwQTQwLDQwLDAsMCwxLDEwNCwxNjhabTg4LTQwYTQwLDQwLDAsMSwwLDQwLDQwQTQwLDQwLDAsMCwwLDE5MiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM3LjIsMTUxLjg3djBhNDcuMSw0Ny4xLDAsMCwwLTIuMzUtNS40NUwxOTMuMjYsNTEuOGE3LjgyLDcuODIsMCwwLDAtMS42Ni0yLjQ0LDMyLDMyLDAsMCwwLTQ1LjI2LDBBOCw4LDAsMCwwLDE0NCw1NVY4MEgxMTJWNTVhOCw4LDAsMCwwLTIuMzQtNS42NiwzMiwzMiwwLDAsMC00NS4yNiwwLDcuODIsNy44MiwwLDAsMC0xLjY2LDIuNDRMMjEuMTUsMTQ2LjRhNDcuMSw0Ny4xLDAsMCwwLTIuMzUsNS40NXYwQTQ4LDQ4LDAsMSwwLDExMiwxNjhWOTZoMzJ2NzJhNDgsNDgsMCwxLDAsOTMuMi0xNi4xM1pNNzYuNzEsNTkuNzVhMTYsMTYsMCwwLDEsMTkuMjktMXY3My41MWE0Ny45LDQ3LjksMCwwLDAtNDYuNzktOS45MlpNNjQsMjAwYTMyLDMyLDAsMSwxLDMyLTMyQTMyLDMyLDAsMCwxLDY0LDIwMFpNMTYwLDU4Ljc0YTE2LDE2LDAsMCwxLDE5LjI5LDFsMjcuNSw2Mi41OEE0Ny45LDQ3LjksMCwwLDAsMTYwLDEzMi4yNVpNMTkyLDIwMGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxOTIsMjAwWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-explore-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzcuMjIsMTUxLjlsMC0uMWExLjQyLDEuNDIsMCwwLDAtLjA3LS4yMiw0OC40Niw0OC40NiwwLDAsMC0yLjMxLTUuM0wxOTMuMjcsNTEuOGE4LDgsMCwwLDAtMS42Ny0yLjQ0LDMyLDMyLDAsMCwwLTQ1LjI2LDBBOCw4LDAsMCwwLDE0NCw1NVY4MEgxMTJWNTVhOCw4LDAsMCwwLTIuMzQtNS42NiwzMiwzMiwwLDAsMC00NS4yNiwwLDgsOCwwLDAsMC0xLjY3LDIuNDRMMjEuMiwxNDYuMjhhNDguNDYsNDguNDYsMCwwLDAtMi4zMSw1LjMsMS43MiwxLjcyLDAsMCwwLS4wNy4yMXMwLC4wOCwwLC4xMWE0OCw0OCwwLDAsMCw5MC4zMiwzMi41MSw0Ny40OSw0Ny40OSwwLDAsMCwyLjktMTYuNTlWOTZoMzJ2NzEuODNhNDcuNDksNDcuNDksMCwwLDAsMi45LDE2LjU5LDQ4LDQ4LDAsMCwwLDkwLjMyLTMyLjUxWm0tMTQzLjE1LDI3YTMyLDMyLDAsMCwxLTYwLjItMjEuNzFsMS44MS00LjEzQTMyLDMyLDAsMCwxLDk2LDE2Ny44OFYxNjhoMEEzMiwzMiwwLDAsMSw5NC4wNywxNzguOTRaTTIwMywxOTguMDdBMzIsMzIsMCwwLDEsMTYwLDE2OGgwdi0uMTFhMzIsMzIsMCwwLDEsNjAuMzItMTQuNzhsMS44MSw0LjEzQTMyLDMyLDAsMCwxLDIwMywxOTguMDdaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-explore-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMDQsMTY4YTQwLDQwLDAsMSwxLTQwLTQwQTQwLDQwLDAsMCwxLDEwNCwxNjhabTg4LTQwYTQwLDQwLDAsMSwwLDQwLDQwQTQwLDQwLDAsMCwwLDE5MiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM3LjIsMTUxLjg3djBhNDcuMSw0Ny4xLDAsMCwwLTIuMzUtNS40NUwxOTMuMjYsNTEuOGE3LjgyLDcuODIsMCwwLDAtMS42Ni0yLjQ0LDMyLDMyLDAsMCwwLTQ1LjI2LDBBOCw4LDAsMCwwLDE0NCw1NVY4MEgxMTJWNTVhOCw4LDAsMCwwLTIuMzQtNS42NiwzMiwzMiwwLDAsMC00NS4yNiwwLDcuODIsNy44MiwwLDAsMC0xLjY2LDIuNDRMMjEuMTUsMTQ2LjRhNDcuMSw0Ny4xLDAsMCwwLTIuMzUsNS40NXYwQTQ4LDQ4LDAsMSwwLDExMiwxNjhWOTZoMzJ2NzJhNDgsNDgsMCwxLDAsOTMuMi0xNi4xM1pNNzYuNzEsNTkuNzVhMTYsMTYsMCwwLDEsMTkuMjktMXY3My41MWE0Ny45LDQ3LjksMCwwLDAtNDYuNzktOS45MlpNNjQsMjAwYTMyLDMyLDAsMSwxLDMyLTMyQTMyLDMyLDAsMCwxLDY0LDIwMFpNMTYwLDU4Ljc0YTE2LDE2LDAsMCwxLDE5LjI5LDFsMjcuNSw2Mi41OEE0Ny45LDQ3LjksMCwwLDAsMTYwLDEzMi4yNVpNMTkyLDIwMGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxOTIsMjAwWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-explore-accent-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzcuMjIsMTUxLjlsMC0uMWExLjQyLDEuNDIsMCwwLDAtLjA3LS4yMiw0OC40Niw0OC40NiwwLDAsMC0yLjMxLTUuM0wxOTMuMjcsNTEuOGE4LDgsMCwwLDAtMS42Ny0yLjQ0LDMyLDMyLDAsMCwwLTQ1LjI2LDBBOCw4LDAsMCwwLDE0NCw1NVY4MEgxMTJWNTVhOCw4LDAsMCwwLTIuMzQtNS42NiwzMiwzMiwwLDAsMC00NS4yNiwwLDgsOCwwLDAsMC0xLjY3LDIuNDRMMjEuMiwxNDYuMjhhNDguNDYsNDguNDYsMCwwLDAtMi4zMSw1LjMsMS43MiwxLjcyLDAsMCwwLS4wNy4yMXMwLC4wOCwwLC4xMWE0OCw0OCwwLDAsMCw5MC4zMiwzMi41MSw0Ny40OSw0Ny40OSwwLDAsMCwyLjktMTYuNTlWOTZoMzJ2NzEuODNhNDcuNDksNDcuNDksMCwwLDAsMi45LDE2LjU5LDQ4LDQ4LDAsMCwwLDkwLjMyLTMyLjUxWm0tMTQzLjE1LDI3YTMyLDMyLDAsMCwxLTYwLjItMjEuNzFsMS44MS00LjEzQTMyLDMyLDAsMCwxLDk2LDE2Ny44OFYxNjhoMEEzMiwzMiwwLDAsMSw5NC4wNywxNzguOTRaTTIwMywxOTguMDdBMzIsMzIsMCwwLDEsMTYwLDE2OGgwdi0uMTFhMzIsMzIsMCwwLDEsNjAuMzItMTQuNzhsMS44MSw0LjEzQTMyLDMyLDAsMCwxLDIwMywxOTguMDdaIj48L3BhdGg+PC9zdmc+");
|
||
|
||
--icon-globe: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4YTg4LDg4LDAsMSwxLTg4LTg4QTg4LDg4LDAsMCwxLDIxNiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ1LjExLDYwLjY4Yy03LjY1LTEzLjE5LTI3Ljg0LTE2LjE2LTU4LjUtOC42NkE5NS45Myw5NS45MywwLDAsMCwzMiwxMjhhOTgsOTgsMCwwLDAsLjc4LDEyLjMxQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNEE5NS45Myw5NS45MywwLDAsMCwyMjQsMTI4YTk3LjA4LDk3LjA4LDAsMCwwLS43Ny0xMi4yNWMxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4Wk0xMjgsNDhhODAuMTEsODAuMTEsMCwwLDEsNzgsNjIuMmMtMTcuMDYsMTYuMDYtNDAuMTUsMzIuNTMtNjIuMDcsNDUuMTNDMTE2LjM4LDE3MS4xNCw5Mi40OCwxODEsNzMuNDIsMTg2LjRBNzkuOTQsNzkuOTQsMCwwLDEsMTI4LDQ4Wk0yNC43NCwxODcuMjljLTEuNDYtMi41MS0uNjUtNy4yNCwyLjIyLTEzYTc5LjA1LDc5LjA1LDAsMCwxLDEwLjI5LTE1LjA1LDk2LDk2LDAsMCwwLDE4LDMxLjMyQzM4LDE5My40NiwyNy4yNCwxOTEuNjEsMjQuNzQsMTg3LjI5Wk0xMjgsMjA4YTc5LjQ1LDc5LjQ1LDAsMCwxLTM4LjU2LTkuOTQsMzcwLDM3MCwwLDAsMCw2Mi40My0yOC44NmMyMS41OC0xMi4zOSw0MC42OC0yNS44Miw1Ni4wNy0zOS4wOEE4MC4wNyw4MC4wNywwLDAsMSwxMjgsMjA4Wk0yMzEuNDIsNzUuNjljLTEuNyw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVjMTQuMjEtMi4zNSwyNy4zNy0yLjE3LDMwLjUsMy4yNEMyMzIuMTksNzAuMjgsMjMyLjI0LDcyLjYzLDIzMS40Miw3NS42OVoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-globe-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjMuMjIsMTE1Ljc1QTk3LjA4LDk3LjA4LDAsMCwxLDIyNCwxMjgsOTUuOTMsOTUuOTMsMCwwLDEsNjkuNDMsMjA0YzI1LjE5LTYuMTYsNTQuODItMTguOTMsODIuNDQtMzQuOEMxODEuMzEsMTUyLjI5LDIwNi4xNiwxMzMuNDYsMjIzLjIyLDExNS43NVptMjEuODktNTUuMDdjLTcuNjUtMTMuMTktMjcuODQtMTYuMTYtNTguNS04LjY2aDBBOTUuOTMsOTUuOTMsMCwwLDAsMzIsMTI4YTk4LDk4LDAsMCwwLC43OCwxMi4zMWgwQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNCw5Ny4yMiw5Ny4yMiwwLDAsMS0xNC4xNi0xMy40MmMtMTcuMjksMi44OC0yOCwxLTMwLjUzLTMuMjktMS40Ni0yLjUxLS42NS03LjI0LDIuMjItMTNhNzkuNDIsNzkuNDIsMCwwLDEsMTAuMjgtMTUuMDUuMjkuMjksMCwwLDAsMC0uMDlsMCwuMDhoMGE5Ni4yMSw5Ni4yMSwwLDAsMCwxOCwzMS4zMmMyMC45NC0zLjQ5LDUxLjQ5LTEzLjkxLDg4LjYzLTM1LjI1QzE3MiwxMzkuMTksMjAyLDExNi42NywyMTguNzksOTYuODJhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVoMGwtLjEzLS4xNWMwLC4wNS4wOS4wOS4xMy4xNSwxNC4yMS0yLjM1LDI3LjM3LTIuMTcsMzAuNSwzLjI0LjkyLDEuNTcsMSwzLjkyLjE1LDctMS42OSw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuMzksOTUuMzksMCwwLDEsNC40MywxOC45M2MxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-globe-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4YTg4LDg4LDAsMSwxLTg4LTg4QTg4LDg4LDAsMCwxLDIxNiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ1LjExLDYwLjY4Yy03LjY1LTEzLjE5LTI3Ljg0LTE2LjE2LTU4LjUtOC42NkE5NS45Myw5NS45MywwLDAsMCwzMiwxMjhhOTgsOTgsMCwwLDAsLjc4LDEyLjMxQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNEE5NS45Myw5NS45MywwLDAsMCwyMjQsMTI4YTk3LjA4LDk3LjA4LDAsMCwwLS43Ny0xMi4yNWMxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4Wk0xMjgsNDhhODAuMTEsODAuMTEsMCwwLDEsNzgsNjIuMmMtMTcuMDYsMTYuMDYtNDAuMTUsMzIuNTMtNjIuMDcsNDUuMTNDMTE2LjM4LDE3MS4xNCw5Mi40OCwxODEsNzMuNDIsMTg2LjRBNzkuOTQsNzkuOTQsMCwwLDEsMTI4LDQ4Wk0yNC43NCwxODcuMjljLTEuNDYtMi41MS0uNjUtNy4yNCwyLjIyLTEzYTc5LjA1LDc5LjA1LDAsMCwxLDEwLjI5LTE1LjA1LDk2LDk2LDAsMCwwLDE4LDMxLjMyQzM4LDE5My40NiwyNy4yNCwxOTEuNjEsMjQuNzQsMTg3LjI5Wk0xMjgsMjA4YTc5LjQ1LDc5LjQ1LDAsMCwxLTM4LjU2LTkuOTQsMzcwLDM3MCwwLDAsMCw2Mi40My0yOC44NmMyMS41OC0xMi4zOSw0MC42OC0yNS44Miw1Ni4wNy0zOS4wOEE4MC4wNyw4MC4wNywwLDAsMSwxMjgsMjA4Wk0yMzEuNDIsNzUuNjljLTEuNyw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVjMTQuMjEtMi4zNSwyNy4zNy0yLjE3LDMwLjUsMy4yNEMyMzIuMTksNzAuMjgsMjMyLjI0LDcyLjYzLDIzMS40Miw3NS42OVoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-globe-accent-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjMuMjIsMTE1Ljc1QTk3LjA4LDk3LjA4LDAsMCwxLDIyNCwxMjgsOTUuOTMsOTUuOTMsMCwwLDEsNjkuNDMsMjA0YzI1LjE5LTYuMTYsNTQuODItMTguOTMsODIuNDQtMzQuOEMxODEuMzEsMTUyLjI5LDIwNi4xNiwxMzMuNDYsMjIzLjIyLDExNS43NVptMjEuODktNTUuMDdjLTcuNjUtMTMuMTktMjcuODQtMTYuMTYtNTguNS04LjY2aDBBOTUuOTMsOTUuOTMsMCwwLDAsMzIsMTI4YTk4LDk4LDAsMCwwLC43OCwxMi4zMWgwQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNCw5Ny4yMiw5Ny4yMiwwLDAsMS0xNC4xNi0xMy40MmMtMTcuMjksMi44OC0yOCwxLTMwLjUzLTMuMjktMS40Ni0yLjUxLS42NS03LjI0LDIuMjItMTNhNzkuNDIsNzkuNDIsMCwwLDEsMTAuMjgtMTUuMDUuMjkuMjksMCwwLDAsMC0uMDlsMCwuMDhoMGE5Ni4yMSw5Ni4yMSwwLDAsMCwxOCwzMS4zMmMyMC45NC0zLjQ5LDUxLjQ5LTEzLjkxLDg4LjYzLTM1LjI1QzE3MiwxMzkuMTksMjAyLDExNi42NywyMTguNzksOTYuODJhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVoMGwtLjEzLS4xNWMwLC4wNS4wOS4wOS4xMy4xNSwxNC4yMS0yLjM1LDI3LjM3LTIuMTcsMzAuNSwzLjI0LjkyLDEuNTcsMSwzLjkyLjE1LDctMS42OSw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuMzksOTUuMzksMCwwLDEsNC40MywxOC45M2MxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
|
||
--icon-direct-messages: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0YTEwNCwxMDQsMCwwLDAsMCwyMDhjMjEuNTEsMCw0NC4xLTYuNDgsNjAuNDMtMTcuMzNhOCw4LDAsMCwwLTguODYtMTMuMzNDMTY2LDIxMC4zOCwxNDYuMjEsMjE2LDEyOCwyMTZhODgsODgsMCwxLDEsODgtODhjMCwyNi40NS0xMC44OCwzMi0yMCwzMnMtMjAtNS41NS0yMC0zMlY4OGE4LDgsMCwwLDAtMTYsMHY0LjI2YTQ4LDQ4LDAsMSwwLDUuOTMsNjUuMWM2LDEyLDE2LjM1LDE4LjY0LDMwLjA3LDE4LjY0LDIyLjU0LDAsMzYtMTcuOTQsMzYtNDhBMTA0LjExLDEwNC4xMSwwLDAsMCwxMjgsMjRabTAsMTM2YTMyLDMyLDAsMSwxLDMyLTMyQTMyLDMyLDAsMCwxLDEyOCwxNjBaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-direct-messages-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIsMTI4YzAsLjUxLDAsMSwwLDEuNTItLjM0LDE0LjI2LTUuNjMsMzAuNDgtMjgsMzAuNDgtMjMuMTQsMC0yOC0xNy40LTI4LTMyVjg4YTgsOCwwLDAsMC04LjUzLThBOC4xNyw4LjE3LDAsMCwwLDE2MCw4OC4yN3Y0YTQ4LDQ4LDAsMSwwLDYuNzMsNjQuMDUsNDAuMTksNDAuMTksMCwwLDAsMy4zOCw1QzE3NS40OCwxNjgsMTg1LjcxLDE3NiwyMDQsMTc2YTU0LjgxLDU0LjgxLDAsMCwwLDkuMjItLjc1LDQsNCwwLDAsMSw0LjA5LDZBMTA0LjA1LDEwNC4wNSwwLDAsMSwxMjUuOTEsMjMyQzcxLjEzLDIzMC45LDI2LjIsMTg2Ljg2LDI0LjA4LDEzMi4xMUExMDQsMTA0LDAsMSwxLDIzMiwxMjhaTTk2LDEyOGEzMiwzMiwwLDEsMCwzMi0zMkEzMiwzMiwwLDAsMCw5NiwxMjhaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-direct-messages-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0YTEwNCwxMDQsMCwwLDAsMCwyMDhjMjEuNTEsMCw0NC4xLTYuNDgsNjAuNDMtMTcuMzNhOCw4LDAsMCwwLTguODYtMTMuMzNDMTY2LDIxMC4zOCwxNDYuMjEsMjE2LDEyOCwyMTZhODgsODgsMCwxLDEsODgtODhjMCwyNi40NS0xMC44OCwzMi0yMCwzMnMtMjAtNS41NS0yMC0zMlY4OGE4LDgsMCwwLDAtMTYsMHY0LjI2YTQ4LDQ4LDAsMSwwLDUuOTMsNjUuMWM2LDEyLDE2LjM1LDE4LjY0LDMwLjA3LDE4LjY0LDIyLjU0LDAsMzYtMTcuOTQsMzYtNDhBMTA0LjExLDEwNC4xMSwwLDAsMCwxMjgsMjRabTAsMTM2YTMyLDMyLDAsMSwxLDMyLTMyQTMyLDMyLDAsMCwxLDEyOCwxNjBaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-direct-messages-accent-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIsMTI4YzAsLjUxLDAsMSwwLDEuNTItLjM0LDE0LjI2LTUuNjMsMzAuNDgtMjgsMzAuNDgtMjMuMTQsMC0yOC0xNy40LTI4LTMyVjg4YTgsOCwwLDAsMC04LjUzLThBOC4xNyw4LjE3LDAsMCwwLDE2MCw4OC4yN3Y0YTQ4LDQ4LDAsMSwwLDYuNzMsNjQuMDUsNDAuMTksNDAuMTksMCwwLDAsMy4zOCw1QzE3NS40OCwxNjgsMTg1LjcxLDE3NiwyMDQsMTc2YTU0LjgxLDU0LjgxLDAsMCwwLDkuMjItLjc1LDQsNCwwLDAsMSw0LjA5LDZBMTA0LjA1LDEwNC4wNSwwLDAsMSwxMjUuOTEsMjMyQzcxLjEzLDIzMC45LDI2LjIsMTg2Ljg2LDI0LjA4LDEzMi4xMUExMDQsMTA0LDAsMSwxLDIzMiwxMjhaTTk2LDEyOGEzMiwzMiwwLDEsMCwzMi0zMkEzMiwzMiwwLDAsMCw5NiwxMjhaIj48L3BhdGg+PC9zdmc+");
|
||
|
||
--icon-bookmark-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzJWMjI0bC01Ni00MEw1NiwyMjRWNzJhOCw4LDAsMCwxLDgtOGg5NkE4LDgsMCwwLDEsMTY4LDcyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2MCw1Nkg2NEExNiwxNiwwLDAsMCw0OCw3MlYyMjRhOCw4LDAsMCwwLDEyLjY1LDYuNTFMMTEyLDE5My44M2w1MS4zNiwzNi42OEE4LDgsMCwwLDAsMTc2LDIyNFY3MkExNiwxNiwwLDAsMCwxNjAsNTZabTAsMTUyLjQ2LTQzLjM2LTMxYTgsOCwwLDAsMC05LjMsMEw2NCwyMDguNDVWNzJoOTZaTTIwOCw0MFYxOTJhOCw4LDAsMCwxLTE2LDBWNDBIODhhOCw4LDAsMCwxLDAtMTZIMTkyQTE2LDE2LDAsMCwxLDIwOCw0MFoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-bookmark-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsNTZINjRBMTYsMTYsMCwwLDAsNDgsNzJWMjI0YTgsOCwwLDAsMCwxMi42NSw2LjUxTDExMiwxOTMuODNsNTEuMzYsMzYuNjhBOCw4LDAsMCwwLDE3NiwyMjRWNzJBMTYsMTYsMCwwLDAsMTYwLDU2WiI+PC9wYXRoPjxwYXRoIGQ9Ik0xOTIsMjRIODhhOCw4LDAsMCwwLDAsMTZIMTkyVjE5MmE4LDgsMCwwLDAsMTYsMFY0MEExNiwxNiwwLDAsMCwxOTIsMjRaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-bookmark-column-link-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzJWMjI0bC01Ni00MEw1NiwyMjRWNzJhOCw4LDAsMCwxLDgtOGg5NkE4LDgsMCwwLDEsMTY4LDcyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2MCw1Nkg2NEExNiwxNiwwLDAsMCw0OCw3MlYyMjRhOCw4LDAsMCwwLDEyLjY1LDYuNTFMMTEyLDE5My44M2w1MS4zNiwzNi42OEE4LDgsMCwwLDAsMTc2LDIyNFY3MkExNiwxNiwwLDAsMCwxNjAsNTZabTAsMTUyLjQ2LTQzLjM2LTMxYTgsOCwwLDAsMC05LjMsMEw2NCwyMDguNDVWNzJoOTZaTTIwOCw0MFYxOTJhOCw4LDAsMCwxLTE2LDBWNDBIODhhOCw4LDAsMCwxLDAtMTZIMTkyQTE2LDE2LDAsMCwxLDIwOCw0MFoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-bookmark-column-link-accent-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsNTZINjRBMTYsMTYsMCwwLDAsNDgsNzJWMjI0YTgsOCwwLDAsMCwxMi42NSw2LjUxTDExMiwxOTMuODNsNTEuMzYsMzYuNjhBOCw4LDAsMCwwLDE3NiwyMjRWNzJBMTYsMTYsMCwwLDAsMTYwLDU2WiI+PC9wYXRoPjxwYXRoIGQ9Ik0xOTIsMjRIODhhOCw4LDAsMCwwLDAsMTZIMTkyVjE5MmE4LDgsMCwwLDAsMTYsMFY0MEExNiwxNiwwLDAsMCwxOTIsMjRaIj48L3BhdGg+PC9zdmc+");
|
||
|
||
--icon-star-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-star-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzQuNSwxMTQuMzhsLTQ1LjEsMzkuMzYsMTMuNTEsNTguNmExNiwxNiwwLDAsMS0yMy44NCwxNy4zNGwtNTEuMTEtMzEtNTEsMzFhMTYsMTYsMCwwLDEtMjMuODQtMTcuMzRMNjYuNjEsMTUzLjgsMjEuNSwxMTQuMzhhMTYsMTYsMCwwLDEsOS4xMS0yOC4wNmw1OS40Ni01LjE1LDIzLjIxLTU1LjM2YTE1Ljk1LDE1Ljk1LDAsMCwxLDI5LjQ0LDBoMEwxNjYsODEuMTdsNTkuNDQsNS4xNWExNiwxNiwwLDAsMSw5LjExLDI4LjA2WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-star-column-link-accent: var(--icon-star-accent);
|
||
--icon-star-column-link-accent-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzQuNSwxMTQuMzhsLTQ1LjEsMzkuMzYsMTMuNTEsNTguNmExNiwxNiwwLDAsMS0yMy44NCwxNy4zNGwtNTEuMTEtMzEtNTEsMzFhMTYsMTYsMCwwLDEtMjMuODQtMTcuMzRMNjYuNjEsMTUzLjgsMjEuNSwxMTQuMzhhMTYsMTYsMCwwLDEsOS4xMS0yOC4wNmw1OS40Ni01LjE1LDIzLjIxLTU1LjM2YTE1Ljk1LDE1Ljk1LDAsMCwxLDI5LjQ0LDBoMEwxNjYsODEuMTdsNTkuNDQsNS4xNWExNiwxNiwwLDAsMSw5LjExLDI4LjA2WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
|
||
--icon-search: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIuNDksMjE1LjUxLDE4NSwxNjhhOTIuMTIsOTIuMTIsMCwxLDAtMTcsMTdsNDcuNTMsNDcuNTRhMTIsMTIsMCwwLDAsMTctMTdaTTQ0LDExMmE2OCw2OCwwLDEsMSw2OCw2OEE2OC4wNyw2OC4wNywwLDAsMSw0NCwxMTJaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-search-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIuNDksMjE1LjUxLDE4NSwxNjhhOTIuMTIsOTIuMTIsMCwxLDAtMTcsMTdsNDcuNTMsNDcuNTRhMTIsMTIsMCwwLDAsMTctMTdaTTQ0LDExMmE2OCw2OCwwLDEsMSw2OCw2OEE2OC4wNyw2OC4wNywwLDAsMSw0NCwxMTJaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-search-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTEyYTgwLDgwLDAsMSwxLTgwLTgwQTgwLDgwLDAsMCwxLDE5MiwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI5LjY2LDIxOC4zNCwxNzkuNiwxNjguMjhhODguMjEsODguMjEsMCwxLDAtMTEuMzIsMTEuMzFsNTAuMDYsNTAuMDdhOCw4LDAsMCwwLDExLjMyLTExLjMyWk00MCwxMTJhNzIsNzIsMCwxLDEsNzIsNzJBNzIuMDgsNzIuMDgsMCwwLDEsNDAsMTEyWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-search-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsMTEyYTU2LDU2LDAsMSwxLTU2LTU2QTU2LDU2LDAsMCwxLDE2OCwxMTJabTYxLjY2LDExNy42NmE4LDgsMCwwLDEtMTEuMzIsMGwtNTAuMDYtNTAuMDdhODgsODgsMCwxLDEsMTEuMzItMTEuMzFsNTAuMDYsNTAuMDZBOCw4LDAsMCwxLDIyOS42NiwyMjkuNjZaTTExMiwxODRhNzIsNzIsMCwxLDAtNzItNzJBNzIuMDgsNzIuMDgsMCwwLDAsMTEyLDE4NFoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-search-column-link-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTEyYTgwLDgwLDAsMSwxLTgwLTgwQTgwLDgwLDAsMCwxLDE5MiwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI5LjY2LDIxOC4zNCwxNzkuNiwxNjguMjhhODguMjEsODguMjEsMCwxLDAtMTEuMzIsMTEuMzFsNTAuMDYsNTAuMDdhOCw4LDAsMCwwLDExLjMyLTExLjMyWk00MCwxMTJhNzIsNzIsMCwxLDEsNzIsNzJBNzIuMDgsNzIuMDgsMCwwLDEsNDAsMTEyWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-search-column-link-accent-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsMTEyYTU2LDU2LDAsMSwxLTU2LTU2QTU2LDU2LDAsMCwxLDE2OCwxMTJabTYxLjY2LDExNy42NmE4LDgsMCwwLDEtMTEuMzIsMGwtNTAuMDYtNTAuMDdhODgsODgsMCwxLDEsMTEuMzItMTEuMzFsNTAuMDYsNTAuMDZBOCw4LDAsMCwxLDIyOS42NiwyMjkuNjZaTTExMiwxODRhNzIsNzIsMCwxLDAtNzItNzJBNzIuMDgsNzIuMDgsMCwwLDAsMTEyLDE4NFoiPjwvcGF0aD48L3N2Zz4=");
|
||
|
||
--icon-user-plus-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsMTAwYTYwLDYwLDAsMSwxLTYwLTYwQTYwLDYwLDAsMCwxLDE2OCwxMDBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjU2LDEzNmE4LDgsMCwwLDEtOCw4SDIzMnYxNmE4LDgsMCwwLDEtMTYsMFYxNDRIMjAwYTgsOCwwLDAsMSwwLTE2aDE2VjExMmE4LDgsMCwwLDEsMTYsMHYxNmgxNkE4LDgsMCwwLDEsMjU2LDEzNlptLTU3Ljg3LDU4Ljg1YTgsOCwwLDAsMS0xMi4yNiwxMC4zQzE2NS43NSwxODEuMTksMTM4LjA5LDE2OCwxMDgsMTY4cy01Ny43NSwxMy4xOS03Ny44NywzNy4xNWE4LDgsMCwwLDEtMTIuMjUtMTAuM2MxNC45NC0xNy43OCwzMy41Mi0zMC40MSw1NC4xNy0zNy4xN2E2OCw2OCwwLDEsMSw3MS45LDBDMTY0LjYsMTY0LjQ0LDE4My4xOCwxNzcuMDcsMTk4LjEzLDE5NC44NVpNMTA4LDE1MmE1Miw1MiwwLDEsMC01Mi01MkE1Mi4wNiw1Mi4wNiwwLDAsMCwxMDgsMTUyWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-user-plus-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNTYsMTM2YTgsOCwwLDAsMS04LDhIMjMydjE2YTgsOCwwLDAsMS0xNiwwVjE0NEgyMDBhOCw4LDAsMCwxLDAtMTZoMTZWMTEyYTgsOCwwLDAsMSwxNiwwdjE2aDE2QTgsOCwwLDAsMSwyNTYsMTM2Wk0xNDQsMTU3LjY4YTY4LDY4LDAsMSwwLTcxLjksMGMtMjAuNjUsNi43Ni0zOS4yMywxOS4zOS01NC4xNywzNy4xN0E4LDgsMCwwLDAsMjQsMjA4SDE5MmE4LDgsMCwwLDAsNi4xMy0xMy4xNUMxODMuMTgsMTc3LjA3LDE2NC42LDE2NC40NCwxNDQsMTU3LjY4WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-user-plus-column-link-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsMTAwYTYwLDYwLDAsMSwxLTYwLTYwQTYwLDYwLDAsMCwxLDE2OCwxMDBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjU2LDEzNmE4LDgsMCwwLDEtOCw4SDIzMnYxNmE4LDgsMCwwLDEtMTYsMFYxNDRIMjAwYTgsOCwwLDAsMSwwLTE2aDE2VjExMmE4LDgsMCwwLDEsMTYsMHYxNmgxNkE4LDgsMCwwLDEsMjU2LDEzNlptLTU3Ljg3LDU4Ljg1YTgsOCwwLDAsMS0xMi4yNiwxMC4zQzE2NS43NSwxODEuMTksMTM4LjA5LDE2OCwxMDgsMTY4cy01Ny43NSwxMy4xOS03Ny44NywzNy4xNWE4LDgsMCwwLDEtMTIuMjUtMTAuM2MxNC45NC0xNy43OCwzMy41Mi0zMC40MSw1NC4xNy0zNy4xN2E2OCw2OCwwLDEsMSw3MS45LDBDMTY0LjYsMTY0LjQ0LDE4My4xOCwxNzcuMDcsMTk4LjEzLDE5NC44NVpNMTA4LDE1MmE1Miw1MiwwLDEsMC01Mi01MkE1Mi4wNiw1Mi4wNiwwLDAsMCwxMDgsMTUyWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-user-plus-column-link-accent-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNTYsMTM2YTgsOCwwLDAsMS04LDhIMjMydjE2YTgsOCwwLDAsMS0xNiwwVjE0NEgyMDBhOCw4LDAsMCwxLDAtMTZoMTZWMTEyYTgsOCwwLDAsMSwxNiwwdjE2aDE2QTgsOCwwLDAsMSwyNTYsMTM2Wk0xNDQsMTU3LjY4YTY4LDY4LDAsMSwwLTcxLjksMGMtMjAuNjUsNi43Ni0zOS4yMywxOS4zOS01NC4xNywzNy4xN0E4LDgsMCwwLDAsMjQsMjA4SDE5MmE4LDgsMCwwLDAsNi4xMy0xMy4xNUMxODMuMTgsMTc3LjA3LDE2NC42LDE2NC40NCwxNDQsMTU3LjY4WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
|
||
--icon-list: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNjRWMTkySDQwVjY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCwxMjhhOCw4LDAsMCwxLTgsOEg0MGE4LDgsMCwwLDEsMC0xNkgyMTZBOCw4LDAsMCwxLDIyNCwxMjhaTTQwLDcySDIxNmE4LDgsMCwwLDAsMC0xNkg0MGE4LDgsMCwwLDAsMCwxNlpNMjE2LDE4NEg0MGE4LDgsMCwwLDAsMCwxNkgyMTZhOCw4LDAsMCwwLDAtMTZaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-list-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTIwdjE2YTgsOCwwLDAsMS04LDhINDBhOCw4LDAsMCwxLTgtOFYxMjBhOCw4LDAsMCwxLDgtOEgyMTZBOCw4LDAsMCwxLDIyNCwxMjBabS04LDU2SDQwYTgsOCwwLDAsMC04LDh2MTZhOCw4LDAsMCwwLDgsOEgyMTZhOCw4LDAsMCwwLDgtOFYxODRBOCw4LDAsMCwwLDIxNiwxNzZabTAtMTI4SDQwYTgsOCwwLDAsMC04LDhWNzJhOCw4LDAsMCwwLDgsOEgyMTZhOCw4LDAsMCwwLDgtOFY1NkE4LDgsMCwwLDAsMjE2LDQ4WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-list-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNjRWMTkySDQwVjY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCwxMjhhOCw4LDAsMCwxLTgsOEg0MGE4LDgsMCwwLDEsMC0xNkgyMTZBOCw4LDAsMCwxLDIyNCwxMjhaTTQwLDcySDIxNmE4LDgsMCwwLDAsMC0xNkg0MGE4LDgsMCwwLDAsMCwxNlpNMjE2LDE4NEg0MGE4LDgsMCwwLDAsMCwxNkgyMTZhOCw4LDAsMCwwLDAtMTZaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-list-accent-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTIwdjE2YTgsOCwwLDAsMS04LDhINDBhOCw4LDAsMCwxLTgtOFYxMjBhOCw4LDAsMCwxLDgtOEgyMTZBOCw4LDAsMCwxLDIyNCwxMjBabS04LDU2SDQwYTgsOCwwLDAsMC04LDh2MTZhOCw4LDAsMCwwLDgsOEgyMTZhOCw4LDAsMCwwLDgtOFYxODRBOCw4LDAsMCwwLDIxNiwxNzZabTAtMTI4SDQwYTgsOCwwLDAsMC04LDhWNzJhOCw4LDAsMCwwLDgsOEgyMTZhOCw4LDAsMCwwLDgtOFY1NkE4LDgsMCwwLDAsMjE2LDQ4WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
|
||
--icon-settings: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMSwxMDguNzYsMTk4LjI1LDkwLjYyYy0uNjQtMS4xNi0xLjMxLTIuMjktMi0zLjQxbC0uMTItMzZBMTA0LjYxLDEwNC42MSwwLDAsMCwxNjIsMzJMMTMwLDQ5Ljg5Yy0xLjM0LDAtMi42OSwwLTQsMEw5NCwzMkExMDQuNTgsMTA0LjU4LDAsMCwwLDU5Ljg5LDUxLjI1bC0uMTYsMzZjLS43LDEuMTItMS4zNywyLjI2LTIsMy40MWwtMzEuODQsMTguMWE5OS4xNSw5OS4xNSwwLDAsMCwwLDM4LjQ2bDMxLjg1LDE4LjE0Yy42NCwxLjE2LDEuMzEsMi4yOSwyLDMuNDFsLjEyLDM2QTEwNC42MSwxMDQuNjEsMCwwLDAsOTQsMjI0bDMyLTE3Ljg3YzEuMzQsMCwyLjY5LDAsNCwwTDE2MiwyMjRhMTA0LjU4LDEwNC41OCwwLDAsMCwzNC4wOC0xOS4yNWwuMTYtMzZjLjctMS4xMiwxLjM3LTIuMjYsMi0zLjQxbDMxLjg0LTE4LjFBOTkuMTUsOTkuMTUsMCwwLDAsMjMwLjEsMTA4Ljc2Wk0xMjgsMTY4YTQwLDQwLDAsMSwxLDQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxNjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDgwYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWm0xMDkuOTQtNTIuNzlhOCw4LDAsMCwwLTMuODktNS40bC0yOS44My0xNy0uMTItMzMuNjJhOCw4LDAsMCwwLTIuODMtNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLTM2LjcyLTIwLjY3LDgsOCwwLDAsMC02LjQ2LjU5TDEyOCw0MS44NSw5Ny44OCwyNWE4LDgsMCwwLDAtNi40Ny0uNkExMTEuOTIsMTExLjkyLDAsMCwwLDU0LjczLDQ1LjE1YTgsOCwwLDAsMC0yLjgzLDYuMDdsLS4xNSwzMy42NS0yOS44MywxN2E4LDgsMCwwLDAtMy44OSw1LjQsMTA2LjQ3LDEwNi40NywwLDAsMCwwLDQxLjU2LDgsOCwwLDAsMCwzLjg5LDUuNGwyOS44MywxNywuMTIsMzMuNjNhOCw4LDAsMCwwLDIuODMsNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLDM2LjcyLDIwLjY3LDgsOCwwLDAsMCw2LjQ2LS41OUwxMjgsMjE0LjE1LDE1OC4xMiwyMzFhNy45MSw3LjkxLDAsMCwwLDMuOSwxLDguMDksOC4wOSwwLDAsMCwyLjU3LS40MiwxMTIuMSwxMTIuMSwwLDAsMCwzNi42OC0yMC43Myw4LDgsMCwwLDAsMi44My02LjA3bC4xNS0zMy42NSwyOS44My0xN2E4LDgsMCwwLDAsMy44OS01LjRBMTA2LjQ3LDEwNi40NywwLDAsMCwyMzcuOTQsMTA3LjIxWm0tMTUsMzQuOTEtMjguNTcsMTYuMjVhOCw4LDAsMCwwLTMsM2MtLjU4LDEtMS4xOSwyLjA2LTEuODEsMy4wNmE3Ljk0LDcuOTQsMCwwLDAtMS4yMiw0LjIxbC0uMTUsMzIuMjVhOTUuODksOTUuODksMCwwLDEtMjUuMzcsMTQuM0wxMzQsMTk5LjEzYTgsOCwwLDAsMC0zLjkxLTFoLS4xOWMtMS4yMSwwLTIuNDMsMC0zLjY0LDBhOC4xLDguMSwwLDAsMC00LjEsMWwtMjguODQsMTYuMUE5Niw5NiwwLDAsMSw2Ny44OCwyMDFsLS4xMS0zMi4yYTgsOCwwLDAsMC0xLjIyLTQuMjJjLS42Mi0xLTEuMjMtMi0xLjgtMy4wNmE4LjA5LDguMDksMCwwLDAtMy0zLjA2bC0yOC42LTE2LjI5YTkwLjQ5LDkwLjQ5LDAsMCwxLDAtMjguMjZMNjEuNjcsOTcuNjNhOCw4LDAsMCwwLDMtM2MuNTgtMSwxLjE5LTIuMDYsMS44MS0zLjA2YTcuOTQsNy45NCwwLDAsMCwxLjIyLTQuMjFsLjE1LTMyLjI1YTk1Ljg5LDk1Ljg5LDAsMCwxLDI1LjM3LTE0LjNMMTIyLDU2Ljg3YTgsOCwwLDAsMCw0LjEsMWMxLjIxLDAsMi40MywwLDMuNjQsMGE4LDgsMCwwLDAsNC4xLTFsMjguODQtMTYuMUE5Niw5NiwwLDAsMSwxODguMTIsNTVsLjExLDMyLjJhOCw4LDAsMCwwLDEuMjIsNC4yMmMuNjIsMSwxLjIzLDIsMS44LDMuMDZhOC4wOSw4LjA5LDAsMCwwLDMsMy4wNmwyOC42LDE2LjI5QTkwLjQ5LDkwLjQ5LDAsMCwxLDIyMi45LDE0Mi4xMloiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-settings-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMSwxMDguNzYsMTk4LjI1LDkwLjYyYy0uNjQtMS4xNi0xLjMxLTIuMjktMi0zLjQxbC0uMTItMzZBMTA0LjYxLDEwNC42MSwwLDAsMCwxNjIsMzJMMTMwLDQ5Ljg5Yy0xLjM0LDAtMi42OSwwLTQsMEw5NCwzMkExMDQuNTgsMTA0LjU4LDAsMCwwLDU5Ljg5LDUxLjI1bC0uMTYsMzZjLS43LDEuMTItMS4zNywyLjI2LTIsMy40MWwtMzEuODQsMTguMWE5OS4xNSw5OS4xNSwwLDAsMCwwLDM4LjQ2bDMxLjg1LDE4LjE0Yy42NCwxLjE2LDEuMzEsMi4yOSwyLDMuNDFsLjEyLDM2QTEwNC42MSwxMDQuNjEsMCwwLDAsOTQsMjI0bDMyLTE3Ljg3YzEuMzQsMCwyLjY5LDAsNCwwTDE2MiwyMjRhMTA0LjU4LDEwNC41OCwwLDAsMCwzNC4wOC0xOS4yNWwuMTYtMzZjLjctMS4xMiwxLjM3LTIuMjYsMi0zLjQxbDMxLjg0LTE4LjFBOTkuMTUsOTkuMTUsMCwwLDAsMjMwLjEsMTA4Ljc2Wk0xMjgsMTY4YTQwLDQwLDAsMSwxLDQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxNjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDgwYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWm0xMDkuOTQtNTIuNzlhOCw4LDAsMCwwLTMuODktNS40bC0yOS44My0xNy0uMTItMzMuNjJhOCw4LDAsMCwwLTIuODMtNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLTM2LjcyLTIwLjY3LDgsOCwwLDAsMC02LjQ2LjU5TDEyOCw0MS44NSw5Ny44OCwyNWE4LDgsMCwwLDAtNi40Ny0uNkExMTEuOTIsMTExLjkyLDAsMCwwLDU0LjczLDQ1LjE1YTgsOCwwLDAsMC0yLjgzLDYuMDdsLS4xNSwzMy42NS0yOS44MywxN2E4LDgsMCwwLDAtMy44OSw1LjQsMTA2LjQ3LDEwNi40NywwLDAsMCwwLDQxLjU2LDgsOCwwLDAsMCwzLjg5LDUuNGwyOS44MywxNywuMTIsMzMuNjNhOCw4LDAsMCwwLDIuODMsNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLDM2LjcyLDIwLjY3LDgsOCwwLDAsMCw2LjQ2LS41OUwxMjgsMjE0LjE1LDE1OC4xMiwyMzFhNy45MSw3LjkxLDAsMCwwLDMuOSwxLDguMDksOC4wOSwwLDAsMCwyLjU3LS40MiwxMTIuMSwxMTIuMSwwLDAsMCwzNi42OC0yMC43Myw4LDgsMCwwLDAsMi44My02LjA3bC4xNS0zMy42NSwyOS44My0xN2E4LDgsMCwwLDAsMy44OS01LjRBMTA2LjQ3LDEwNi40NywwLDAsMCwyMzcuOTQsMTA3LjIxWm0tMTUsMzQuOTEtMjguNTcsMTYuMjVhOCw4LDAsMCwwLTMsM2MtLjU4LDEtMS4xOSwyLjA2LTEuODEsMy4wNmE3Ljk0LDcuOTQsMCwwLDAtMS4yMiw0LjIxbC0uMTUsMzIuMjVhOTUuODksOTUuODksMCwwLDEtMjUuMzcsMTQuM0wxMzQsMTk5LjEzYTgsOCwwLDAsMC0zLjkxLTFoLS4xOWMtMS4yMSwwLTIuNDMsMC0zLjY0LDBhOC4xLDguMSwwLDAsMC00LjEsMWwtMjguODQsMTYuMUE5Niw5NiwwLDAsMSw2Ny44OCwyMDFsLS4xMS0zMi4yYTgsOCwwLDAsMC0xLjIyLTQuMjJjLS42Mi0xLTEuMjMtMi0xLjgtMy4wNmE4LjA5LDguMDksMCwwLDAtMy0zLjA2bC0yOC42LTE2LjI5YTkwLjQ5LDkwLjQ5LDAsMCwxLDAtMjguMjZMNjEuNjcsOTcuNjNhOCw4LDAsMCwwLDMtM2MuNTgtMSwxLjE5LTIuMDYsMS44MS0zLjA2YTcuOTQsNy45NCwwLDAsMCwxLjIyLTQuMjFsLjE1LTMyLjI1YTk1Ljg5LDk1Ljg5LDAsMCwxLDI1LjM3LTE0LjNMMTIyLDU2Ljg3YTgsOCwwLDAsMCw0LjEsMWMxLjIxLDAsMi40MywwLDMuNjQsMGE4LDgsMCwwLDAsNC4xLTFsMjguODQtMTYuMUE5Niw5NiwwLDAsMSwxODguMTIsNTVsLjExLDMyLjJhOCw4LDAsMCwwLDEuMjIsNC4yMmMuNjIsMSwxLjIzLDIsMS44LDMuMDZhOC4wOSw4LjA5LDAsMCwwLDMsMy4wNmwyOC42LDE2LjI5QTkwLjQ5LDkwLjQ5LDAsMCwxLDIyMi45LDE0Mi4xMloiPjwvcGF0aD48L3N2Zz4=");
|
||
|
||
--icon-logout: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4bC00MCw0MFY4OFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMTIsMjE2YTgsOCwwLDAsMS04LDhINDhhMTYsMTYsMCwwLDEtMTYtMTZWNDhBMTYsMTYsMCwwLDEsNDgsMzJoNTZhOCw4LDAsMCwxLDAsMTZINDhWMjA4aDU2QTgsOCwwLDAsMSwxMTIsMjE2Wm0xMDkuNjYtODIuMzQtNDAsNDBBOCw4LDAsMCwxLDE2OCwxNjhWMTM2SDEwNGE4LDgsMCwwLDEsMC0xNmg2NFY4OGE4LDgsMCwwLDEsMTMuNjYtNS42Nmw0MCw0MEE4LDgsMCwwLDEsMjIxLjY2LDEzMy42NlptLTE3LTUuNjZMMTg0LDEwNy4zMXY0MS4zOFoiPjwvcGF0aD48L3N2Zz4=");
|
||
|
||
--icon-ellipsis-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTYsMTI4YTI4LDI4LDAsMSwxLTI4LTI4QTI4LDI4LDAsMCwxLDE1NiwxMjhaTTQ4LDEwMGEyOCwyOCwwLDEsMCwyOCwyOEEyOCwyOCwwLDAsMCw0OCwxMDBabTE2MCwwYTI4LDI4LDAsMSwwLDI4LDI4QTI4LDI4LDAsMCwwLDIwOCwxMDBaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-ellipsis-column-link-active-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTYsMTI4YTI4LDI4LDAsMSwxLTI4LTI4QTI4LDI4LDAsMCwxLDE1NiwxMjhaTTQ4LDEwMGEyOCwyOCwwLDEsMCwyOCwyOEEyOCwyOCwwLDAsMCw0OCwxMDBabTE2MCwwYTI4LDI4LDAsMSwwLDI4LDI4QTI4LDI4LDAsMCwwLDIwOCwxMDBaIj48L3BhdGg+PC9zdmc+");
|
||
|
||
--icon-hashtag: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzcuNjYsMTUzLDE1MywyMzcuNjZhOCw4LDAsMCwxLTExLjMxLDBMNDIuMzQsMTM4LjM0QTgsOCwwLDAsMSw0MCwxMzIuNjlWNDBoOTIuNjlhOCw4LDAsMCwxLDUuNjUsMi4zNGw5OS4zMiw5OS4zMkE4LDgsMCwwLDEsMjM3LjY2LDE1M1oiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yNDMuMzEsMTM2LDE0NCwzNi42OUExNS44NiwxNS44NiwwLDAsMCwxMzIuNjksMzJINDBhOCw4LDAsMCwwLTgsOHY5Mi42OUExNS44NiwxNS44NiwwLDAsMCwzNi42OSwxNDRMMTM2LDI0My4zMWExNiwxNiwwLDAsMCwyMi42MywwbDg0LjY4LTg0LjY4YTE2LDE2LDAsMCwwLDAtMjIuNjNabS05Niw5Nkw0OCwxMzIuNjlWNDhoODQuNjlMMjMyLDE0Ny4zMVpNOTYsODRBMTIsMTIsMCwxLDEsODQsNzIsMTIsMTIsMCwwLDEsOTYsODRaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-hashtag-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzcuNjYsMTUzLDE1MywyMzcuNjZhOCw4LDAsMCwxLTExLjMxLDBMNDIuMzQsMTM4LjM0QTgsOCwwLDAsMSw0MCwxMzIuNjlWNDBoOTIuNjlhOCw4LDAsMCwxLDUuNjUsMi4zNGw5OS4zMiw5OS4zMkE4LDgsMCwwLDEsMjM3LjY2LDE1M1oiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yNDMuMzEsMTM2LDE0NCwzNi42OUExNS44NiwxNS44NiwwLDAsMCwxMzIuNjksMzJINDBhOCw4LDAsMCwwLTgsOHY5Mi42OUExNS44NiwxNS44NiwwLDAsMCwzNi42OSwxNDRMMTM2LDI0My4zMWExNiwxNiwwLDAsMCwyMi42MywwbDg0LjY4LTg0LjY4YTE2LDE2LDAsMCwwLDAtMjIuNjNabS05Niw5Nkw0OCwxMzIuNjlWNDhoODQuNjlMMjMyLDE0Ny4zMVpNOTYsODRBMTIsMTIsMCwxLDEsODQsNzIsMTIsMTIsMCwwLDEsOTYsODRaIj48L3BhdGg+PC9zdmc+");
|
||
|
||
/* Post visibility icons */
|
||
--icon-globe-visibility: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-globe-visibility-inv: var(--icon-globe-visibility);
|
||
--icon-globe-visibility-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-unlock: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYuMzcsMTM5LjRhMTIsMTIsMCwwLDAtMTItM0E4NC4wNyw4NC4wNywwLDAsMSwxMTkuNiwzMS41OWExMiwxMiwwLDAsMC0xNS0xNUExMDguODYsMTA4Ljg2LDAsMCwwLDQ5LjY5LDU1LjA3LDEwOCwxMDgsMCwwLDAsMTM2LDIyOGExMDcuMDksMTA3LjA5LDAsMCwwLDY0LjkzLTIxLjY5LDEwOC44NiwxMDguODYsMCwwLDAsMzguNDQtNTQuOTRBMTIsMTIsMCwwLDAsMjM2LjM3LDEzOS40Wm0tNDkuODgsNDcuNzRBODQsODQsMCwwLDEsNjguODYsNjkuNTEsODQuOTMsODQuOTMsMCwwLDEsOTIuMjcsNDguMjlROTIsNTIuMTMsOTIsNTZBMTA4LjEyLDEwOC4xMiwwLDAsMCwyMDAsMTY0cTMuODcsMCw3LjcxLS4yN0E4NC43OSw4NC43OSwwLDAsMSwxODYuNDksMTg3LjE0WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-unlock-inv: var(--icon-unlock);
|
||
--icon-unlock-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYuMzcsMTM5LjRhMTIsMTIsMCwwLDAtMTItM0E4NC4wNyw4NC4wNywwLDAsMSwxMTkuNiwzMS41OWExMiwxMiwwLDAsMC0xNS0xNUExMDguODYsMTA4Ljg2LDAsMCwwLDQ5LjY5LDU1LjA3LDEwOCwxMDgsMCwwLDAsMTM2LDIyOGExMDcuMDksMTA3LjA5LDAsMCwwLDY0LjkzLTIxLjY5LDEwOC44NiwxMDguODYsMCwwLDAsMzguNDQtNTQuOTRBMTIsMTIsMCwwLDAsMjM2LjM3LDEzOS40Wm0tNDkuODgsNDcuNzRBODQsODQsMCwwLDEsNjguODYsNjkuNTEsODQuOTMsODQuOTMsMCwwLDEsOTIuMjcsNDguMjlROTIsNTIuMTMsOTIsNTZBMTA4LjEyLDEwOC4xMiwwLDAsMCwyMDAsMTY0cTMuODcsMCw3LjcxLS4yN0E4NC43OSw4NC43OSwwLDAsMSwxODYuNDksMTg3LjE0WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-lock: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-lock-inv: var(--icon-lock);
|
||
--icon-lock-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-at: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjBhMTA4LDEwOCwwLDAsMCwwLDIxNmMyMi4yNywwLDQ1LjY5LTYuNzMsNjIuNjQtMThhMTIsMTIsMCwxLDAtMTMuMjktMjBjLTEzLDguNjMtMzEuODksMTQtNDkuMzUsMTRhODQsODQsMCwxLDEsODQtODRjMCw5LjI5LTEuNjcsMTcuMDgtNC42OSwyMS45NS0yLjY0LDQuMjQtNiw2LjA1LTExLjMxLDYuMDVzLTguNjctMS44MS0xMS4zMS02LjA1Yy0zLTQuODctNC42OS0xMi42Ni00LjY5LTIxLjk1Vjg4YTEyLDEyLDAsMCwwLTIzLjQ5LTMuNDYsNTIsNTIsMCwxLDAsOC44Niw3OS41N0MxNzIuMywxNzQuMywxODIuODEsMTgwLDE5NiwxODBjMjQuNjcsMCw0MC0xOS45Miw0MC01MkExMDguMTIsMTA4LjEyLDAsMCwwLDEyOCwyMFptMCwxMzZhMjgsMjgsMCwxLDEsMjgtMjhBMjgsMjgsMCwwLDEsMTI4LDE1NloiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-at-inv: var(--icon-at);
|
||
--icon-at-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjBhMTA4LDEwOCwwLDAsMCwwLDIxNmMyMi4yNywwLDQ1LjY5LTYuNzMsNjIuNjQtMThhMTIsMTIsMCwxLDAtMTMuMjktMjBjLTEzLDguNjMtMzEuODksMTQtNDkuMzUsMTRhODQsODQsMCwxLDEsODQtODRjMCw5LjI5LTEuNjcsMTcuMDgtNC42OSwyMS45NS0yLjY0LDQuMjQtNiw2LjA1LTExLjMxLDYuMDVzLTguNjctMS44MS0xMS4zMS02LjA1Yy0zLTQuODctNC42OS0xMi42Ni00LjY5LTIxLjk1Vjg4YTEyLDEyLDAsMCwwLTIzLjQ5LTMuNDYsNTIsNTIsMCwxLDAsOC44Niw3OS41N0MxNzIuMywxNzQuMywxODIuODEsMTgwLDE5NiwxODBjMjQuNjcsMCw0MC0xOS45Miw0MC01MkExMDguMTIsMTA4LjEyLDAsMCwwLDEyOCwyMFptMCwxMzZhMjgsMjgsMCwxLDEsMjgtMjhBMjgsMjgsMCwwLDEsMTI4LDE1NloiPjwvcGF0aD48L3N2Zz4=");
|
||
|
||
/* Other icons */
|
||
--icon-bell-still: var(--icon-bell);
|
||
--icon-bell-ringing: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNlODkyNDM7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIyNCw3MS4xYTgsOCwwLDAsMS0xMC43OC0zLjQyLDk0LjEzLDk0LjEzLDAsMCwwLTMzLjQ2LTM2LjkxLDgsOCwwLDEsMSw4LjU0LTEzLjU0LDExMS40NiwxMTEuNDYsMCwwLDEsMzkuMTIsNDMuMDlBOCw4LDAsMCwxLDIyNCw3MS4xWk0zNS43MSw3MmE4LDgsMCwwLDAsNy4xLTQuMzJBOTQuMTMsOTQuMTMsMCwwLDEsNzYuMjcsMzAuNzdhOCw4LDAsMSwwLTguNTQtMTMuNTRBMTExLjQ2LDExMS40NiwwLDAsMCwyOC42MSw2MC4zMiw4LDgsMCwwLDAsMzUuNzEsNzJabTE4Ni4xLDEwMy45NEExNiwxNiwwLDAsMSwyMDgsMjAwSDE2Ny4yYTQwLDQwLDAsMCwxLTc4LjQsMEg0OGExNiwxNiwwLDAsMS0xMy43OS0yNC4wNkM0My4yMiwxNjAuMzksNDgsMTM4LjI4LDQ4LDExMmE4MCw4MCwwLDAsMSwxNjAsMEMyMDgsMTM4LjI3LDIxMi43OCwxNjAuMzgsMjIxLjgxLDE3NS45NFpNMTUwLjYyLDIwMEgxMDUuMzhhMjQsMjQsMCwwLDAsNDUuMjQsMFoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-erase: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsMTY4bC00OCw0OEg2Ni43NUwzNi42OSwxODUuOTRhMTYsMTYsMCwwLDEsMC0yMi42M0w5NiwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI1LDgwLjQsMTgzLjYsMzlhMjQsMjQsMCwwLDAtMzMuOTQsMEwzMSwxNTcuNjZhMjQsMjQsMCwwLDAsMCwzMy45NGwzMC4wNiwzMC4wNkE4LDgsMCwwLDAsNjYuNzQsMjI0SDIxNmE4LDgsMCwwLDAsMC0xNmgtODQuN0wyMjUsMTE0LjM0QTI0LDI0LDAsMCwwLDIyNSw4MC40Wk0xMDguNjgsMjA4SDcwLjA1TDQyLjMzLDE4MC4yOGE4LDgsMCwwLDEsMC0xMS4zMUw5NiwxMTUuMzEsMTQ4LjY5LDE2OFptMTA1LTEwNUwxNjAsMTU2LjY5LDEwNy4zMSwxMDQsMTYxLDUwLjM0YTgsOCwwLDAsMSwxMS4zMiwwbDQxLjM4LDQxLjM4YTgsOCwwLDAsMSwwLDExLjMxWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-erase-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjUsODAuNCwxODMuNiwzOWEyNCwyNCwwLDAsMC0zMy45NCwwTDMxLDE1Ny42NmEyNCwyNCwwLDAsMCwwLDMzLjk0bDMwLjA2LDMwLjA2QTgsOCwwLDAsMCw2Ni43NCwyMjRIMjE2YTgsOCwwLDAsMCwwLTE2aC04NC43TDIyNSwxMTQuMzRBMjQsMjQsMCwwLDAsMjI1LDgwLjRaTTIxMy42NywxMDMsMTYwLDE1Ni42OSwxMDcuMzEsMTA0LDE2MSw1MC4zNGE4LDgsMCwwLDEsMTEuMzIsMGw0MS4zOCw0MS4zOGE4LDgsMCwwLDEsMCwxMS4zMVoiPjwvcGF0aD48L3N2Zz4=");
|
||
--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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNTZWMTc4LjA2bC0zOS43Mi0zOS43MmE4LDgsMCwwLDAtMTEuMzEsMEwxNDcuMzEsMTY0LDk3LjY2LDExNC4zNGE4LDgsMCwwLDAtMTEuMzIsMEwzMiwxNjguNjlWNTZhOCw4LDAsMCwxLDgtOEgyMTZBOCw4LDAsMCwxLDIyNCw1NloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTYsNDBINDBBMTYsMTYsMCwwLDAsMjQsNTZWMjAwYTE2LDE2LDAsMCwwLDE2LDE2SDIxNmExNiwxNiwwLDAsMCwxNi0xNlY1NkExNiwxNiwwLDAsMCwyMTYsNDBabTAsMTZWMTU4Ljc1bC0yNi4wNy0yNi4wNmExNiwxNiwwLDAsMC0yMi42MywwbC0yMCwyMC00NC00NGExNiwxNiwwLDAsMC0yMi42MiwwTDQwLDE0OS4zN1Y1NlpNNDAsMTcybDUyLTUyLDgwLDgwSDQwWm0xNzYsMjhIMTk0LjYzbC0zNi0zNiwyMC0yMEwyMTYsMTgxLjM4VjIwMFpNMTQ0LDEwMGExMiwxMiwwLDEsMSwxMiwxMkExMiwxMiwwLDAsMSwxNDQsMTAwWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-warning: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTUuNDYsMjE2SDQwLjU0QzI3LjkyLDIxNiwyMCwyMDIuNzksMjYuMTMsMTkyLjA5TDExMy41OSw0MC4yMmM2LjMtMTEsMjIuNTItMTEsMjguODIsMGw4Ny40NiwxNTEuODdDMjM2LDIwMi43OSwyMjguMDgsMjE2LDIxNS40NiwyMTZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM2LjgsMTg4LjA5LDE0OS4zNSwzNi4yMmgwYTI0Ljc2LDI0Ljc2LDAsMCwwLTQyLjcsMEwxOS4yLDE4OC4wOWEyMy41MSwyMy41MSwwLDAsMCwwLDIzLjcyQTI0LjM1LDI0LjM1LDAsMCwwLDQwLjU1LDIyNGgxNzQuOWEyNC4zNSwyNC4zNSwwLDAsMCwyMS4zMy0xMi4xOUEyMy41MSwyMy41MSwwLDAsMCwyMzYuOCwxODguMDlaTTIyMi45MywyMDMuOGE4LjUsOC41LDAsMCwxLTcuNDgsNC4ySDQwLjU1YTguNSw4LjUsMCwwLDEtNy40OC00LjIsNy41OSw3LjU5LDAsMCwxLDAtNy43MkwxMjAuNTIsNDQuMjFhOC43NSw4Ljc1LDAsMCwxLDE1LDBsODcuNDUsMTUxLjg3QTcuNTksNy41OSwwLDAsMSwyMjIuOTMsMjAzLjhaTTEyMCwxNDRWMTA0YTgsOCwwLDAsMSwxNiwwdjQwYTgsOCwwLDAsMS0xNiwwWm0yMCwzNmExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNDAsMTgwWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-check: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzc5YmQ5YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICM3ZmMwOWY7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIzMi40OSw4MC40OWwtMTI4LDEyOGExMiwxMiwwLDAsMS0xNywwbC01Ni01NmExMiwxMiwwLDEsMSwxNy0xN0w5NiwxODMsMjE1LjUxLDYzLjUxYTEyLDEyLDAsMCwxLDE3LDE3WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-verified: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjUuODYsMTAyLjgyYy0zLjc3LTMuOTQtNy42Ny04LTkuMTQtMTEuNTctMS4zNi0zLjI3LTEuNDQtOC42OS0xLjUyLTEzLjk0LS4xNS05Ljc2LS4zMS0yMC44Mi04LTI4LjUxcy0xOC43NS03Ljg1LTI4LjUxLThjLTUuMjUtLjA4LTEwLjY3LS4xNi0xMy45NC0xLjUyLTMuNTYtMS40Ny03LjYzLTUuMzctMTEuNTctOS4xNEMxNDYuMjgsMjMuNTEsMTM4LjQ0LDE2LDEyOCwxNnMtMTguMjcsNy41MS0yNS4xOCwxNC4xNGMtMy45NCwzLjc3LTgsNy42Ny0xMS41Nyw5LjE0Qzg4LDQwLjY0LDgyLjU2LDQwLjcyLDc3LjMxLDQwLjhjLTkuNzYuMTUtMjAuODIuMzEtMjguNTEsOFM0MSw2Ny41NSw0MC44LDc3LjMxYy0uMDgsNS4yNS0uMTYsMTAuNjctMS41MiwxMy45NC0xLjQ3LDMuNTYtNS4zNyw3LjYzLTkuMTQsMTEuNTdDMjMuNTEsMTA5LjcyLDE2LDExNy41NiwxNiwxMjhzNy41MSwxOC4yNywxNC4xNCwyNS4xOGMzLjc3LDMuOTQsNy42Nyw4LDkuMTQsMTEuNTcsMS4zNiwzLjI3LDEuNDQsOC42OSwxLjUyLDEzLjk0LjE1LDkuNzYuMzEsMjAuODIsOCwyOC41MXMxOC43NSw3Ljg1LDI4LjUxLDhjNS4yNS4wOCwxMC42Ny4xNiwxMy45NCwxLjUyLDMuNTYsMS40Nyw3LjYzLDUuMzcsMTEuNTcsOS4xNEMxMDkuNzIsMjMyLjQ5LDExNy41NiwyNDAsMTI4LDI0MHMxOC4yNy03LjUxLDI1LjE4LTE0LjE0YzMuOTQtMy43Nyw4LTcuNjcsMTEuNTctOS4xNCwzLjI3LTEuMzYsOC42OS0xLjQ0LDEzLjk0LTEuNTIsOS43Ni0uMTUsMjAuODItLjMxLDI4LjUxLThzNy44NS0xOC43NSw4LTI4LjUxYy4wOC01LjI1LjE2LTEwLjY3LDEuNTItMTMuOTQsMS40Ny0zLjU2LDUuMzctNy42Myw5LjE0LTExLjU3QzIzMi40OSwxNDYuMjgsMjQwLDEzOC40NCwyNDAsMTI4UzIzMi40OSwxMDkuNzMsMjI1Ljg2LDEwMi44MlptLTUyLjIsNi44NC01Niw1NmE4LDgsMCwwLDEtMTEuMzIsMGwtMjQtMjRhOCw4LDAsMCwxLDExLjMyLTExLjMyTDExMiwxNDguNjlsNTAuMzQtNTAuMzVhOCw4LDAsMCwxLDExLjMyLDExLjMyWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-gear: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMSwxMDguNzYsMTk4LjI1LDkwLjYyYy0uNjQtMS4xNi0xLjMxLTIuMjktMi0zLjQxbC0uMTItMzZBMTA0LjYxLDEwNC42MSwwLDAsMCwxNjIsMzJMMTMwLDQ5Ljg5Yy0xLjM0LDAtMi42OSwwLTQsMEw5NCwzMkExMDQuNTgsMTA0LjU4LDAsMCwwLDU5Ljg5LDUxLjI1bC0uMTYsMzZjLS43LDEuMTItMS4zNywyLjI2LTIsMy40MWwtMzEuODQsMTguMWE5OS4xNSw5OS4xNSwwLDAsMCwwLDM4LjQ2bDMxLjg1LDE4LjE0Yy42NCwxLjE2LDEuMzEsMi4yOSwyLDMuNDFsLjEyLDM2QTEwNC42MSwxMDQuNjEsMCwwLDAsOTQsMjI0bDMyLTE3Ljg3YzEuMzQsMCwyLjY5LDAsNCwwTDE2MiwyMjRhMTA0LjU4LDEwNC41OCwwLDAsMCwzNC4wOC0xOS4yNWwuMTYtMzZjLjctMS4xMiwxLjM3LTIuMjYsMi0zLjQxbDMxLjg0LTE4LjFBOTkuMTUsOTkuMTUsMCwwLDAsMjMwLjEsMTA4Ljc2Wk0xMjgsMTY4YTQwLDQwLDAsMSwxLDQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxNjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDgwYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWm0xMDkuOTQtNTIuNzlhOCw4LDAsMCwwLTMuODktNS40bC0yOS44My0xNy0uMTItMzMuNjJhOCw4LDAsMCwwLTIuODMtNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLTM2LjcyLTIwLjY3LDgsOCwwLDAsMC02LjQ2LjU5TDEyOCw0MS44NSw5Ny44OCwyNWE4LDgsMCwwLDAtNi40Ny0uNkExMTEuOTIsMTExLjkyLDAsMCwwLDU0LjczLDQ1LjE1YTgsOCwwLDAsMC0yLjgzLDYuMDdsLS4xNSwzMy42NS0yOS44MywxN2E4LDgsMCwwLDAtMy44OSw1LjQsMTA2LjQ3LDEwNi40NywwLDAsMCwwLDQxLjU2LDgsOCwwLDAsMCwzLjg5LDUuNGwyOS44MywxNywuMTIsMzMuNjNhOCw4LDAsMCwwLDIuODMsNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLDM2LjcyLDIwLjY3LDgsOCwwLDAsMCw2LjQ2LS41OUwxMjgsMjE0LjE1LDE1OC4xMiwyMzFhNy45MSw3LjkxLDAsMCwwLDMuOSwxLDguMDksOC4wOSwwLDAsMCwyLjU3LS40MiwxMTIuMSwxMTIuMSwwLDAsMCwzNi42OC0yMC43Myw4LDgsMCwwLDAsMi44My02LjA3bC4xNS0zMy42NSwyOS44My0xN2E4LDgsMCwwLDAsMy44OS01LjRBMTA2LjQ3LDEwNi40NywwLDAsMCwyMzcuOTQsMTA3LjIxWm0tMTUsMzQuOTEtMjguNTcsMTYuMjVhOCw4LDAsMCwwLTMsM2MtLjU4LDEtMS4xOSwyLjA2LTEuODEsMy4wNmE3Ljk0LDcuOTQsMCwwLDAtMS4yMiw0LjIxbC0uMTUsMzIuMjVhOTUuODksOTUuODksMCwwLDEtMjUuMzcsMTQuM0wxMzQsMTk5LjEzYTgsOCwwLDAsMC0zLjkxLTFoLS4xOWMtMS4yMSwwLTIuNDMsMC0zLjY0LDBhOC4xLDguMSwwLDAsMC00LjEsMWwtMjguODQsMTYuMUE5Niw5NiwwLDAsMSw2Ny44OCwyMDFsLS4xMS0zMi4yYTgsOCwwLDAsMC0xLjIyLTQuMjJjLS42Mi0xLTEuMjMtMi0xLjgtMy4wNmE4LjA5LDguMDksMCwwLDAtMy0zLjA2bC0yOC42LTE2LjI5YTkwLjQ5LDkwLjQ5LDAsMCwxLDAtMjguMjZMNjEuNjcsOTcuNjNhOCw4LDAsMCwwLDMtM2MuNTgtMSwxLjE5LTIuMDYsMS44MS0zLjA2YTcuOTQsNy45NCwwLDAsMCwxLjIyLTQuMjFsLjE1LTMyLjI1YTk1Ljg5LDk1Ljg5LDAsMCwxLDI1LjM3LTE0LjNMMTIyLDU2Ljg3YTgsOCwwLDAsMCw0LjEsMWMxLjIxLDAsMi40MywwLDMuNjQsMGE4LDgsMCwwLDAsNC4xLTFsMjguODQtMTYuMUE5Niw5NiwwLDAsMSwxODguMTIsNTVsLjExLDMyLjJhOCw4LDAsMCwwLDEuMjIsNC4yMmMuNjIsMSwxLjIzLDIsMS44LDMuMDZhOC4wOSw4LjA5LDAsMCwwLDMsMy4wNmwyOC42LDE2LjI5QTkwLjQ5LDkwLjQ5LDAsMCwxLDIyMi45LDE0Mi4xMloiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-gear-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzcuOTQsMTA3LjIxYTgsOCwwLDAsMC0zLjg5LTUuNGwtMjkuODMtMTctLjEyLTMzLjYyYTgsOCwwLDAsMC0yLjgzLTYuMDgsMTExLjkxLDExMS45MSwwLDAsMC0zNi43Mi0yMC42Nyw4LDgsMCwwLDAtNi40Ni41OUwxMjgsNDEuODUsOTcuODgsMjVhOCw4LDAsMCwwLTYuNDctLjZBMTExLjkyLDExMS45MiwwLDAsMCw1NC43Myw0NS4xNWE4LDgsMCwwLDAtMi44Myw2LjA3bC0uMTUsMzMuNjUtMjkuODMsMTdhOCw4LDAsMCwwLTMuODksNS40LDEwNi40NywxMDYuNDcsMCwwLDAsMCw0MS41Niw4LDgsMCwwLDAsMy44OSw1LjRsMjkuODMsMTcsLjEyLDMzLjYzYTgsOCwwLDAsMCwyLjgzLDYuMDgsMTExLjkxLDExMS45MSwwLDAsMCwzNi43MiwyMC42Nyw4LDgsMCwwLDAsNi40Ni0uNTlMMTI4LDIxNC4xNSwxNTguMTIsMjMxYTcuOTEsNy45MSwwLDAsMCwzLjksMSw4LjA5LDguMDksMCwwLDAsMi41Ny0uNDIsMTEyLjEsMTEyLjEsMCwwLDAsMzYuNjgtMjAuNzMsOCw4LDAsMCwwLDIuODMtNi4wN2wuMTUtMzMuNjUsMjkuODMtMTdhOCw4LDAsMCwwLDMuODktNS40QTEwNi40NywxMDYuNDcsMCwwLDAsMjM3Ljk0LDEwNy4yMVpNMTI4LDE2OGE0MCw0MCwwLDEsMSw0MC00MEE0MCw0MCwwLDAsMSwxMjgsMTY4WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-pin: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjkuNjYsOTguMzQsMTcyLjM5LDE1NS44YzExLjQ2LDIyLjkzLTEuNzIsNDUuODYtMTAuMTEsNTdhOCw4LDAsMCwxLTEyLC44M0w0Mi4zNCwxMDUuNzZBOCw4LDAsMCwxLDQzLDkzLjg1YzI5LjY1LTIzLjkyLDU3LjQtMTAsNTcuNC0xMGw1Ny4yNy01Ny40NmE4LDgsMCwwLDEsMTEuMzEsMEwyMjkuNjYsODdBOCw4LDAsMCwxLDIyOS42Niw5OC4zNFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMzUuMzIsODEuMzcsMTc0LjYzLDIwLjY5YTE2LDE2LDAsMCwwLTIyLjYzLDBMOTguMzcsNzQuNDljLTEwLjY2LTMuMzQtMzUtNy4zNy02MC40LDEzLjE0YTE2LDE2LDAsMCwwLTEuMjksMjMuNzhMODUsMTU5LjcxLDQyLjM0LDIwMi4zNGE4LDgsMCwwLDAsMTEuMzIsMTEuMzJMOTYuMjksMTcxbDQ4LjI5LDQ4LjI5QTE2LDE2LDAsMCwwLDE1NS45LDIyNGMuMzgsMCwuNzUsMCwxLjEzLDBhMTUuOTMsMTUuOTMsMCwwLDAsMTEuNjQtNi4zM2MxOS42NC0yNi4xLDE3Ljc1LTQ3LjMyLDEzLjE5LTYwTDIzNS4zMywxMDRBMTYsMTYsMCwwLDAsMjM1LjMyLDgxLjM3Wk0yMjQsOTIuNjloMGwtNTcuMjcsNTcuNDZhOCw4LDAsMCwwLTEuNDksOS4yMmM5LjQ2LDE4LjkzLTEuOCwzOC41OS05LjM0LDQ4LjYyTDQ4LDEwMC4wOGMxMi4wOC05Ljc0LDIzLjY0LTEyLjMxLDMyLjQ4LTEyLjMxQTQwLjEzLDQwLjEzLDAsMCwxLDk2LjgxLDkxYTgsOCwwLDAsMCw5LjI1LTEuNTFMMTYzLjMyLDMyLDIyNCw5Mi42OFoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-emoji: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0QTEwNCwxMDQsMCwxLDAsMjMyLDEyOCwxMDQuMTEsMTA0LjExLDAsMCwwLDEyOCwyNFptMCwxOTJhODgsODgsMCwxLDEsODgtODhBODguMSw4OC4xLDAsMCwxLDEyOCwyMTZaTTgwLDEwOGExMiwxMiwwLDEsMSwxMiwxMkExMiwxMiwwLDAsMSw4MCwxMDhabTk2LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTc2LDEwOFptLTEuMDgsNDhjLTEwLjI5LDE3Ljc5LTI3LjM5LDI4LTQ2LjkyLDI4cy0zNi42My0xMC4yLTQ2LjkyLTI4YTgsOCwwLDEsMSwxMy44NC04YzcuNDcsMTIuOTEsMTkuMjEsMjAsMzMuMDgsMjBzMjUuNjEtNy4xLDMzLjA4LTIwYTgsOCwwLDEsMSwxMy44NCw4WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-emoji-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk1LjkxLDk1LjkxLDAsMCwxLTQuMjEsMjguMjFsLTYzLjU3LDYzLjU4QTk2LDk2LDAsMSwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTc0LjkyLDE1NmMtMTAuMjksMTcuNzktMjcuMzksMjgtNDYuOTIsMjhzLTM2LjYzLTEwLjItNDYuOTItMjhhOCw4LDAsMSwxLDEzLjg0LThjNy40NywxMi45MSwxOS4yMSwyMCwzMy4wOCwyMHMyNS42MS03LjEsMzMuMDgtMjBhOCw4LDAsMSwxLDEzLjg0LDhaTTIzMiwxMjhhMTA0LjM1LDEwNC4zNSwwLDAsMS00LjU2LDMwLjU2LDgsOCwwLDAsMS0yLDMuMzFsLTYzLjU3LDYzLjU3YTcuOSw3LjksMCwwLDEtMy4zLDJBMTA0LDEwNCwwLDEsMSwyMzIsMTI4Wm0tMTYsMGE4Ny44OSw4Ny44OSwwLDEsMC02NCw4NC42OUwyMTIuNjksMTUyQTg4LjA1LDg4LjA1LDAsMCwwLDIxNiwxMjhaTTkyLDEyMGExMiwxMiwwLDEsMC0xMi0xMkExMiwxMiwwLDAsMCw5MiwxMjBabTcyLTI0YTEyLDEyLDAsMSwwLDEyLDEyQTEyLDEyLDAsMCwwLDE2NCw5NloiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDkuOTQsMTEzLjk0bC0yOCwyOGE0Ny43Niw0Ny43NiwwLDAsMS0yNi41MiwxMy40OCw0Ny43Niw0Ny43NiwwLDAsMS0xMy40OCwyNi41MmwtMjgsMjhhNDgsNDgsMCwwLDEtNjcuODgtNjcuODhsMjgtMjhhNDcuNzYsNDcuNzYsMCwwLDEsMjYuNTItMTMuNDgsNDcuNzYsNDcuNzYsMCwwLDEsMTMuNDgtMjYuNTJsMjgtMjhhNDgsNDgsMCwwLDEsNjcuODgsNjcuODhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTM3LjU0LDE4Ni4zNmE4LDgsMCwwLDEsMCwxMS4zMWwtMTcuOTQsMThBNTYsNTYsMCwwLDEsNDAuMzgsMTM2LjRMNjguNSwxMDguMjlBNTYsNTYsMCwwLDEsMTQ1LjMxLDEwNmE4LDgsMCwxLDEtMTAuNjQsMTIsNDAsNDAsMCwwLDAtNTQuODUsMS42M0w1MS43LDE0Ny43MmE0MCw0MCwwLDEsMCw1Ni41OCw1Ni41OGwxNy45NC0xNy45NEE4LDgsMCwwLDEsMTM3LjU0LDE4Ni4zNlptNzguMDgtMTQ2YTU2LjA4LDU2LjA4LDAsMCwwLTc5LjIyLDBMMTE4LjQ2LDU4LjMzYTgsOCwwLDAsMCwxMS4zMiwxMS4zMUwxNDcuNzIsNTEuN2E0MCw0MCwwLDAsMSw1Ni41OCw1Ni41OEwxNzYuMTgsMTM2LjRBNDAsNDAsMCwwLDEsMTIxLjMzLDEzOCw4LDgsMCwxLDAsMTEwLjY5LDE1MGE1Niw1NiwwLDAsMCw3Ni44MS0yLjI3bDI4LjEyLTI4LjExQTU2LjA4LDU2LjA4LDAsMCwwLDIxNS42Miw0MC4zOFoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-share: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTA0bC00OCw0OFY1NloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMjkuNjYsOTguMzRsLTQ4LTQ4QTgsOCwwLDAsMCwxNjgsNTZWOTZoLTNBMTAzLjk0LDEwMy45NCwwLDAsMCw2NC4yNSwxNzRhOCw4LDAsMCwwLDE1LjUsNEE4OCw4OCwwLDAsMSwxNjUsMTEyaDN2NDBhOCw4LDAsMCwwLDEzLjY2LDUuNjZsNDgtNDhBOCw4LDAsMCwwLDIyOS42Niw5OC4zNFpNMTg0LDEzMi42OVY3NS4zMUwyMTIuNjksMTA0Wk0yMDAsMjE2YTgsOCwwLDAsMS04LDhINDBhMTYsMTYsMCwwLDEtMTYtMTZWODhhOCw4LDAsMCwxLDE2LDBWMjA4SDE5MkE4LDgsMCwwLDEsMjAwLDIxNloiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-send: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTkuOTEsMTM0Ljg2LDUxLjkzLDIzMWE4LDgsMCwwLDEtMTEuNDQtOS42N2wzMS05MC43MWE3Ljg5LDcuODksMCwwLDAsMC01LjM4bC0zMS05MC40N2E4LDgsMCwwLDEsMTEuNDQtOS42N2wxNjgsOTUuODVBOCw4LDAsMCwxLDIxOS45MSwxMzQuODZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjIzLjg3LDExNGwtMTY4LTk1Ljg5QTE2LDE2LDAsMCwwLDMyLjkzLDM3LjMybDMxLDkwLjQ3YS40Mi40MiwwLDAsMCwwLC4xLjMuMywwLDAsMCwwLC4xbC0zMSw5MC42N0ExNiwxNiwwLDAsMCw0OCwyNDBhMTYuMTQsMTYuMTQsMCwwLDAsNy45Mi0yLjFsMTY3LjkxLTk2LjA1YTE2LDE2LDAsMCwwLC4wNS0yNy44OVpNNDgsMjI0bDAtLjA5TDc4LjE0LDEzNkgxMzZhOCw4LDAsMCwwLDAtMTZINzguMjJMNDguMDYsMzIuMTIsNDgsMzJsMTY4LDk1LjgzWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-copy: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNDBWMTY4SDE2OFY4OEg4OFY0MFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTYsMzJIODhhOCw4LDAsMCwwLTgsOFY4MEg0MGE4LDgsMCwwLDAtOCw4VjIxNmE4LDgsMCwwLDAsOCw4SDE2OGE4LDgsMCwwLDAsOC04VjE3Nmg0MGE4LDgsMCwwLDAsOC04VjQwQTgsOCwwLDAsMCwyMTYsMzJaTTE2MCwyMDhINDhWOTZIMTYwWm00OC00OEgxNzZWODhhOCw4LDAsMCwwLTgtOEg5NlY0OEgyMDhaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-eye-shut: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTA0Yy0xNi44MSwyMC44MS00Ny42Myw0OC05Niw0OHMtNzkuMTktMjcuMTktOTYtNDhjMTYuODEtMjAuODEsNDcuNjMtNDgsOTYtNDhTMjA3LjE5LDgzLjE5LDIyNCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI4LDE3NWE4LDgsMCwwLDEtMTAuOTItM2wtMTktMzMuMkExMjMuMjMsMTIzLjIzLDAsMCwxLDE2MiwxNTUuNDZsNS44NywzNS4yMmE4LDgsMCwwLDEtNi41OCw5LjIxQTguNCw4LjQsMCwwLDEsMTYwLDIwMGE4LDgsMCwwLDEtNy44OC02LjY5bC01Ljc3LTM0LjU4YTEzMy4wNiwxMzMuMDYsMCwwLDEtMzYuNjgsMGwtNS43NywzNC41OEE4LDgsMCwwLDEsOTYsMjAwYTguNCw4LjQsMCwwLDEtMS4zMi0uMTEsOCw4LDAsMCwxLTYuNTgtOS4yMUw5NCwxNTUuNDZhMTIzLjIzLDEyMy4yMywwLDAsMS0zNi4wNi0xNi42OUwzOSwxNzJBOCw4LDAsMSwxLDI1LjA2LDE2NGwyMC0zNWExNTMuNDcsMTUzLjQ3LDAsMCwxLTE5LjMtMjBBOCw4LDAsMSwxLDM4LjIyLDk5YzE2LjYsMjAuNTQsNDUuNjQsNDUsODkuNzgsNDVzNzMuMTgtMjQuNDksODkuNzgtNDVBOCw4LDAsMSwxLDIzMC4yMiwxMDlhMTUzLjQ3LDE1My40NywwLDAsMS0xOS4zLDIwbDIwLDM1QTgsOCwwLDAsMSwyMjgsMTc1WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-eye-open: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsNTZDNDgsNTYsMTYsMTI4LDE2LDEyOHMzMiw3MiwxMTIsNzIsMTEyLTcyLDExMi03MlMyMDgsNTYsMTI4LDU2Wm0wLDExMmE0MCw0MCwwLDEsMSw0MC00MEE0MCw0MCwwLDAsMSwxMjgsMTY4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTI0Ny4zMSwxMjQuNzZjLS4zNS0uNzktOC44Mi0xOS41OC0yNy42NS0zOC40MUMxOTQuNTcsNjEuMjYsMTYyLjg4LDQ4LDEyOCw0OFM2MS40Myw2MS4yNiwzNi4zNCw4Ni4zNUMxNy41MSwxMDUuMTgsOSwxMjQsOC42OSwxMjQuNzZhOCw4LDAsMCwwLDAsNi41Yy4zNS43OSw4LjgyLDE5LjU3LDI3LjY1LDM4LjRDNjEuNDMsMTk0Ljc0LDkzLjEyLDIwOCwxMjgsMjA4czY2LjU3LTEzLjI2LDkxLjY2LTM4LjM0YzE4LjgzLTE4LjgzLDI3LjMtMzcuNjEsMjcuNjUtMzguNEE4LDgsMCwwLDAsMjQ3LjMxLDEyNC43NlpNMTI4LDE5MmMtMzAuNzgsMC01Ny42Ny0xMS4xOS03OS45My0zMy4yNUExMzMuNDcsMTMzLjQ3LDAsMCwxLDI1LDEyOCwxMzMuMzMsMTMzLjMzLDAsMCwxLDQ4LjA3LDk3LjI1QzcwLjMzLDc1LjE5LDk3LjIyLDY0LDEyOCw2NHM1Ny42NywxMS4xOSw3OS45MywzMy4yNUExMzMuNDYsMTMzLjQ2LDAsMCwxLDIzMS4wNSwxMjhDMjIzLjg0LDE0MS40NiwxOTIuNDMsMTkyLDEyOCwxOTJabTAtMTEyYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-edited: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMTUsNzAuNTQsMTg1LjQ2LDI1Ljg2YTIwLDIwLDAsMCwwLTI4LjI4LDBMMzMuODYsMTQ5LjE3QTE5Ljg2LDE5Ljg2LDAsMCwwLDI4LDE2My4zMVYyMDhhMjAsMjAsMCwwLDAsMjAsMjBIMjE2YTEyLDEyLDAsMCwwLDAtMjRIMTI1TDIzMC4xNSw5OC44M0EyMCwyMCwwLDAsMCwyMzAuMTUsNzAuNTRaTTkxLDIwNEg1MlYxNjVsODQtODQsMzksMzlaTTE5MiwxMDMsMTUzLDY0bDE4LjM0LTE4LjM0LDM5LDM5WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-edited-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjEuNjYsOTAuMzQsMTkyLDEyMCwxMzYsNjRsMjkuNjYtMjkuNjZhOCw4LDAsMCwxLDExLjMxLDBMMjIxLjY2LDc5QTgsOCwwLDAsMSwyMjEuNjYsOTAuMzRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI3LjMyLDczLjM3LDE4Mi42MywyOC42OWExNiwxNiwwLDAsMC0yMi42MywwTDM2LjY5LDE1MkExNS44NiwxNS44NiwwLDAsMCwzMiwxNjMuMzFWMjA4YTE2LDE2LDAsMCwwLDE2LDE2SDIxNmE4LDgsMCwwLDAsMC0xNkgxMTUuMzJsMTEyLTExMkExNiwxNiwwLDAsMCwyMjcuMzIsNzMuMzdaTTQ4LDE2My4zMWw4OC04OEwxODAuNjksMTIwbC04OCw4OEg0OFptMTQ0LTU0LjYyTDE0Ny4zMiw2NGwyNC0yNEwyMTYsODQuNjlaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-timer: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsNDRhOTYsOTYsMCwxLDAsOTYsOTZBOTYuMTEsOTYuMTEsMCwwLDAsMTI4LDQ0Wm0wLDE2OGE3Miw3MiwwLDEsMSw3Mi03MkE3Mi4wOCw3Mi4wOCwwLDAsMSwxMjgsMjEyWk0xNjQuNDksOTkuNTFhMTIsMTIsMCwwLDEsMCwxN2wtMjgsMjhhMTIsMTIsMCwwLDEtMTctMTdsMjgtMjhBMTIsMTIsMCwwLDEsMTY0LjQ5LDk5LjUxWk05MiwxNkExMiwxMiwwLDAsMSwxMDQsNGg0OGExMiwxMiwwLDAsMSwwLDI0SDEwNEExMiwxMiwwLDAsMSw5MiwxNloiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-check-radio: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNzYuNDksOTUuNTFhMTIsMTIsMCwwLDEsMCwxN2wtNTYsNTZhMTIsMTIsMCwwLDEtMTcsMGwtMjQtMjRhMTIsMTIsMCwxLDEsMTctMTdMMTEyLDE0M2w0Ny41MS00Ny41MkExMiwxMiwwLDAsMSwxNzYuNDksOTUuNTFaTTIzNiwxMjhBMTA4LDEwOCwwLDEsMSwxMjgsMjAsMTA4LjEyLDEwOC4xMiwwLDAsMSwyMzYsMTI4Wm0tMjQsMGE4NCw4NCwwLDEsMC04NCw4NEE4NC4wOSw4NC4wOSwwLDAsMCwyMTIsMTI4WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-check-box: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik03OS41MSwxNDQuNDlhMTIsMTIsMCwxLDEsMTctMTdMMTEyLDE0M2w0Ny41MS00Ny41MmExMiwxMiwwLDAsMSwxNywxN2wtNTYsNTZhMTIsMTIsMCwwLDEtMTcsMFpNMjI4LDQ4VjIwOGEyMCwyMCwwLDAsMS0yMCwyMEg0OGEyMCwyMCwwLDAsMS0yMC0yMFY0OEEyMCwyMCwwLDAsMSw0OCwyOEgyMDhBMjAsMjAsMCwwLDEsMjI4LDQ4Wm0tMjQsNEg1MlYyMDRIMjA0WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-broom: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIuOCwxNjUuMTIsNDMuOTMsMTA1LjU3QTExMC44OCwxMTAuODgsMCwwLDEsNjEuNDcsODIuMzhhOCw4LDAsMCwxLDguNjctMS44MUw5NS41Miw5MC44NWExNiwxNiwwLDAsMCwyMC44Mi05bDIxLTUzLjFjNC4xNS0xMCwxNS40Ny0xNS4zMywyNS42My0xMS41M2EyMCwyMCwwLDAsMSwxMS41MSwyNi4zOUwxNTMuMTMsOTYuNzFhMTYsMTYsMCwwLDAsOC45MywyMC43NUwxODcsMTI3LjNhOCw4LDAsMCwxLDUsNy40M1YxNTJBMTA0LjU4LDEwNC41OCwwLDAsMCwxOTIuOCwxNjUuMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM1LjUsMjE2LjgxYy0yMi41Ni0xMS0zNS41LTM0LjU4LTM1LjUtNjQuOFYxMzQuNzNhMTUuOTQsMTUuOTQsMCwwLDAtMTAuMDktMTQuODdMMTY1LDExMGE4LDgsMCwwLDEtNC40OC0xMC4zNGwyMS4zMi01M2EyOCwyOCwwLDAsMC0xNi4xLTM3LDI4LjE0LDI4LjE0LDAsMCwwLTM1LjgyLDE2LC42MS42MSwwLDAsMCwwLC4xMkwxMDguOSw3OWE4LDgsMCwwLDEtMTAuMzcsNC40OUw3My4xMSw3My4xNEExNS44OSwxNS44OSwwLDAsMCw1NS43NCw3Ni44QzM0LjY4LDk4LjQ1LDI0LDEyMy43NSwyNCwxNTJhMTExLjQ1LDExMS40NSwwLDAsMCwzMS4xOCw3Ny41M0E4LDgsMCwwLDAsNjEsMjMySDIzMmE4LDgsMCwwLDAsMy41LTE1LjE5Wk02Ny4xNCw4OGwyNS40MSwxMC4zYTI0LDI0LDAsMCwwLDMxLjIzLTEzLjQ1bDIxLTUzYzIuNTYtNi4xMSw5LjQ3LTkuMjcsMTUuNDMtN2ExMiwxMiwwLDAsMSw2Ljg4LDE1LjkyTDE0NS42OSw5My43NmEyNCwyNCwwLDAsMCwxMy40MywzMS4xNEwxODQsMTM0LjczVjE1MmMwLC4zMywwLC42NiwwLDFMNTUuNzcsMTAxLjcxQTEwOC44NCwxMDguODQsMCwwLDEsNjcuMTQsODhabTQ4LDEyOGE4Ny41Myw4Ny41MywwLDAsMS0yNC4zNC00Miw4LDgsMCwwLDAtMTUuNDksNCwxMDUuMTYsMTA1LjE2LDAsMCwwLDE4LjM2LDM4SDY0LjQ0QTk1LjU0LDk1LjU0LDAsMCwxLDQwLDE1MmE4NS45LDg1LjksMCwwLDEsNy43My0zNi4yOWwxMzcuOCw1NS4xMmMzLDE4LDEwLjU2LDMzLjQ4LDIxLjg5LDQ1LjE2WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
|
||
/* Popular hashtag icons */
|
||
--icon-music: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMTg0YTQwLDQwLDAsMSwxLTQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxODRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjEwLjMsNTYuMzRsLTgwLTI0QTgsOCwwLDAsMCwxMjAsNDBWMTQ4LjI2QTQ4LDQ4LDAsMSwwLDEzNiwxODRWNTAuNzVsNjkuNywyMC45MWE4LDgsMCwxLDAsNC42LTE1LjMyWk04OCwyMTZhMzIsMzIsMCwxLDEsMzItMzJBMzIsMzIsMCwwLDEsODgsMjE2WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-microphone: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTYuNSwxNTEsNTksMjIyLjQ1YTgsOCwwLDAsMS0xMC4zOC0uNzlsLTE0LjMtMTQuM0E4LDgsMCwwLDEsMzMuNTUsMTk3TDEwNSw5OS41bDAsMEE2NCw2NCwwLDAsMCwxNTYuNDgsMTUxWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2OCwxNkE3Mi4wNyw3Mi4wNywwLDAsMCw5Niw4OGE3My4yOSw3My4yOSwwLDAsMCwuNjMsOS40MkwyNy4xMiwxOTIuMjJBMTUuOTMsMTUuOTMsMCwwLDAsMjguNzEsMjEzTDQzLDIyNy4yOWExNS45MywxNS45MywwLDAsMCwyMC43OCwxLjU5bDk0LjgxLTY5LjUzQTczLjI5LDczLjI5LDAsMCwwLDE2OCwxNjBhNzIsNzIsMCwxLDAsMC0xNDRabTU2LDcyYTU1LjcyLDU1LjcyLDAsMCwxLTExLjE2LDMzLjUyTDEzNC40OSw0My4xNkE1Niw1NiwwLDAsMSwyMjQsODhaTTU0LjMyLDIxNiw0MCwyMDEuNjgsMTAyLjE0LDExN0E3Mi4zNyw3Mi4zNywwLDAsMCwxMzksMTUzLjg2Wk0xMTIsODhhNTUuNjcsNTUuNjcsMCwwLDEsMTEuMTYtMzMuNTFsNzguMzQsNzguMzRBNTYsNTYsMCwwLDEsMTEyLDg4Wm0tMi4zNSw1OC4zNGE4LDgsMCwwLDEsMCwxMS4zMWwtOCw4YTgsOCwwLDEsMS0xMS4zMS0xMS4zMWw4LThBOCw4LDAsMCwxLDEwOS42NywxNDYuMzNaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-cake: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMDQsNDhjMC0yNCwyNC00MCwyNC00MHMyNCwxNiwyNCw0MGEyNCwyNCwwLDAsMS00OCwwWk0yMDgsOTZINDhhMTYsMTYsMCwwLDAtMTYsMTZ2MjMuMzNjMCwxNy40NCwxMy42NywzMi4xOCwzMS4xLDMyLjY2QTMyLDMyLDAsMCwwLDk2LDEzNmEzMiwzMiwwLDAsMCw2NCwwLDMyLDMyLDAsMCwwLDMyLjksMzJjMTcuNDMtLjQ4LDMxLjEtMTUuMjIsMzEuMS0zMi42NlYxMTJBMTYsMTYsMCwwLDAsMjA4LDk2WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIzMiwxMTJhMjQsMjQsMCwwLDAtMjQtMjRIMTM2Vjc5YTMyLjA2LDMyLjA2LDAsMCwwLDI0LTMxYzAtMjgtMjYuNDQtNDUuOTEtMjcuNTYtNDYuNjZhOCw4LDAsMCwwLTguODgsMEMxMjIuNDQsMi4wOSw5NiwyMCw5Niw0OGEzMi4wNiwzMi4wNiwwLDAsMCwyNCwzMXY5SDQ4YTI0LDI0LDAsMCwwLTI0LDI0djIzLjMzYTQwLjg0LDQwLjg0LDAsMCwwLDgsMjQuMjRWMjAwYTI0LDI0LDAsMCwwLDI0LDI0SDIwMGEyNCwyNCwwLDAsMCwyNC0yNFYxNTkuNTdhNDAuODQsNDAuODQsMCwwLDAsOC0yNC4yNFpNMTEyLDQ4YzAtMTMuNTcsMTAtMjQuNDYsMTYtMjkuNzksNiw1LjMzLDE2LDE2LjIyLDE2LDI5Ljc5YTE2LDE2LDAsMCwxLTMyLDBaTTQwLDExMmE4LDgsMCwwLDEsOC04SDIwOGE4LDgsMCwwLDEsOCw4djIzLjMzYzAsMTMuMjUtMTAuNDYsMjQuMzEtMjMuMzIsMjQuNjZBMjQsMjQsMCwwLDEsMTY4LDEzNmE4LDgsMCwwLDAtMTYsMCwyNCwyNCwwLDAsMS00OCwwLDgsOCwwLDAsMC0xNiwwLDI0LDI0LDAsMCwxLTI0LjY4LDI0QzUwLjQ2LDE1OS42NCw0MCwxNDguNTgsNDAsMTM1LjMzWm0xNjAsOTZINTZhOCw4LDAsMCwxLTgtOFYxNzIuNTZBMzguNzcsMzguNzcsMCwwLDAsNjIuODgsMTc2YTM5LjY5LDM5LjY5LDAsMCwwLDI5LTExLjMxQTQwLjM2LDQwLjM2LDAsMCwwLDk2LDE2MGE0MCw0MCwwLDAsMCw2NCwwLDQwLjM2LDQwLjM2LDAsMCwwLDQuMTMsNC42N0EzOS42NywzOS42NywwLDAsMCwxOTIsMTc2Yy4zOCwwLC43NiwwLDEuMTQsMEEzOC43NywzOC43NywwLDAsMCwyMDgsMTcyLjU2VjIwMEE4LDgsMCwwLDEsMjAwLDIwOFoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-calendar: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNDhWODhINDBWNDhhOCw4LDAsMCwxLDgtOEgyMDhBOCw4LDAsMCwxLDIxNiw0OFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMDgsMzJIMTg0VjI0YTgsOCwwLDAsMC0xNiwwdjhIODhWMjRhOCw4LDAsMCwwLTE2LDB2OEg0OEExNiwxNiwwLDAsMCwzMiw0OFYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIMjA4YTE2LDE2LDAsMCwwLDE2LTE2VjQ4QTE2LDE2LDAsMCwwLDIwOCwzMlpNNzIsNDh2OGE4LDgsMCwwLDAsMTYsMFY0OGg4MHY4YTgsOCwwLDAsMCwxNiwwVjQ4aDI0VjgwSDQ4VjQ4Wk0yMDgsMjA4SDQ4Vjk2SDIwOFYyMDhaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-popcorn: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik04OCw5NmwxNiwxMjBINzAuMzRhOCw4LDAsMCwxLTcuNzktNi4xN0wzMiw4MFptODAsMEwxNTIsMjE2aDMzLjY2YTgsOCwwLDAsMCw3Ljc5LTYuMTdMMjI0LDgwWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyOS41Miw3NC4yMWE4LDgsMCwwLDAtNy4xMy0yQTQ0LDQ0LDAsMCwwLDE2OCw0MS42N2E0NCw0NCwwLDAsMC04MCwwLDQ0LDQ0LDAsMCwwLTU0LjQsMzAuNTEsOCw4LDAsMCwwLTkuNCw5LjY1TDU0Ljc2LDIxMS42N0ExNiwxNiwwLDAsMCw3MC4zNCwyMjRIMTg1LjY2YTE2LDE2LDAsMCwwLDE1LjU4LTEyLjMzTDIzMS43OSw4MS44M0E4LDgsMCwwLDAsMjI5LjUyLDc0LjIxWk03Niw1NmEyNy42OCwyNy42OCwwLDAsMSwxMy4xMSwzLjI2LDgsOCwwLDAsMCwxMS41Ni01LjM0LDI4LDI4LDAsMCwxLDU0LjY2LDAsOCw4LDAsMCwwLDExLjU2LDUuMzRBMjgsMjgsMCwwLDEsMjA3LDc2LjU0bC0zOC41NiwxMS0zNC40OS0xMy44YTE2LDE2LDAsMCwwLTExLjg4LDBMODcuNTcsODcuNTYsNDksNzYuNTRBMjgsMjgsMCwwLDEsNzYsNTZabTgzLjI1LDQ1LjExTDE0NSwyMDhIMTExTDk2Ljc1LDEwMS4xMSwxMjgsODguNjJaTTQyLjkxLDkxLjQ0bDM3Ljg1LDEwLjgxTDk0Ljg2LDIwOEg3MC4zNFpNMTg1LjY2LDIwOEgxNjEuMTRsMTQuMS0xMDUuNzUsMzcuODUtMTAuODFaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-tangerine-slice: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsODhBODgsODgsMCwwLDEsNDAsODhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ4LDgwSDhhOCw4LDAsMCwwLTgsOCwxMjgsMTI4LDAsMCwwLDI1NiwwQTgsOCwwLDAsMCwyNDgsODBaTTc3LjQsMTQ5LjkxbDQyLjYtNDIuNlYxNjcuNkE3OS41OSw3OS41OSwwLDAsMSw3Ny40LDE0OS45MVpNNjYuMDksMTM4LjZBNzkuNTksNzkuNTksMCwwLDEsNDguNCw5Nmg2MC4yOVpNMTM2LDEwNy4zMWw0Mi42LDQyLjZBNzkuNTksNzkuNTksMCwwLDEsMTM2LDE2Ny42Wm01My45MSwzMS4yOUwxNDcuMzEsOTZIMjA3LjZBNzkuNTksNzkuNTksMCwwLDEsMTg5LjkxLDEzOC42Wk0xMjgsMjAwQTExMi4xNSwxMTIuMTUsMCwwLDEsMTYuMjgsOTZIMzIuMzRhOTYsOTYsMCwwLDAsMTkxLjMyLDBoMTYuMDZBMTEyLjE1LDExMi4xNSwwLDAsMSwxMjgsMjAwWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-sunset: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTQ0YTY0LjMzLDY0LjMzLDAsMCwxLTIsMTZINjZhNjQsNjQsMCwxLDEsMTI2LTE2WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTI0MCwxNTJIMTk5LjU1YTczLjU0LDczLjU0LDAsMCwwLC40NS04LDcyLDcyLDAsMCwwLTE0NCwwLDczLjU0LDczLjU0LDAsMCwwLC40NSw4SDE2YTgsOCwwLDAsMCwwLDE2SDI0MGE4LDgsMCwwLDAsMC0xNlpNNzIsMTQ0YTU2LDU2LDAsMSwxLDExMS40MSw4SDcyLjU5QTU2LjEzLDU2LjEzLDAsMCwxLDcyLDE0NFptMTQ0LDU2YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLDAtMTZIMjA4QTgsOCwwLDAsMSwyMTYsMjAwWk03Mi44NCw0My41OGE4LDgsMCwwLDEsMTQuMzItNy4xNmw4LDE2YTgsOCwwLDAsMS0xNC4zMiw3LjE2Wm0tNTYsNDguODRhOCw4LDAsMCwxLDEwLjc0LTMuNTdsMTYsOGE4LDgsMCwwLDEtNy4xNiwxNC4zMWwtMTYtOEE4LDgsMCwwLDEsMTYuODQsOTIuNDJabTE5MiwxNS4xNmE4LDgsMCwwLDEsMy41OC0xMC43M2wxNi04YTgsOCwwLDEsMSw3LjE2LDE0LjMxbC0xNiw4YTgsOCwwLDAsMS0xMC43NC0zLjU4Wm0tNDgtNTUuMTYsOC0xNmE4LDgsMCwwLDEsMTQuMzIsNy4xNmwtOCwxNmE4LDgsMCwxLDEtMTQuMzItNy4xNloiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-camera: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNjRIMTc2TDE2MCw0MEg5Nkw4MCw2NEg0OEExNiwxNiwwLDAsMCwzMiw4MFYxOTJhMTYsMTYsMCwwLDAsMTYsMTZIMjA4YTE2LDE2LDAsMCwwLDE2LTE2VjgwQTE2LDE2LDAsMCwwLDIwOCw2NFpNMTI4LDE2OGEzNiwzNiwwLDEsMSwzNi0zNkEzNiwzNiwwLDAsMSwxMjgsMTY4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIwOCw1NkgxODAuMjhMMTY2LjY1LDM1LjU2QTgsOCwwLDAsMCwxNjAsMzJIOTZhOCw4LDAsMCwwLTYuNjUsMy41Nkw3NS43MSw1Nkg0OEEyNCwyNCwwLDAsMCwyNCw4MFYxOTJhMjQsMjQsMCwwLDAsMjQsMjRIMjA4YTI0LDI0LDAsMCwwLDI0LTI0VjgwQTI0LDI0LDAsMCwwLDIwOCw1NlptOCwxMzZhOCw4LDAsMCwxLTgsOEg0OGE4LDgsMCwwLDEtOC04VjgwYTgsOCwwLDAsMSw4LThIODBhOCw4LDAsMCwwLDYuNjYtMy41NkwxMDAuMjgsNDhoNTUuNDNsMTMuNjMsMjAuNDRBOCw4LDAsMCwwLDE3Niw3MmgzMmE4LDgsMCwwLDEsOCw4Wk0xMjgsODhhNDQsNDQsMCwxLDAsNDQsNDRBNDQuMDUsNDQuMDUsMCwwLDAsMTI4LDg4Wm0wLDcyYTI4LDI4LDAsMSwxLDI4LTI4QTI4LDI4LDAsMCwxLDEyOCwxNjBaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-pine: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0zMiwxOTJsNTYtNzJINDhMMTI4LDE2bDgwLDEwNEgxNjhsNTYsNzJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjMwLjMxLDE4Ny4wOSwxODQuMzYsMTI4SDIwOGE4LDgsMCwwLDAsNi4zNC0xMi44OGwtODAtMTA0YTgsOCwwLDAsMC0xMi42OCwwbC04MCwxMDRBOCw4LDAsMCwwLDQ4LDEyOEg3MS42NEwyNS42OSwxODcuMDlBOCw4LDAsMCwwLDMyLDIwMGg4OHY0MGE4LDgsMCwwLDAsMTYsMFYyMDBoODhhOCw4LDAsMCwwLDYuMzEtMTIuOTFaTTQ4LjM2LDE4NGw0Ni01OS4wOUE4LDgsMCwwLDAsODgsMTEySDY0LjI1TDEyOCwyOS4xMiwxOTEuNzUsMTEySDE2OGE4LDgsMCwwLDAtNi4zMSwxMi45MUwyMDcuNjQsMTg0WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-tree: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIsMTI3LjgyYTY0LDY0LDAsMCwxLTk5LjUyLDUzLjQxLDgsOCwwLDAsMC05LDBBNjQsNjQsMCwxLDEsNjEuMjUsNjkuODZhOCw4LDAsMCwwLDQtNC4xNyw2OCw2OCwwLDAsMSwxMjUuNDQsMCw4LDgsMCwwLDAsNCw0LjE3QTY0LDY0LDAsMCwxLDIzMiwxMjcuODJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTk4LjEsNjIuNmE3Niw3NiwwLDAsMC0xNDAuMiwwQTcyLjI5LDcyLjI5LDAsMCwwLDE2LDEyNy44QzE1Ljg5LDE2Ni42Miw0Ny4zNiwxOTksODYuMTQsMjAwQTcxLjY4LDcxLjY4LDAsMCwwLDEyMCwxOTIuNDlWMjMyYTgsOCwwLDAsMCwxNiwwVjE5Mi40OUE3MS40NSw3MS40NSwwLDAsMCwxNjgsMjAwbDEuODYsMGMzOC43OC0xLDcwLjI1LTMzLjM2LDcwLjE0LTcyLjE4QTcyLjI2LDcyLjI2LDAsMCwwLDE5OC4xLDYyLjZaTTE2OS40NSwxODRhNTUuNyw1NS43LDAsMCwxLTMyLjUyLTkuNHEtLjQ3LS4zLS45My0uNTdWMTMyLjk0bDQzLjU4LTIxLjc4YTgsOCwwLDEsMC03LjE2LTE0LjMyTDEzNiwxMTUuMDZWODhhOCw4LDAsMCwwLTE2LDB2NTEuMDZMODMuNTgsMTIwLjg0YTgsOCwwLDEsMC03LjE2LDE0LjMyTDEyMCwxNTYuOTRWMTc0Yy0uMzEuMTgtLjYyLjM3LS45Mi41N0E1NS43Myw1NS43MywwLDAsMSw4Ni41NSwxODRhNTYsNTYsMCwwLDEtMjItMTA2Ljg2LDE1LjksMTUuOSwwLDAsMCw4LjA1LTguMzMsNjAsNjAsMCwwLDEsMTEwLjcsMCwxNS45LDE1LjksMCwwLDAsOC4wNSw4LjMzLDU2LDU2LDAsMCwxLTIyLDEwNi44NloiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-cat: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNDh2ODhjMCw0OC42LTQzLDg4LTk2LDg4cy05Ni0zOS40LTk2LTg4VjQ4YTgsOCwwLDAsMSwxMy42Ni01LjY2TDY3LjYsNjcuNmgwYTEwMi44NywxMDIuODcsMCwwLDEsMTIwLjgsMGgwbDIxLjk0LTI1LjI0QTgsOCwwLDAsMSwyMjQsNDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNOTYsMTQwYTEyLDEyLDAsMSwxLTEyLTEyQTEyLDEyLDAsMCwxLDk2LDE0MFptNzYtMTJhMTIsMTIsMCwxLDAsMTIsMTJBMTIsMTIsMCwwLDAsMTcyLDEyOFptNjAtODB2ODhjMCw1Mi45My00Ni42NSw5Ni0xMDQsOTZTMjQsMTg4LjkzLDI0LDEzNlY0OEExNiwxNiwwLDAsMSw1MS4zMSwzNi42OWMuMTQuMTQuMjYuMjcuMzguNDFMNjksNTdhMTExLjIyLDExMS4yMiwwLDAsMSwxMTguMSwwTDIwNC4zMSwzNy4xYy4xMi0uMTQuMjQtLjI3LjM4LS40MUExNiwxNiwwLDAsMSwyMzIsNDhabS0xNiwwLTIxLjU2LDI0LjhBOCw4LDAsMCwxLDE4My42Myw3NCw4OC44Niw4OC44NiwwLDAsMCwxNjgsNjQuNzVWODhhOCw4LDAsMSwxLTE2LDBWNTkuMDVhOTcuNDMsOTcuNDMsMCwwLDAtMTYtMi43MlY4OGE4LDgsMCwxLDEtMTYsMFY1Ni4zM2E5Ny40Myw5Ny40MywwLDAsMC0xNiwyLjcyVjg4YTgsOCwwLDEsMS0xNiwwVjY0Ljc1QTg4Ljg2LDg4Ljg2LDAsMCwwLDcyLjM3LDc0YTgsOCwwLDAsMS0xMC44MS0xLjE3TDQwLDQ4djg4YzAsNDEuNjYsMzUuMjEsNzYsODAsNzkuNjdWMTk1LjMxbC0xMy42Ni0xMy42NmE4LDgsMCwwLDEsMTEuMzItMTEuMzFMMTI4LDE4MC42OGwxMC4zNC0xMC4zNGE4LDgsMCwwLDEsMTEuMzIsMTEuMzFMMTM2LDE5NS4zMXYyMC4zNmM0NC43OS0zLjY5LDgwLTM4LDgwLTc5LjY3WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-dog: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsMTIwLjM4VjE4NGEzMiwzMiwwLDAsMS0zMiwzMkg4MGEzMiwzMiwwLDAsMS0zMi0zMlYxMjAuMzhMMTA0LDQ4aDQ4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIzOS43MSwxMjVsLTE2LjQyLTg4YTE2LDE2LDAsMCwwLTE5LjYxLTEyLjU4bC0uMzEuMDlMMTUwLjg1LDQwaC00NS43TDUyLjYzLDI0LjU2bC0uMzEtLjA5QTE2LDE2LDAsMCwwLDMyLjcxLDM3LjA1TDE2LjI5LDEyNWExNS43NywxNS43NywwLDAsMCw5LjEyLDE3LjUyQTE2LjI2LDE2LjI2LDAsMCwwLDMyLjEyLDE0NCwxNS40OCwxNS40OCwwLDAsMCw0MCwxNDEuODRWMTg0YTQwLDQwLDAsMCwwLDQwLDQwaDk2YTQwLDQwLDAsMCwwLDQwLTQwVjE0MS44NWExNS41LDE1LjUsMCwwLDAsNy44NywyLjE2LDE2LjMxLDE2LjMxLDAsMCwwLDYuNzItMS40N0ExNS43NywxNS43NywwLDAsMCwyMzkuNzEsMTI1Wk0zMiwxMjhoMEw0OC40Myw0MCw5MC41LDUyLjM3Wm0xNDQsODBIMTM2VjE5NS4zMWwxMy42Ni0xMy42NWE4LDgsMCwwLDAtMTEuMzItMTEuMzJMMTI4LDE4MC42OWwtMTAuMzQtMTAuMzVhOCw4LDAsMCwwLTExLjMyLDExLjMyTDEyMCwxOTUuMzFWMjA4SDgwYTI0LDI0LDAsMCwxLTI0LTI0VjEyMy4xMUwxMDcuOTMsNTZoNDAuMTRMMjAwLDEyMy4xMVYxODRBMjQsMjQsMCwwLDEsMTc2LDIwOFptNDgtODBMMTY1LjUsNTIuMzcsMjA3LjU3LDQwLDIyNCwxMjhaTTEwNCwxNDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTA0LDE0MFptNzIsMGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNzYsMTQwWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-brush: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMzJjMCwzMi44MS0zMS42NCw2Ny40My01OC42NCw5MS4wNUE4NC4zOSw4NC4zOSwwLDAsMCwxMzMsOTAuNjRDMTU2LjU3LDYzLjY0LDE5MS4xOSwzMiwyMjQsMzJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjMyLDMyYTgsOCwwLDAsMC04LThjLTQ0LjA4LDAtODkuMzEsNDkuNzEtMTE0LjQzLDgyLjYzQTYwLDYwLDAsMCwwLDMyLDE2NGMwLDMwLjg4LTE5LjU0LDQ0LjczLTIwLjQ3LDQ1LjM3QTgsOCwwLDAsMCwxNiwyMjRIOTJhNjAsNjAsMCwwLDAsNTcuMzctNzcuNTdDMTgyLjMsMTIxLjMxLDIzMiw3Ni4wOCwyMzIsMzJaTTkyLDIwOEgzNC42M0M0MS4zOCwxOTguNDEsNDgsMTgzLjkyLDQ4LDE2NGE0NCw0NCwwLDEsMSw0NCw0NFptMzIuNDItOTQuNDVxNS4xNC02LjY2LDEwLjA5LTEyLjU1QTc2LjIzLDc2LjIzLDAsMCwxLDE1NSwxMjEuNDlxLTUuOSw0Ljk0LTEyLjU1LDEwLjA5QTYwLjU0LDYwLjU0LDAsMCwwLDEyNC40MiwxMTMuNTVabTQyLjctMi42OGE5Mi41Nyw5Mi41NywwLDAsMC0yMi0yMmMzMS43OC0zNC41Myw1NS43NS00NSw2OS45LTQ3LjkxQzIxMi4xNyw1NS4xMiwyMDEuNjUsNzkuMDksMTY3LjEyLDExMC44N1oiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-apple: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNzMuNTJabTAsOTkuMjZjLTE2Ljc5LTExLjUzLTI0LTMwLjg3LTI0LTUyLjc4LDAtMTguMywxMS42OC0zNC44MSwyNC00Ni40OEMyMDQuNTMsNjIuNjYsMTg1LDU2LDE2OCw1NmE2My43Miw2My43MiwwLDAsMC00MCwxNGgwQTYzLjcxLDYzLjcxLDAsMCwwLDg4Ljg4LDU2QzUyLDU1LjUsMjMuMDYsODYuMywyNCwxMjMuMTlhMTE5LjYyLDExOS42MiwwLDAsMCwzNy42NSw4NC4xMkEzMiwzMiwwLDAsMCw4My42LDIxNmg4Ny43YTMxLjc1LDMxLjc1LDAsMCwwLDIzLjI2LTEwYzE1Ljg1LTE3LDIxLjQ0LTMzLjIsMjEuNDQtMzMuMloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMjMuMywxNjkuNTlhOC4wNyw4LjA3LDAsMCwwLTIuOC0zLjRDMjAzLjUzLDE1NC41MywyMDAsMTM0LjY0LDIwMCwxMjBjMC0xNy42NywxMy40Ny0zMy4wNiwyMS41LTQwLjY3YTgsOCwwLDAsMCwwLTExLjYyQzIwOC44Miw1NS43NCwxODcuODIsNDgsMTY4LDQ4YTcyLjIzLDcyLjIzLDAsMCwwLTQwLDEyLjEzLDcxLjU2LDcxLjU2LDAsMCwwLTkwLjcxLDkuMDlBNzQuNjMsNzQuNjMsMCwwLDAsMTYsMTIzLjRhMTI3LDEyNywwLDAsMCw0MC4xNCw4OS43M0EzOS44LDM5LjgsMCwwLDAsODMuNTksMjI0aDg3LjY4YTM5Ljg0LDM5Ljg0LDAsMCwwLDI5LjEyLTEyLjU3LDEyNSwxMjUsMCwwLDAsMTcuODItMjQuNkMyMjUuMjMsMTc0LDIyNC4zMywxNzIsMjIzLjMsMTY5LjU5Wm0tMzQuNjMsMzAuOTRhMjMuNzYsMjMuNzYsMCwwLDEtMTcuNCw3LjQ3SDgzLjU5YTIzLjgyLDIzLjgyLDAsMCwxLTE2LjQ0LTYuNTFBMTExLjE0LDExMS4xNCwwLDAsMSwzMiwxMjMsNTguNSw1OC41LDAsMCwxLDQ4LjY1LDgwLjQ3LDU0LjgxLDU0LjgxLDAsMCwxLDg4LDY0aC43OEE1NS40NSw1NS40NSwwLDAsMSwxMjMsNzYuMjhhOCw4LDAsMCwwLDEwLDBBNTUuMzksNTUuMzksMCwwLDEsMTY4LDY0YTcwLjY0LDcwLjY0LDAsMCwxLDM2LDEwLjM1Yy0xMywxNC41Mi0yMCwzMC40Ny0yMCw0NS42NSwwLDIzLjc3LDcuNjQsNDIuNzMsMjIuMTgsNTUuM0ExMDUuNTIsMTA1LjUyLDAsMCwxLDE4OC42NywyMDAuNTNaTTEyOC4yMywzMEE0MCw0MCwwLDAsMSwxNjcsMGgxYTgsOCwwLDAsMSwwLDE2aC0xYTI0LDI0LDAsMCwwLTIzLjI0LDE4LDgsOCwwLDEsMS0xNS41LTRaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-pencil: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjEuNjYsOTAuMzQsMTkyLDEyMCwxMzYsNjRsMjkuNjYtMjkuNjZhOCw4LDAsMCwxLDExLjMxLDBMMjIxLjY2LDc5QTgsOCwwLDAsMSwyMjEuNjYsOTAuMzRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI3LjMxLDczLjM3LDE4Mi42MywyOC42OGExNiwxNiwwLDAsMC0yMi42MywwTDM2LjY5LDE1MkExNS44NiwxNS44NiwwLDAsMCwzMiwxNjMuMzFWMjA4YTE2LDE2LDAsMCwwLDE2LDE2SDkyLjY5QTE1Ljg2LDE1Ljg2LDAsMCwwLDEwNCwyMTkuMzFMMjI3LjMxLDk2YTE2LDE2LDAsMCwwLDAtMjIuNjNaTTUxLjMxLDE2MCwxMzYsNzUuMzEsMTUyLjY5LDkyLDY4LDE3Ni42OFpNNDgsMTc5LjMxLDc2LjY5LDIwOEg0OFptNDgsMjUuMzhMNzkuMzEsMTg4LDE2NCwxMDMuMzEsMTgwLjY5LDEyMFptOTYtOTZMMTQ3LjMxLDY0bDI0LTI0TDIxNiw4NC42OFoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-gaming: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYuODYsMjA3LjU3YTI4LDI4LDAsMCwxLTI0LjY2LTcuNzdMMTUwLjA5LDE1MkgxNzJhNTEuOTQsNTEuOTQsMCwwLDAsNTEuMi02MWgwbDE2LjM2LDg0LjE3QTI4LDI4LDAsMCwxLDIxNi44NiwyMDcuNTdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTc2LDExMkgxNTJhOCw4LDAsMCwxLDAtMTZoMjRhOCw4LDAsMCwxLDAsMTZaTTEwNCw5Nkg5NlY4OGE4LDgsMCwwLDAtMTYsMHY4SDcyYTgsOCwwLDAsMCwwLDE2aDh2OGE4LDgsMCwwLDAsMTYsMHYtOGg4YTgsOCwwLDAsMCwwLTE2Wk0yNDEuNDgsMjAwLjY1YTM2LDM2LDAsMCwxLTU0Ljk0LDQuODFjLS4xMi0uMTItLjI0LS4yNC0uMzUtLjM3TDE0Ni40OCwxNjBoLTM3TDY5LjgxLDIwNS4wOWwtLjM1LjM3QTM2LjA4LDM2LjA4LDAsMCwxLDQ0LDIxNiwzNiwzNiwwLDAsMSw4LjU2LDE3My43NWEuNjguNjgsMCwwLDEsMC0uMTRMMjQuOTMsODkuNTJBNTkuODgsNTkuODgsMCwwLDEsODMuODksNDBIMTcyYTYwLjA4LDYwLjA4LDAsMCwxLDU5LDQ5LjI1YzAsLjA2LDAsLjEyLDAsLjE4bDE2LjM3LDg0LjE3YS42OC42OCwwLDAsMSwwLC4xNEEzNS43NCwzNS43NCwwLDAsMSwyNDEuNDgsMjAwLjY1Wk0xNzIsMTQ0YTQ0LDQ0LDAsMCwwLDAtODhIODMuODlBNDMuOSw0My45LDAsMCwwLDQwLjY4LDkyLjM3bDAsLjEzTDI0LjMsMTc2LjU5QTIwLDIwLDAsMCwwLDU4LDE5NC4zbDQxLjkyLTQ3LjU5YTgsOCwwLDAsMSw2LTIuNzFabTU5LjcsMzIuNTktOC43NC00NUE2MCw2MCwwLDAsMSwxNzIsMTYwaC00LjJMMTk4LDE5NC4zMWEyMC4wOSwyMC4wOSwwLDAsMCwxNy40Niw1LjM5LDIwLDIwLDAsMCwwLDE2LjIzLTIzLjExWiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-cube: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMTI5LjA5VjIzMmE4LDgsMCwwLDEtMy44NC0xbC04OC00OC4xNmE4LDgsMCwwLDEtNC4xNi03VjgwLjJhOCw4LDAsMCwxLC43LTMuMjdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjIzLjY4LDY2LjE1LDEzNS42OCwxOGgwYTE1Ljg4LDE1Ljg4LDAsMCwwLTE1LjM2LDBsLTg4LDQ4LjE3YTE2LDE2LDAsMCwwLTguMzIsMTR2OTUuNjRhMTYsMTYsMCwwLDAsOC4zMiwxNGw4OCw0OC4xN2ExNS44OCwxNS44OCwwLDAsMCwxNS4zNiwwbDg4LTQ4LjE3YTE2LDE2LDAsMCwwLDguMzItMTRWODAuMThBMTYsMTYsMCwwLDAsMjIzLjY4LDY2LjE1Wk0xMjgsMzJoMGw4MC4zNCw0NEwxMjgsMTIwLDQ3LjY2LDc2Wk00MCw5MGw4MCw0My43OHY4NS43OUw0MCwxNzUuODJabTk2LDEyOS41N1YxMzMuODJMMjE2LDkwdjg1Ljc4WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-football: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik02NS4xNywxMDguMDhsLTMzLDI1LjM0Yy0uMS0xLjgtLjE1LTMuNi0uMTUtNS40MkE5NS42MSw5NS42MSwwLDAsMSw1My4yMyw2Ny43OFpNNDYuOTIsMTc5LjQyYTk2LjEyLDk2LjEyLDAsMCwwLDU3LDQxLjUybC0xNC43LTQxLjUyWm0xMDUuMjEsNDEuNTJhOTYuMTIsOTYuMTIsMCwwLDAsNTctNDEuNTJIMTY2LjgzWk0yMDIuNzcsNjcuNzhsLTExLjk0LDQwLjMsMzMsMjUuMzRjLjEtMS44LjE1LTMuNi4xNS01LjQyQTk1LjYxLDk1LjYxLDAsMCwwLDIwMi43Nyw2Ny43OFptLTM4LjUyLTI4LjdhOTYuMzQsOTYuMzQsMCwwLDAtNzIuNSwwTDEyOCw2NFpNMTUyLjcyLDE2MCwxNjgsMTE1LjUsMTI4LDg4LDg4LDExNS41LDEwMy4yOCwxNjBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0QTEwNCwxMDQsMCwxLDAsMjMyLDEyOCwxMDQuMTEsMTA0LjExLDAsMCwwLDEyOCwyNFptNzYuNTIsMTQ3LjQySDE3MC45bC05LjI2LTEyLjc2LDEyLjYzLTM2Ljc4LDE1LTQuODksMjYuMjQsMjAuMTNBODcuMzgsODcuMzgsMCwwLDEsMjA0LjUyLDE3MS40MlptLTE2NC0zNC4zTDY2LjcxLDExN2wxNSw0Ljg5LDEyLjYzLDM2Ljc4TDg1LjEsMTcxLjQySDUxLjQ4QTg3LjM4LDg3LjM4LDAsMCwxLDQwLjQ3LDEzNy4xMlptMTAtNTAuNjQsNS41MSwxOC42TDQwLjcxLDExNi43N0E4Ny4zMyw4Ny4zMywwLDAsMSw1MC40Myw4Ni40OFpNMTA5LDE1Miw5Ny41NCwxMTguNjUsMTI4LDk3LjcxbDMwLjQ2LDIwLjk0TDE0NywxNTJabTkxLjA3LTQ2LjkyLDUuNTEtMTguNmE4Ny4zMyw4Ny4zMywwLDAsMSw5LjcyLDMwLjI5Wm0tNi4yLTM1LjM4LTkuNTEsMzIuMDgtMTUuMDcsNC44OUwxMzYsODMuNzlWNjguMjFsMjkuMDktMjBBODguNTgsODguNTgsMCwwLDEsMTkzLjg2LDY5LjdaTTE0Ni4wNyw0MS44NywxMjgsNTQuMjksMTA5LjkzLDQxLjg3YTg4LjI0LDg4LjI0LDAsMCwxLDM2LjE0LDBaTTkwLjkxLDQ4LjIxbDI5LjA5LDIwVjgzLjc5TDg2LjcyLDEwNi42N2wtMTUuMDctNC44OUw2Mi4xNCw2OS43QTg4LjU4LDg4LjU4LDAsMCwxLDkwLjkxLDQ4LjIxWk02My4xNSwxODcuNDJIODMuNTJsNy4xNywyMC4yN0E4OC40LDg4LjQsMCwwLDEsNjMuMTUsMTg3LjQyWk0xMTAsMjE0LjEzLDk4LjEyLDE4MC43MSwxMDcuMzUsMTY4aDQxLjNsOS4yMywxMi43MS0xMS44MywzMy40MmE4OCw4OCwwLDAsMS0zNi4xLDBabTU1LjM2LTYuNDQsNy4xNy0yMC4yN2gyMC4zN0E4OC40LDg4LjQsMCwwLDEsMTY1LjMxLDIwNy42OVoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-pride: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTEydjE2YTk2LDk2LDAsMCwxLTE5MiwwVjg4YTI0LDI0LDAsMCwxLDQ4LDBWNjRhMjQsMjQsMCwwLDEsNDgsMCwyNCwyNCwwLDAsMSw0OCwwVjg4aDI0QTI0LDI0LDAsMCwxLDIyNCwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjAwLDgwSDE4NFY2NGEzMiwzMiwwLDAsMC01Ni0yMS4xM0EzMiwzMiwwLDAsMCw3Mi4yMSw2MC40MiwzMiwzMiwwLDAsMCwyNCw4OHY0MGExMDQsMTA0LDAsMCwwLDIwOCwwVjExMkEzMiwzMiwwLDAsMCwyMDAsODBaTTE1Miw0OGExNiwxNiwwLDAsMSwxNiwxNlY4MEgxMzZWNjRBMTYsMTYsMCwwLDEsMTUyLDQ4Wk04OCw2NGExNiwxNiwwLDAsMSwzMiwwdjQwYTE2LDE2LDAsMCwxLTMyLDBaTTQwLDg4YTE2LDE2LDAsMCwxLDMyLDB2MTZhMTYsMTYsMCwwLDEtMzIsMFptMTc2LDQwYTg4LDg4LDAsMCwxLTE3NS45MiwzLjc1QTMxLjkzLDMxLjkzLDAsMCwwLDgwLDEyNS4xM2EzMS45MywzMS45MywwLDAsMCw0NC41OCwzLjM1LDMyLjIxLDMyLjIxLDAsMCwwLDExLjgsMTEuNDRBNDcuODgsNDcuODgsMCwwLDAsMTIwLDE3NmE4LDgsMCwwLDAsMTYsMCwzMiwzMiwwLDAsMSwzMi0zMiw4LDgsMCwwLDAsMC0xNkgxNTJhMTYsMTYsMCwwLDEtMTYtMTZWOTZoNjRhMTYsMTYsMCwwLDEsMTYsMTZaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-vote: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNDhWMjA4YTgsOCwwLDAsMS04LDhINjRMNDAsMTkyVjQ4YTgsOCwwLDAsMSw4LThIMjA4QTgsOCwwLDAsMSwyMTYsNDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI0LDQ4VjIwOGExNiwxNiwwLDAsMS0xNiwxNkgxMzZhOCw4LDAsMCwxLDAtMTZoNzJWNDhINDh2OTZhOCw4LDAsMCwxLTE2LDBWNDhBMTYsMTYsMCwwLDEsNDgsMzJIMjA4QTE2LDE2LDAsMCwxLDIyNCw0OFpNMTI1LjY2LDE1NC4zNGE4LDgsMCwwLDAtMTEuMzIsMEw2NCwyMDQuNjksNDUuNjYsMTg2LjM0YTgsOCwwLDAsMC0xMS4zMiwxMS4zMmwyNCwyNGE4LDgsMCwwLDAsMTEuMzIsMGw1Ni01NkE4LDgsMCwwLDAsMTI1LjY2LDE1NC4zNFoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-code: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDAsMTI4bC00OCw0MEg2NEwxNiwxMjgsNjQsODhIMTkyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTY5LjEyLDk0LjE1LDI4LjUsMTI4bDQwLjYyLDMzLjg1YTgsOCwwLDEsMS0xMC4yNCwxMi4yOWwtNDgtNDBhOCw4LDAsMCwxLDAtMTIuMjlsNDgtNDBhOCw4LDAsMCwxLDEwLjI0LDEyLjNabTE3NiwyNy43LTQ4LTQwYTgsOCwwLDEsMC0xMC4yNCwxMi4zTDIyNy41LDEyOGwtNDAuNjIsMzMuODVhOCw4LDAsMSwwLDEwLjI0LDEyLjI5bDQ4LTQwYTgsOCwwLDAsMCwwLTEyLjI5Wk0xNjIuNzMsMzIuNDhhOCw4LDAsMCwwLTEwLjI1LDQuNzlsLTY0LDE3NmE4LDgsMCwwLDAsNC43OSwxMC4yNkE4LjE0LDguMTQsMCwwLDAsOTYsMjI0YTgsOCwwLDAsMCw3LjUyLTUuMjdsNjQtMTc2QTgsOCwwLDAsMCwxNjIuNzMsMzIuNDhaIj48L3BhdGg+PC9zdmc+");
|
||
--icon-handshake: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDAsMTUybC00MCw0MEw5NiwxNzYsNDAsMTM2LDcyLDcybDU2LTE2LDU2LDE2SDE0NEw5OC4zNCwxMTYuMjlhOCw4LDAsMCwwLDEuMzgsMTIuNDJDMTE3LjIzLDEzOS45LDE0MSwxMzkuMTMsMTYwLDEyMFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMTkuNzYsMjE3Ljk0QTgsOCwwLDAsMSwxMTIsMjI0YTguMTMsOC4xMywwLDAsMS0yLS4yNGwtMzItOGE4LDgsMCwwLDEtMi41LTEuMTFsLTI0LTE2YTgsOCwwLDEsMSw4Ljg4LTEzLjMxbDIyLjg0LDE1LjIzLDMwLjY2LDcuNjdBOCw4LDAsMCwxLDExOS43NiwyMTcuOTRabTEzMi42OS05Ni40NmExNS44OSwxNS44OSwwLDAsMS04LDkuMjVsLTIzLjY4LDExLjg0LTU1LjA4LDU1LjA5YTgsOCwwLDAsMS03LjYsMi4xbC02NC0xNmE4LjA2LDguMDYsMCwwLDEtMi43MS0xLjI1TDM1Ljg2LDE0Mi44NywxMS41OCwxMzAuNzNhMTYsMTYsMCwwLDEtNy4xNi0yMS40NkwyOS4yNyw1OS41OGgwYTE2LDE2LDAsMCwxLDIxLjQ2LTcuMTZsMjIuMDYsMTEsNTMtMTUuMTRhOCw4LDAsMCwxLDQuNCwwbDUzLDE1LjE0LDIyLjA2LTExYTE2LDE2LDAsMCwxLDIxLjQ2LDcuMTZsMjQuODUsNDkuNjlBMTUuOSwxNS45LDAsMCwxLDI1Mi40NSwxMjEuNDhabS00Ni4xOCwxMi45NEwxNzkuMDYsODBIMTQ3LjI0TDEwNCwxMjJjMTIuNjYsOC4wOSwzMi41MSwxMC4zMiw1MC4zMi03LjYzYTgsOCwwLDAsMSwxMC42OC0uNjFsMzQuNDEsMjcuNTdabS0xODcuNTQtMTgsMTcuNjksOC44NUw2MS4yNyw3NS41OCw0My41OCw2Ni43M1pNMTg4LDE1Mi42NmwtMjcuNzEtMjIuMTljLTE5LjU0LDE2LTQ0LjM1LDE4LjExLTY0LjkxLDVhMTYsMTYsMCwwLDEtMi43Mi0yNC44Mi42LjYsMCwwLDEsLjA4LS4wOEwxMzcuNiw2Ny4wNiwxMjgsNjQuMzIsNzcuNTgsNzguNzMsNTAuMjEsMTMzLjQ2bDQ5LjIsMzUuMTUsNTguMTQsMTQuNTNabTQ5LjI0LTM2LjI0TDIxMi40Miw2Ni43M2wtMTcuNjksOC44NSwyNC44NSw0OS42OVoiPjwvcGF0aD48L3N2Zz4=");
|
||
--icon-science: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTAuMjYsMjEwLjI2Yy0xNy4yMywxNy4yMy02OC01LjYzLTExMy40Ni01MS4wNlMyOC41MSw2Myw0NS43NCw0NS43NHM2OCw1LjYzLDExMy40Niw1MS4wNlMyMjcuNDksMTkzLDIxMC4yNiwyMTAuMjZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTk2LjEyLDEyOGMyNC42NS0zNC42MSwzNy4yMi03MC4zOCwxOS43NC04Ny44NlMxNjIuNjEsMzUuMjMsMTI4LDU5Ljg4QzkzLjM5LDM1LjIzLDU3LjYyLDIyLjY2LDQwLjE0LDQwLjE0UzM1LjIzLDkzLjM5LDU5Ljg4LDEyOGMtMjQuNjUsMzQuNjEtMzcuMjIsNzAuMzgtMTkuNzQsODcuODZoMGM1LjYzLDUuNjMsMTMuMTUsOC4xNCwyMS45MSw4LjE0LDE4LjQ4LDAsNDIuNDgtMTEuMTcsNjYtMjcuODhDMTUxLjQ3LDIxMi44MywxNzUuNDcsMjI0LDE5NCwyMjRjOC43NiwwLDE2LjI5LTIuNTIsMjEuOTEtOC4xNGgwQzIzMy4zNCwxOTguMzgsMjIwLjc3LDE2Mi42MSwxOTYuMTIsMTI4Wm04LjQzLTc2LjU1YzcuNjQsNy42NCwyLjQ4LDMyLjQtMTguNTIsNjMuMjhhMzAwLjMzLDMwMC4zMywwLDAsMC0yMS4xOS0yMy41N0EzMDAuMzMsMzAwLjMzLDAsMCwwLDE0MS4yNyw3MEMxNzIuMTUsNDksMTk2LjkxLDQzLjgsMjA0LjU1LDUxLjQ1Wk0xNzYuMjksMTI4YTI4OS4xNCwyODkuMTQsMCwwLDEtMjIuNzYsMjUuNTNBMjg5LjE0LDI4OS4xNCwwLDAsMSwxMjgsMTc2LjI5YTI4OS4xNCwyODkuMTQsMCwwLDEtMjUuNTMtMjIuNzZBMjg5LjE0LDI4OS4xNCwwLDAsMSw3OS43MSwxMjgsMjk4LjYyLDI5OC42MiwwLDAsMSwxMjgsNzkuNzFhMjg5LjE0LDI4OS4xNCwwLDAsMSwyNS41MywyMi43NkEyODkuMTQsMjg5LjE0LDAsMCwxLDE3Ni4yOSwxMjhaTTUxLjQ1LDUxLjQ1YzIuMi0yLjIxLDUuODMtMy4zNSwxMC42Mi0zLjM1QzczLjg5LDQ4LjEsOTIuNzYsNTUsMTE0LjcyLDcwQTMwNCwzMDQsMCwwLDAsOTEuMTYsOTEuMTYsMzAwLjMzLDMwMC4zMywwLDAsMCw3MCwxMTQuNzNDNDksODMuODUsNDMuODEsNTkuMDksNTEuNDUsNTEuNDVabTAsMTUzLjFDNDMuODEsMTk2LjkxLDQ5LDE3Mi4xNSw3MCwxNDEuMjdhMzAwLjMzLDMwMC4zMywwLDAsMCwyMS4xOSwyMy41N0EzMDQuMTgsMzA0LjE4LDAsMCwwLDExNC43MywxODZDODMuODUsMjA3LDU5LjA5LDIxMi4yLDUxLjQ1LDIwNC41NVptMTUzLjEsMGMtNy42NCw3LjY1LTMyLjQsMi40OC02My4yOC0xOC41MmEzMDQuMTgsMzA0LjE4LDAsMCwwLDIzLjU3LTIxLjE5QTMwMC4zMywzMDAuMzMsMCwwLDAsMTg2LDE0MS4yN0MyMDcsMTcyLjE1LDIxMi4xOSwxOTYuOTEsMjA0LjU1LDIwNC41NVpNMTQwLDEyOGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNDAsMTI4WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
--icon-book: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIsNjRWMTkyYTgsOCwwLDAsMS04LDhIMTYwYTMyLDMyLDAsMCwwLTMyLDMyLDMyLDMyLDAsMCwwLTMyLTMySDMyYTgsOCwwLDAsMS04LThWNjRhOCw4LDAsMCwxLDgtOEg5NmEzMiwzMiwwLDAsMSwzMiwzMiwzMiwzMiwwLDAsMSwzMi0zMmg2NEE4LDgsMCwwLDEsMjMyLDY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCw0OEgxNjBhNDAsNDAsMCwwLDAtMzIsMTZBNDAsNDAsMCwwLDAsOTYsNDhIMzJBMTYsMTYsMCwwLDAsMTYsNjRWMTkyYTE2LDE2LDAsMCwwLDE2LDE2SDk2YTI0LDI0LDAsMCwxLDI0LDI0LDgsOCwwLDAsMCwxNiwwLDI0LDI0LDAsMCwxLDI0LTI0aDY0YTE2LDE2LDAsMCwwLDE2LTE2VjY0QTE2LDE2LDAsMCwwLDIyNCw0OFpNOTYsMTkySDMyVjY0SDk2YTI0LDI0LDAsMCwxLDI0LDI0VjIwMEEzOS44MSwzOS44MSwwLDAsMCw5NiwxOTJabTEyOCwwSDE2MGEzOS44MSwzOS44MSwwLDAsMC0yNCw4Vjg4YTI0LDI0LDAsMCwxLDI0LTI0aDY0WiI+PC9wYXRoPjwvc3ZnPg==");
|
||
}
|
||
}
|
||
@media (prefers-color-scheme: dark) {
|
||
.layout-multiple-columns {
|
||
--color-bg: #111111;
|
||
}
|
||
}
|
||
|
||
body.app-body {
|
||
background-color: var(--color-bg);
|
||
color: var(--color-fg);
|
||
font-family: ui-rounded, "mastodon-font-sans-serif", sans-serif;
|
||
}
|
||
|
||
.layout-single-column .ui::before {
|
||
content: " ";
|
||
display: block;
|
||
height: 16px;
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
z-index: 1;
|
||
background-color: var(--color-bg);
|
||
background-image: var(--gradient-bg);
|
||
}
|
||
.app-body .columns-area__panels__pane {
|
||
z-index: 1;
|
||
}
|
||
|
||
::selection {
|
||
color: var(--color-accent-fg);
|
||
background-color: var(--color-accent);
|
||
}
|
||
|
||
/* 🖱️ Scrollbars */
|
||
:root:has(.app-body) *::-webkit-scrollbar-track {
|
||
background-color: var(--color-bg);
|
||
padding: 2px;
|
||
}
|
||
:root:has(.app-body) *::-webkit-scrollbar-thumb {
|
||
background-color: var(--color-accent);
|
||
border-radius: 8px;
|
||
opacity: .4;
|
||
}
|
||
:root:has(.app-body) *::-webkit-scrollbar-track:hover {
|
||
background-color: var(--color-bg);
|
||
}
|
||
:root:has(.app-body) *::-webkit-scrollbar-thumb:hover {
|
||
background-color: var(--color-accent);
|
||
opacity: .7;
|
||
}
|
||
@media screen and (max-width:1174px) {
|
||
:root:has(.app-body) *::-webkit-scrollbar {
|
||
display: none;
|
||
}
|
||
}
|
||
:root,
|
||
* {
|
||
scrollbar-color: var(--color-accent) var(--color-bg);
|
||
scrollbar-width: thin;
|
||
}
|
||
|
||
.app-body {
|
||
--dropdown-shadow:
|
||
0 20px 25px -5px rgba(0, 0, 0, .15),
|
||
0 8px 10px -6px rgba(0, 0, 0, .15);
|
||
--safe-area-bottom: env(safe-area-inset-bottom);
|
||
}
|
||
@media (display-mode: standalone) {
|
||
.app-body {
|
||
--safe-area-bottom: max(env(safe-area-inset-bottom), 30px);
|
||
}
|
||
}
|
||
|
||
.app-body .loading-bar {
|
||
background-color: var(--color-accent);
|
||
}
|
||
.app-body .circular-progress {
|
||
color: var(--color-accent);
|
||
}
|
||
|
||
.app-body .redirect__logo {
|
||
background-image: var(--logo);
|
||
background-size: 100%;
|
||
background-position: center;
|
||
background-repeat: no-repeat;
|
||
}
|
||
.app-body .redirect__logo img {
|
||
opacity: 0;
|
||
}
|
||
.app-body .redirect__message a {
|
||
color: var(--color-accent);
|
||
}
|
||
|
||
.app-body .getting-started,
|
||
.app-body .regeneration-indicator,
|
||
.app-body .audio-player,
|
||
.app-body .compose-form .spoiler-input__input,
|
||
.app-body .compose-form__autosuggest-wrapper,
|
||
.app-body .compose-form__poll-wrapper select,
|
||
.app-body .poll__option input[type=text],
|
||
.app-body .report-dialog-modal__textarea,
|
||
.app-body .search__input,
|
||
.app-body .setting-text,
|
||
.app-body .compose-form .compose-form__buttons-wrapper,
|
||
.app-body .about__section__body {
|
||
border: 0;
|
||
}
|
||
.app-body .column-inline-form,
|
||
.app-body .column>.scrollable,
|
||
.app-body .getting-started,
|
||
.app-body .regeneration-indicator {
|
||
background: transparent;
|
||
}
|
||
|
||
:root {
|
||
--background-filter: none;
|
||
}
|
||
|
||
.app-body .account__avatar img {
|
||
border-radius: 50%;
|
||
}
|
||
|
||
/* Keyframes */
|
||
@keyframes bounce {
|
||
0% {
|
||
transform: scale(1);
|
||
}
|
||
50% {
|
||
transform: scale(1.6);
|
||
}
|
||
75% {
|
||
transform: scale(.8);
|
||
}
|
||
100% {
|
||
transform: scale(1);
|
||
}
|
||
}
|
||
@keyframes bounce-sml {
|
||
0% {
|
||
transform: scale(1);
|
||
}
|
||
50% {
|
||
transform: scale(1.25);
|
||
}
|
||
100% {
|
||
transform: scale(1);
|
||
}
|
||
}
|
||
@keyframes bounce-vertical {
|
||
0% {
|
||
transform: translateY(0);
|
||
}
|
||
50% {
|
||
transform: translateY(-30%);
|
||
}
|
||
75% {
|
||
transform: translateY(20%);
|
||
}
|
||
100% {
|
||
transform: translate(0);
|
||
}
|
||
}
|
||
@keyframes launch {
|
||
0% {
|
||
transform: translate(0);
|
||
opacity: 0;
|
||
}
|
||
5% {
|
||
transform: translate(0);
|
||
opacity: 1;
|
||
}
|
||
50% {
|
||
transform: translate(200%, -200%);
|
||
opacity: 0;
|
||
}
|
||
80% {
|
||
transform: translate(200%, -200%);
|
||
opacity: 0;
|
||
}
|
||
85% {
|
||
transform: translate(-20%, 20%);
|
||
opacity: 0;
|
||
}
|
||
100% {
|
||
transform: translate(0);
|
||
opacity: 1;
|
||
}
|
||
}
|
||
@keyframes fadein {
|
||
from {
|
||
opacity: 0;
|
||
transform: translateY(-10%);
|
||
}
|
||
to {
|
||
opacity: 1;
|
||
transform: translateY(0);
|
||
}
|
||
}
|
||
@keyframes fadein-short {
|
||
from {
|
||
transform: translate(0, -10px);
|
||
opacity: 0;
|
||
}
|
||
to {
|
||
transform: translate(0, 0);
|
||
opacity: 1;
|
||
}
|
||
}
|
||
@keyframes slowin {
|
||
0% {
|
||
opacity: 0;
|
||
}
|
||
20% {
|
||
opacity: 0;
|
||
}
|
||
100% {
|
||
opacity: 1;
|
||
}
|
||
}
|
||
@keyframes rotate-bounce {
|
||
0% {
|
||
transform: rotate(0) scale(1);
|
||
}
|
||
60% {
|
||
transform: rotate(80deg) scale(1.2);
|
||
}
|
||
100% {
|
||
transform: rotate(60deg) scale(1.1);
|
||
}
|
||
}
|
||
@keyframes bell-ring {
|
||
0% {
|
||
transform: rotate(0);
|
||
}
|
||
40% {
|
||
transform: rotate(15deg);
|
||
}
|
||
70% {
|
||
transform: rotate(-15deg);
|
||
}
|
||
100% {
|
||
transform: rotate(0);
|
||
}
|
||
}
|
||
|
||
|
||
/* Rordered layout */
|
||
.app-body .columns-area__panels__pane--navigational {
|
||
order: 1;
|
||
}
|
||
.app-body .columns-area__panels__main {
|
||
order: 2;
|
||
}
|
||
.app-body .columns-area__panels__pane--compositional {
|
||
order: 3;
|
||
}
|
||
.app-body .columns-area--mobile .column {
|
||
flex: unset;
|
||
}
|
||
.app-body .columns-area--mobile .column:focus-within {
|
||
overflow: visible;
|
||
}
|
||
.app-body .scrollable,
|
||
.app-body .column > .scrollable {
|
||
background-color: var(--color-content-bg);
|
||
border-right: 1px solid var(--color-lines);
|
||
border-left: 1px solid var(--color-lines);
|
||
border-top: 0;
|
||
border-bottom: 0;
|
||
border-radius: 0;
|
||
padding-bottom: 20px;
|
||
}
|
||
.app-body .dismissable-banner + .scrollable {
|
||
border-top-left-radius: 0;
|
||
border-top-right-radius: 0;
|
||
}
|
||
.app-body .columns-area--mobile {
|
||
padding: 0;
|
||
}
|
||
.app-body .columns-area__panels {
|
||
gap: 10px;
|
||
}
|
||
@media screen and (max-width:889px) {
|
||
.app-body:not(.layout-multiple-columns) .scrollable,
|
||
.app-body:not(.layout-multiple-columns) .column > .scrollable {
|
||
border-right: 0;
|
||
border-left: 0;
|
||
}
|
||
}
|
||
@media screen and (min-width:1175px) {
|
||
.app-body .columns-area__panels__main {
|
||
max-width: 580px;
|
||
padding: 0;
|
||
}
|
||
}
|
||
@media screen and (max-width:1174px) {
|
||
.app-body .columns-area__panels {
|
||
gap: 0;
|
||
}
|
||
}
|
||
|
||
/* *️⃣ Icons
|
||
-------- */
|
||
.app-body .icon {
|
||
height: 20px;
|
||
width: 20px;
|
||
}
|
||
.app-body .verified-badge .icon {
|
||
width: 18px;
|
||
height: 18px;
|
||
}
|
||
.app-body .account__header__tabs__buttons .icon-button .icon {
|
||
height: 24px;
|
||
width: 24px;
|
||
}
|
||
.app-body .status__visibility-icon .icon {
|
||
height: 1em;
|
||
width: 1em;
|
||
}
|
||
.app-body .detailed-status__meta .icon,
|
||
.app-body .dropdown-button .icon {
|
||
height: 15px;
|
||
width: 15px;
|
||
}
|
||
.app-body .icon-button {
|
||
padding: 2px;
|
||
}
|
||
.app-body
|
||
:is(
|
||
.icon-bookmark,
|
||
.icon-star,
|
||
.icon-retweet,
|
||
.icon-reply,
|
||
.icon-reply-all,
|
||
.icon-tasks,
|
||
.icon-quote-right,
|
||
.icon-home,
|
||
.icon-hashtag,
|
||
.icon-explore,
|
||
.icon-search,
|
||
.icon-times-circle,
|
||
.icon-bell,
|
||
.icon-at,
|
||
.icon-bookmarks,
|
||
.icon-list-ul,
|
||
.column-link .icon-cog,
|
||
.drawer__tab .icon-cog,
|
||
.icon-bars,
|
||
.navigation-bar .icon-close,
|
||
.icon-user-plus,
|
||
.icon-user,
|
||
.icon-users,
|
||
.icon-bullhorn,
|
||
.icon-sliders,
|
||
.icon-globe,
|
||
.icon-unlock,
|
||
.icon-lock,
|
||
.icon-paperclip,
|
||
.compose-form__buttons .icon-button:nth-child(3) .icon,
|
||
.emoji-picker-dropdown > .icon-button .icon,
|
||
.icon-bell-o,
|
||
.icon-thumb-tack,
|
||
.icon-file-text,
|
||
.account--panel .icon-times,
|
||
.follow-request-banner .icon-times,
|
||
.account__relationship .icon-times,
|
||
.icon-ellipsis-h,
|
||
.icon-ellipsis-v,
|
||
.icon-check:is(.verified__mark, .verified-badge__mark),
|
||
.follow-request-banner .button .icon-check,
|
||
.account--panel button .icon-check,
|
||
.account__relationship .icon-check,
|
||
.status__action-bar .icon-close,
|
||
.detailed-status__action-bar .icon-close,
|
||
.account__header__tabs__buttons .icon-close,
|
||
.icon-sign-out,
|
||
.account__header__tabs__buttons .icon-undefined,
|
||
.icon-eye-slash,
|
||
.icon-eye,
|
||
.icon-eraser,
|
||
.icon-pencil,
|
||
.app-form__header-input .icon,
|
||
.account__domain-pill__popout__parts__icon .icon,
|
||
.safety-action-modal__bullet-points__icon .icon
|
||
)
|
||
path {
|
||
display: none;
|
||
}
|
||
|
||
.app-body
|
||
:is(
|
||
.icon-bookmark,
|
||
.icon-star,
|
||
.icon-retweet,
|
||
.icon-reply,
|
||
.icon-reply-all,
|
||
.icon-tasks,
|
||
.icon-quote-right,
|
||
.icon-home,
|
||
.icon-hashtag,
|
||
.icon-explore,
|
||
.icon-search,
|
||
.icon-times-circle,
|
||
.icon-bell,
|
||
.icon-at,
|
||
.icon-bookmarks,
|
||
.icon-list-ul,
|
||
.column-link .icon-cog,
|
||
.drawer__tab .icon-cog,
|
||
.icon-bars,
|
||
.navigation-bar .icon-close,
|
||
.icon-user-plus,
|
||
.icon-user,
|
||
.icon-users,
|
||
.icon-bullhorn,
|
||
.icon-sliders,
|
||
.icon-globe,
|
||
.icon-unlock,
|
||
.icon-lock,
|
||
.icon-paperclip,
|
||
.compose-form__buttons .icon-button:nth-child(3) .icon,
|
||
.emoji-picker-dropdown > .icon-button .icon,
|
||
.icon-bell-o,
|
||
.icon-thumb-tack,
|
||
.icon-file-text,
|
||
.account--panel .icon-times,
|
||
.follow-request-banner .icon-times,
|
||
.account__relationship .icon-times,
|
||
.icon-ellipsis-h,
|
||
.icon-ellipsis-v,
|
||
.icon-check:is(.verified__mark, .verified-badge__mark),
|
||
.follow-request-banner .button .icon-check,
|
||
.account--panel button .icon-check,
|
||
.account__relationship .icon-check,
|
||
.status__action-bar .icon-close,
|
||
.detailed-status__action-bar .icon-close,
|
||
.account__header__tabs__buttons .icon-close,
|
||
.icon-sign-out,
|
||
.account__header__tabs__buttons .icon-undefined,
|
||
.icon-eye-slash,
|
||
.icon-eye,
|
||
.icon-eraser,
|
||
.icon-pencil,
|
||
.app-form__header-input .icon,
|
||
.account__domain-pill__popout__parts__icon .icon,
|
||
.safety-action-modal__bullet-points__icon .icon
|
||
) {
|
||
background-repeat: no-repeat;
|
||
background-size: 100%;
|
||
background-position: center;
|
||
}
|
||
|
||
/* Bookmark */
|
||
.app-body .icon-bookmark {
|
||
background-image: var(--icon-bookmark-accent);
|
||
}
|
||
.app-body .detailed-status__button .icon-bookmark {
|
||
background-image: var(--icon-bookmark-accent);
|
||
}
|
||
.app-body .icon-button.active .icon-bookmark {
|
||
background-image: var(--icon-bookmark-active);
|
||
}
|
||
/* Favorite */
|
||
.app-body .icon-star {
|
||
background-image: var(--icon-star-accent);
|
||
}
|
||
.app-body button.icon-button.active .icon-star,
|
||
.app-body .notification__message .icon-star {
|
||
background-image: var(--icon-star-active);
|
||
}
|
||
.app-body .detailed-status__link .icon-star {
|
||
background-image: var(--icon-star);
|
||
margin: 0;
|
||
}
|
||
.app-body .media-modal__overlay .icon-star {
|
||
background-image: var(--icon-star-accent);
|
||
}
|
||
/* Boost */
|
||
.app-body .icon-retweet {
|
||
background-image: var(--icon-boost-accent);
|
||
}
|
||
.app-body button.icon-button.active .icon-retweet,
|
||
.app-body .detailed-status__button button.icon-button.active:hover .icon-retweet {
|
||
background-image: var(--icon-boost-active);
|
||
}
|
||
.app-body .status__prepend-icon.icon-retweet {
|
||
background-image: var(--icon-boost-accent-active);
|
||
}
|
||
.app-body .notification__message .icon-retweet {
|
||
background-image: var(--icon-boost-active);
|
||
}
|
||
.app-body .detailed-status__link .icon-retweet {
|
||
background-image: var(--icon-boost);
|
||
margin: 0;
|
||
}
|
||
.app-body
|
||
button.icon-button:is(
|
||
.reblogPrivate:where(.disabled, [disabled]),
|
||
.reblogPrivate:where(.disabled, [disabled]):hover,
|
||
.disabled,
|
||
.disabled:hover
|
||
)
|
||
.icon-retweet {
|
||
background-image: var(--icon-boost-accent);
|
||
opacity: .2;
|
||
pointer-events: none;
|
||
}
|
||
.app-body .boost-modal__action-bar .icon-retweet {
|
||
background-image: var(--icon-boost-accent);
|
||
vertical-align: middle;
|
||
}
|
||
.app-body .media-modal__overlay .icon-retweet {
|
||
background-image: var(--icon-boost-accent);
|
||
}
|
||
/* Reply */
|
||
.app-body .icon-reply,
|
||
.app-body .icon-reply-all {
|
||
background-image: var(--icon-reply-accent);
|
||
}
|
||
.app-body .detailed-status__action-bar :is(.icon-reply, .icon-reply-all) {
|
||
background-image: var(--icon-reply-accent);
|
||
}
|
||
.app-body .media-modal__overlay :is(.icon-reply, .icon-reply-all) {
|
||
background-image: var(--icon-reply-accent);
|
||
}
|
||
.app-body .status__prepend-icon.icon-reply {
|
||
background-image: var(--icon-reply-accent);
|
||
}
|
||
/* Ellipsis */
|
||
.app-body :is(.icon-ellipsis-h, .icon-ellipsis-v) {
|
||
background-image: var(--icon-ellipsis-accent);
|
||
}
|
||
.app-body .detailed-status__action-bar .icon-ellipsis-h {
|
||
background-image: var(--icon-ellipsis-accent);
|
||
}
|
||
.app-body :is(.status__action-bar, .detailed-status__action-bar, .account__header__tabs__buttons) .icon-close {
|
||
background-image: var(--icon-ellipsis-active);
|
||
}
|
||
/* Poll icon */
|
||
.app-body .icon-tasks {
|
||
background-image: var(--icon-poll);
|
||
}
|
||
.app-body .notification__message .icon-tasks {
|
||
background-image: var(--icon-poll-accent);
|
||
}
|
||
.app-body .compose-form .icon-tasks {
|
||
background-image: var(--icon-poll-accent);
|
||
}
|
||
/* Post icon */
|
||
.app-body .icon-quote-right {
|
||
background-image: var(--icon-post);
|
||
}
|
||
|
||
/* Navigation panel icons */
|
||
.app-body .column-link__icon {
|
||
transform: scale(1.45);
|
||
margin-right: 7px;
|
||
margin-left: 3px;
|
||
}
|
||
/* Home icon */
|
||
.app-body .icon-home {
|
||
background-image: var(--icon-home);
|
||
}
|
||
.app-body .column-link.active .icon-home {
|
||
background-image: var(--icon-home-active);
|
||
}
|
||
.layout-multiple-columns .column-link .icon-home {
|
||
background-image: var(--icon-home-accent);
|
||
}
|
||
.app-body .notification__message .icon-home {
|
||
background-image: var(--icon-post-notification-accent);
|
||
}
|
||
/* Globe icon */
|
||
.app-body .column-link .icon-globe,
|
||
.app-body .column-header__icon.icon-globe {
|
||
background-image: var(--icon-globe);
|
||
}
|
||
.app-body .column-link.active .icon-globe {
|
||
background-image: var(--icon-globe-active);
|
||
}
|
||
.layout-multiple-columns .column-link .icon-globe {
|
||
background-image: var(--icon-globe-accent);
|
||
}
|
||
/* Hashtag icon */
|
||
.app-body .icon-hashtag {
|
||
background-image: var(--icon-hashtag);
|
||
}
|
||
/* Explore icon */
|
||
.app-body .icon-explore,
|
||
.app-body .column-link .icon-explore {
|
||
background-image: var(--icon-explore);
|
||
}
|
||
.app-body .column-link.active .icon-explore {
|
||
background-image: var(--icon-explore-active);
|
||
}
|
||
.layout-multiple-columns .column-link .icon-explore {
|
||
background-image: var(--icon-explore-accent);
|
||
}
|
||
/* Search icon */
|
||
.app-body .icon-search {
|
||
background-image: var(--icon-search);
|
||
}
|
||
.app-body .ui__header__links .icon-search,
|
||
.app-body .search__icon .icon-search {
|
||
background-image: var(--icon-search-active);
|
||
}
|
||
.app-body .column-link .icon-search {
|
||
background-image: var(--icon-search-column-link);
|
||
}
|
||
.app-body .column-link.active .icon-search {
|
||
background-image: var(--icon-search-column-link-active);
|
||
}
|
||
.app-body .column-header__icon.icon-search {
|
||
background-image: var(--icon-search-column-link);
|
||
}
|
||
.app-body .icon-times-circle {
|
||
background-image: var(--icon-erase);
|
||
}
|
||
/* Notifications icon */
|
||
.app-body .column-link .icon-bell,
|
||
.app-body .column-header__icon.icon-bell {
|
||
background-image: var(--icon-bell);
|
||
}
|
||
.app-body .column-link.active .icon-bell {
|
||
background-image: var(--icon-bell-active);
|
||
}
|
||
/* Direct messages icon */
|
||
.app-body .column-link .icon-at,
|
||
.app-body .column-header__icon.icon-at {
|
||
background-image: var(--icon-direct-messages);
|
||
}
|
||
.app-body .column-link.active .icon-at {
|
||
background-image: var(--icon-direct-messages-active);
|
||
}
|
||
.layout-multiple-columns .column-link .icon-at {
|
||
background-image: var(--icon-direct-messages-accent);
|
||
}
|
||
/* Bookmarks icon */
|
||
.app-body .icon-bookmarks,
|
||
.app-body .column-header__icon.icon-bookmarks {
|
||
background-image: var(--icon-bookmark-column-link);
|
||
}
|
||
.app-body .column-link.active .icon-bookmarks {
|
||
background-image: var(--icon-bookmark-column-link-active);
|
||
}
|
||
.layout-multiple-columns .column-link .icon-bookmarks {
|
||
background-image: var(--icon-bookmark-column-link-accent);
|
||
}
|
||
/* Favorites icon */
|
||
.app-body .column-link .icon-star,
|
||
.app-body .column-header__icon.icon-star {
|
||
background-image: var(--icon-star-column-link);
|
||
}
|
||
.app-body .column-link.active .icon-star {
|
||
background-image: var(--icon-star-column-link-active);
|
||
}
|
||
.layout-multiple-columns .column-link .icon-star {
|
||
background-image: var(--icon-star-column-link-accent);
|
||
}
|
||
/* Lists icon */
|
||
.app-body .icon-list-ul,
|
||
.app-body .column-header__icon.icon-list-ul {
|
||
background-image: var(--icon-list);
|
||
}
|
||
.app-body .column-link.active .icon-list-ul {
|
||
background-image: var(--icon-list-active);
|
||
}
|
||
.layout-multiple-columns .column-link .icon-list-ul {
|
||
background-image: var(--icon-list-accent);
|
||
}
|
||
/* Settings icon */
|
||
.app-body .column-link .icon-cog {
|
||
background-image: var(--icon-settings);
|
||
}
|
||
.layout-multiple-columns .column-link .icon-cog {
|
||
background-image: var(--icon-settings-accent);
|
||
}
|
||
/* About page icon */
|
||
.app-body .navigation-panel .column-link .icon-ellipsis-h {
|
||
background-image: var(--icon-ellipsis);
|
||
}
|
||
.app-body .navigation-panel .column-link.active .icon-ellipsis-h {
|
||
background-image: var(--icon-ellipsis-column-link-active);
|
||
}
|
||
/* Profile settings */
|
||
.app-body .navigation-bar .icon-button .icon-bars {
|
||
background-image: var(--icon-gear);
|
||
}
|
||
.app-body .navigation-bar .icon-button.active .icon-close {
|
||
background-image: var(--icon-gear-active);
|
||
}
|
||
.app-body .navigation-bar .icon-button:is(:active, :focus, :hover) {
|
||
background-color: transparent;
|
||
}
|
||
.app-body .navigation-bar .icon-button.active {
|
||
transform: rotate(60deg) scale(1.1);
|
||
animation: rotate-bounce .4s 1;
|
||
}
|
||
/* Follow user icon */
|
||
.app-body .icon-user-plus,
|
||
.app-body .icon-user {
|
||
background-image: var(--icon-user-plus-accent);
|
||
}
|
||
.app-body .active .icon-user-plus {
|
||
background-image: var(--icon-user-plus);
|
||
}
|
||
.app-body .column-header__icon.icon-user-plus,
|
||
.app-body .column-link .icon-user-plus {
|
||
background-image: var(--icon-user-plus-column-link);
|
||
}
|
||
.app-body .column-link.active .icon-user-plus {
|
||
background-image: var(--icon-user-plus-column-link-active);
|
||
}
|
||
.layout-multiple-columns .column-link .icon-user-plus {
|
||
background-image: var(--icon-user-plus-column-link-accent);
|
||
}
|
||
/* Users icon */
|
||
.app-body .icon-users {
|
||
background-image: var(--icon-users);
|
||
}
|
||
.app-body .column-link .icon-users {
|
||
background-image: var(--icon-users-accent);
|
||
}
|
||
/* Announcement icon */
|
||
.app-body .icon-bullhorn {
|
||
background-image: var(--icon-megaphone);
|
||
}
|
||
/* Column settings icon */
|
||
.app-body .icon-sliders {
|
||
background-image: var(--icon-sliders);
|
||
}
|
||
/* Post visibility icons */
|
||
.app-body .icon-globe {
|
||
background-image: var(--icon-globe-visibility);
|
||
}
|
||
.app-body .dropdown-button .icon-globe {
|
||
background-image: var(--icon-globe-visibility-accent);
|
||
}
|
||
.app-body .dropdown-button.active .icon-globe {
|
||
background-image: var(--icon-globe-visibility-inv);
|
||
}
|
||
.app-body .icon-unlock {
|
||
background-image: var(--icon-unlock);
|
||
}
|
||
.app-body .dropdown-button .icon-unlock {
|
||
background-image: var(--icon-unlock-accent);
|
||
}
|
||
.app-body .dropdown-button.active .icon-unlock {
|
||
background-image: var(--icon-unlock-inv);
|
||
}
|
||
.app-body .icon-lock {
|
||
background-image: var(--icon-lock);
|
||
}
|
||
.app-body .dropdown-button .icon-lock {
|
||
background-image: var(--icon-lock-accent);
|
||
}
|
||
.app-body .dropdown-button.active .icon-lock {
|
||
background-image: var(--icon-lock-inv);
|
||
}
|
||
.app-body .icon-at {
|
||
background-image: var(--icon-at);
|
||
}
|
||
.app-body .dropdown-button .icon-at {
|
||
background-image: var(--icon-at-accent);
|
||
}
|
||
.app-body .dropdown-button.active .icon-at {
|
||
background-image: var(--icon-at-inv);
|
||
}
|
||
|
||
/* Other icons */
|
||
.app-body .icon-paperclip {
|
||
background-image: var(--icon-paperclip);
|
||
}
|
||
.app-body .icon-button:is(.active, .active:hover) .icon-paperclip {
|
||
background-image: var(--icon-paperclip-inv);
|
||
}
|
||
.app-body .compose-form__buttons .icon-button:nth-child(3) .icon {
|
||
background-image: var(--icon-warning);
|
||
}
|
||
.app-body .compose-form__buttons .icon-button:nth-child(3):is(.active, .active:hover) .icon {
|
||
background-image: var(--icon-warning-inv);
|
||
}
|
||
.app-body .icon-check:is(.verified__mark, .verified-badge__mark) {
|
||
background-image: var(--icon-verified);
|
||
}
|
||
.app-body .follow-request-banner .button:is(:active, :focus, :hover) .icon-check {
|
||
background-image: var(--icon-check-inv);
|
||
}
|
||
.app-body .account__relationship .icon-check,
|
||
.app-body .follow-request-banner .button .icon-check {
|
||
background-image: var(--icon-check);
|
||
}
|
||
.app-body .icon-bell {
|
||
background-image: var(--icon-bell-ringing);
|
||
}
|
||
.app-body .icon-bell-o {
|
||
background-image: var(--icon-bell-accent);
|
||
}
|
||
.app-body .icon-thumb-tack {
|
||
background-image: var(--icon-pin);
|
||
}
|
||
.app-body .icon-file-text {
|
||
background-image: var(--icon-link);
|
||
}
|
||
.app-body
|
||
:is(
|
||
.account--panel,
|
||
.follow-request-banner,
|
||
.account__relationship
|
||
)
|
||
.icon-times {
|
||
background-image: var(--icon-reject);
|
||
}
|
||
.app-body .account--panel .icon-times,
|
||
.app-body .follow-request-banner .button:is(:active, :focus, :hover) .icon-times {
|
||
background-image: var(--icon-reject-inv);
|
||
}
|
||
.app-body .account__relationship .icon-times,
|
||
.app-body .follow-request-banner .button .icon-times {
|
||
background-image: var(--icon-reject);
|
||
}
|
||
.app-body .account__header__tabs__buttons .icon-undefined {
|
||
background-image: var(--icon-share);
|
||
}
|
||
.app-body .account__header__tabs__buttons .copyable .icon-undefined {
|
||
background-image: var(--icon-copy);
|
||
}
|
||
.app-body .account__header__tabs__buttons .copied .icon-undefined {
|
||
background-image: var(--icon-copied);
|
||
}
|
||
.app-body .icon-eye-slash {
|
||
background-image: var(--icon-eye-shut);
|
||
}
|
||
.app-body .icon-button.overlayed .icon-eye-slash {
|
||
background-image: var(--icon-eye-shut-inv);
|
||
}
|
||
.app-body .player-button .icon-eye-slash {
|
||
filter: brightness(100);
|
||
}
|
||
.app-body .icon-eye {
|
||
background-image: var(--icon-eye-open);
|
||
}
|
||
.app-body .icon-eraser {
|
||
background-image: var(--icon-broom);
|
||
}
|
||
.app-body .icon-pencil {
|
||
background-image: var(--icon-edited-accent);
|
||
}
|
||
|
||
@media screen and (min-width:1173px) {
|
||
.app-body .navigation-panel .column-link .icon-home {
|
||
background-image: var(--icon-home-accent);
|
||
}
|
||
.app-body .navigation-panel .column-link.active .icon-home {
|
||
background-image: var(--icon-home-accent-active);
|
||
}
|
||
.app-body .navigation-panel .column-link .icon-bell {
|
||
background-image: var(--icon-bell-accent);
|
||
}
|
||
.app-body .navigation-panel .column-link.active .icon-bell {
|
||
background-image: var(--icon-bell-accent-active);
|
||
}
|
||
.app-body .navigation-panel .column-link .icon-explore {
|
||
background-image: var(--icon-explore-accent);
|
||
}
|
||
.app-body .navigation-panel .column-link.active .icon-explore {
|
||
background-image: var(--icon-explore-accent-active);
|
||
}
|
||
.app-body .navigation-panel .column-link .icon-search {
|
||
background-image: var(--icon-search-column-link-accent);
|
||
}
|
||
.app-body .navigation-panel .column-link.active .icon-search {
|
||
background-image: var(--icon-search-column-link-accent-active);
|
||
}
|
||
.app-body .navigation-panel .column-link .icon-globe {
|
||
background-image: var(--icon-globe-accent);
|
||
}
|
||
.app-body .navigation-panel .column-link.active .icon-globe {
|
||
background-image: var(--icon-globe-accent-active);
|
||
}
|
||
.app-body .navigation-panel .column-link .icon-at {
|
||
background-image: var(--icon-direct-messages-accent);
|
||
}
|
||
.app-body .navigation-panel .column-link.active .icon-at {
|
||
background-image: var(--icon-direct-messages-accent-active);
|
||
}
|
||
.app-body .navigation-panel .column-link .icon-bookmarks {
|
||
background-image: var(--icon-bookmark-column-link-accent);
|
||
}
|
||
.app-body .navigation-panel .column-link.active .icon-bookmarks {
|
||
background-image: var(--icon-bookmark-column-link-accent-active);
|
||
}
|
||
.app-body .navigation-panel .column-link .icon-star {
|
||
background-image: var(--icon-star-column-link-accent);
|
||
}
|
||
.app-body .navigation-panel .column-link.active .icon-star {
|
||
background-image: var(--icon-star-column-link-accent-active);
|
||
}
|
||
.app-body .navigation-panel .column-link .icon-list-ul {
|
||
background-image: var(--icon-list-accent);
|
||
}
|
||
.app-body .navigation-panel .column-link.active .icon-list-ul {
|
||
background-image: var(--icon-list-accent-active);
|
||
}
|
||
.app-body .navigation-panel .column-link .icon-cog {
|
||
background-image: var(--icon-settings-accent);
|
||
}
|
||
.app-body .navigation-panel .column-link .icon-user-plus {
|
||
background-image: var(--icon-user-plus-column-link-accent);
|
||
}
|
||
.app-body .navigation-panel .column-link.active .icon-user-plus {
|
||
background-image: var(--icon-user-plus-column-link-accent-active);
|
||
}
|
||
}
|
||
|
||
|
||
|
||
/* Links */
|
||
.app-body a:is(.status-link, .mention, .navigation-bar__profile-edit) span,
|
||
.app-body :is(.account__header__fields, .account__header__content) a span {
|
||
text-decoration-line: underline;
|
||
text-decoration-color: var(--color-accent-bg);
|
||
text-decoration-thickness: 2px;
|
||
text-underline-offset: 2px;
|
||
}
|
||
.app-body a:is(.status-link, .mention, .navigation-bar__profile-edit):is(:active, :focus, :hover) span,
|
||
.app-body :is(.account__header__fields, .account__header__content, .trends__item__name) a:is(:active, :focus, :hover) span,
|
||
.app-body
|
||
:is(
|
||
.detailed-status__display-name,
|
||
.reply-indicator__display-name,
|
||
.status__display-name,
|
||
a.account__display-name
|
||
):is(:active, :focus, :hover)
|
||
.display-name strong,
|
||
.app-body .status__prepend .status__display-name:is(:active, :focus, :hover) strong,
|
||
.app-body a.notification-request__link:is(:active, :focus, :hover) .notification-request__name__display-name strong {
|
||
text-decoration-line: underline;
|
||
text-decoration-color: currentColor;
|
||
text-decoration-thickness: 2px;
|
||
text-underline-offset: 2px;
|
||
}
|
||
.app-body a:is(.status-link, .mention):is(:active, :focus, :hover),
|
||
.app-body :is(.account__header__fields, .account__header__content) a:is(:active, :focus, :hover),
|
||
.app-body :is(.detailed-status__datetime, .status__relative-time):is(:active, :focus, :hover) {
|
||
text-decoration: none !important;
|
||
}
|
||
.app-body .account__header__fields .verified a span {
|
||
display: inline;
|
||
}
|
||
|
||
|
||
|
||
/* 📝 Compose panel
|
||
---------------- */
|
||
.app-body .compose-form {
|
||
gap: 0;
|
||
}
|
||
.app-body .navigation-bar {
|
||
border-radius: 8px 8px 0 0;
|
||
padding: 23px 15px 15px 18px;
|
||
position: relative;
|
||
background-color: var(--color-content-bg);
|
||
border-top: 1px solid var(--color-lines);
|
||
border-left: 1px solid var(--color-lines);
|
||
border-right: 1px solid var(--color-lines);
|
||
transition:
|
||
background-color .2s,
|
||
border-color .2s;
|
||
}
|
||
.app-body .navigation-bar strong {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .navigation-bar .account {
|
||
background-color: transparent;
|
||
padding-left: 0;
|
||
padding-top: 0;
|
||
border-left: 0;
|
||
border-right: 0;
|
||
border-bottom: 0;
|
||
}
|
||
.app-body .navigation-bar .account__display-name {
|
||
line-height: 20px;
|
||
overflow: visible;
|
||
}
|
||
.app-body :is(.navigation-bar, .reply-indicator) .account__avatar {
|
||
outline: 6px solid var(--color-content-bg);
|
||
border-radius: 8px;
|
||
position: relative;
|
||
z-index: 2;
|
||
}
|
||
.app-body .reply-indicator__line {
|
||
z-index: 1;
|
||
}
|
||
.app-body .compose-form__highlightable {
|
||
border-top: 0;
|
||
border-left: 1px solid var(--color-lines);
|
||
border-right: 1px solid var(--color-lines);
|
||
border-bottom: 1px solid var(--color-lines);
|
||
border-bottom-left-radius: 8px;
|
||
border-bottom-right-radius: 8px;
|
||
border-top-left-radius: 0;
|
||
border-top-right-radius: 0;
|
||
background-color: var(--color-content-bg);
|
||
transition: all .2s;
|
||
}
|
||
.app-body .compose-form .reply-indicator:has(~ .compose-form__highlightable:focus-within),
|
||
.app-body .compose-form .navigation-bar:has(~ .compose-form__highlightable:focus-within),
|
||
.app-body .compose-form .compose-form__warning:has(~ .compose-form__highlightable:focus-within),
|
||
.app-body .compose-form__highlightable:focus-within {
|
||
border-color: var(--color-accent);
|
||
}
|
||
.app-body .compose-form .reply-indicator + .navigation-bar,
|
||
.app-body .compose-form .navigation-bar:has(~ .compose-form__highlightable:focus-within),
|
||
.app-body .reply-indicator {
|
||
background-color: var(--color-content-bg);
|
||
}
|
||
.app-body .compose-form__highlightable.active {
|
||
box-shadow: none;
|
||
}
|
||
.app-body .compose-form
|
||
:is(
|
||
.autosuggest-textarea__suggestions,
|
||
.autosuggest-textarea__textarea,
|
||
.autosuggest-textarea__suggestions__item,
|
||
.compose-form__modifiers
|
||
) {
|
||
background-color: var(--color-content-bg);
|
||
color: var(--color-content-fg);
|
||
border: 0;
|
||
border-top: 0;
|
||
border-radius: 0;
|
||
}
|
||
.app-body .compose-form .autosuggest-textarea__textarea {
|
||
padding-inline-start: 20px;
|
||
}
|
||
.app-body .compose-form .autosuggest-textarea__textarea::placeholder {
|
||
font-size: 130%;
|
||
opacity: .5;
|
||
}
|
||
.app-body .autosuggest-textarea__textarea::placeholder,
|
||
.app-body .autosuggest-account .display-name__html {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .autosuggest-account .display-name__account {
|
||
color: var(--color-content-fg-muted);
|
||
}
|
||
.app-body .autosuggest-textarea__suggestions {
|
||
background-color: var(--color-content-bg);
|
||
border: 1px solid var(--color-lines);
|
||
box-shadow:
|
||
0 20px 25px -5px rgba(0, 0, 0, .25),
|
||
0 8px 10px -6px rgba(0, 0, 0, .25);
|
||
}
|
||
.app-body .autosuggest-textarea__suggestions__item {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .autosuggest-textarea__suggestions__item:is(.selected, :active, :focus, :hover),
|
||
.app-body .autosuggest-textarea__suggestions__item:is(.selected, :active, :focus, :hover) .autosuggest-account :is(.display-name__account, .display-name__html) {
|
||
background-color: var(--color-accent);
|
||
color: var(--color-accent-fg);
|
||
}
|
||
.app-body .autosuggest-textarea__suggestions,
|
||
.app-body .autosuggest-textarea__suggestions__item:last-child {
|
||
border-bottom-left-radius: 8px;
|
||
border-bottom-right-radius: 8px;
|
||
}
|
||
.app-body .autosuggest-account .account__avatar {
|
||
border: 0;
|
||
}
|
||
.app-body .dropdown-button {
|
||
border-radius: 8px;
|
||
border-color: var(--color-accent-bg);
|
||
color: var(--color-accent);
|
||
padding: 5px 8px;
|
||
transition: border-color .2s;
|
||
}
|
||
.app-body .dropdown-button:hover {
|
||
border-color: var(--color-accent);
|
||
}
|
||
.app-body .dropdown-button.active {
|
||
border-color: var(--color-accent);
|
||
background-color: var(--color-accent);
|
||
color: var(--color-accent-fg);
|
||
}
|
||
.app-body .reply-indicator {
|
||
border-left: 1px solid var(--color-lines);
|
||
border-right: 1px solid var(--color-lines);
|
||
border-top: 1px solid var(--color-lines);
|
||
border-bottom: 0;
|
||
border-radius: 8px 8px 0 0;
|
||
box-shadow: none;
|
||
margin: 0;
|
||
padding: 18px 15px 0 18px;
|
||
transition: all .2s;
|
||
}
|
||
.app-body .reply-indicator p {
|
||
overflow: hidden;
|
||
}
|
||
.app-body .reply-indicator__line:before {
|
||
background-color: var(--color-accent);
|
||
z-index: 1;
|
||
opacity: .6;
|
||
}
|
||
.app-body .reply-indicator + .navigation-bar {
|
||
border-top: 0;
|
||
border-top-left-radius: 0;
|
||
border-top-right-radius: 0;
|
||
padding-top: 16px;
|
||
}
|
||
.app-body .reply-indicator .display-name__account,
|
||
.app-body .reply-indicator__attachments {
|
||
color: var(--color-content-fg);
|
||
opacity: .7;
|
||
}
|
||
.app-body .reply-indicator__attachments {
|
||
margin-top: 8px;
|
||
}
|
||
|
||
.app-body .edit-indicator {
|
||
background-color: var(--color-content-secondary-bg);
|
||
border-bottom: 0;
|
||
gap: 2px;
|
||
padding-inline-start: 20px;
|
||
padding-bottom: 17px;
|
||
}
|
||
.app-body .edit-indicator__header {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .edit-indicator__header > *:not(.edit-indicator__cancel) {
|
||
opacity: .7;
|
||
}
|
||
.app-body .edit-indicator__content {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .edit-indicator__content a {
|
||
color: var(--color-accent);
|
||
}
|
||
|
||
.app-body .navigation-bar .icon-button:not(:has(.icon-bars),.active) {
|
||
border: 1px solid var(--color-accent-bg);
|
||
color: var(--color-accent);
|
||
border-radius: 8px;
|
||
transition: all .2s;
|
||
}
|
||
.app-body .navigation-bar .icon-button:not(:has(.icon-bars),.active):hover {
|
||
border-color: var(--color-accent);
|
||
}
|
||
.app-body .navigation-bar .icon-button:not(:has(.icon-bars),.active):active {
|
||
background-color: var(--color-accent-bg);
|
||
}
|
||
|
||
|
||
.app-body .compose-form .compose-form__warning {
|
||
background-color: var(--color-accent-bg);
|
||
border-left: 1px solid var(--color-lines);
|
||
border-right: 1px solid var(--color-lines);
|
||
border-radius: 0;
|
||
box-shadow: none;
|
||
transition: border-color .2s;
|
||
}
|
||
.app-body .compose-form .compose-form__warning,
|
||
.app-body .simple_form .recommended,
|
||
.app-body .compose-form .compose-form__warning,
|
||
.app-body .compose-form .compose-form__warning a,
|
||
.app-body .reply-indicator__content a,
|
||
.app-body .navigation-bar__profile-edit {
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .simple_form .recommended {
|
||
border-color: var(--color-lines);
|
||
}
|
||
.app-body .compose-form__sensitive-button .icon-button:hover {
|
||
background-color: transparent;
|
||
}
|
||
.app-body .compose-form__sensitive-button input[type=checkbox]:checked {
|
||
background-color: var(--color-accent);
|
||
border-color: var(--color-accent);
|
||
}
|
||
.app-body .spoiler-input__border {
|
||
display: none;
|
||
}
|
||
.app-body .compose-form .autosuggest-input {
|
||
box-sizing: border-box;
|
||
}
|
||
.app-body .compose-form .spoiler-input.spoiler-input--visible {
|
||
margin-bottom: 0;
|
||
height: auto;
|
||
background-color: var(--color-content-bg);
|
||
}
|
||
.app-body .compose-form .spoiler-input .autosuggest-input {
|
||
background-color: var(--color-content-bg);
|
||
border-bottom: 0;
|
||
padding: 5px;
|
||
}
|
||
.app-body .compose-form .spoiler-input__input {
|
||
background-image: var(--icon-warning);
|
||
background-position: 10px center;
|
||
background-repeat: no-repeat;
|
||
background-size: 20px;
|
||
background-color: var(--color-accent-bg);
|
||
color: var(--color-accent);
|
||
border: 1px solid var(--color-accent-lines);
|
||
margin-bottom: 0;
|
||
border-radius: 8px;
|
||
padding: 8px 15px 8px 36px;
|
||
font-weight: 500;
|
||
transition: all .2s;
|
||
}
|
||
.app-body .compose-form .spoiler-input__input:focus {
|
||
border-color: var(--color-accent);
|
||
background-color: var(--color-content-bg);
|
||
}
|
||
.app-body .display-name {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .compose-form__upload__thumbnail {
|
||
outline-offset: -1px;
|
||
outline: 1px solid var(--color-lines-translucent);
|
||
}
|
||
.app-body .compose-form .compose-form__modifiers .compose-form__upload .icon-button {
|
||
color: #ffffff;
|
||
}
|
||
.app-body .compose-form .compose-form__modifiers .compose-form__upload .icon-button:is(:active, :focus, :hover) {
|
||
background-color: rgba(0, 0, 0, .4);
|
||
}
|
||
@media screen and (max-width:1174px) {
|
||
.app-body:not(.layout-multiple-columns) .compose-form {
|
||
padding: 15px;
|
||
}
|
||
}
|
||
|
||
.app-body .compose-form .attachment-list.compact .icon {
|
||
color: var(--color-content-fg-muted);
|
||
vertical-align: bottom;
|
||
}
|
||
|
||
|
||
.app-body .character-counter {
|
||
color: var(--color-content-fg);
|
||
opacity: 0;
|
||
font-size: 15px;
|
||
font-weight: 500;
|
||
transition:
|
||
opacity .3s,
|
||
margin-right .3s;
|
||
transform-origin: right center;
|
||
margin-right: -10px;
|
||
}
|
||
.app-body .compose-form:not(:has(.autosuggest-textarea__textarea:placeholder-shown)) .character-counter {
|
||
opacity: 1;
|
||
margin-right: 0;
|
||
}
|
||
.app-body .character-counter--over {
|
||
color: #df405a;
|
||
font-weight: 500;
|
||
animation: bounce .3s 1;
|
||
}
|
||
|
||
.compose-form__footer {
|
||
gap: 10px;
|
||
padding: 0;
|
||
}
|
||
.app-body .compose-form__dropdowns {
|
||
gap: 6px;
|
||
padding: 0 12px;
|
||
}
|
||
.app-body .compose-form__actions {
|
||
border-radius: 0 0 8px 8px;
|
||
padding: 10px 12px;
|
||
background-color: var(--color-content-secondary-bg);
|
||
}
|
||
.app-body .compose-form__buttons {
|
||
gap: 1px;
|
||
}
|
||
.app-body .compose-form__buttons .icon-button {
|
||
padding: 6px;
|
||
border-radius: 8px;
|
||
transition: all .2s;
|
||
}
|
||
.app-body .compose-form__buttons .icon {
|
||
transform: scale(1.2);
|
||
width: 20px;
|
||
}
|
||
.app-body .compose-form__buttons .icon-button:is(.active, .active:hover) {
|
||
background-color: var(--color-accent);
|
||
}
|
||
.app-body .compose-form__submit {
|
||
max-width: 40px;
|
||
}
|
||
.app-body .compose-form__submit .button {
|
||
transition: all .3s;
|
||
height: 40px;
|
||
max-width: 40px;
|
||
color: transparent;
|
||
background-size: 60%;
|
||
background-position: center;
|
||
background-repeat: no-repeat;
|
||
background-image: var(--icon-send-inv);
|
||
background-color: var(--color-accent);
|
||
transition:
|
||
transform .2s,
|
||
background-color .2s,
|
||
border-color .2s;
|
||
}
|
||
.app-body .compose-form__submit .button:active {
|
||
transform: scale(.95);
|
||
}
|
||
.app-body .compose-form:has(.autosuggest-textarea__textarea:placeholder-shown) .compose-form__submit .button {
|
||
background-image: var(--icon-send);
|
||
background-color: var(--color-accent-bg);
|
||
}
|
||
.app-body .compose-form:not(:has(.autosuggest-textarea__textarea:placeholder-shown)) .compose-form__submit {
|
||
animation: bounce-sml .2s ease-out 1;
|
||
}
|
||
|
||
.app-body .upload-progress__tracker {
|
||
background-color: var(--color-accent);
|
||
}
|
||
.app-body .upload-progress__backdrop {
|
||
background-color: var(--color-accent-bg);
|
||
}
|
||
.app-body .upload-progress .icon {
|
||
color: var(--color-accent)
|
||
}
|
||
.app-body .upload-progress__message,
|
||
.app-body .upload-progress__message span {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .compose-form__upload .icon-button {
|
||
background-color: rgba(0, 0, 0, .75);
|
||
-webkit-backdrop-filter: blur(10px);
|
||
backdrop-filter: blur(10px);
|
||
color: var(--color-accent-fg);
|
||
border-radius: 8px;
|
||
padding: 6px;
|
||
}
|
||
.app-body .compose-form__upload .icon-button:hover {
|
||
background-color: #444;
|
||
color: var(--color-accent-fg);
|
||
}
|
||
|
||
/* Poll composer */
|
||
.app-body .compose-form__poll {
|
||
gap: 3px;
|
||
}
|
||
.app-body .compose-form__poll .poll__option {
|
||
margin-bottom: 2px;
|
||
}
|
||
.app-body .poll__option input[type=text] {
|
||
border-radius: 8px;
|
||
padding: 7px 12px;
|
||
border: 1px solid var(--color-lines);
|
||
background-color: var(--color-content-bg);
|
||
color: var(--color-content-fg);
|
||
transition: all .2s;
|
||
}
|
||
.app-body .poll__option input[type=text]:focus {
|
||
border-color: var(--color-accent);
|
||
}
|
||
.app-body .compose-form__poll__footer {
|
||
margin-top: 5px;
|
||
padding-inline-start: 12px;
|
||
gap: 6px;
|
||
margin-bottom: -10px;
|
||
}
|
||
.app-body .compose-form__poll__select__label {
|
||
display: none;
|
||
}
|
||
.app-body .compose-form__poll__select__value {
|
||
background-position: 8px center;
|
||
background-size: 15px;
|
||
background-repeat: no-repeat;
|
||
color: var(--color-accent);
|
||
padding: 4px 8px 4px 27px;
|
||
border-radius: 8px;
|
||
border: 1px solid var(--color-accent-bg);
|
||
font-size: 12px;
|
||
line-height: 16px;
|
||
transition:
|
||
background-color .2s,
|
||
border-color .2s;
|
||
cursor: pointer;
|
||
}
|
||
.app-body .compose-form__poll__select__value:is(:active, :hover, :focus) {
|
||
border-color: var(--color-accent);
|
||
outline: 0;
|
||
}
|
||
.app-body .compose-form__poll__select__value:active {
|
||
background-color: var(--color-accent);
|
||
color: var(--color-accent-fg);
|
||
}
|
||
.app-body .compose-form__poll__footer .compose-form__poll__select:first-child .compose-form__poll__select__value {
|
||
background-image: var(--icon-timer);
|
||
}
|
||
.app-body .compose-form__poll__footer .compose-form__poll__select:first-child .compose-form__poll__select__value:active {
|
||
background-image: var(--icon-timer-inv);
|
||
}
|
||
.app-body .compose-form__poll__footer .compose-form__poll__select:last-child .compose-form__poll__select__value {
|
||
background-image: var(--icon-check-radio);
|
||
}
|
||
.app-body .compose-form__poll__footer .compose-form__poll__select:last-child .compose-form__poll__select__value:active,
|
||
.app-body .compose-form__poll__footer .compose-form__poll__select:last-child .compose-form__poll__select__value:has(option:first-child:checked):active {
|
||
background-image: var(--icon-check-radio-inv);
|
||
}
|
||
.app-body .compose-form__poll__footer .compose-form__poll__select:last-child .compose-form__poll__select__value:has(option:first-child:checked) {
|
||
background-image: var(--icon-check-radio);
|
||
}
|
||
.app-body .compose-form__poll__footer .compose-form__poll__select:last-child .compose-form__poll__select__value:has(option:last-child:checked) {
|
||
background-image: var(--icon-check-box);
|
||
}
|
||
.app-body .compose-form__poll__footer .compose-form__poll__select:last-child .compose-form__poll__select__value:has(option:last-child:checked):active {
|
||
background-image: var(--icon-check-box-inv);
|
||
}
|
||
|
||
.app-body .compose-form__poll__footer__sep {
|
||
display: none;
|
||
}
|
||
|
||
.app-body .compose-form__poll .poll__option.empty:not(:focus-within) {
|
||
opacity: .8;
|
||
}
|
||
|
||
.app-body .compose-form__poll-wrapper,
|
||
.app-body .compose-form__poll-wrapper .poll__footer {
|
||
border-top: 0;
|
||
}
|
||
.app-body .compose-form__poll-wrapper ul {
|
||
background-color: var(--color-accent-bg);
|
||
}
|
||
.app-body .compose-form__poll-wrapper .autosuggest-input input,
|
||
.app-body .compose-form__poll-wrapper select {
|
||
background-color: var(--color-content-bg);
|
||
border: 1px solid var(--color-lines);
|
||
border-radius: 8px;
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .compose-form__poll-wrapper .autosuggest-input input:focus,
|
||
.app-body .compose-form__poll-wrapper select:focus {
|
||
border-color: var(--color-accent);
|
||
}
|
||
.app-body .compose-form__poll-wrapper .poll__footer .button.button-secondary {
|
||
padding: 6px 16px;
|
||
}
|
||
.app-body .compose-form__poll-wrapper .icon-button.disabled {
|
||
color: transparent;
|
||
pointer-events: none;
|
||
}
|
||
.app-body .compose-form__poll-button .icon-button.active {
|
||
background-color: var(--color-accent);
|
||
}
|
||
.app-body .compose-form__poll-button .icon-button.active .icon-tasks {
|
||
background-image: var(--icon-poll-active);
|
||
}
|
||
|
||
/* Polls in posts */
|
||
.app-body .muted .poll {
|
||
color: var(--color-content-fg-muted);
|
||
}
|
||
.app-body .poll__footer {
|
||
color: var(--color-content-fg-muted);
|
||
display: flex;
|
||
flex-flow: wrap;
|
||
gap: 5px;
|
||
align-items: center;
|
||
box-sizing: border-box;
|
||
font-size: 12px;
|
||
padding: 0;
|
||
}
|
||
.app-body .poll__link {
|
||
color: var(--color-accent);
|
||
text-decoration: none;
|
||
box-sizing: border-box;
|
||
padding: 0 8px;
|
||
border: 1px solid var(--color-accent-bg);
|
||
border-radius: 8px;
|
||
font-size: 12px;
|
||
font-weight: 500;
|
||
height: 32px;
|
||
transition: all .3s;
|
||
}
|
||
.app-body .poll__link:hover {
|
||
border-color: var(--color-accent);
|
||
}
|
||
.app-body .poll__link:active {
|
||
background-color: var(--color-accent-bg);
|
||
}
|
||
.app-body .poll__option.editable .poll__input {
|
||
display: none;
|
||
}
|
||
.app-body .poll li {
|
||
margin-bottom: 4px;
|
||
position: relative;
|
||
border-radius: 8px;
|
||
overflow: hidden;
|
||
}
|
||
.app-body :is(.status, .detailed-status) .poll__option {
|
||
border: 1px solid var(--color-lines);
|
||
color: var(--color-content-fg);
|
||
font-weight: 500;
|
||
padding: 8px;
|
||
border-radius: 8px;
|
||
transition: all .2s;
|
||
position: relative;
|
||
z-index: 1;
|
||
align-items: center;
|
||
}
|
||
.app-body .poll__option.selectable {
|
||
cursor: pointer;
|
||
}
|
||
.app-body .poll__option.selectable:active {
|
||
transform: scale(.98);
|
||
}
|
||
.app-body .poll__option.selectable:hover {
|
||
border-color: var(--color-accent);
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .poll__option.selectable:has(.poll__input.active) {
|
||
border-color: var(--color-accent);
|
||
background-color: var(--color-accent-bg);
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .poll__option.selectable .poll__input:not(.active) {
|
||
border-width: 0;
|
||
outline-width: 0 !important;
|
||
background-color: var(--color-lines);
|
||
transition:
|
||
background .2s;
|
||
}
|
||
.app-body .poll__option.selectable:hover .poll__input:not(.active) {
|
||
background-color: var(--color-accent-bg);
|
||
}
|
||
.app-body .poll__option.selectable .poll__input.active {
|
||
border-width: 3px;
|
||
border-color: var(--color-accent-bg);
|
||
outline-width: 1px !important;
|
||
}
|
||
.app-body .poll__footer .button.button-secondary {
|
||
box-sizing: border-box;
|
||
padding: 0 16px;
|
||
margin: 0;
|
||
height: 32px;
|
||
background-color: var(--color-accent);
|
||
color: var(--color-accent-fg);
|
||
float: inline-end;
|
||
}
|
||
.app-body .poll__footer .button.button-secondary:hover {
|
||
background-color: var(--color-accent-focus);
|
||
color: var(--color-accent-fg);
|
||
}
|
||
.app-body .poll__footer .button.button-secondary:disabled {
|
||
opacity: 1;
|
||
background-color: var(--color-content-secondary-bg);
|
||
color: var(--color-accent);
|
||
display: none;
|
||
}
|
||
.app-body .poll__footer .button.button-secondary:not(:disabled) {
|
||
animation: bounce-sml .3s ease-out 1;
|
||
}
|
||
.app-body .poll__footer .button.button-secondary:active {
|
||
transform: scale(.95);
|
||
}
|
||
.app-body .poll__voted {
|
||
position: absolute;
|
||
right: 3px;
|
||
height: 20px;
|
||
}
|
||
.app-body .poll__option:has(+ .poll__chart.leading) .poll__voted {
|
||
right: 28px;
|
||
color: var(--color-confirm-fg);
|
||
}
|
||
.app-body .poll__chart {
|
||
background: var(--color-lines);
|
||
opacity: .5;
|
||
height: auto;
|
||
border-radius: 8px 0 0 8px;
|
||
position: absolute;
|
||
top: 0;
|
||
bottom: 0;
|
||
z-index: 0;
|
||
}
|
||
@media (prefers-color-scheme: dark) {
|
||
.app-body .poll__chart {
|
||
opacity: .65;
|
||
}
|
||
}
|
||
.app-body .poll__chart.leading,
|
||
.app-body .muted .poll__chart.leading,
|
||
.app-body .poll__option:has(.poll__voted) + .poll__chart.leading {
|
||
background: var(--color-confirm-bg);
|
||
opacity: 1;
|
||
}
|
||
.app-body .poll__option:has(.poll__voted) {
|
||
border-color: var(--color-accent);
|
||
background-color: transparent;
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .poll__option:has(.poll__voted) + .poll__chart {
|
||
background-color: var(--color-accent-bg);
|
||
opacity: 1;
|
||
}
|
||
.app-body .poll__option:has(+ .poll__chart.leading),
|
||
.app-body .poll__option:has(.poll__voted):has(+ .poll__chart.leading) {
|
||
border-color: var(--color-confirm-bg);
|
||
color: var(--color-content-fg);
|
||
background-color: transparent;
|
||
background-size: 20px;
|
||
background-position: right 8px center;
|
||
background-repeat: no-repeat;
|
||
background-image: var(--icon-trophy);
|
||
}
|
||
.app-body .poll__option:has(.poll__voted):has(+ .poll__chart.leading) {
|
||
border-color: var(--color-confirm);
|
||
}
|
||
|
||
/* Emoji picker */
|
||
.app-body .emoji-picker-dropdown > .icon-button .icon {
|
||
background-image: var(--icon-emoji-accent);
|
||
}
|
||
.app-body .emoji-picker-dropdown > .icon-button.active .icon {
|
||
background-image: var(--icon-emoji-accent-inv);
|
||
}
|
||
.app-body .emoji-picker-dropdown__menu {
|
||
overflow: hidden;
|
||
border-radius: 8px;
|
||
background-color: var(--color-content-bg);
|
||
border: 1px solid var(--color-lines);
|
||
box-shadow: var(--dropdown-shadow);
|
||
}
|
||
.app-body .emoji-mart {
|
||
display: block;
|
||
}
|
||
.app-body .emoji-mart-bar:first-child {
|
||
background-color: var(--color-content-secondary-bg);
|
||
border-color: var(--color-lines);
|
||
padding-top: 2px;
|
||
}
|
||
.app-body .emoji-mart-anchor-bar {
|
||
background-color: var(--color-accent);
|
||
}
|
||
.app-body .emoji-mart-anchor-selected {
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .emoji-mart-anchor-icon svg path,
|
||
.app-body .emoji-mart-anchor-icon svg rect {
|
||
fill: var(--color-content-fg);
|
||
}
|
||
.app-body .emoji-mart-anchor-selected .emoji-mart-anchor-icon svg path,
|
||
.app-body .emoji-mart-anchor-selected .emoji-mart-anchor-icon svg rect,
|
||
.app-body .emoji-mart-search-icon svg path {
|
||
fill: var(--color-accent);
|
||
}
|
||
.app-body .emoji-mart-search-icon,
|
||
.app-body .emoji-mart-search-icon:disabled,
|
||
.app-body .emoji-mart-search-icon svg {
|
||
opacity: 1;
|
||
}
|
||
.app-body .emoji-mart-scroll::-webkit-scrollbar-track {
|
||
background-color: var(--color-content-bg);
|
||
}
|
||
.app-body .emoji-mart-search,
|
||
.app-body .emoji-mart-scroll,
|
||
.app-body .emoji-mart-category-label span {
|
||
background-color: var(--color-content-bg);
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .emoji-mart-search input {
|
||
background-color: var(--color-accent-bg);
|
||
border-color: var(--color-accent-lines);
|
||
color: var(--color-content-fg);
|
||
border-radius: 8px;
|
||
}
|
||
.app-body .emoji-mart-search input:focus {
|
||
border-color: var(--color-accent);
|
||
outline: 0;
|
||
}
|
||
.app-body .emoji-mart-search input::placeholder {
|
||
color: var(--color-accent);
|
||
}
|
||
|
||
|
||
|
||
/* Zoom on emojis on hover (in post content only */
|
||
.app-body .status__content:not(.status__content--collapsed) { /* So the emoji doesn't clip out when zoomed on. */
|
||
overflow: visible;
|
||
}
|
||
.app-body .status__content .emojione {
|
||
transition: transform .8s .8s;
|
||
}
|
||
.app-body .status__content .emojione:hover {
|
||
transform: scale(2.5);
|
||
}
|
||
|
||
|
||
|
||
|
||
/* 💬 Posts
|
||
-------- */
|
||
.app-body .reply-indicator__content,
|
||
.app-body .status__content {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .account__display-name strong,
|
||
.app-body .status__display-name strong,
|
||
.app-body .status__info .status__display-name .display-name__account {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .translate-button {
|
||
color: var(--color-content-fg-muted);
|
||
}
|
||
.app-body .translate-button__meta,
|
||
.app-body .translate-button button,
|
||
.app-body .status__content__translate-button {
|
||
font-size: 85%;
|
||
}
|
||
.app-body .status__content__translate-button,
|
||
.app-body .translate-button .link-button {
|
||
width: 32px;
|
||
height: 32px;
|
||
bottom: 13px;
|
||
right: 52px;
|
||
padding: 0px;
|
||
position: absolute;
|
||
background-size: 20px;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
background-image: var(--icon-translate-accent);
|
||
border-radius: 8px;
|
||
transition: all .3s;
|
||
background-color: transparent;
|
||
}
|
||
.app-body .detailed-status .status__content__translate-button,
|
||
.app-body .detailed-status .translate-button .link-button {
|
||
background-image: var(--icon-translate-accent);
|
||
background-size: 25px;
|
||
width: 40px;
|
||
height: 40px;
|
||
right: 60px;
|
||
bottom: 20px;
|
||
}
|
||
@media screen and (max-width:889px) {
|
||
.app-body .status__content__translate-button,
|
||
.app-body .translate-button .link-button {
|
||
bottom: 10px;
|
||
}
|
||
}
|
||
.app-body .scrollable > div:is(:last-child, :only-child) .detailed-status__wrapper:last-child
|
||
:is(
|
||
.translate-button .link-button,
|
||
.status__content__translate-button
|
||
) {
|
||
bottom: 12px;
|
||
}
|
||
.app-body .status__content__translate-button:hover,
|
||
.app-body .translate-button .link-button:hover {
|
||
background-color: var(--color-accent-bg);
|
||
}
|
||
.app-body .translate-button .link-button,
|
||
.app-body .detailed-status .translate-button .link-button,
|
||
.app-body .translate-button .link-button:hover,
|
||
.app-body .detailed-status .translate-button .link-button:hover {
|
||
background-image: var(--icon-translate-active);
|
||
background-color: var(--color-accent);
|
||
transform: scale(.8);
|
||
}
|
||
.app-body .status__content__translate-button > span,
|
||
.app-body .translate-button .link-button > span,
|
||
.app-body .notification .status__content__translate-button {
|
||
display: none;
|
||
}
|
||
.app-body .account__display-name strong,
|
||
.app-body .status__display-name strong,
|
||
.app-body .notification-request__name__display-name strong {
|
||
font-weight: bold;
|
||
}
|
||
.app-body .status {
|
||
margin-left: 56px;
|
||
padding: 0 10px;
|
||
border-bottom: 0;
|
||
}
|
||
.app-body .status__wrapper {
|
||
transition: background .3s;
|
||
}
|
||
.app-body .status__wrapper,
|
||
.app-body .detailed-status__wrapper {
|
||
--color-post-bg: var(--color-content-bg);
|
||
background-color: var(--color-post-bg);
|
||
padding: 13px 12px;
|
||
position: relative;
|
||
}
|
||
@media screen and (max-width:889px) {
|
||
.app-body .status__wrapper {
|
||
padding: 10px 8px;
|
||
}
|
||
}
|
||
.app-body .scrollable > div:first-child > div:first-child > .status__wrapper,
|
||
.app-body .scrollable > div:first-child > .status__wrapper,
|
||
.app-body .explore__search-results > div:first-child > .status__wrapper {
|
||
border-top: 1px solid var(--color-lines);
|
||
}
|
||
.app-body .scrollable > div:last-child > div:last-child > .status__wrapper,
|
||
.app-body .scrollable > div > article:last-child > div > .status__wrapper,
|
||
.app-body .search-results__section > div:last-child >.status__wrapper {
|
||
border-bottom: 1px solid var(--color-lines);
|
||
}
|
||
.app-body .dismissable-banner + .scrollable > div > article:first-child > div > .status__wrapper {
|
||
border-top: 0;
|
||
}
|
||
.app-body .status__info {
|
||
height: 22px;
|
||
width: calc(100% + 56px);
|
||
gap: 2px;
|
||
margin-inline-start: -56px;
|
||
padding: 0;
|
||
margin-bottom: 0;
|
||
line-height: 10px;
|
||
align-items: start;
|
||
}
|
||
.app-body .status__info .status__display-name {
|
||
overflow: visible;
|
||
align-items: start;
|
||
}
|
||
.app-body .status__info .status__display-name .display-name bdi,
|
||
.app-body .status__info .status__display-name .display-name__account {
|
||
vertical-align: top;
|
||
}
|
||
.app-body .status__info .status__display-name .display-name__account {
|
||
display: inline;
|
||
opacity: .6;
|
||
}
|
||
.app-body .status__relative-time {
|
||
height: 22px;
|
||
color: var(--color-content-fg);
|
||
display: flex;
|
||
position: absolute;
|
||
inset-inline-end: 20px;
|
||
z-index: 1;
|
||
}
|
||
.app-body .status__relative-time > * {
|
||
opacity: .6;
|
||
}
|
||
.app-body .status__relative-time::before,
|
||
.app-body .status__relative-time::after {
|
||
position: absolute;
|
||
content: " ";
|
||
display: block;
|
||
height: 100%;
|
||
z-index: -1;
|
||
transition: all .3s;
|
||
}
|
||
.app-body .status__relative-time::before {
|
||
width: 20px;
|
||
inset-inline-start: -20px;
|
||
background: linear-gradient(90deg, transparent, var(--color-post-bg));
|
||
transition: all .2s;
|
||
}
|
||
.app-body .status__relative-time::after {
|
||
inset-inline-start: 0;
|
||
inset-inline-end: 0;
|
||
background-color: var(--color-post-bg);
|
||
}
|
||
.app-body .status__relative-time time + abbr {
|
||
display: inline-block;
|
||
width: 18px;
|
||
height: 22px;
|
||
order: 2;
|
||
margin: 0 4px 0 0;
|
||
background-size: 16px;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
background-image: var(--icon-edited);
|
||
color: transparent;
|
||
}
|
||
.app-body .status__relative-time .status__visibility-icon {
|
||
order: 1;
|
||
}
|
||
.app-body .status__relative-time time {
|
||
order: 3;
|
||
}
|
||
.app-body .status__relative-time time + abbr {
|
||
order: 2;
|
||
}
|
||
.app-body .status__avatar {
|
||
margin-bottom: -10px;
|
||
z-index: 2;
|
||
border-radius: 50%;
|
||
outline: 6px solid var(--color-post-bg);
|
||
background-color: var(--color-post-bg);
|
||
transition: outline .3s;
|
||
}
|
||
.app-body .status__prepend + .status .status__avatar .account__avatar-overlay-base .account__avatar {
|
||
width: 46px !important;
|
||
height: 46px !important;
|
||
}
|
||
.app-body .status__prepend + .status .status__avatar .account__avatar-overlay-overlay {
|
||
position: absolute;
|
||
top: -34px;
|
||
right: -38px;
|
||
pointer-events: none;
|
||
}
|
||
.app-body .status__prepend + .status .status__avatar .account__avatar-overlay-overlay .account__avatar {
|
||
width: 29px !important;
|
||
height: 29px !important;
|
||
}
|
||
.app-body .reply-indicator__content,
|
||
.app-body .status__content {
|
||
line-height: 19px;
|
||
position: static;
|
||
}
|
||
|
||
.app-body .e-content blockquote,
|
||
.app-body .reply-indicator__content blockquote,
|
||
.app-body .status__content__text blockquote {
|
||
color: var(--color-content-fg);
|
||
border-color: var(--color-lines);
|
||
font-style: italic;
|
||
}
|
||
|
||
|
||
/* 📏 Post dividers */
|
||
/* Use ::before to set a non-full-width divider between posts and notifications. The divider sits above the post. */
|
||
.app-body .status::before,
|
||
.app-body .notification__message::before {
|
||
position: absolute;
|
||
background-color: var(--color-lines);
|
||
height: 1px;
|
||
width: calc(100% - 78px);
|
||
right: 0;
|
||
top: -1px;
|
||
content: "";
|
||
opacity: .7;
|
||
}
|
||
@media screen and (max-width:889px) {
|
||
.app-body .status::before,
|
||
.app-body .notification__message::before {
|
||
width: calc(100% - 73px);
|
||
}
|
||
}
|
||
@media (prefers-color-scheme: dark) {
|
||
.app-body .status::before,
|
||
.app-body .notification__message::before {
|
||
opacity: 1;
|
||
}
|
||
}
|
||
|
||
/* Remove border between posts when applicable */
|
||
.app-body .notification .status::before, /* no dividers on posts _inside_ notifications */
|
||
.app-body .account-timeline__header + article .status::before, /* no divider above first post on profile pages */
|
||
.app-body .scrollable > div:first-child > .status::before, /* no divider above first post in a column thread */
|
||
.app-body .scrollable > div:first-child > div:first-child .status::before, /* no divider above first post in a column thread (backwards compatibility with 4.1.*) */
|
||
.app-body .hashtag-header + article .status::before,
|
||
.app-body .search-results__section .search-results__section__header + div .status::before,
|
||
.app-body .dismissable-banner + article .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 */
|
||
.app-body .scrollable > div:first-child > div:first-child > .status__wrapper .status::before,
|
||
.app-body .scrollable > div > article:first-child > div > .status__wrapper .status::before{
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
/* 👥 Threaded replies */
|
||
.app-body .status--first-in-thread {
|
||
border-top: 0;
|
||
}
|
||
.app-body .status--first-in-thread::before {
|
||
width: 100%;
|
||
right: 0;
|
||
}
|
||
.app-body .status--in-thread
|
||
:is(
|
||
.attachment-list,
|
||
.audio-player,
|
||
.hashtag-bar,
|
||
.media-gallery,
|
||
.picture-in-picture-placeholder,
|
||
.status-card,
|
||
.status__action-bar,
|
||
.status__content,
|
||
.video-player
|
||
) {
|
||
margin-left: 0;
|
||
width: auto;
|
||
}
|
||
.app-body .status__line--first {
|
||
height: 100%;
|
||
}
|
||
.app-body .status__line--full {
|
||
height: calc(100% + 32px);
|
||
}
|
||
/* Default lines when replying in real time */
|
||
.app-body 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 */
|
||
.app-body div[tabindex="-1"]:has(.status--in-thread) + div[tabindex="-1"] > .status--in-thread.status--first-in-thread > .status__line:not(.status__line--full),
|
||
.app-body div[tabindex="-1"]:has(.detailed-status__wrapper) + div[tabindex="-1"] > .status__wrapper .status__line:not(.status__line--full) {
|
||
height: 0;
|
||
}
|
||
.app-body div[tabindex="-1"]:has(+ div[tabindex="-1"] > .detailed-status__wrapper) .status--in-thread .status__line {
|
||
height: calc(100% - 32px) !important;
|
||
}
|
||
|
||
.app-body div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.status--in-thread > .status__line.status__line--full,
|
||
.app-body .status__line--full.status__line--first {
|
||
top: 32px;
|
||
height: 100%;
|
||
z-index: 1;
|
||
}
|
||
.app-body .detailed-status {
|
||
background-color: transparent;
|
||
border-top: 0;
|
||
}
|
||
/* Threaded line, actually */
|
||
.app-body .status__line {
|
||
margin-inline-start: 6px;
|
||
border-inline-start: 2px solid var(--color-accent);
|
||
-webkit-border-start: 2px solid var(--color-accent);
|
||
opacity: .6;
|
||
}
|
||
.app-body .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,
|
||
.app-body .status-reply.status--in-thread.status--first-in-thread > .status__line,
|
||
.app-body .status-reply.status--in-thread.status--first-in-thread > .status__line--full::before {
|
||
top: 32px;
|
||
}
|
||
@media screen and (max-width:889px) {
|
||
.app-body .status__line {
|
||
inset-inline-start: 35px;
|
||
}
|
||
}
|
||
|
||
|
||
/* ⏺️ Posts when in focus */
|
||
.app-body
|
||
:is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus,
|
||
.app-body
|
||
:is(.focusable, .status__wrapper.focusable):focus
|
||
:is(.detailed-status, .detailed-status__action-bar) {
|
||
outline: 0;
|
||
--color-post-bg: var(--color-content-bg-focus);
|
||
background-color: var(--color-post-bg);
|
||
}
|
||
@media screen and (min-width:1175px) { /* Subtle hover effect when you hover over a post content in the timeline. Only on bigger screens. */
|
||
.app-body .status__wrapper:has(.status__content:hover),
|
||
.app-body .notification__message:has(+ div > .status__wrapper .status__content:hover),
|
||
.app-body .status__wrapper:has(.status__content:hover) .status__avatar {
|
||
--color-post-bg: var(--color-content-bg-focus);
|
||
}
|
||
}
|
||
.app-body :is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus .status__avatar {
|
||
outline: 6px solid var(--color-post-bg);
|
||
}
|
||
|
||
/* 👁️ Post detailed view */
|
||
.app-body .detailed-status__wrapper { /* Set full-width divider above and below a detailed post */
|
||
background-color: var(--color-post-bg);
|
||
border-top: 1px solid var(--color-lines);
|
||
border-bottom: 1px solid var(--color-lines);
|
||
padding-bottom: 20px;
|
||
box-shadow:
|
||
inset 0 -5px var(--color-content-secondary-bg),
|
||
inset 0 -6px var(--color-lines);
|
||
}
|
||
.app-body .scrollable > div:first-child > .detailed-status__wrapper { /* Detailed post is first in column */
|
||
border-top: 0;
|
||
}
|
||
.app-body .scrollable > div:last-child .detailed-status__wrapper:last-child { /* Detailed post is last in column */
|
||
border-bottom: 1px solid var(--color-lines);
|
||
padding-bottom: 12px;
|
||
box-shadow: none;
|
||
}
|
||
.app-body .scrollable > div:only-child .detailed-status__wrapper:last-child { /* Detailed post is the only post in column */
|
||
padding-bottom: 12px;
|
||
box-shadow: none;
|
||
}
|
||
@media screen and (max-width:889px) {
|
||
.app-body .detailed-status {
|
||
padding: 8px 8px 14px;
|
||
}
|
||
}
|
||
.app-body .detailed-status .detailed-status__display-avatar .account__avatar {
|
||
width: 60px !important;
|
||
height: 60px !important;
|
||
}
|
||
.app-body .detailed-status .status__content {
|
||
line-height: 24px;
|
||
}
|
||
.app-body .detailed-status {
|
||
padding-bottom: 8px;
|
||
}
|
||
.app-body .detailed-status,
|
||
.app-body .detailed-status__action-bar {
|
||
background-color: var(--color-content-bg);
|
||
border: 0;
|
||
}
|
||
.app-body .detailed-status__display-name strong,
|
||
.app-body .detailed-status__display-name .display-name__account {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .detailed-status__display-name strong {
|
||
font-size: 18px;
|
||
font-weight: bold;
|
||
}
|
||
.app-body :is(.compose-panel, .compose-form) .detailed-status__display-name strong {
|
||
font-size: 14px;
|
||
}
|
||
.app-body .detailed-status__display-name .display-name__account {
|
||
opacity: .7;
|
||
}
|
||
.app-body .detailed-status__meta {
|
||
color: var(--color-content-fg);
|
||
display: flex;
|
||
align-items: start;
|
||
flex-flow: row wrap;
|
||
font-size: 13px;
|
||
gap: 5px;
|
||
border-top: 1px solid color-mix(in srgb, var(--color-lines), transparent 40%);
|
||
margin-top: 25px;
|
||
padding-top: 12px;
|
||
overflow: hidden;
|
||
position: relative;
|
||
}
|
||
.app-body .detailed-status__meta::before {
|
||
position: absolute;
|
||
content: " ";
|
||
display: block;
|
||
height: 100%;
|
||
z-index: 1;
|
||
width: 30px;
|
||
inset-inline-end: 0;
|
||
background: linear-gradient(90deg, transparent, var(--color-post-bg));
|
||
}
|
||
.app-body .detailed-status__meta__line {
|
||
border-top: 0;
|
||
border-bottom: 0;
|
||
padding-top: 0;
|
||
padding-bottom: 0;
|
||
gap: 6px;
|
||
position: relative;
|
||
opacity: .6;
|
||
}
|
||
.app-body .detailed-status__meta__line:first-child {
|
||
color: transparent;
|
||
padding-left: 20px;
|
||
padding-right: 5px;
|
||
gap: 0;
|
||
}
|
||
.app-body .detailed-status__meta__line:first-child svg {
|
||
position: absolute;
|
||
left: 0;
|
||
}
|
||
.app-body .detailed-status__meta__line:first-child > * {
|
||
color: var(--color-content-fg);
|
||
white-space: nowrap;
|
||
}
|
||
.app-body .detailed-status__meta__line:last-child {
|
||
flex: 100%;
|
||
opacity: .9;
|
||
}
|
||
.app-body .detailed-status__application::before {
|
||
content: "\00B7\00A0";
|
||
margin-left: -3px;
|
||
}
|
||
.app-body .detailed-status__link:is([href$="/reblogs"], [href$="/favourites"]) {
|
||
padding-left: 20px;
|
||
border-radius: 8px;
|
||
background-position: left center;
|
||
background-repeat: no-repeat;
|
||
background-size: 15px;
|
||
transition: all .2s;
|
||
}
|
||
.app-body .detailed-status__link[href$="/reblogs"] {
|
||
background-image: var(--icon-boost);
|
||
}
|
||
.app-body .detailed-status__link[href$="/favourites"] {
|
||
background-image: var(--icon-star);
|
||
}
|
||
.app-body .detailed-status__meta__line .dropdown-menu__text-button {
|
||
overflow: hidden;
|
||
padding-left: 20px;
|
||
background-image: var(--icon-edited);
|
||
background-position: left center;
|
||
background-repeat: no-repeat;
|
||
background-size: 15px;
|
||
text-align: start;
|
||
}
|
||
.app-body .detailed-status__meta__line .dropdown-menu__text-button:is(:hover) {
|
||
text-decoration: none;
|
||
}
|
||
.app-body .detailed-status__action-bar {
|
||
padding: 0 12px;
|
||
justify-content: left;
|
||
gap: 8px;
|
||
width: auto;
|
||
}
|
||
@media screen and (max-width:889px) {
|
||
.app-body .detailed-status__action-bar {
|
||
padding-left: 0;
|
||
padding-right: 0;
|
||
}
|
||
}
|
||
.app-body .detailed-status__button {
|
||
width: 40px;
|
||
height: 40px;
|
||
flex: unset;
|
||
}
|
||
.app-body .detailed-status__action-bar-dropdown {
|
||
position: absolute;
|
||
right: 18px;
|
||
}
|
||
.app-body .detailed-status__meta .animated-number {
|
||
color: var(--color-content-fg);
|
||
font-weight: 700;
|
||
}
|
||
.app-body .detailed-status__meta .dropdown-menu__text-button .animated-number {
|
||
font-weight: 500;
|
||
}
|
||
.app-body .status__action-bar .animated-number {
|
||
color: var(--color-accent);
|
||
font-weight: 600;
|
||
}
|
||
.app-body .status__action-bar__button:has(.icon-button__counter > .animated-number) {
|
||
padding-left: 4px;
|
||
padding-right: 4px;
|
||
margin-right: 2px;
|
||
}
|
||
.app-body
|
||
:is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
|
||
.active
|
||
.icon-retweet + .icon-button__counter > .animated-number {
|
||
color: #2594FF;
|
||
}
|
||
.app-body
|
||
:is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
|
||
.active
|
||
.icon-star + .icon-button__counter
|
||
> .animated-number {
|
||
color: #FFBF00;
|
||
}
|
||
|
||
.app-body article > .account {
|
||
padding: 16px;
|
||
}
|
||
.app-body .account-timeline__header + article > .account {
|
||
border-top: 1px solid var(--color-lines);
|
||
}
|
||
.app-body .detailed-status__link {
|
||
display: inline-flex;
|
||
position: static;
|
||
gap: 4px;
|
||
}
|
||
|
||
/* Hashtag bar */
|
||
.app-body .hashtag-bar a,
|
||
.app-body .hashtag-bar .link-button {
|
||
color: var(--color-accent);
|
||
transition: all .1s;
|
||
}
|
||
.app-body .hashtag-bar a {
|
||
font-weight: 500;
|
||
}
|
||
.app-body .hashtag-bar .link-button {
|
||
margin-left: 3px;
|
||
}
|
||
.app-body .hashtag-bar a {
|
||
background-color:
|
||
color-mix(
|
||
in srgb,
|
||
var(--color-accent),
|
||
transparent 92%
|
||
);
|
||
transition: all .3s;
|
||
padding: 3px 8px;
|
||
border-radius: 8px;
|
||
}
|
||
.app-body .hashtag-bar a:hover,
|
||
.app-body .hashtag-bar .link-button:hover {
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .hashtag-bar a:hover {
|
||
background-color: var(--color-accent-bg);
|
||
}
|
||
.app-body .hashtag-bar a:active,
|
||
.app-body .hashtag-bar a:focus {
|
||
color: var(--color-accent-fg);
|
||
background-color: var(--color-accent);
|
||
}
|
||
.app-body .hashtag-bar a:hover span {
|
||
text-decoration: none;
|
||
}
|
||
@media (prefers-color-scheme: dark) {
|
||
.app-body .hashtag-bar a,
|
||
.app-body .hashtag-bar .link-button {
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .hashtag-bar a:hover,
|
||
.app-body .hashtag-bar .link-button:hover {
|
||
color: var(--color-content-fg);
|
||
}
|
||
}
|
||
|
||
/* ⭐ Action bar */
|
||
.app-body .status__action-bar {
|
||
justify-content: left;
|
||
margin-top: 8px;
|
||
gap: 8px;
|
||
}
|
||
.app-body
|
||
:is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
|
||
:is(button, .status__action-bar__dropdown) {
|
||
transition: all .3s;
|
||
}
|
||
.app-body .status__action-bar .icon-button:last-child {
|
||
position: absolute;
|
||
right: 18px;
|
||
}
|
||
|
||
.app-body .status__action-bar .icon-button.disabled {
|
||
pointer-events: none;
|
||
}
|
||
.app-body
|
||
:is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
|
||
.icon-button:is(
|
||
:active,
|
||
.active:active,
|
||
:focus,
|
||
.active:focus
|
||
) {
|
||
background-color: transparent;
|
||
}
|
||
|
||
.app-body .status__action-bar .icon-button:last-child:is(.active, .active:active, .active:focus),
|
||
.app-body .detailed-status__action-bar-dropdown .icon-button:is(.active, .active:active, .active:focus) {
|
||
background-color: var(--color-accent);
|
||
transform: scale(.9);
|
||
}
|
||
|
||
.app-body .icon-button.star-icon.deactivate > .icon-star,
|
||
.app-body .icon-button.star-icon.activate > .icon-star { /* Disable default star spinning animation */
|
||
animation: none;
|
||
}
|
||
.app-body
|
||
:is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
|
||
.icon-button.star-icon.active
|
||
> .icon-star {
|
||
animation: bounce .4s ease-out !important;
|
||
}
|
||
.app-body .status__action-bar .icon-button.reblogPrivate>.icon-retweet {
|
||
opacity: 1;
|
||
}
|
||
.app-body
|
||
:is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer)
|
||
.icon-button.active>.icon-retweet {
|
||
animation: launch 1.2s ease-in 1 !important;
|
||
}
|
||
.app-body .status__action-bar .icon-button.bookmark-icon.active>.icon-bookmark,
|
||
.app-body .detailed-status__action-bar .icon-button.bookmark-icon.active>.icon-bookmark {
|
||
animation: bounce-vertical .4s ease-out !important;
|
||
}
|
||
.app-body .status__action-bar .icon-button,
|
||
.app-body .detailed-status__action-bar .icon-button {
|
||
min-width: 32px;
|
||
height: 32px;
|
||
border-radius: 8px;
|
||
position: relative;
|
||
}
|
||
.app-body .detailed-status__action-bar .icon-button {
|
||
min-width: 40px;
|
||
height: 40px;
|
||
}
|
||
.app-body .detailed-status__action-bar .icon-button > .icon {
|
||
width: 25px;
|
||
height: 25px;
|
||
}
|
||
.app-body .detailed-status__action-bar .icon-button
|
||
.app-body .icon-button.star-icon.active,
|
||
.app-body .notification__favourite-icon-wrapper .star-icon {
|
||
color: #ffb609;
|
||
}
|
||
.app-body .status__prepend {
|
||
padding: 0 10px;
|
||
margin-top: 3px;
|
||
margin-bottom: 5px;
|
||
margin-left: 66px;
|
||
height: 29px;
|
||
gap: 5px;
|
||
border-radius: 50px;
|
||
align-items: center;
|
||
background-color: var(--color-content-secondary-bg);
|
||
color: var(--color-content-fg);
|
||
font-size: 13px;
|
||
}
|
||
.app-body .status__prepend:has(.status__prepend-icon-wrapper .icon-retweet) {
|
||
padding-left: 35px;
|
||
}
|
||
.app-body .status__prepend-icon-wrapper {
|
||
height: 20px;
|
||
text-align: right;
|
||
}
|
||
.app-body .status__prepend .status__prepend-icon-wrapper:has(.icon-retweet) {
|
||
order: 2;
|
||
}
|
||
.app-body .status__prepend-icon-wrapper .icon {
|
||
transform: scale(.9);
|
||
}
|
||
.app-body .detailed-status__wrapper .status__prepend-icon-wrapper {
|
||
width: 46px;
|
||
}
|
||
.app-body .status__prepend > span {
|
||
color: var(--color-fg-muted);
|
||
}
|
||
.app-body .status__prepend:has(.status__prepend-icon-wrapper > .icon-thumb-tack) > span {
|
||
color: var(--color-content-fg);
|
||
font-weight: 600;
|
||
}
|
||
.app-body .status__prepend .muted .emojione {
|
||
opacity: 1;
|
||
}
|
||
.app-body .status-card,
|
||
.app-body .status-card.compact {
|
||
background-color: var(--color-content-bg);
|
||
border: 1px solid var(--color-lines);
|
||
box-shadow: none;
|
||
transition: all .3s;
|
||
border-radius: 8px;
|
||
}
|
||
.app-body .status-card:hover,
|
||
.app-body .status-card.compact:hover {
|
||
background-color: var(--color-content-bg-focus);
|
||
border-color: var(--color-lines);
|
||
}
|
||
.app-body .status-card:active,
|
||
.app-body .status-card.compact:active {
|
||
transform: scale(.98);
|
||
}
|
||
.app-body .status-card__image {
|
||
background: var(--color-content-secondary-bg);
|
||
}
|
||
.app-body .status-card__image .icon {
|
||
width: 32px;
|
||
height: 32px;
|
||
}
|
||
.app-body .status-card__image:has(.icon-file-text:only-child),
|
||
.app-body .status-card__description:empty {
|
||
display: none;
|
||
}
|
||
.app-body .status-card__title,
|
||
.app-body .status-card__description,
|
||
.app-body .status-card__author,
|
||
.app-body .status-card__host {
|
||
color: var(--color-content-fg);
|
||
transition: all .2s;
|
||
}
|
||
.app-body .status-card__host {
|
||
color: var(--color-content-fg-muted);
|
||
}
|
||
.app-body .status-card:active .status-card__host,
|
||
.app-body .status-card:focus .status-card__host,
|
||
.app-body .status-card:hover .status-card__host {
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .status-card:active .status-card__author,
|
||
.app-body .status-card:active .status-card__description,
|
||
.app-body .status-card:active .status-card__title,
|
||
.app-body .status-card:focus .status-card__author,
|
||
.app-body .status-card:focus .status-card__description,
|
||
.app-body .status-card:focus .status-card__title,
|
||
.app-body .status-card:hover .status-card__author,
|
||
.app-body .status-card:hover .status-card__description,
|
||
.app-body .status-card:hover .status-card__title {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .status-card__author strong {
|
||
font-weight: 500;
|
||
}
|
||
@media screen and (max-width:889px) {
|
||
.app-body .status-card:not(.expanded) .status-card__image {
|
||
width: 80px;
|
||
}
|
||
.app-body .status-card:not(.expanded,:has(.icon-file-text)) .status-card__content {
|
||
padding-top: 0;
|
||
padding-bottom: 0;
|
||
}
|
||
.app-body .status-card:not(.expanded) .status-card__host {
|
||
margin-bottom: 2px;
|
||
font-size: 12px;
|
||
}
|
||
.app-body .status-card:not(.expanded) .status-card__title {
|
||
font-size: 16px;
|
||
}
|
||
.app-body .status-card:not(.expanded) .status-card__description {
|
||
margin-top: 2px;
|
||
font-size: 12px;
|
||
}
|
||
}
|
||
.layout-multiple-columns .status-card:not(.expanded) .status-card__image {
|
||
width: 80px;
|
||
}
|
||
.layout-multiple-columns .status-card:not(.expanded,:has(.icon-file-text)) .status-card__content {
|
||
padding-top: 0;
|
||
padding-bottom: 0;
|
||
}
|
||
.layout-multiple-columns .status-card:not(.expanded) .status-card__host {
|
||
margin-bottom: 2px;
|
||
font-size: 12px;
|
||
}
|
||
.layout-multiple-columns .status-card:not(.expanded) .status-card__title {
|
||
font-size: 16px;
|
||
}
|
||
.layout-multiple-columns .status-card:not(.expanded) .status-card__description {
|
||
margin-top: 2px;
|
||
font-size: 12px;
|
||
}
|
||
.app-body .status__content p {
|
||
margin-bottom: 12px;
|
||
}
|
||
.app-body .status__content p:last-child {
|
||
margin-bottom: 0;
|
||
}
|
||
.app-body .status__content > p:first-child:has(.status__content__spoiler-link) {
|
||
margin-bottom: 1px;
|
||
}
|
||
.app-body .status__content > p:first-child:has(.status__content__spoiler-link) > span {
|
||
font-weight: bold;
|
||
}
|
||
.app-body :is(.reply-indicator__content, .status__content):not(:has(> .status__content__text--visible)) > p:first-child:has(.status__content__spoiler-link) + div {
|
||
display: none;
|
||
}
|
||
.app-body :is(.reply-indicator__content, .status__content):not(:has(> .status__content__text--visible)):has(> p:first-child .status__content__spoiler-link) + .media-gallery {
|
||
margin-top: 5px;
|
||
}
|
||
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link {
|
||
background-color: transparent;
|
||
width: 100%;
|
||
margin: -22px 0 0;
|
||
padding: 27px 0 5px;
|
||
text-align: start;
|
||
position: relative;
|
||
}
|
||
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link span {
|
||
background-color: transparent;
|
||
background-image: var(--icon-eye-shut);
|
||
background-repeat: no-repeat;
|
||
background-position: left 7px center;
|
||
background-size: auto 18px;
|
||
border: 1px solid var(--color-lines);
|
||
border-radius: 8px;
|
||
text-transform: initial;
|
||
font-size: 12px;
|
||
line-height: 16px;
|
||
font-weight: 500;
|
||
color: var(--color-content-fg);
|
||
padding: 5px 8px 5px 30px;
|
||
margin: 0;
|
||
vertical-align: middle;
|
||
display: inline-block;
|
||
transform-origin: center left;
|
||
transition:
|
||
border-color .3s,
|
||
outline-color .3s,
|
||
transform .3s,
|
||
background-color .3s;
|
||
position: relative;
|
||
z-index: 1;
|
||
}
|
||
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:hover span {
|
||
border-color: rgba(68, 74, 90, .6);
|
||
}
|
||
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:active span {
|
||
transform: scale(.95);
|
||
}
|
||
.app-body :is(.reply-indicator__content, .status__content):has(> .status__content__text--visible) .status__content__spoiler-link span {
|
||
background-image: var(--icon-eye-open);
|
||
}
|
||
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link span {
|
||
color: var(--color-content-fg);
|
||
}
|
||
@media (prefers-color-scheme: dark) {
|
||
.app-body :is(.reply-indicator__content, .status__content) .status__content__spoiler-link:hover span {
|
||
border-color: rgba(255, 255, 255, .3);
|
||
}
|
||
}
|
||
.app-body .icon-button.overlayed {
|
||
background-color: #ffffff;
|
||
color: #444b5d;
|
||
opacity: .6;
|
||
transition: opacity .3s;
|
||
border-radius: 7px;
|
||
}
|
||
.app-body .icon-button.overlayed:hover {
|
||
background-color: #ffffff;
|
||
color: #444b5d;
|
||
opacity: 1;
|
||
}
|
||
.app-body .status__wrapper--filtered__button {
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .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;
|
||
}
|
||
|
||
.app-body .media-gallery {
|
||
gap: 4px;
|
||
grid-template-columns: calc(50% - 2px) calc(50% - 2px);
|
||
grid-template-rows: calc(50% - 3px) calc(50% - 3px);
|
||
}
|
||
|
||
.app-body .audio-player,
|
||
.app-body .media-gallery,
|
||
.app-body .video-player {
|
||
transition: transform .3s;
|
||
}
|
||
.app-body .media-gallery__item {
|
||
border-radius: 8px;
|
||
}
|
||
|
||
.app-body div:not(.detailed-status) > .media-gallery:has(.media-gallery__item.standalone),
|
||
.app-body .status > *:not(.status__info, .status__content, .status__action-bar, .status__line, .status-card) {
|
||
max-height: 450px;
|
||
width: auto;
|
||
}
|
||
.app-body .media-gallery__item,
|
||
.app-body .media-gallery__item-thumbnail,
|
||
.app-body .media-gallery__item-gifv-thumbnail {
|
||
cursor: pointer;
|
||
transition: .2s transform;
|
||
}
|
||
.app-body .media-gallery__item:active {
|
||
transform: scale(.98);
|
||
}
|
||
.app-body .media-gallery__item-thumbnail img {
|
||
border-radius: 8px;
|
||
outline: 1px solid var(--color-lines-translucent);
|
||
outline-offset: -1px;
|
||
}
|
||
.app-body .media-gallery__gifv::after,
|
||
.app-body .video-player::after {
|
||
position: absolute;
|
||
display: block;
|
||
content: " ";
|
||
border-radius: 8px;
|
||
top: 0;
|
||
left: 0;
|
||
bottom: 0;
|
||
right: 0;
|
||
border: 1px solid var(--color-lines-translucent);
|
||
z-index: 1;
|
||
}
|
||
.app-body .media-gallery__gifv:is(:active, :hover)::after {
|
||
display: none;
|
||
}
|
||
.app-body .picture-in-picture .video-player::after {
|
||
border-radius: 0;
|
||
}
|
||
.app-body .media-gallery__preview,
|
||
.app-body .video-player {
|
||
background-color: var(--color-content-secondary-bg);
|
||
}
|
||
.app-body .media-gallery__preview {
|
||
outline: 1px solid rgba(0, 0, 0, 0.05);
|
||
outline-offset: -1px;
|
||
height: calc(100% - 1px);
|
||
border-radius: 8px;
|
||
transition: all .2s;
|
||
}
|
||
.app-body .spoiler-button:hover ~ .media-gallery__item > .media-gallery__preview {
|
||
outline: 1px solid var(--color-lines-translucent);
|
||
}
|
||
.app-body .spoiler-button__overlay__label,
|
||
.app-body .spoiler-button__overlay__label:is(:focus, :hover),
|
||
.app-body .spoiler-button__overlay:is(:focus, :hover) .spoiler-button__overlay__label {
|
||
backdrop-filter: none;
|
||
-webkit-backdrop-filter: none;
|
||
background-color: var(--color-content-bg);
|
||
border: 1px solid rgba(0, 0, 0, .1);
|
||
color: var(--color-content-fg);
|
||
border-radius: 8px;
|
||
}
|
||
.app-body .spoiler-button__overlay__label > span:first-child {
|
||
font-weight: bold;
|
||
}
|
||
|
||
.app-body :is(.media-gallery__alt__label, .media-gallery__gifv__label) {
|
||
background-color: rgba(0, 0, 0, .1);
|
||
border-radius: 6px;
|
||
}
|
||
.app-body .spoiler-button:not(.spoiler-button--minified) ~ .media-gallery__item :is(.media-gallery__alt__label, .media-gallery__gifv__label) {
|
||
display: none;
|
||
}
|
||
|
||
|
||
/* Empty columns */
|
||
.app-body .empty-column-indicator {
|
||
background-color: var(--color-content-secondary-bg);
|
||
color: var(--color-content-fg);
|
||
border-radius: 0 0 8px 8px;
|
||
contain: content;
|
||
}
|
||
.app-body .empty-column-indicator a {
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .explore__links > .empty-column-indicator {
|
||
border: 0;
|
||
}
|
||
|
||
|
||
/* Timeline hint */
|
||
.app-body .timeline-hint {
|
||
background-color: var(--color-content-bg);
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .timeline-hint a {
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body article + .timeline-hint:last-child {
|
||
border-bottom: 1px solid var(--color-lines);
|
||
}
|
||
|
||
|
||
/* 📤 DMs */
|
||
.app-body .follow_requests-unlocked_explanation {
|
||
background-color: var(--color-content-secondary-bg);
|
||
color: var(--color-content-fg);
|
||
border-top: 1px solid var(--color-lines);
|
||
border-bottom: 1px solid var(--color-lines);
|
||
}
|
||
.app-body .follow_requests-unlocked_explanation a {
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .conversation__unread {
|
||
background-color: var(--color-accent);
|
||
}
|
||
.app-body .conversation__unread {
|
||
color: var(--color-accent-fg);
|
||
}
|
||
.app-body .conversation__content__names a strong {
|
||
font-weight: bold;
|
||
}
|
||
.app-body .conversation__content__names,
|
||
.app-body .conversation__content__names a,
|
||
.app-body .conversation__content__relative-time,
|
||
.app-body .conversation .attachment-list__list a,
|
||
.app-body .conversation .status__content p {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .conversation {
|
||
background-color: var(--color-content-bg);
|
||
border-bottom: 1px solid var(--color-lines);
|
||
}
|
||
.app-body .conversation__content__relative-time {
|
||
opacity: .7;
|
||
}
|
||
.app-body .conversation__content {
|
||
position: relative;
|
||
}
|
||
.app-body .conversation__content .status__action-bar button:last-child {
|
||
bottom: 10px;
|
||
right: 10px;
|
||
}
|
||
.app-body .account__avatar-composite {
|
||
border-radius: 0;
|
||
padding: 1px;
|
||
}
|
||
.app-body .account__avatar-composite .account__avatar {
|
||
height: auto !important;
|
||
}
|
||
.app-body .account__avatar-composite__label {
|
||
display: none;
|
||
}
|
||
|
||
.app-body .status__wrapper.status__wrapper-direct,
|
||
.app-body .notification__message:has(+ div > .status__wrapper.status__wrapper-direct) {
|
||
--color-post-bg: color-mix(in srgb, var(--color-accent), var(--color-content-bg) 90%);
|
||
}
|
||
.app-body .status__wrapper.status__wrapper-direct:has(.status__content:hover),
|
||
.app-body .status__wrapper.status__wrapper-direct:has(.status__content:hover) .status__avatar,
|
||
.app-body .status__wrapper.status__wrapper-direct.focusable:focus,
|
||
.app-body .notification__message:has(+ div > .status__wrapper.status__wrapper-direct .status__content:hover) {
|
||
--color-post-bg: color-mix(in srgb, var(--color-accent), var(--color-content-bg) 85%);
|
||
}
|
||
|
||
.app-body :is(.status__wrapper-direct, .detailed-status__wrapper-direct) .status__prepend {
|
||
background-color: var(--color-accent);
|
||
margin-inline-start: 10px;
|
||
z-index: 3;
|
||
position: relative;
|
||
outline: 5px solid var(--color-post-bg);
|
||
border-radius: 50px 50px 50px 10px;
|
||
transition: all .2s;
|
||
}
|
||
.app-body :is(.detailed-status__wrapper-direct) .status__prepend {
|
||
margin-inline-start: 0;
|
||
margin-block-end: 0;
|
||
position: absolute;
|
||
top: 4px;
|
||
left: 4px;
|
||
right: 4px;
|
||
border-radius: 8px;
|
||
outline: 0;
|
||
font-size: 13px;
|
||
}
|
||
.app-body :is(.detailed-status__wrapper-direct):has(.status__prepend) {
|
||
padding-top: 40px;
|
||
}
|
||
.app-body :is(.status__wrapper-direct):not(:has(.status__line)) .status__prepend {
|
||
margin-inline-start: 66px;
|
||
}
|
||
.app-body :is(.status__wrapper-direct, .detailed-status__wrapper-direct) .status__prepend .status__prepend-icon-wrapper {
|
||
width: 20px;
|
||
height: 20px;
|
||
}
|
||
.app-body :is(.status__wrapper-direct, .detailed-status__wrapper-direct) .status__prepend .status__prepend-icon-wrapper svg {
|
||
transform: scale(.85);
|
||
background-image: var(--icon-at-inv);
|
||
}
|
||
.app-body :is(.status__wrapper-direct, .detailed-status__wrapper-direct) .status__prepend > span {
|
||
color: var(--color-accent-fg);
|
||
margin-top: -1px;
|
||
}
|
||
|
||
|
||
|
||
/* ⏺️ Column headers
|
||
----------------- */
|
||
.app-body .tabs-bar__wrapper {
|
||
background-color: transparent;
|
||
box-shadow: inset 0 10px var(--color-bg);
|
||
}
|
||
.app-body .column-header__wrapper.active:before {
|
||
background: none;
|
||
opacity: 40%;
|
||
}
|
||
.app-body .column-header__wrapper.active {
|
||
box-shadow: 0 0;
|
||
}
|
||
.app-body .column-header {
|
||
border-radius: 8px;
|
||
}
|
||
.app-body .column-header,
|
||
.app-body .column-back-button {
|
||
background-color: color-mix(in srgb, var(--color-content-bg), transparent 15%);
|
||
color: var(--color-content-fg);
|
||
border-right: 1px solid var(--color-lines);
|
||
border-left: 1px solid var(--color-lines);
|
||
border-top: 1px solid var(--color-lines);
|
||
border-bottom: 0;
|
||
border-radius: 8px 8px 0 0;
|
||
overflow: hidden;
|
||
font-weight: bold;
|
||
height: 50px;
|
||
box-sizing: border-box;
|
||
-webkit-backdrop-filter: blur(20px);
|
||
backdrop-filter: blur(20px);
|
||
}
|
||
.app-body .column-back-button {
|
||
padding-left: 15px;
|
||
}
|
||
.app-body .column-header__button,
|
||
.app-body .column-header__back-button {
|
||
background-color: transparent;
|
||
border: 0;
|
||
}
|
||
.app-body .column-header__button {
|
||
color: var(--color-content-fg);
|
||
transition: all .2s;
|
||
border-radius: 6px;
|
||
height: 42px;
|
||
margin: 4px 4px 4px 0;
|
||
}
|
||
.app-body .column-header__button:active {
|
||
transform: scale(.8);
|
||
}
|
||
.app-body .column-header__icon {
|
||
transform: scale(1.1);
|
||
margin-right: 4px;
|
||
}
|
||
.app-body .column-header__buttons .column-header__button:has(> .icon:only-child) {
|
||
width: 42px;
|
||
}
|
||
.app-body .column-header.active .column-header__icon {
|
||
color: var(--color-accent);
|
||
text-shadow: none;
|
||
}
|
||
.app-body .column-header__button:is(.active, .active:hover, :hover) {
|
||
color: var(--color-accent);
|
||
background-color: var(--color-accent-bg);
|
||
}
|
||
.app-body .column-header__button.active .icon {
|
||
transform: none;
|
||
}
|
||
@media screen and (max-width:1174px) {
|
||
.app-body:not(.layout-multiple-columns) .column-header__wrapper::after,
|
||
.app-body:not(.layout-multiple-columns) .column-back-button::after {
|
||
display: none;
|
||
}
|
||
.app-body .column-header__buttons {
|
||
height: 55px;
|
||
}
|
||
.app-body:not(.layout-multiple-columns) .column-header,
|
||
.app-body:not(.layout-multiple-columns) .column-back-button {
|
||
background-color: transparent;
|
||
-webkit-backdrop-filter: none;
|
||
backdrop-filter: none;
|
||
}
|
||
.app-body:not(.layout-multiple-columns) .column-header__button,
|
||
.app-body:not(.layout-multiple-columns) .column-header__button:is(.active, .active:hover, :hover) {
|
||
padding: 0 12px;
|
||
height: 35px !important;
|
||
align-self: center;
|
||
}
|
||
}
|
||
|
||
.app-body .column-back-button--slim-button::after {
|
||
display: none;
|
||
}
|
||
.app-body .column-back-button--slim-button {
|
||
top: -50px
|
||
}
|
||
@media screen and (max-width:1174px) {
|
||
.app-body:not(.layout-multiple-columns) .column-back-button--slim-button {
|
||
height: 50px;
|
||
}
|
||
}
|
||
@media screen and (min-width:1175px) {
|
||
.app-body:not(.layout-multiple-columns) .column-back-button--slim-button {
|
||
display: none;
|
||
}
|
||
}
|
||
.app-body :is(.column-header__back-button, .column-back-button) {
|
||
gap: 5px;
|
||
}
|
||
.app-body .column-back-button__icon {
|
||
margin-inline-end: 0;
|
||
}
|
||
.app-body :is(.column-header__back-button, .column-back-button) span,
|
||
.app-body .column-header__back-button {
|
||
position: relative;
|
||
}
|
||
.app-body :is(.column-header__back-button, .column-back-button):hover {
|
||
text-decoration: none;
|
||
}
|
||
.app-body :is(.column-header__back-button, .column-back-button) span::before,
|
||
.app-body .column-header__back-button:has(> svg:last-child)::before {
|
||
content: " ";
|
||
position: absolute;
|
||
left: 4px;
|
||
right: 4px;
|
||
bottom: 4px;
|
||
top: 4px;
|
||
z-index: -1;
|
||
border-radius: 8px;
|
||
background-color: transparent;
|
||
transition: all .3s;
|
||
}
|
||
.app-body :is(.column-header__back-button, .column-back-button) span::before {
|
||
left: -35px;
|
||
right: -12px;
|
||
bottom: -11px;
|
||
top: -10px;
|
||
}
|
||
.app-body :is(.column-header__back-button, .column-back-button):hover span::before,
|
||
.app-body .column-header__back-button:has(> svg:last-child):hover::before {
|
||
background-color: var(--color-accent-bg);
|
||
}
|
||
.app-body :is(.column-header__back-button, .column-back-button):active span::before,
|
||
.app-body .column-header__back-button:has(> svg:last-child):active::before {
|
||
transform: scale(.9);
|
||
}
|
||
|
||
.app-body .load-gap,
|
||
.app-body .load-more {
|
||
background-color: var(--color-accent-bg);
|
||
color: var(--color-accent);
|
||
border-bottom: 0;
|
||
}
|
||
.app-body .load-gap:hover,
|
||
.app-body .load-more:hover {
|
||
background-color: var(--color-accent-lines);
|
||
}
|
||
|
||
.app-body .column-header__collapsible {
|
||
background-color: var(--color-content-secondary-bg);
|
||
border-left: 1px solid var(--color-lines);
|
||
border-right: 1px solid var(--color-lines);
|
||
border-bottom: 0;
|
||
}
|
||
.app-body .column-header__collapsible::-webkit-scrollbar-track {
|
||
background-color: transparent;
|
||
}
|
||
@media screen and (max-width:1174px) {
|
||
.app-body:not(.layout-multiple-columns) .column-header__collapsible {
|
||
box-shadow: none;
|
||
border-radius: 0;
|
||
}
|
||
}
|
||
.app-body .column-header__collapsible-inner {
|
||
background: var(--color-content-secondary-bg);
|
||
border: 0;
|
||
}
|
||
.app-body .column-settings__section {
|
||
color: var(--color-content-fg-bold);
|
||
}
|
||
.app-body .setting-toggle__label {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .column-header > button {
|
||
padding: 0 0 0 15px;
|
||
}
|
||
.app-body .column-header > button:nth-child(2) {
|
||
padding-left: 0;
|
||
}
|
||
.app-body .column-header .column-header__back-button {
|
||
padding-right: 15px;
|
||
}
|
||
.app-body .column-header > button,
|
||
.app-body .column-header .column-header__back-button {
|
||
font-weight: bold;
|
||
}
|
||
@media screen and (max-width:1174px) {
|
||
.app-body:not(.layout-multiple-columns) .ui {
|
||
padding-top: 55px;
|
||
}
|
||
.app-body:not(.layout-multiple-columns) .ui__header {
|
||
background-color: transparent;
|
||
border-bottom: 0;
|
||
position: fixed;
|
||
inset-inline-start: 0;
|
||
inset-inline-end: 0;
|
||
}
|
||
.app-body:not(.layout-multiple-columns) .ui__header .ui__header__logo {
|
||
margin-left: 3px;
|
||
}
|
||
.app-body:not(.layout-multiple-columns) .tabs-bar__wrapper {
|
||
box-shadow: none;
|
||
display: block;
|
||
margin-bottom: -2px;
|
||
border-radius: 0;
|
||
height: 45px;
|
||
border-bottom: 0;
|
||
}
|
||
.app-body:not(.layout-multiple-columns) .tabs-bar__wrapper {
|
||
display: block;
|
||
top: 0;
|
||
inset-inline-start: 45px;
|
||
inset-inline-end: 55px;
|
||
height: 55px;
|
||
position: fixed;
|
||
}
|
||
.app-body:not(.layout-multiple-columns):not(:has(.ui .ui__header__links > .button[href="/auth/sign_in"])) .tabs-bar__wrapper {
|
||
z-index: 3;
|
||
}
|
||
.app-body:not(.layout-multiple-columns):has(.ui .ui__header__links > .button[href="/auth/sign_in"]) .tabs-bar__wrapper :is(.column-back-button, .column-header > *) {
|
||
display: none;
|
||
}
|
||
.app-body:not(.layout-multiple-columns)
|
||
:is(
|
||
.column-header,
|
||
.column-back-button,
|
||
.column-header__button,
|
||
.column-header__back-button
|
||
) {
|
||
background-color: transparent;
|
||
height: 55px;
|
||
border: 0;
|
||
margin: 0;
|
||
}
|
||
.app-body .column-header__icon {
|
||
display: none;
|
||
}
|
||
.app-body:not(.layout-multiple-columns) .ui::after { /* Set a backdrop blur background to both top bars */
|
||
-webkit-backdrop-filter: blur(20px);
|
||
backdrop-filter: blur(20px);
|
||
background-color: color-mix(in srgb, var(--color-content-bg), transparent 25%);
|
||
border-bottom: 1px solid var(--color-lines-translucent);
|
||
content: "";
|
||
height: 55px;
|
||
left: 0;
|
||
position: fixed;
|
||
top: 0;
|
||
width: 100%;
|
||
z-index: 2;
|
||
}
|
||
@media (display-mode: standalone) {
|
||
.app-body:not(.layout-multiple-columns) .ui::after {
|
||
box-shadow: 0 -10px 0 10px #191b22;
|
||
border-radius: 15px 15px 0 0;
|
||
}
|
||
@media (prefers-color-scheme: light) {
|
||
.app-body.theme-system .ui::after {
|
||
box-shadow: 0 -10px 0 10px #f3f5f7;
|
||
border-radius: 15px 15px 0 0;
|
||
}
|
||
}
|
||
@media (prefers-color-scheme: dark) {
|
||
.app-body.theme-system .ui::after {
|
||
box-shadow: 0 -10px 0 10px #191b22;
|
||
border-radius: 15px 15px 0 0;
|
||
}
|
||
}
|
||
}
|
||
.app-body:not(.layout-multiple-columns) .column-header__collapsible { /* Remove margin between column settings and column header */
|
||
margin-top: 1px;
|
||
position: fixed;
|
||
left: 0;
|
||
right: 0;
|
||
}
|
||
.app-body:not(.layout-multiple-columns) .column-header__collapsible:not(.collapsed) {
|
||
border-bottom: 1px solid var(--color-lines);
|
||
}
|
||
}
|
||
@media screen and (max-width:885px) {
|
||
.app-body:not(.layout-multiple-columns) .column-header__collapsible:not(.collapsed) {
|
||
border-left-color: var(--color-content-secondary-bg);
|
||
border-right-color: var(--color-content-secondary-bg);
|
||
}
|
||
}
|
||
@media screen and (min-width:890px) and (max-width:1174px) {
|
||
.app-body:not(.layout-multiple-columns) .tabs-bar__wrapper {
|
||
border-color: transparent;
|
||
}
|
||
.app-body:not(.layout-multiple-columns) .ui::after {
|
||
border-bottom: 1px solid var(--color-lines);
|
||
}
|
||
}
|
||
@media (prefers-color-scheme: dark) {
|
||
@media screen and (max-width:1174px) {
|
||
.app-body:not(.layout-multiple-columns) .tabs-bar__wrapper {
|
||
border-color: var(--color-lines);
|
||
}
|
||
}
|
||
}
|
||
|
||
|
||
|
||
/* ⏺️ Horizontal selectors
|
||
(used to navigate subsections on the Explore, Live Feeds and Account pages) */
|
||
.app-body
|
||
:is(.account__section-headline, .notification__filter-bar) {
|
||
background: var(--color-accent-bg);
|
||
border: 1px solid var(--color-accent-lines);
|
||
}
|
||
.app-body .account__header + .account__section-headline {
|
||
border-left: 0;
|
||
border-right: 0;
|
||
}
|
||
@media screen and (min-width:890px) and (max-width:1174px) {
|
||
.app-body:not(.layout-multiple-columns) .explore__search-header + .account__section-headline {
|
||
border-top-left-radius: 8px;
|
||
border-top-right-radius: 8px;
|
||
}
|
||
.app-body:not(.layout-multiple-columns) .notification__filter-bar {
|
||
border-top-left-radius: 8px;
|
||
border-top-right-radius: 8px;
|
||
margin-top: 10px;
|
||
}
|
||
}
|
||
@media screen and (max-width:889px) {
|
||
.app-body:not(.layout-multiple-columns) :is(.account__section-headline, .notification__filter-bar) {
|
||
border-left: 0;
|
||
border-right: 0;
|
||
}
|
||
}
|
||
.app-body
|
||
:is(.account__section-headline, .notification__filter-bar)
|
||
:is(a, 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;
|
||
}
|
||
.app-body
|
||
:is(.account__section-headline, .notification__filter-bar)
|
||
.icon {
|
||
margin-top: -1.5px;
|
||
}
|
||
.app-body
|
||
:is(.account__section-headline, .notification__filter-bar)
|
||
:is(a, button):hover {
|
||
background-color: var(--color-accent-lines);
|
||
color: var(--color-accent);
|
||
box-shadow: 0 0 0 4px var(--color-accent-bg) inset;
|
||
}
|
||
.app-body
|
||
:is(.account__section-headline, .notification__filter-bar)
|
||
:is(a, button).active {
|
||
background-color: var(--color-content-bg);
|
||
color: var(--color-content-fg);
|
||
box-shadow: 0 0 0 4px var(--color-accent-bg) inset;
|
||
}
|
||
.app-body
|
||
:is(.account__section-headline, .notification__filter-bar)
|
||
:is(a, button).active::before {
|
||
display: none;
|
||
}
|
||
.app-body
|
||
:is(.account__section-headline, .notification__filter-bar)
|
||
button {
|
||
background-color: transparent;
|
||
}
|
||
.app-body
|
||
:is(.account__section-headline, .notification__filter-bar)
|
||
:is(a, button, a.active, 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;
|
||
}
|
||
.app-body
|
||
:is(.account__section-headline, .notification__filter-bar)
|
||
:is(a, button):last-child::after {
|
||
display: none;
|
||
}
|
||
@media (prefers-color-scheme: dark) {
|
||
.app-body
|
||
:is(.account__section-headline, .notification__filter-bar)
|
||
:is(a, button).active {
|
||
background-color: var(--color-bg);
|
||
}
|
||
}
|
||
|
||
.app-body .notification__filter-bar .icon-reply-all {
|
||
background-image: var(--icon-reply-accent);
|
||
}
|
||
.app-body .notification__filter-bar .active .icon-reply-all {
|
||
background-image: var(--icon-reply);
|
||
}
|
||
.app-body .notification__filter-bar .icon-star {
|
||
background-image: var(--icon-star-accent);
|
||
}
|
||
.app-body .notification__filter-bar .active .icon-star {
|
||
background-image: var(--icon-star);
|
||
}
|
||
.app-body .notification__filter-bar .icon-retweet {
|
||
background-image: var(--icon-boost-accent);
|
||
}
|
||
.app-body .notification__filter-bar .active .icon-retweet {
|
||
background-image: var(--icon-boost);
|
||
}
|
||
.app-body .notification__filter-bar .icon-tasks {
|
||
background-image: var(--icon-poll-accent);
|
||
}
|
||
.app-body .notification__filter-bar .active .icon-tasks {
|
||
background-image: var(--icon-poll);
|
||
}
|
||
.app-body .notification__filter-bar .icon-home {
|
||
background-image: var(--icon-post-notification-accent);
|
||
}
|
||
.app-body .notification__filter-bar .active .icon-home {
|
||
background-image: var(--icon-post-notification);
|
||
}
|
||
|
||
@media screen and (max-width:889px) {
|
||
.app-body .account__header + .account__section-headline {
|
||
border-radius: 0;
|
||
}
|
||
}
|
||
|
||
|
||
/* 📍 Navigation panel
|
||
------------------- */
|
||
@media screen and (min-width:1175px) {
|
||
/* Order of the side nav items */
|
||
.app-body .navigation-panel__logo {
|
||
order: 1;
|
||
}
|
||
.app-body .column-link[href="/home"] {
|
||
order: 2;
|
||
}
|
||
.app-body .column-link[href="/notifications"] {
|
||
order: 3;
|
||
}
|
||
.app-body .column-link:is([href="/explore"],[href="/search"]) {
|
||
order: 4;
|
||
}
|
||
.app-body .column-link[href="/public/local"] {
|
||
order: 5;
|
||
}
|
||
.app-body .column-link[href="/public"] {
|
||
order: 6;
|
||
}
|
||
.app-body .column-link[href="/conversations"] {
|
||
order: 7;
|
||
}
|
||
.app-body .column-link[href="/follow_requests"] {
|
||
order: 8;
|
||
}
|
||
.app-body .column-link[href="/bookmarks"] {
|
||
order: 9;
|
||
}
|
||
.app-body .column-link[href="/favourites"] {
|
||
order: 10;
|
||
}
|
||
.app-body .column-link[href="/lists"] {
|
||
order: 12;
|
||
}
|
||
.app-body .list-panel {
|
||
order: 13;
|
||
}
|
||
.app-body .column-link[href="/settings/preferences"] {
|
||
order: 11;
|
||
}
|
||
.app-body .navigation-panel__sign-in-banner,
|
||
.app-body .navigation-panel__legal {
|
||
order: 14;
|
||
}
|
||
.app-body *:not(.compose-panel) > .flex-spacer {
|
||
order: 15;
|
||
}
|
||
.app-body .getting-started__trends {
|
||
order: 16;
|
||
}
|
||
}
|
||
.app-body .column-link--transparent {
|
||
color: var(--color-fg);
|
||
}
|
||
.app-body .ui__header__logo .logo--icon {
|
||
display: none;
|
||
}
|
||
.app-body .ui__header__links .button.button-secondary {
|
||
padding: 8px 15px;
|
||
}
|
||
.app-body .ui__header__links .button.button-secondary[href="/search"] {
|
||
display: none;
|
||
}
|
||
.app-body .ui__header__links .button.button-secondary[href="/publish"] {
|
||
background-color: var(--color-accent);
|
||
color: var(--color-accent-fg);
|
||
width: 50px;
|
||
height: 50px;
|
||
box-sizing: border-box;
|
||
background-image: var(--icon-compose);
|
||
background-position: center;
|
||
background-repeat: no-repeat;
|
||
position: fixed;
|
||
bottom: calc(4.8em + var(--safe-area-bottom));
|
||
inset-inline-end: 1em;
|
||
background-size: 22px;
|
||
border-radius: 50%;
|
||
box-shadow:
|
||
0 1px 1px rgba(0, 0, 0, .2),
|
||
0 2px 10px rgba(0, 0, 0, .2);
|
||
}
|
||
.app-body .ui__header__links .button.button-secondary[href="/publish"]:is(:hover, :focus, :active) {
|
||
background-color: var(--color-accent-focus);
|
||
color: var(--color-accent-fg);
|
||
}
|
||
.app-body .ui__header__links .button.button-secondary[href="/publish"] span {
|
||
color: transparent;
|
||
}
|
||
|
||
@media screen and (max-width:1174px) {
|
||
.layout-single-column .ui__header__links {
|
||
padding-left: 12px;
|
||
}
|
||
}
|
||
|
||
.app-body .column-link--logo {
|
||
margin-left: 4px;
|
||
}
|
||
|
||
.app-body .column-link.column-link--logo,
|
||
.app-body .ui__header__logo {
|
||
display: inline-flex;
|
||
flex-grow: unset;
|
||
padding: 0;
|
||
border: 0;
|
||
width: 50px;
|
||
height: 50px;
|
||
background-image: var(--logo);
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
background-size: 32px auto;
|
||
}
|
||
.app-body .column-link.column-link--logo svg,
|
||
.app-body .ui__header__logo svg {
|
||
display: none;
|
||
}
|
||
|
||
.app-body .navigation-panel__logo {
|
||
margin-bottom: 5px;
|
||
}
|
||
.app-body .column-link:not(.column-link--logo) {
|
||
padding: 15px 20px 16px 13px;
|
||
gap: 7px;
|
||
margin-left: 3px;
|
||
border: 0;
|
||
font-weight: 500;
|
||
font-size: 18px;
|
||
overflow: visible;
|
||
transform-origin: 60px center;
|
||
}
|
||
.app-body .column-link--transparent:is(.active, .active:hover) {
|
||
color: var(--color-content-fg);
|
||
font-weight: bold;
|
||
}
|
||
.app-body .column-link--transparent:hover {
|
||
border-radius: 8px;
|
||
padding-right: 20px;
|
||
}
|
||
.app-body .column-link--transparent span {
|
||
position: relative;
|
||
}
|
||
@media screen and (min-width:1175px) {
|
||
.app-body .column-link:not(.column-link--logo) {
|
||
transition: all .3s;
|
||
}
|
||
.app-body .column-link--transparent span::before {
|
||
content: " ";
|
||
left: -52px;
|
||
background-color: transparent;
|
||
transition: .3s background-color;
|
||
top: -14px;
|
||
right: -16px;
|
||
position: absolute;
|
||
border-radius: 10px;
|
||
z-index: -1;
|
||
bottom: -14px;
|
||
}
|
||
.app-body .column-link--transparent:hover span::before {
|
||
background-color: color-mix(in srgb, var(--color-accent), transparent 85%);
|
||
}
|
||
.app-body .column-link--transparent:is(.active, .active:hover) span::before {
|
||
background-color: transparent;
|
||
}
|
||
.app-body .column-link--transparent:active {
|
||
transform: scale(.95);
|
||
}
|
||
}
|
||
.app-body .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;
|
||
}
|
||
.app-body .compose-panel hr, .navigation-panel hr {
|
||
display: none;
|
||
}
|
||
.app-body .column-link span {
|
||
vertical-align: middle;
|
||
}
|
||
.app-body .list-panel {
|
||
padding: 5px 9px 50px 27px;
|
||
margin: 0 0 5px;
|
||
display: none;
|
||
}
|
||
.app-body .list-panel .icon {
|
||
display: none;
|
||
}
|
||
.app-body .list-panel .column-link span::before {
|
||
left: -15px;
|
||
top: -10px;
|
||
right: -15px;
|
||
bottom: -10px;
|
||
}
|
||
@media screen and (min-width:1175px) {
|
||
.app-body .column-link[href="/lists"]:is(.active, :hover) + .list-panel,
|
||
.app-body .list-panel:hover {
|
||
display: block;
|
||
animation: fadein .5s 1;
|
||
}
|
||
}
|
||
@media screen and (max-width:1174px) {
|
||
.app-body .columns-area__panels__pane--navigational .columns-area__panels__pane__inner {
|
||
width: 100vw;
|
||
height: calc(4.2em + var(--safe-area-bottom));
|
||
bottom: 0;
|
||
left: 0;
|
||
z-index: 3;
|
||
}
|
||
.app-body .columns-area__panels__pane--navigational .navigation-panel {
|
||
width: 100vw;
|
||
height: 4.2em;
|
||
padding-right: 20vw;
|
||
padding-bottom: var(--safe-area-bottom);
|
||
flex-direction: row;
|
||
overflow-x: auto;
|
||
background-color: color-mix(in srgb, var(--color-content-bg), transparent 25%);
|
||
border-top: 1px solid var(--color-lines-translucent);
|
||
border-left: 0;
|
||
-webkit-backdrop-filter: blur(20px);
|
||
backdrop-filter: blur(20px);
|
||
}
|
||
.app-body .columns-area__panels__pane--navigational .columns-area__panels__pane__inner::before {
|
||
content: " ";
|
||
position: fixed;
|
||
right: 0;
|
||
bottom: 0;
|
||
width: 17vw;
|
||
height: calc(4.2em + var(--safe-area-bottom) - 1px);
|
||
background-image: linear-gradient(to right, transparent, var(--color-content-bg) 75.63%);
|
||
background-color: transparent;
|
||
z-index: 2;
|
||
}
|
||
.app-body .columns-area__panels__pane--navigational .navigation-panel::after {
|
||
content: " ";
|
||
}
|
||
.app-body .navigation-panel:has(> *:nth-child(4):last-child)::after,
|
||
.app-body .navigation-panel:has(> *:nth-child(5):last-child)::after,
|
||
.app-body .navigation-panel:has(> *:nth-child(6):last-child)::after,
|
||
.app-body .navigation-panel:has(> *:nth-child(4):last-child)::before,
|
||
.app-body .navigation-panel:has(> *:nth-child(5):last-child)::before,
|
||
.app-body .navigation-panel:has(> *:nth-child(6):last-child)::before {
|
||
display: none;
|
||
}
|
||
.app-body .navigation-panel :is(.column-link, .navigation-panel__legal),
|
||
.app-body .column-link--transparent:is(.active, .active:hover, :active),
|
||
.app-body .columns-area__panels__pane--navigational .navigation-panel::after {
|
||
flex: 0 0 17vw;
|
||
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;
|
||
transform-origin: center;
|
||
transition: .2s transform;
|
||
}
|
||
.app-body
|
||
.navigation-panel:has(> *:nth-child(4):last-child)
|
||
:is(.column-link, .navigation-panel__legal) {
|
||
flex: 50vw;
|
||
}
|
||
.app-body .navigation-panel :is(.column-link, .navigation-panel__legal):active {
|
||
transform: scale(.8);
|
||
}
|
||
.app-body
|
||
.navigation-panel:has(> *:nth-child(5):last-child)
|
||
:is(.column-link, .navigation-panel__legal),
|
||
.app-body
|
||
.navigation-panel:has(> *:nth-child(7):last-child):has(.getting-started__trends)
|
||
:is(.column-link, .navigation-panel__legal) {
|
||
flex: calc(100vw / 3);
|
||
}
|
||
.app-body
|
||
.navigation-panel:has(> *:nth-child(6):last-child)
|
||
:is(.column-link, .navigation-panel__legal) {
|
||
flex: 25vw;
|
||
}
|
||
.app-body
|
||
.navigation-panel:has(> *:nth-child(7):last-child):has(.getting-started__trends)::after {
|
||
display: none;
|
||
}
|
||
.app-body .column-link--transparent:is(.active, .active:hover, :active) {
|
||
margin: 6px 0 8px;
|
||
padding: 4px 0 3px;
|
||
border-radius: 8px;
|
||
border: 0;
|
||
}
|
||
.app-body .column-link--transparent.active {
|
||
animation: bounce-sml .3s 1;
|
||
}
|
||
.app-body .column-link__icon {
|
||
margin: 0;
|
||
transform: scale(1.3);
|
||
}
|
||
.app-body .column-link span {
|
||
padding-left: .5em;
|
||
}
|
||
.app-body .columns-area__panels__main {
|
||
width: calc(100% - 285px);
|
||
margin-left: -285px;
|
||
}
|
||
.app-body .columns-area__panels {
|
||
padding-bottom: 4em;
|
||
}
|
||
.app-body .columns-area__panels .navigation-panel__legal {
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
.app-body .columns-area__panels .navigation-panel__legal .column-link--transparent {
|
||
height: calc(100% - 13px);
|
||
box-sizing: border-box;
|
||
border: 0;
|
||
}
|
||
.app-body .navigation-panel .flex-spacer {
|
||
display: none;
|
||
}
|
||
}
|
||
@media screen and (max-width:889px) {
|
||
.app-body .columns-area__panels__main {
|
||
width: 100%;
|
||
margin-left: -55px;
|
||
}
|
||
}
|
||
|
||
|
||
/* 👤 Account view
|
||
--------------- */
|
||
.app-body .account__header {
|
||
padding-bottom: 5px;
|
||
background-color: var(--color-content-bg);
|
||
}
|
||
@media screen and (max-width:889px) {
|
||
.app-body .account__header {
|
||
border-left: 0;
|
||
border-right: 0;
|
||
}
|
||
}
|
||
.app-body .account__header__image {
|
||
height: 200px;
|
||
background-color: var(--color-content-bg);
|
||
border-bottom: 0;
|
||
margin: 0;
|
||
}
|
||
.app-body .account__header__image img {
|
||
object-position: top center;
|
||
background-color: var(--color-content-secondary-bg);
|
||
}
|
||
.app-body .account__header__bar {
|
||
border: 0;
|
||
}
|
||
.app-body .account__header__bar .avatar {
|
||
transition: transform .3s;
|
||
}
|
||
.app-body .account__header__bar .avatar:active {
|
||
transform: scale(.92);
|
||
}
|
||
.app-body .account__header__bar .avatar .account__avatar {
|
||
border-radius: 50%;
|
||
margin: 0x;
|
||
border-width: 4px;
|
||
border-color: var(--color-content-bg);
|
||
width: 100px !important;
|
||
height: 100px !important;
|
||
background-color: var(--color-content-bg);
|
||
}
|
||
.app-body .account__header__tabs__name h1,
|
||
.app-body .account__header__tabs__name h1 small {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .account__header__tabs__name h1 > span {
|
||
font-size: 18px;
|
||
}
|
||
.app-body .account__header__tabs__name h1 small > span:first-child {
|
||
opacity: .7;
|
||
}
|
||
.app-body .account__header__tabs__name .icon-lock {
|
||
height: 20px;
|
||
width: 16px;
|
||
top: unset;
|
||
vertical-align: bottom;
|
||
}
|
||
.app-body .account__header__content a {
|
||
color: var(--color-accent);
|
||
text-decoration: none;
|
||
}
|
||
.app-body .account__header__content a:hover {
|
||
text-decoration: underline;
|
||
}
|
||
.app-body .account__header__extra__links a strong {
|
||
color: var(--color-content-fg-bold);
|
||
}
|
||
.app-body .account__header__account-note label {
|
||
margin-bottom: 0;
|
||
}
|
||
.app-body .account__header__account-note label,
|
||
.app-body .account__header__account-note textarea::placeholder {
|
||
color: var(--color-content-fg-bold);
|
||
opacity: .5;
|
||
font-style: normal;
|
||
}
|
||
.app-body .account__header__account-note textarea {
|
||
color: var(--color-content-fg);
|
||
border-radius: 8px;
|
||
font-style: italic;
|
||
margin: 0;
|
||
width: 100%;
|
||
outline: 1px solid transparent;
|
||
outline-offset: -1px;
|
||
transition: all .2s;
|
||
}
|
||
.app-body .account__header__account-note textarea:placeholder-shown {
|
||
padding-left: 0;
|
||
padding-right: 0;
|
||
}
|
||
.app-body .account__header__account-note textarea:focus {
|
||
background-color: var(--color-accent-bg);
|
||
padding-left: 10px;
|
||
padding-right: 10px;
|
||
}
|
||
.app-body .account__header__account-note textarea:not(:placeholder-shown):not(:focus) {
|
||
outline-color: var(--color-lines);
|
||
box-shadow: 2px 3px var(--color-content-secondary-bg);
|
||
}
|
||
.app-body .account__header__account-note textarea:not(:placeholder-shown):focus {
|
||
outline-color: var(--color-accent);
|
||
box-shadow: 2px 3px var(--color-accent-bg);
|
||
}
|
||
.app-body .account__header__badges .account-role {
|
||
color: var(--color-content-fg);
|
||
border: 0;
|
||
border-radius: 50px;
|
||
padding: 0 10px;
|
||
height: 29px;
|
||
background-color: var(--color-content-secondary-bg);
|
||
gap: 5px;
|
||
}
|
||
.app-body .account__header__badges .account-role span:not(.account-role__domain) {
|
||
font-weight: 500;
|
||
}
|
||
.app-body .account-role svg {
|
||
opacity: 1;
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .account__header__extra__links a,
|
||
.app-body .account__header__bio .account__header__content,
|
||
.app-body .account__header__bio .account__header__fields dd {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .account__header__bio .account__header__fields {
|
||
background-color: var(--color-content-secondary-bg);
|
||
border-radius: 8px;
|
||
border: 0;
|
||
}
|
||
@media (prefers-color-scheme: dark) {
|
||
.app-body .account__header__bio .account__header__fields {
|
||
background-color: var(--color-secondary-bg);
|
||
}
|
||
}
|
||
.app-body .account__header__bio .account__header__fields:has(dl:only-child) {
|
||
display: none;
|
||
}
|
||
.app-body .account__header__bio .account__header__fields dt {
|
||
font-weight: bold;
|
||
font-size: 12px;
|
||
}
|
||
.app-body .account__header__bio .account__header__fields :is(dl, .verified) {
|
||
border-bottom: 0;
|
||
position: relative;
|
||
}
|
||
.app-body .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;
|
||
}
|
||
@media (prefers-color-scheme: dark) {
|
||
.app-body .account__header__bio .account__header__fields dl:not(:last-child):after {
|
||
background-color: var(--color-accent-bg);
|
||
}
|
||
}
|
||
.app-body .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;
|
||
}
|
||
.app-body .account__header__bio .account__header__fields .verified + .verified { /* Fix double border between 2 successive verified fields */
|
||
margin-top: 0;
|
||
border-top-width: 0;
|
||
}
|
||
.app-body .account__header__bio .account__header__fields .verified :is(a, dd) {
|
||
color: var(--color-accent);
|
||
gap: 5px;
|
||
}
|
||
.app-body .account__header__bio .account__header__fields :is(.verified dt, dt) {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .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;
|
||
}
|
||
.app-body .account__header__extra .account__header__fields .verified dd > span:first-child {
|
||
vertical-align: bottom;
|
||
}
|
||
.app-body .account__header__extra .account__header__fields .verified__mark {
|
||
float: left;
|
||
transform: scale(1.1);
|
||
}
|
||
.app-body .account__header__bio .account__header__fields .verified:last-child {
|
||
border-bottom: 0;
|
||
}
|
||
|
||
.app-body .account__header__tabs__buttons .icon-button.copied,
|
||
.app-body .account__header__tabs__buttons .icon-button.copied:is(:active, :focus, :hover) {
|
||
background-color: rgba(121, 189, 154, 0.3);
|
||
}
|
||
|
||
.app-body .follow-request-banner,
|
||
.app-body .moved-account-banner {
|
||
background-color: var(--color-content-secondary-bg);
|
||
border-top: 1px solid var(--color-lines);
|
||
}
|
||
.app-body .follow-request-banner__message,
|
||
.app-body .moved-account-banner__message {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .moved-account-banner__message {
|
||
font-weight: bold;
|
||
}
|
||
|
||
.app-body .account__header__tabs__buttons > button:first-child:active {
|
||
transform: scale(.95);
|
||
}
|
||
|
||
.app-body .account__domain-pill,
|
||
.app-body .account__domain-pill__popout__handle {
|
||
background-color: color-mix(in srgb, var(--color-accent), transparent 88%);
|
||
color: var(--color-accent);
|
||
border-color: var(--color-accent);
|
||
border-radius: 8px;
|
||
font-weight: 500;
|
||
transition: all .2s;
|
||
}
|
||
.app-body .account__domain-pill:hover {
|
||
background-color: var(--color-accent-bg);
|
||
}
|
||
.app-body .account__domain-pill.active {
|
||
background-color: var(--color-accent);
|
||
color: var(--color-accent-fg);
|
||
}
|
||
.app-body .dropdown-animation.account__domain-pill__popout {
|
||
animation: none;
|
||
}
|
||
.app-body .account__domain-pill__popout {
|
||
background-color: var(--color-content-bg);
|
||
color: var(--color-content-fg);
|
||
border: 1px solid var(--color-lines);
|
||
border-radius: 8px;
|
||
}
|
||
.app-body .account__domain-pill__popout__header__icon {
|
||
background-color: var(--color-accent);
|
||
}
|
||
.app-body .account__domain-pill__popout__handle {
|
||
padding: 12px;
|
||
}
|
||
.app-body :where(.account__domain-pill__popout__header, .account__domain-pill__popout__parts) :is(h3, h6) {
|
||
color: var(--color-content-fg);
|
||
font-weight: 600;
|
||
}
|
||
.app-body .account__domain-pill__popout__parts > div .account__domain-pill__popout__parts__icon {
|
||
align-items: start;
|
||
padding-top: 2px;
|
||
}
|
||
.app-body .account__domain-pill__popout__parts > div .account__domain-pill__popout__parts__icon .icon {
|
||
width: 28px;
|
||
height: 28px;
|
||
}
|
||
.app-body .account__domain-pill__popout__parts > div:first-child .account__domain-pill__popout__parts__icon .icon {
|
||
background-image: var(--icon-direct-messages-accent);
|
||
}
|
||
.app-body .account__domain-pill__popout__parts > div:last-child .account__domain-pill__popout__parts__icon .icon {
|
||
background-image: var(--icon-globe-accent);
|
||
}
|
||
|
||
|
||
|
||
/* ✨ Explore tab
|
||
-------------- */
|
||
.app-body .explore__links {
|
||
background-color: var(--color-content-bg);
|
||
overflow: hidden;
|
||
}
|
||
.layout-multiple-columns .explore__links.scrollable {
|
||
background-color: var(--color-content-bg);
|
||
overflow-y: auto;
|
||
}
|
||
.app-body .explore__links .trends__item {
|
||
background-color: var(--color-content-bg);
|
||
border-bottom: 2px solid var(--color-content-secondary-bg);
|
||
padding: 15px 18px;
|
||
}
|
||
.app-body .explore__links .trends__item:last-child {
|
||
border-bottom: 0;
|
||
}
|
||
.app-body .trends__item__name,
|
||
.app-body .trends__item__current {
|
||
color: var(--color-fg-muted);
|
||
}
|
||
.app-body .trends__item__name a {
|
||
color: var(--color-fg);
|
||
}
|
||
.app-body .getting-started__trends {
|
||
padding: 0;
|
||
display: flex;
|
||
flex-flow: column;
|
||
}
|
||
.app-body .getting-started__trends h4 {
|
||
border-bottom: 0;
|
||
padding: 0;
|
||
}
|
||
.app-body .getting-started__trends h4 > :is(a, span) {
|
||
padding: 15px 20px 6px 47px;
|
||
margin-left: 3px;
|
||
font-weight: 500;
|
||
color: var(--color-fg-muted);
|
||
border-left: 4px solid transparent;
|
||
display: block;
|
||
transition: all .3s;
|
||
}
|
||
.app-body .getting-started__trends h4 a:hover {
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .getting-started__trends h4 a:active {
|
||
transform: scale(.95);
|
||
}
|
||
.app-body .getting-started__trends h4 a::after {
|
||
content: '\2192';
|
||
margin-left: 0;
|
||
opacity: 0;
|
||
transition: all .2s;
|
||
}
|
||
.app-body .getting-started__trends:hover h4 a::after {
|
||
opacity: 1;
|
||
margin-left: 5px;
|
||
}
|
||
|
||
.app-body .getting-started__trends .trends__item {
|
||
padding-left: 19px;
|
||
}
|
||
@media screen and (max-width:1174px) {
|
||
.app-body .getting-started__trends {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
.app-body .trends__item::before {
|
||
background-image: var(--icon-hashtag-accent);
|
||
background-position: center;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
min-width: 20px;
|
||
width: 20px;
|
||
height: 20px;
|
||
transform: scale(1.45);
|
||
content: " ";
|
||
display: block;
|
||
}
|
||
.app-body .trends__item__name span {
|
||
white-space: pre-wrap;
|
||
}
|
||
.app-body .trends__item__sparkline {
|
||
flex: 0 0 auto;
|
||
position: relative;
|
||
height: 30px;
|
||
width: 30px;
|
||
border-radius: 6px;
|
||
overflow: hidden;
|
||
background-color: var(--color-content-secondary-bg);
|
||
box-shadow: inset 0 -2px var(--color-accent-bg);
|
||
transform: scale(1.25);
|
||
transition: all .3s;
|
||
}
|
||
.app-body .getting-started__trends .trends__item__sparkline {
|
||
background-color: var(--color-secondary-bg);
|
||
}
|
||
@media (prefers-color-scheme: dark) {
|
||
.app-body .getting-started__trends .trends__item__sparkline {
|
||
background-color: var(--color-content-secondary-bg);
|
||
}
|
||
}
|
||
.app-body .trends__item__sparkline svg {
|
||
width: 50px;
|
||
height: 30px;
|
||
position: absolute;
|
||
right: -2px;
|
||
}
|
||
.app-body .trends__item__sparkline::after {
|
||
position: absolute;
|
||
display: block;
|
||
content: " ";
|
||
left: 0;
|
||
right: 0;
|
||
height: 2px;
|
||
bottom: 0;
|
||
background-color: var(--color-accent);
|
||
opacity: .4;
|
||
}
|
||
|
||
.app-body .trends__item__sparkline path:last-child {
|
||
stroke: var(--color-accent) !important;
|
||
}
|
||
.app-body .trends__item__sparkline path:first-child {
|
||
fill: var(--color-accent) !important;
|
||
fill-opacity: .4 !important;
|
||
transform: translate(0px, 0.2px);
|
||
}
|
||
|
||
|
||
/* Hashtag header */
|
||
.app-body .hashtag-header {
|
||
font-size: 15px;
|
||
padding: 24px 20px;
|
||
margin: 10px;
|
||
border-radius: 8px;
|
||
color: var(--color-content-fg);
|
||
background-color: var(--color-content-secondary-bg);
|
||
border: 0;
|
||
}
|
||
.app-body .hashtag-header__header {
|
||
margin-bottom: 0;
|
||
}
|
||
.app-body .hashtag-header__header h1 {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .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 (max-width:460px) {
|
||
.app-body .hashtag-header .hashtag-header__header + div {
|
||
max-width: 55%;
|
||
line-height: 1.5;
|
||
margin-top: -2px;
|
||
}
|
||
.app-body .hashtag-header .hashtag-header__header + div > span {
|
||
display: inline-block;
|
||
margin-right: 5px;
|
||
}
|
||
}
|
||
.layout-multiple-columns .hashtag-header .hashtag-header__header + div {
|
||
max-width: 55%;
|
||
line-height: 1.5;
|
||
margin-top: -2px;
|
||
}
|
||
.layout-multiple-columns .hashtag-header .hashtag-header__header + div > span {
|
||
display: inline-block;
|
||
margin-right: 5px;
|
||
}
|
||
|
||
@media screen and (min-width:890px) {
|
||
.app-body .hashtag-header .hashtag-header__header button {
|
||
transform: translate(0, 8px);
|
||
}
|
||
}
|
||
|
||
|
||
/* Account recommendations (For You Tab + User directory */
|
||
.app-body .scrollable .account-card {
|
||
margin: 0;
|
||
background-color: var(--color-content-bg);
|
||
border-radius: 0;
|
||
border: 0;
|
||
border-bottom: 1px solid var(--color-lines);
|
||
}
|
||
.app-body .account-card__header {
|
||
padding: 0;
|
||
border-radius: 0;
|
||
height: 128px;
|
||
overflow: hidden;
|
||
}
|
||
.app-body .scrollable .account-card__bio:after {
|
||
background: linear-gradient(270deg, var(--color-content-bg), transparent);
|
||
}
|
||
.app-body .account-card__header img {
|
||
background-color: var(--color-content-secondary-bg);
|
||
}
|
||
.app-body .account-card__title__avatar .account__avatar {
|
||
border: 0;
|
||
border-radius: 50%;
|
||
overflow: visible;
|
||
}
|
||
.app-body .account-card__title__avatar img {
|
||
border: 0;
|
||
border-radius: 50%;
|
||
box-shadow: 0 0 0 3px var(--color-content-bg);
|
||
}
|
||
.app-body .account-card__title .display-name bdi,
|
||
.app-body .account-card__counters__item,
|
||
.app-body .account-card__counters__item small {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .account-card__counters__item small {
|
||
opacity: .7;
|
||
}
|
||
.account-card__title .display-name bdi .display-name__html {
|
||
font-weight: bold;
|
||
}
|
||
.app-body .account-card__bio a {
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .filter-form {
|
||
background-color: var(--color-content-secondary-bg);
|
||
border-top: 1px solid var(--color-lines);
|
||
}
|
||
.app-body .filter-form__column {
|
||
padding: 10px 15px;
|
||
}
|
||
|
||
.app-body .explore__suggestions__card {
|
||
border-bottom: 2px solid var(--color-content-secondary-bg);
|
||
gap: 2px;
|
||
padding-bottom: 14px;
|
||
}
|
||
.app-body .explore__suggestions__card__source span {
|
||
background-color: var(--color-content-secondary-bg);
|
||
padding: 6px 12px;
|
||
display: inline-block;
|
||
border-radius: 50px;
|
||
color: var(--color-fg-muted);
|
||
font-weight: 500;
|
||
}
|
||
.app-body .explore__suggestions__card__body__main__name-button .display-name__account {
|
||
color: var(--color-content-fg);
|
||
opacity: .75;
|
||
}
|
||
.app-body .explore__suggestions__card .icon-button {
|
||
background-color: var(--color-content-secondary-bg);
|
||
color: var(--color-fg-muted);
|
||
padding: 6px;
|
||
border: 0;
|
||
}
|
||
.app-body .explore__suggestions__card .icon-button:is(:active, :hover) {
|
||
background-color: var(--color-accent-bg);
|
||
}
|
||
@media screen and (min-width:1173px) {
|
||
.app-body .explore__suggestions__card .icon-button {
|
||
opacity: 0;
|
||
transform: translateX(50%);
|
||
transition: all .3s;
|
||
}
|
||
.app-body .explore__suggestions__card:hover .icon-button {
|
||
opacity: 1;
|
||
transform: translateX(0);
|
||
}
|
||
}
|
||
|
||
|
||
/* 📰 Trending stories */
|
||
.app-body .story {
|
||
background-color: var(--color-content-bg);
|
||
transition: background-color .2s;
|
||
}
|
||
.app-body .story:not(:last-child) {
|
||
border-bottom: 2px solid var(--color-content-secondary-separator);
|
||
}
|
||
.app-body .story,
|
||
.app-body .story__details__title {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .story__details__title {
|
||
font-weight: bold;
|
||
}
|
||
.app-body .story:hover {
|
||
background-color: var(--color-content-bg-focus);
|
||
}
|
||
.app-body .story__details__publisher,
|
||
.app-body .story__details__shared {
|
||
color: var(--color-fg);
|
||
}
|
||
.app-body .story :is(.story__details__publisher, .story__details__shared) {
|
||
opacity: .7;
|
||
transition: all .3s;
|
||
}
|
||
.app-body .story:hover :is(.story__details__publisher, .story__details__shared) {
|
||
color: var(--color-accent);
|
||
opacity: 1;
|
||
}
|
||
.app-body .story.expanded {
|
||
gap: 10px;
|
||
padding-bottom: 20px;
|
||
}
|
||
.app-body .story.expanded .story__thumbnail {
|
||
margin: 0 0 -25px;
|
||
}
|
||
.app-body .story.expanded .story__thumbnail img {
|
||
margin: -5px -5px 30px;
|
||
border-radius: 8px;
|
||
width: calc(100% + 10px);
|
||
}
|
||
|
||
/* 🔍 Search field and search results */
|
||
.app-body .search {
|
||
margin-bottom: 10px;
|
||
transition: transform .3s;
|
||
}
|
||
.app-body .search:has(.search__icon:active) {
|
||
transform: scale(.95);
|
||
}
|
||
.app-body .search__input {
|
||
border-radius: 8px;
|
||
background-color: var(--color-accent-bg);
|
||
color: var(--color-content-fg);
|
||
border: 1px solid var(--color-accent-lines);
|
||
font-weight: 500;
|
||
padding-inline-end: 45px;
|
||
padding-inline-start: 16px;
|
||
outline-offset: 0;
|
||
outline: 0 solid var(--color-accent-bg);
|
||
transition:
|
||
border-color .2s,
|
||
background-color .2s,
|
||
outline .2s;
|
||
}
|
||
.app-body .search__input::placeholder,
|
||
.app-body .compose-form .spoiler-input__input::placeholder {
|
||
font-weight: 500;
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .search__input:focus {
|
||
border-color: var(--color-accent);
|
||
background-color: var(--color-content-bg);
|
||
outline: 3px solid var(--color-accent-bg);
|
||
border-radius: 8px;
|
||
}
|
||
.app-body .search__input:focus::placeholder,
|
||
.app-body .compose-form .spoiler-input__input:focus::placeholder {
|
||
color: var(--color-content-fg);
|
||
opacity: .4;
|
||
}
|
||
.app-body .search__icon .icon {
|
||
padding: 5px;
|
||
transform: scale(1) translateY(-50%);
|
||
background-size: 24px !important;
|
||
top: 50%;
|
||
inset-inline-start: unset;
|
||
inset-inline-end: 12px;
|
||
}
|
||
.app-body .search__input:not(:placeholder-shown) + .search__icon:hover .icon {
|
||
background-image: var(--icon-erase-active);
|
||
}
|
||
.app-body .compose-panel .icon-search,
|
||
.app-body .compose-panel .icon-search.active,
|
||
.app-body .explore__search-header .icon-search {
|
||
background-image: var(--icon-search-active);
|
||
}
|
||
.app-body .compose-panel .icon-search.active,
|
||
.app-body .search__icon .icon-search.active {
|
||
opacity: 1;
|
||
z-index: 1;
|
||
}
|
||
.app-body .explore__search-results {
|
||
border-radius: 0;
|
||
border: 0;
|
||
background-color: transparent;
|
||
overflow: hidden;
|
||
}
|
||
.app-body .explore__search-header {
|
||
background-color: transparent;
|
||
}
|
||
.app-body .explore__search-results .account {
|
||
padding-top: 16px;
|
||
}
|
||
.app-body .explore__search-results article:last-child > .account {
|
||
border-bottom: 1px solid var(--color-lines);
|
||
}
|
||
.app-body :is(.explore__search-results, .search-results__section) .trends__item {
|
||
border-bottom: 2px solid var(--color-content-secondary-bg);
|
||
}
|
||
.app-body :is(.explore__search-results, .search-results__section) article:first-child > .trends__item,
|
||
.app-body :is(.explore__search-results, .search-results__section) > .trends__item:first-child,
|
||
.app-body :is(.explore__search-results, .search-results__section) > .account:first-child {
|
||
border-top: 1px solid var(--color-lines);
|
||
}
|
||
.app-body :is(.explore__search-results, .search-results__section) article:last-child > .trends__item,
|
||
.app-body :is(.explore__search-results, .search-results__section) > .trends__item:last-child,
|
||
.app-body :is(.explore__search-results, .search-results__section) > .account:last-child {
|
||
border-bottom: 1px solid var(--color-lines);
|
||
}
|
||
.app-body .search-results__section {
|
||
background-color: var(--color-content-bg);
|
||
border-bottom: 0;
|
||
}
|
||
.app-body .search-results__section__header {
|
||
background-color: var(--color-content-secondary-bg);
|
||
border-bottom: 0;
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .search-results__section__header button {
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .account .account__details > span {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .account .account__details .verified-badge {
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .account .account__details .verified-badge span {
|
||
font-weight: 500;
|
||
}
|
||
.app-body .compose-panel:has(> .search.active) {
|
||
overflow: visible;
|
||
}
|
||
.app-body .search__popout {
|
||
background-color: var(--color-content-bg);
|
||
border-radius: 8px;
|
||
margin-top: 10px;
|
||
border: 1px solid var(--color-lines);
|
||
animation: fadein-short .2s 1;
|
||
}
|
||
.app-body .search__popout h4 {
|
||
font-weight: bold;
|
||
}
|
||
.app-body .search__popout h4,
|
||
.app-body .search__popout__menu__message,
|
||
.app-body .search__popout__menu__item {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .search__popout__menu__item {
|
||
align-items: center;
|
||
border-radius: 6px;
|
||
}
|
||
.app-body .search__popout__menu__item mark {
|
||
color: var(--color-content-fg-bold);
|
||
}
|
||
.app-body .search__popout__menu__item :is(.icon-button, .icon-button .icon) {
|
||
border-radius: 6px;
|
||
transition: none;
|
||
}
|
||
.app-body .search__popout__menu__item:is(.selected, :active, :focus, :hover) :is(.icon-button, .icon-button .icon) {
|
||
color: var(--color-accent-fg);
|
||
}
|
||
.app-body .search__popout__menu__item .icon-button:is(:active, :focus, :hover),
|
||
.app-body .search__popout__menu__item .icon-button:is(:active, :focus, :hover) .icon {
|
||
background-color: var(--color-content-secondary-bg);
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .search__popout__menu__item:is(.selected, :active, :focus, :hover),
|
||
.app-body .search__popout__menu__item:is(.selected, :active, :focus, :hover) mark {
|
||
background-color: var(--color-accent);
|
||
color: var(--color-accent-fg);
|
||
}
|
||
|
||
.app-body .search__popout__menu:nth-child(2):not(:has(.search__popout__menu__message)) {
|
||
margin-bottom: 10px;
|
||
}
|
||
.app-body .search__popout h4:has(+ .search__popout__menu:last-child, + .search__popout__menu__message) {
|
||
background-color: var(--color-content-secondary-bg);
|
||
padding-top: 15px;
|
||
padding-left: 15px;
|
||
padding-right: 15px;
|
||
margin: 0;
|
||
border-radius: 6px 6px 0 0;
|
||
color: var(--color-fg-muted);
|
||
}
|
||
.app-body .search__popout__menu:last-child,
|
||
.app-body .search__popout > .search__popout__menu__message:last-child {
|
||
margin: 0 0 -10px;
|
||
background-color: var(--color-content-secondary-bg);
|
||
border-radius: 0 0 6px 6px;
|
||
padding: 5px;
|
||
}
|
||
.app-body .search__popout > .search__popout__menu__message:last-child {
|
||
padding: 5px 15px 15px;
|
||
color: var(--color-fg-muted);
|
||
}
|
||
.app-body .search__popout__menu:last-child .search__popout__menu__item:not(.selected, :active, :hover, :focus) {
|
||
color: var(--color-fg-muted);
|
||
}
|
||
.app-body .search__popout__menu:last-child .search__popout__menu__item:not(.selected, :active, :hover, :focus) mark {
|
||
color: var(--color-content-fg);
|
||
}
|
||
|
||
@media screen and (max-width:1174px) {
|
||
.app-body:not(.layout-multiple-columns) .search {
|
||
margin-bottom: 0;
|
||
}
|
||
.app-body:not(.layout-multiple-columns) .explore__search-header {
|
||
padding-top: 2px;
|
||
}
|
||
.app-body:not(.layout-multiple-columns) .search__input {
|
||
padding: 13px;
|
||
}
|
||
.app-body:not(.layout-multiple-columns) .explore__search-header {
|
||
padding: 10px 0;
|
||
}
|
||
}
|
||
@media screen and (max-width:889px) {
|
||
.app-body:not(.layout-multiple-columns) .explore__search-header {
|
||
padding: 10px;
|
||
}
|
||
}
|
||
|
||
@keyframes makeawish {
|
||
0% {
|
||
transform: scale(120%) translate(0, 0) rotate(0deg);
|
||
}
|
||
100% {
|
||
transform: scale(200%) translate(100vw, 100vh) rotate(600deg);
|
||
}
|
||
}
|
||
.app-body:has(.search__input[value="Tangerine UI"])::after {
|
||
content: "🍊";
|
||
position: fixed;
|
||
display: block;
|
||
text-align: center;
|
||
width: 30px;
|
||
height: 30px;
|
||
font-size: 27px;
|
||
line-height: 30px;
|
||
top: -40px;
|
||
left: -40px;
|
||
animation: 10s linear 0s makeawish;
|
||
}
|
||
|
||
|
||
|
||
/* Dismissable banners */
|
||
.app-body .dismissable-banner {
|
||
background-color: var(--color-accent);
|
||
box-shadow: 0 5px var(--color-content-bg);
|
||
border-radius: 8px;
|
||
border: 0;
|
||
margin: 10px 10px 5px;
|
||
}
|
||
.app-body .dismissable-banner__message h1 {
|
||
color: var(--color-content-fg);
|
||
margin-bottom: 8px;
|
||
}
|
||
.app-body .dismissable-banner__message,
|
||
.app-body .dismissable-banner .dismissable-banner__action .icon-button {
|
||
color: var(--color-accent-fg);
|
||
font-weight: normal;
|
||
}
|
||
.app-body .dismissable-banner .dismissable-banner__action .icon-button:hover {
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .dismissable-banner__message__actions__wrapper {
|
||
flex-flow: row-reverse;
|
||
}
|
||
.app-body .dismissable-banner:has(.dismissable-banner__message > img:first-child) {
|
||
background: var(--color-content-bg);
|
||
margin: 0;
|
||
padding-top: 10px;
|
||
padding-left: 10px;
|
||
padding-right: 10px;
|
||
padding-bottom: 10px;
|
||
border-radius: 0;
|
||
border-top: 1px solid var(--color-lines);
|
||
border-bottom: 1px solid var(--color-lines);
|
||
}
|
||
.app-body .dismissable-banner:has(.dismissable-banner__message > img:first-child) .dismissable-banner__action .icon-button {
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .dismissable-banner:has(.dismissable-banner__message > img:first-child) .dismissable-banner__message {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .dismissable-banner__background-image {
|
||
display: none;
|
||
}
|
||
.app-body .dismissable-banner__message__actions .button,
|
||
.app-body .dismissable-banner__message__actions .button.button-tertiary {
|
||
line-height: 28px;
|
||
padding: 6px 17px;
|
||
}
|
||
.app-body .dismissable-banner__message__actions {
|
||
gap: 5px;
|
||
}
|
||
|
||
|
||
|
||
/* 🔔 Notifications
|
||
---------------- */
|
||
.app-body .status.muted
|
||
:is(
|
||
.status__content,
|
||
.status__content a,
|
||
.status__content p,
|
||
.status__display-name strong
|
||
),
|
||
.app-body .attachment-list__list a {
|
||
color: var(--color-content-fg-muted);
|
||
}
|
||
.app-body .notification.unread::before,
|
||
.app-body .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;
|
||
}
|
||
.app-body .notification__message {
|
||
padding: 12px 12px 5px;
|
||
background-color: var(--color-post-bg);
|
||
color: var(--color-content-fg-bold);
|
||
transition: all .3s;
|
||
}
|
||
.app-body .notification__display-name {
|
||
font-weight: bold;
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .notification__report {
|
||
background-color: var(--color-content-bg);
|
||
border-bottom: 0;
|
||
padding-top: 10px;
|
||
gap: 15px;
|
||
}
|
||
.app-body .notification__report__details {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .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) {
|
||
.app-body .notification__message .icon {
|
||
margin-left: 34px;
|
||
}
|
||
}
|
||
.app-body .notification .status__wrapper {
|
||
padding-top: 0;
|
||
}
|
||
.app-body
|
||
:is(
|
||
.notification-favourite,
|
||
.notification-reblog,
|
||
.notification-poll,
|
||
.notification-status
|
||
)
|
||
.status__action-bar {
|
||
display: none;
|
||
}
|
||
.app-body .account,
|
||
.app-body .notification-request {
|
||
background-color: var(--color-content-bg);
|
||
border-bottom: 2px solid var(--color-content-secondary-bg);
|
||
padding-left: 22px;
|
||
padding-top: 4px;
|
||
}
|
||
.app-body .notification .account {
|
||
border-bottom: 0;
|
||
}
|
||
.app-body .explore__search-results .account {
|
||
padding-top: 16px;
|
||
}
|
||
.app-body
|
||
.notification
|
||
.account:has(.account__wrapper > .account__relationship > button:nth-child(2))
|
||
.display-name__account {
|
||
display: block;
|
||
}
|
||
.app-body
|
||
.notification
|
||
.account:has(.account__wrapper > .account__relationship > button:nth-child(2))
|
||
.display-name {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
@media screen and (min-width:890px) {
|
||
.app-body .notification .account:has(.account__wrapper > .account__relationship > button:nth-child(2)) {
|
||
padding-left: 32px;
|
||
padding-right: 22px;
|
||
}
|
||
}
|
||
@media screen and (max-width:889px) {
|
||
.app-body .notification .account:has(.account__wrapper > .account__relationship > button:nth-child(2)) {
|
||
padding-left: 27px;
|
||
}
|
||
}
|
||
@media screen and (max-width:1174px) {
|
||
.app-body .account {
|
||
padding-left: 18px;
|
||
}
|
||
}
|
||
.app-body .notification .account__relationship .icon-button {
|
||
padding: 5px;
|
||
border-radius: 8px;
|
||
transition: background-color .2s;
|
||
}
|
||
.app-body .notification .account__relationship .icon-button:first-child {
|
||
background-color: var(--color-confirm-bg);
|
||
}
|
||
.app-body .notification .account__relationship .icon-button:first-child:is(:active, :focus, :hover) {
|
||
background-color: var(--color-confirm);
|
||
}
|
||
.app-body .notification .account__relationship .icon-button:first-child:is(:active, :focus, :hover) .icon-check {
|
||
background-image: var(--icon-check-inv);
|
||
}
|
||
.app-body .notification .account__relationship .icon-button:last-child {
|
||
background-color: var(--color-reject-bg);
|
||
}
|
||
.app-body .notification .account__relationship .icon-button:last-child:is(:active, :focus, :hover) {
|
||
background-color: var(--color-reject);
|
||
}
|
||
.app-body .notification .account__relationship .icon-button:last-child:is(:active, :focus, :hover) .icon-times {
|
||
background-image: var(--icon-reject-inv);
|
||
}
|
||
|
||
@media screen and (max-width:1174px) {
|
||
.app-body .notification-list {
|
||
bottom: calc(5rem + var(--safe-area-bottom));
|
||
}
|
||
}
|
||
.app-body .notification-bar {
|
||
background-color: color-mix(in srgb, var(--color-content-bg), transparent 25%);
|
||
color: var(--color-content-fg);
|
||
border: 1px solid var(--color-lines-translucent);
|
||
box-shadow: var(--dropdown-shadow);
|
||
-webkit-backdrop-filter: blur(10px);
|
||
backdrop-filter: blur(10px);
|
||
}
|
||
.app-body .notification-bar-action {
|
||
transition: all .2s;
|
||
}
|
||
.app-body .notification-bar-action:is(:active, :focus, :hover) {
|
||
background-color: var(--color-accent-bg);
|
||
color: var(--color-accent);
|
||
}
|
||
|
||
.app-body .column-settings h3,
|
||
.app-body .app-form__toggle,
|
||
.app-body .app-form__toggle__label .hint {
|
||
color: var(--color-content-fg-bold);
|
||
}
|
||
.app-body .column-header__setting-btn {
|
||
font-weight: 600;
|
||
}
|
||
.app-body .column-settings h3 {
|
||
margin-bottom: 12px;
|
||
font-weight: 500;
|
||
}
|
||
.app-body .column-settings section {
|
||
border-color: var(--color-lines);
|
||
}
|
||
.app-body .column-settings section:not(:first-child) {
|
||
padding-bottom: 25px;
|
||
}
|
||
.app-body .app-form__toggle__label .hint {
|
||
opacity: .5;
|
||
}
|
||
|
||
.app-body .filtered-notifications-banner {
|
||
background-color: var(--color-content-bg);
|
||
color: var(--color-accent);
|
||
border: 0;
|
||
position: relative;
|
||
padding: 25px;
|
||
border-left: 1px solid var(--color-lines);
|
||
border-right: 1px solid var(--color-lines);
|
||
}
|
||
.app-body .filtered-notifications-banner::before {
|
||
position: absolute;
|
||
display: block;
|
||
left: 10px;
|
||
right: 10px;
|
||
top: 10px;
|
||
bottom: 10px;
|
||
content: " ";
|
||
background-color: var(--color-content-secondary-bg);
|
||
border-radius: 8px;
|
||
transition: all .2s;
|
||
}
|
||
.app-body .filtered-notifications-banner:is(:active, :hover, :focus)::before {
|
||
background-color: color-mix(in srgb, var(--color-accent), transparent 88%);
|
||
}
|
||
.app-body .filtered-notifications-banner:hover::before {
|
||
left: 6px;
|
||
right: 6px;
|
||
top: 8px;
|
||
bottom: 8px;
|
||
}
|
||
.app-body .filtered-notifications-banner:active::before {
|
||
transform: scale(.98);
|
||
}
|
||
.app-body .filtered-notifications-banner > * {
|
||
z-index: 1;
|
||
}
|
||
.app-body .filtered-notifications-banner .filtered-notifications-banner__badge,
|
||
.app-body .filtered-notifications-banner:is(:active, :focus, :hover) .filtered-notifications-banner__badge,
|
||
.app-body .notification-request__name .filtered-notifications-banner__badge {
|
||
background-color: var(--color-accent);
|
||
color: var(--color-accent-fg);
|
||
border-radius: 50px;
|
||
}
|
||
.app-body .filtered-notifications-banner__badge__badge {
|
||
background-color: var(--color-content-bg);
|
||
color: var(--color-content-fg);
|
||
font-weight: 600;
|
||
}
|
||
.app-body .filtered-notifications-banner__text {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .filtered-notifications-banner__text strong {
|
||
font-weight: 600;
|
||
}
|
||
.app-body .notification-request__name__display-name,
|
||
.app-body .notification-request__name {
|
||
color: var(--color-content-fg);
|
||
letter-spacing: unset;
|
||
}
|
||
.app-body .notification-request {
|
||
padding-top: 15px;
|
||
}
|
||
|
||
|
||
/* 📋 Lists tab */
|
||
.app-body .column-inline-form {
|
||
background-color: var(--color-content-secondary-bg);
|
||
border: 1px solid var(--color-lines);
|
||
border-bottom: 0;
|
||
}
|
||
@media screen and (max-width:889px) {
|
||
.app-body .column-inline-form {
|
||
border-left: 0;
|
||
border-right: 0;
|
||
}
|
||
}
|
||
.app-body .column-inline-form label :is(input, input:focus) {
|
||
background-color: var(--color-content-bg);
|
||
color: var(--color-content-fg);
|
||
border-radius: 8px;
|
||
border: 1px solid var(--color-lines);
|
||
}
|
||
.app-body .column-inline-form label input:focus {
|
||
border-color: var(--color-accent);
|
||
}
|
||
.app-body :is(.column-subheading, .columns-area__panels__main .column-link) {
|
||
background-color: var(--color-content-bg);
|
||
color: var(--color-fg);
|
||
}
|
||
.app-body .item-list .column-subheading {
|
||
color: var(--color-fg-muted);
|
||
border-top: 0;
|
||
border-bottom: 0;
|
||
}
|
||
.app-body .getting-started .column-subheading {
|
||
color: var(--color-fg-muted);
|
||
}
|
||
@media screen and (max-width:889px) {
|
||
.app-body .item-list .column-subheading {
|
||
border-left: 0;
|
||
border-right: 0;
|
||
border-radius: 0;
|
||
}
|
||
}
|
||
.app-body .list-editor {
|
||
background-color: var(--color-content-bg);
|
||
}
|
||
.app-body .list-editor .drawer__inner {
|
||
background-color: var(--color-content-bg);
|
||
border-radius: 0;
|
||
}
|
||
.app-body .list-editor__search {
|
||
margin: 10px;
|
||
background-color: var(--color-content-bg);
|
||
}
|
||
.app-body .list-editor .column-inline-form {
|
||
background-color: var(--color-content-secondary-bg);
|
||
border-top: 0;
|
||
border-right: 0;
|
||
border-left: 0;
|
||
border-color: var(--color-lines);
|
||
}
|
||
.app-body .list-editor .column-inline-form .icon-button {
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .list-editor .column-inline-form .icon-button.disabled {
|
||
opacity: .5;
|
||
pointer-events: none;
|
||
}
|
||
.app-body .list-editor .account {
|
||
border-right: 0 !important;
|
||
border-left: 0 !important;
|
||
}
|
||
.app-body .list-editor .setting-text {
|
||
width: 100%;
|
||
background-color: var(--color-accent-bg);
|
||
border: 1px solid var(--color-accent-lines);
|
||
border-radius: 8px;
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .list-editor .setting-text:is(:active, :focus) {
|
||
border-color: var(--color-accent);
|
||
background-color: var(--color-content-bg);
|
||
}
|
||
|
||
.app-body .item-list .column-link {
|
||
margin-left: 0;
|
||
width: 100%;
|
||
border-bottom: 2px solid var(--color-content-secondary-separator);
|
||
background-color: var(--color-content-bg);
|
||
box-sizing: border-box;
|
||
}
|
||
.app-body .item-list .column-link:hover {
|
||
background-color: var(--color-content-secondary-bg);
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .item-list article:last-child .column-link {
|
||
border-bottom: 0;
|
||
}
|
||
@media screen and (max-width:889px) {
|
||
.app-body .item-list .column-link {
|
||
border-left: 0;
|
||
border-right: 0;
|
||
}
|
||
.app-body .item-list article:last-child .column-link {
|
||
border-radius: 0;
|
||
}
|
||
}
|
||
|
||
/* List adder dialog */
|
||
.app-body :is(.list-adder, .list-adder__account, .list-adder__lists) {
|
||
background-color: var(--color-content-bg);
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .list-adder__account {
|
||
margin-top: 12px;
|
||
}
|
||
.app-body .list-adder .column-inline-form {
|
||
border-radius: 0;
|
||
}
|
||
.list-adder .list {
|
||
border-bottom: 2px solid var(--color-content-secondary-separator);
|
||
}
|
||
|
||
|
||
/* ➕ Follow requests */
|
||
.app-body #Follow-requests {
|
||
margin-bottom: 0;
|
||
z-index: 0;
|
||
}
|
||
.app-body .account-authorize__wrapper {
|
||
margin: 0;
|
||
border-bottom: 1px solid var(--color-lines);
|
||
}
|
||
.app-body .account-authorize {
|
||
background-color: var(--color-content-bg);
|
||
padding: 20px
|
||
}
|
||
.app-body .account--panel {
|
||
background-color: var(--color-content-bg);
|
||
border: 0;
|
||
padding: 0 5px;
|
||
}
|
||
.app-body .account__header__content {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .account--panel__button {
|
||
padding: 0 5px 12px 5px;
|
||
}
|
||
.app-body .account--panel__button .icon-button {
|
||
width: 100%;
|
||
}
|
||
.app-body .account--panel__button .icon-button,
|
||
.app-body .notification-request__actions .icon-button {
|
||
padding: 10px;
|
||
box-sizing: border-box;
|
||
border-radius: 8px;
|
||
transition: all .3s;
|
||
border: 0;
|
||
}
|
||
.app-body .account--panel button .icon-check {
|
||
background-image: var(--icon-check);
|
||
}
|
||
.app-body .account--panel button:is(:active, :focus, :hover) .icon-check {
|
||
background-image: var(--icon-check-inv);
|
||
}
|
||
.app-body .account--panel__button:first-child .icon-button,
|
||
.app-body .notification-request__actions .icon-button:last-child {
|
||
background-color: var(--color-confirm-bg);
|
||
color: var(--color-confirm-fg);
|
||
}
|
||
.app-body .account--panel__button:first-child .icon-button:is(:hover, :active),
|
||
.app-body .notification-request__actions .icon-button:last-child:is(:hover, :active) {
|
||
background-color: var(--color-confirm);
|
||
color: var(--color-accent-fg);
|
||
}
|
||
.app-body .account--panel button .icon-times {
|
||
background-image: var(--icon-reject);
|
||
}
|
||
.app-body .account--panel button:is(:active, :focus, :hover) .icon-times {
|
||
background-image: var(--icon-reject-inv);
|
||
}
|
||
.app-body .account--panel__button:nth-child(2) .icon-button,
|
||
.app-body .notification-request__actions .icon-button:first-child {
|
||
background-color: var(--color-reject-bg);
|
||
color: var(--color-reject);
|
||
}
|
||
.app-body .account--panel__button:nth-child(2) .icon-button:is(:hover, :active),
|
||
.app-body .notification-request__actions .icon-button:first-child:is(:hover, :active) {
|
||
background-color: var(--color-reject);
|
||
color: var(--color-accent-fg);
|
||
}
|
||
@media screen and (max-width:1174px) {
|
||
.app-body #Follow-requests + .column-back-button--slim .column-back-button {
|
||
position: absolute;
|
||
right: 0;
|
||
margin: 0;
|
||
width: auto;
|
||
}
|
||
}
|
||
|
||
|
||
/* Inline Follow Suggesitons */
|
||
.app-body .inline-follow-suggestions {
|
||
background-color: var(--color-content-bg);
|
||
border-top: 1px solid var(--color-lines);
|
||
border-bottom: 1px solid var(--color-lines);
|
||
position: relative;
|
||
}
|
||
.app-body .inline-follow-suggestions__header h3 {
|
||
font-weight: bold;
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .inline-follow-suggestions__body__scrollable {
|
||
scroll-padding: 60px;
|
||
}
|
||
.app-body .inline-follow-suggestions__body__scrollable::-webkit-scrollbar {
|
||
height: 5px;
|
||
}
|
||
.app-body .inline-follow-suggestions__body__scrollable::-webkit-scrollbar-thumb {
|
||
opacity: 1;
|
||
border-radius: 0;
|
||
}
|
||
.app-body .inline-follow-suggestions__body__scrollable__card {
|
||
border-radius: 8px;
|
||
background-color: var(--color-content-secondary-bg);
|
||
border: 0;
|
||
}
|
||
.app-body .inline-follow-suggestions__body__scrollable__card :is(.display-name__html, .display-name__account),
|
||
.app-body .inline-follow-suggestions__body__scrollable__card__text-stack__source {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .inline-follow-suggestions__body__scrollable__card .display-name__account {
|
||
opacity: .6;
|
||
}
|
||
.app-body .inline-follow-suggestions__body__scrollable__card .verified-badge {
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .inline-follow-suggestions__body__scrollable__card button:active {
|
||
transform: scale(.95);
|
||
}
|
||
.app-body .inline-follow-suggestions__body__scroll-button__icon {
|
||
background-color: var(--color-accent);
|
||
border-radius: 8px;
|
||
padding: 6px;
|
||
transition: all .3s;
|
||
}
|
||
.app-body .inline-follow-suggestions__body__scroll-button {
|
||
opacity: 1;
|
||
}
|
||
.app-body .inline-follow-suggestions__body__scroll-button:is(:active) .inline-follow-suggestions__body__scroll-button__icon {
|
||
transform: scale(.9);
|
||
}
|
||
.app-body .inline-follow-suggestions__body__scroll-button:is(:active, :focus, :hover) .inline-follow-suggestions__body__scroll-button__icon {
|
||
background-color: var(--color-accent-focus);
|
||
}
|
||
.app-body .inline-follow-suggestions__body__scroll-button.left {
|
||
background: linear-gradient(to right, var(--color-content-bg), transparent);
|
||
margin-left: -15px;
|
||
padding-left: 21px;
|
||
}
|
||
.app-body .inline-follow-suggestions__body__scroll-button.right {
|
||
background: linear-gradient(to left, var(--color-content-bg), transparent);
|
||
margin-right: -15px;
|
||
padding-right: 21px;
|
||
}
|
||
|
||
.app-body .inline-follow-suggestions__body__scrollable__card .account__avatar {
|
||
border-radius: 50px;
|
||
background-color: var(--color-content-bg);
|
||
border: 3px solid var(--color-content-bg);
|
||
box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
|
||
transform: translateY(3px);
|
||
}
|
||
|
||
|
||
.app-body .button,
|
||
.app-body .account__header__tabs__buttons .icon-button {
|
||
border-radius: 8px;
|
||
}
|
||
.app-body .button,
|
||
.app-body .button.logo-button,
|
||
.app-body .rules-list li:before,
|
||
.app-body .icon-with-badge__badge {
|
||
background-color: var(--color-accent);
|
||
color: var(--color-accent-fg);
|
||
transition: all .2s;
|
||
}
|
||
.app-body .button:disabled,
|
||
.app-body .button.disabled {
|
||
opacity: .7;
|
||
}
|
||
.app-body .text-icon-button.active,
|
||
.app-body .button.button-tertiary,
|
||
.app-body .account__header__fields a,
|
||
.app-body .account__header__bio .account__header__fields a,
|
||
.app-body .reply-indicator__content a.unhandled-link,
|
||
.app-body .status__content a,
|
||
.app-body .status__content a.hashtag,
|
||
.app-body .status__content a.unhandled-link,
|
||
.app-body .column-back-button,
|
||
.app-body .about__section__title,
|
||
.app-body .prose a,
|
||
.app-body .column-link--transparent.active,
|
||
.app-body .column-header > .column-header__back-button,
|
||
.app-body .column-header__back-button,
|
||
.app-body .interaction-modal__icon,
|
||
.app-body .status__content a.mention,
|
||
.app-body .status__content__read-more-button,
|
||
.app-body .link-button,
|
||
.app-body .translate-button button,
|
||
.app-body .status__content__translate-button,
|
||
.app-body .status__action-bar__dropdown .icon-button.active,
|
||
.app-body .account__relationship .icon-button.active,
|
||
.app-body .account__header__tabs__buttons .icon-button.active,
|
||
.app-body .text-btn,
|
||
.app-body .detailed-status__action-bar-dropdown .icon-button,
|
||
.app-body .notification-bar-action {
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .icon-button,
|
||
.app-body .icon-button.inverted {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .account__header__tabs__buttons .icon-button {
|
||
padding: 6px;
|
||
border: 0;
|
||
color: var(--color-content-fg);
|
||
background-color: var(--color-content-secondary-bg);
|
||
}
|
||
.app-body .account__header__tabs__buttons .icon-button:hover {
|
||
background-color: var(--color-accent-bg);
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .account__header__tabs__buttons .icon-button:has(.icon-ellipsis-v, .icon-close).active {
|
||
background-color: var(--color-accent);
|
||
}
|
||
.app-body .icon-button {
|
||
border-radius: 8px;
|
||
transition: all .2s;
|
||
}
|
||
.app-body .icon-button:is(:active, :focus, :hover) {
|
||
background-color: var(--color-accent-bg);
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .account__header__tabs__buttons .icon-button.active .icon-bell {
|
||
animation: bell-ring .4s ease-in 1;
|
||
transform-origin: top center;
|
||
}
|
||
.app-body .account__header__tabs__buttons .icon-button.active:has(.icon-bell):is(:active, :focus) {
|
||
background-color: var(--color-content-secondary-bg);
|
||
}
|
||
.app-body .language-dropdown__dropdown {
|
||
background-color: var(--color-content-bg);
|
||
border-radius: 8px;
|
||
border: 1px solid var(--color-lines);
|
||
box-shadow: var(--dropdown-shadow);
|
||
padding: 0;
|
||
}
|
||
.app-body .language-dropdown__dropdown__results__item {
|
||
border-radius: 8px;
|
||
}
|
||
.app-body .language-dropdown__dropdown__results__item.active,
|
||
.app-body .language-dropdown__dropdown__results__item.active:hover {
|
||
background-color: var(--color-accent);
|
||
color: var(--color-accent-fg);
|
||
}
|
||
.app-body .language-dropdown__dropdown__results__item:is(:active, :focus, :hover) {
|
||
background-color: var(--color-accent-bg);
|
||
}
|
||
.app-body .language-dropdown__dropdown__results__item__native-name {
|
||
font-weight: bold;
|
||
}
|
||
.app-body .language-dropdown__dropdown__results__item__common-name {
|
||
opacity: .7;
|
||
}
|
||
.app-body
|
||
:is(.language-dropdown__dropdown__results__item__common-name,
|
||
.language-dropdown__dropdown__results__item__native-name) {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body
|
||
.language-dropdown__dropdown__results__item:is(.active, .active:hover)
|
||
:is(.language-dropdown__dropdown__results__item__common-name,
|
||
.language-dropdown__dropdown__results__item__native-name) {
|
||
color: var(--color-accent-fg);
|
||
}
|
||
.app-body
|
||
.language-dropdown__dropdown__results__item:is(:active, :focus, :hover)
|
||
:is(.language-dropdown__dropdown__results__item__native-name,
|
||
.language-dropdown__dropdown__results__item__common-name) {
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .button:not(.button-secondary):is(:active, :hover),
|
||
.app-body .button.button-tertiary:is(:active, :hover),
|
||
.app-body .button.logo-button:is(:active, :hover) {
|
||
background-color: var(--color-accent-focus);
|
||
}
|
||
|
||
.app-body .react-toggle {
|
||
transition: transform .3s;
|
||
}
|
||
.app-body .react-toggle:active {
|
||
transform: scale(.9);
|
||
}
|
||
.app-body .react-toggle-track,
|
||
.app-body .react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {
|
||
background-color: var(--color-fg-muted);
|
||
transition: all .2s;
|
||
}
|
||
.app-body .react-toggle-thumb {
|
||
border: 0;
|
||
background-color: #ffffff;
|
||
}
|
||
.app-body .react-toggle.react-toggle--checked .react-toggle-track,
|
||
.app-body .react-toggle.react-toggle--checked:is(:hover,:focus-within):not(.react-toggle--disabled) .react-toggle-track,
|
||
.app-body .react-toggle.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
|
||
background-color: var(--color-accent);
|
||
}
|
||
.app-body .react-toggle--checked .react-toggle-thumb {
|
||
border-color: var(--color-accent);
|
||
}
|
||
.app-body .react-toggle--focus {
|
||
outline: 0;
|
||
}
|
||
|
||
.app-body .radio-button {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .radio-button__input,
|
||
.app-body .poll__input,
|
||
.app-body .check-box__input {
|
||
border-width: 4px;
|
||
border-color: var(--color-content-bg);
|
||
background-color: var(--color-accent-bg);
|
||
outline: 1px solid var(--color-accent) !important;
|
||
outline-offset: -1px;
|
||
transition: transform .3s;
|
||
width: 20px;
|
||
height: 20px;
|
||
}
|
||
.app-body .radio-button:active .radio-button__input,
|
||
.app-body .poll__option:active .poll__input,
|
||
.app-body .check-box:active .check-box__input {
|
||
transform: scale(.9);
|
||
}
|
||
.app-body .radio-button__input.checked,
|
||
.app-body .poll__input.active {
|
||
background-color: var(--color-accent);
|
||
}
|
||
.app-body .check-box__input.checked:before,
|
||
.app-body .radio-button__input.checked:before {
|
||
display: none;
|
||
}
|
||
.app-body .check-box__input.checked,
|
||
.app-body .radio-button__input.checked {
|
||
background-color: var(--color-accent);
|
||
}
|
||
.app-body .check-box__input.checked .icon-check {
|
||
transform: scale(.5);
|
||
}
|
||
|
||
.app-body .dropdown-menu {
|
||
border: 1px solid var(--color-lines);
|
||
border-radius: 8px;
|
||
}
|
||
.app-body .dropdown-menu,
|
||
.app-body .dropdown-menu__container__header,
|
||
.app-body .dropdown-menu__item.edited-timestamp__history__item,
|
||
.app-body .dropdown-menu__item :is(a, button) {
|
||
background-color: var(--color-content-bg);
|
||
color: var(--color-content-fg);
|
||
border-color: var(--color-lines);
|
||
}
|
||
|
||
.app-body .dropdown-menu__item a,
|
||
.app-body .dropdown-menu__arrow:before {
|
||
background-color: var(--color-content-bg);
|
||
color: var(--color-content-fg);
|
||
border: 0;
|
||
}
|
||
.app-body .dropdown-menu__item :is(a, button):is(:active, :focus, :hover) {
|
||
background: var(--color-accent);
|
||
color: var(--color-accent-fg);
|
||
outline: 0;
|
||
}
|
||
.app-body .dropdown-menu__separator {
|
||
border-color: var(--color-content-secondary-separator);
|
||
}
|
||
|
||
.app-body .dropdown-menu__container__list--scrollable {
|
||
overflow-y: auto;
|
||
}
|
||
|
||
.app-body .privacy-dropdown__dropdown {
|
||
background-color: var(--color-content-bg);
|
||
border-radius: 8px;
|
||
border: 1px solid var(--color-lines);
|
||
box-shadow: var(--dropdown-shadow);
|
||
padding: 8px;
|
||
}
|
||
.app-body .privacy-dropdown :is(.privacy-dropdown__value, .privacy-dropdown__value),
|
||
.app-body .privacy-dropdown__option {
|
||
background-color: var(--color-content-bg);
|
||
color: var(--color-content-fg);
|
||
border-radius: 6px;
|
||
margin-bottom: 2px;
|
||
}
|
||
.app-body .privacy-dropdown.active :is(.privacy-dropdown__value, .privacy-dropdown__value.active),
|
||
.app-body .privacy-dropdown__option:is(.active, .active:hover, :hover) {
|
||
background-color: var(--color-accent);
|
||
color: var(--color-accent-fg);
|
||
}
|
||
.app-body .privacy-dropdown.active .privacy-dropdown__value:has(.text-icon-button.active) {
|
||
border-radius: 6px 6px 0 0;
|
||
}
|
||
.app-body .privacy-dropdown__option .privacy-dropdown__option__content,
|
||
.app-body .privacy-dropdown__option .privacy-dropdown__option__content strong {
|
||
background-color: var(--color-content-bg);
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .privacy-dropdown__option.active .privacy-dropdown__option__content,
|
||
.app-body .privacy-dropdown__option.active .privacy-dropdown__option__content strong,
|
||
.app-body .privacy-dropdown__option:hover .privacy-dropdown__option__content,
|
||
.app-body .privacy-dropdown__option:hover .privacy-dropdown__option__content strong,
|
||
.app-body .privacy-dropdown.active .privacy-dropdown__value.active .icon-button,
|
||
.app-body .privacy-dropdown .icon-button.inverted.active {
|
||
background-color: var(--color-accent);
|
||
color: var(--color-accent-fg);
|
||
}
|
||
.app-body .privacy-dropdown__option:is(:hover, .active, .active:hover) .icon-globe {
|
||
background-image: var(--icon-globe-visibility-inv);
|
||
}
|
||
.app-body .privacy-dropdown__option:is(:hover, .active, .active:hover) .icon-unlock {
|
||
background-image: var(--icon-unlock-inv);
|
||
}
|
||
.app-body .privacy-dropdown__option:is(:hover, .active, .active:hover) .icon-lock {
|
||
background-image: var(--icon-lock-inv);
|
||
}
|
||
.app-body .privacy-dropdown__option:is(:hover, .active, .active:hover) .icon-at {
|
||
background-image: var(--icon-at-inv);
|
||
}
|
||
.app-body .privacy-dropdown__option .icon-info-circle path {
|
||
fill: var(--color-content-fg);
|
||
}
|
||
.app-body .privacy-dropdown__option:is(:hover, .active, .active:hover) .icon-info-circle path {
|
||
fill: var(--color-accent-fg);
|
||
}
|
||
|
||
.app-body .dropdown-animation {
|
||
animation: fadein-short .2s 1;
|
||
}
|
||
|
||
.app-body .button.button-tertiary:is(.button--confirmation, .button--destructive) {
|
||
background-color: transparent;
|
||
}
|
||
.app-body .button.button-tertiary.button--confirmation {
|
||
color: #4e8a6b;
|
||
background-color: rgba(121, 189, 154, 0.3);
|
||
}
|
||
.app-body .button.button-tertiary.button--destructive {
|
||
color: #df405a;
|
||
background-color: rgba(223, 64, 90, 0.3);
|
||
}
|
||
.app-body .button.button-tertiary.button--confirmation:is(:active, :focus, :hover) {
|
||
background-color: #79bd9a;
|
||
color: #ffffff;
|
||
}
|
||
.app-body .button.button-tertiary.button--destructive:is(:active, :focus, :hover) {
|
||
background-color: #df405a;
|
||
color: #ffffff;
|
||
}
|
||
@media (prefers-color-scheme: dark) {
|
||
.app-body .button.button-tertiary.button--confirmation {
|
||
color: #72cb9d;
|
||
}
|
||
.app-body .button.button-tertiary.button--destructive {
|
||
color: #f3637b;
|
||
}
|
||
}
|
||
.app-body
|
||
:is(
|
||
.block-modal__cancel-button,
|
||
.confirmation-modal__cancel-button,
|
||
.confirmation-modal__secondary-button,
|
||
.mute-modal__cancel-button
|
||
):not(:hover) {
|
||
background-color: color-mix(in srgb, var(--color-accent), transparent 90%);
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body
|
||
:is(
|
||
.block-modal__cancel-button,
|
||
.confirmation-modal__cancel-button,
|
||
.confirmation-modal__secondary-button,
|
||
.mute-modal__cancel-button
|
||
):is(:active, :hover) {
|
||
background-color: color-mix(in srgb, var(--color-accent), transparent 70%) !important;
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body
|
||
:is(
|
||
.block-modal__cancel-button,
|
||
.confirmation-modal__cancel-button,
|
||
.confirmation-modal__secondary-button,
|
||
.mute-modal__cancel-button
|
||
):active,
|
||
:is(
|
||
.block-modal__cancel-button,
|
||
.confirmation-modal__cancel-button,
|
||
.confirmation-modal__secondary-button,
|
||
.mute-modal__cancel-button
|
||
)
|
||
+ button:active {
|
||
transform: scale(.95);
|
||
}
|
||
.app-body .status__content a.hashtag {
|
||
color: var(--color-accent);
|
||
}
|
||
|
||
|
||
|
||
/* 🖱️ Interaction modals
|
||
--------------------- */
|
||
.app-body .modal-root__modal:not(.media-modal) {
|
||
border: 0;
|
||
outline: 1px solid var(--color-lines-translucent);
|
||
}
|
||
@media screen and (max-width:1174px) {
|
||
.app-body .modal-root__modal:not(.media-modal) {
|
||
margin-top: unset;
|
||
}
|
||
}
|
||
.app-body .compare-history-modal {
|
||
background-color: var(--color-content-bg);
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .compare-history-modal .report-modal__target {
|
||
border-color: var(--color-lines);
|
||
}
|
||
.app-body .safety-action-modal {
|
||
border: 1px solid var(--color-lines);
|
||
background-color: var(--color-content-bg);
|
||
border-radius: 8px;
|
||
}
|
||
.app-body .safety-action-modal__header__icon {
|
||
background-color: var(--color-accent);
|
||
}
|
||
.app-body .safety-action-modal__header,
|
||
.app-body .safety-action-modal__header h1,
|
||
.app-body .safety-action-modal__caveats,
|
||
.app-body .safety-action-modal__bullet-points {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .safety-action-modal__header h1 {
|
||
font-weight: 600;
|
||
}
|
||
.app-body .safety-action-modal__header h1 + div {
|
||
opacity: .6;
|
||
}
|
||
.app-body .safety-action-modal__top {
|
||
background-color: transparent;
|
||
border: 0;
|
||
}
|
||
.app-body .safety-action-modal__bottom {
|
||
background-color: var(--color-content-secondary-bg);
|
||
padding-top: 24px;
|
||
border: 0;
|
||
border-radius: 0 0 8px 8px;
|
||
}
|
||
.app-body .safety-action-modal__bullet-points__icon .icon {
|
||
transform: scale(1.3);
|
||
}
|
||
.app-body .safety-action-modal__bullet-points > div:first-child .safety-action-modal__bullet-points__icon .icon {
|
||
background-image: var(--icon-megaphone);
|
||
}
|
||
.app-body .safety-action-modal__bullet-points > div:nth-child(2) .safety-action-modal__bullet-points__icon .icon {
|
||
background-image: var(--icon-eye-shut);
|
||
}
|
||
.app-body .safety-action-modal__bullet-points > div:nth-child(3) .safety-action-modal__bullet-points__icon .icon {
|
||
background-image: var(--icon-direct-messages);
|
||
}
|
||
.app-body .safety-action-modal__bullet-points > div:nth-child(4) .safety-action-modal__bullet-points__icon .icon {
|
||
background-image: var(--icon-reply);
|
||
transform: scale(1);
|
||
}
|
||
.app-body .safety-action-modal__field-group label {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .report-modal {
|
||
background-color: var(--color-content-bg);
|
||
}
|
||
.app-body .interaction-modal {
|
||
background-color: var(--color-content-bg);
|
||
border-radius: 10px;
|
||
box-shadow: var(--dropdown-shadow);
|
||
}
|
||
.app-body .interaction-modal,
|
||
.app-body .interaction-modal__lead h3 {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .interaction-modal__lead p,
|
||
.app-body .interaction-modal__choices__choice p {
|
||
color: var(--color-fg);
|
||
}
|
||
.app-body .interaction-modal__icon {
|
||
vertical-align: middle;
|
||
display: inline-block;
|
||
transform: scale(1.4) translateX(-2px);
|
||
}
|
||
.app-body .interaction-modal p {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .interaction-modal p.hint {
|
||
color: var(--color-content-fg-muted);
|
||
}
|
||
.app-body .interaction-modal :is(.button, .button.button-tertiary) {
|
||
padding: 10px 18px;
|
||
}
|
||
.app-body .interaction-modal .button.button-tertiary:hover {
|
||
background-color: var(--color-content-secondary-separator);
|
||
}
|
||
.app-body .copypaste input,
|
||
.app-body .interaction-modal__login__input {
|
||
border-color: var(--color-lines);
|
||
background-color: var(--color-content-secondary-bg);
|
||
color: var(--color-content-fg);
|
||
border-radius: 8px;
|
||
outline: 0 solid var(--color-accent-bg);
|
||
transition: all .2s;
|
||
}
|
||
.app-body .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;
|
||
}
|
||
.app-body .interaction-modal__login__input input::placeholder {
|
||
color: var(--color-content-fg-muted);
|
||
}
|
||
.app-body .interaction-modal__login.focused .interaction-modal__login__input {
|
||
background-color: var(--color-content-bg);
|
||
border-color: var(--color-accent);
|
||
outline: 3px solid var(--color-accent-bg);
|
||
}
|
||
.app-body .interaction-modal__login .search__popout {
|
||
border-color: var(--color-lines);
|
||
}
|
||
.app-body .interaction-modal .copypaste button {
|
||
padding: 8px 18px;
|
||
}
|
||
.app-body .interaction-modal,
|
||
.app-body .boost-modal__container,
|
||
.app-body .mute-modal__container,
|
||
.app-body .block-modal__container {
|
||
background-color: var(--color-content-bg);
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .boost-modal__container {
|
||
margin-bottom: -11px;
|
||
}
|
||
.app-body .confirmation-modal__container,
|
||
.app-body .mute-modal__container,
|
||
.app-body .block-modal__container {
|
||
background-color: var(--color-content-bg);
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .block-modal__action-bar,
|
||
.app-body .boost-modal__action-bar,
|
||
.app-body .confirmation-modal__action-bar,
|
||
.app-body .mute-modal__action-bar {
|
||
background-color: var(--color-accent-bg);
|
||
}
|
||
.app-body .block-modal__action-bar > div,
|
||
.app-body .boost-modal__action-bar > div,
|
||
.app-body .confirmation-modal__action-bar > div,
|
||
.app-body .mute-modal__action-bar > div,
|
||
.app-body .boost-modal__container .status__content__text,
|
||
.app-body .boost-modal__container .display-name strong.display-name__html,
|
||
.app-body .boost-modal__container .status__info,
|
||
.app-body .boost-modal__container .status__relative-time time,
|
||
.app-body .boost-modal__container .status.light .status__visibility-icon {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .actions-modal ul li:not(:empty) a {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .actions-modal ul li:not(:empty)
|
||
a:is(.active,
|
||
.active button,
|
||
:active,
|
||
:active button,
|
||
:focus,
|
||
:focus button,
|
||
:hover,
|
||
:hover button) {
|
||
background-color: var(--color-accent);
|
||
color: var(--color-accent-fg);
|
||
}
|
||
|
||
|
||
/* Media modals */
|
||
.app-body .modal-root__overlay:has(+ div > .media-modal) {
|
||
background-color: #030303 !important;
|
||
}
|
||
.app-body
|
||
:is(
|
||
.media-modal__close,
|
||
.media-modal__nav,
|
||
.media-modal__zoom-button
|
||
) {
|
||
background-color: #1e1e1e;
|
||
color: #777777;
|
||
height: 44px;
|
||
width: 44px;
|
||
border-radius: 50%;
|
||
align-items: center;
|
||
justify-content: center;
|
||
padding: 0;
|
||
transition: .2s all;
|
||
|
||
}
|
||
.app-body
|
||
:is(
|
||
.media-modal__close,
|
||
.media-modal__nav,
|
||
.media-modal__zoom-button
|
||
):is(:active, :focus, :hover) {
|
||
background-color: #343434;
|
||
color: #ffffff;
|
||
}
|
||
.app-body
|
||
:is(
|
||
.media-modal__close,
|
||
.media-modal__nav,
|
||
.media-modal__zoom-button)
|
||
svg {
|
||
transform: scale(1.3);
|
||
}
|
||
.app-body .media-modal__close {
|
||
top: 24px;
|
||
left: 24px;
|
||
}
|
||
.app-body .media-modal__zoom-button {
|
||
top: 24px;
|
||
right: 24px;
|
||
}
|
||
.app-body .media-modal__nav--left {
|
||
left: 24px;
|
||
}
|
||
.app-body .media-modal__nav--right {
|
||
right: 24px;
|
||
}
|
||
@media screen and (max-width:889px) {
|
||
.app-body .media-modal__nav {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
.app-body .media-modal__overlay .picture-in-picture__footer {
|
||
display: none;
|
||
}
|
||
.app-body .media-modal__overlay .picture-in-picture__footer .icon-button > svg {
|
||
width: 25px;
|
||
height: 25px;
|
||
}
|
||
.app-body .media-modal__overlay .picture-in-picture__footer .icon-button:is(:active, :hover, :focus) {
|
||
background-color: transparent !important;
|
||
}
|
||
.app-body .picture-in-picture__footer .animated-number {
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .media-modal__page-dot {
|
||
background-color: #858585;
|
||
}
|
||
.app-body .media-modal__overlay .icon-external-link path {
|
||
fill: var(--color-accent);
|
||
}
|
||
|
||
.app-body .modal-root > div {
|
||
animation: slowin .3s 1;
|
||
}
|
||
|
||
|
||
|
||
/* Report modals */
|
||
.app-body .report-dialog-modal__lead {
|
||
color: var(--color-content-fg-muted);
|
||
}
|
||
.app-body .report-dialog-modal {
|
||
background-color: var(--color-content-bg);
|
||
}
|
||
.app-body .report-dialog-modal .dialog-option,
|
||
.app-body .report-dialog-modal .poll__option.dialog-option:last-child {
|
||
border-top: 1px solid var(--color-lines);
|
||
border-left: 1px solid var(--color-lines);
|
||
border-right: 1px solid var(--color-lines);
|
||
border-bottom: 1px solid var(--color-lines);
|
||
padding: 15px;
|
||
margin-bottom: 5px;
|
||
border-radius: 8px;
|
||
transition: all .2s;
|
||
}
|
||
.app-body .report-dialog-modal .dialog-option:hover,
|
||
.app-body .report-dialog-modal .poll__option.dialog-option:hover,
|
||
.app-body .report-dialog-modal .dialog-option:has(.poll__input.active) {
|
||
border-top: 1px solid var(--color-accent);
|
||
border-left: 1px solid var(--color-accent);
|
||
border-right: 1px solid var(--color-accent);
|
||
border-bottom: 1px solid var(--color-accent);
|
||
}
|
||
|
||
.app-body .report-dialog-modal .dialog-option .poll__input,
|
||
.app-body .report-dialog-modal__textarea:focus {
|
||
border-color: var(--color-accent);
|
||
}
|
||
.app-body .report-dialog-modal .dialog-option .poll__input.active {
|
||
background-color: var(--color-accent);
|
||
}
|
||
.app-body .report-dialog-modal .dialog-option .poll__input svg {
|
||
display: none;
|
||
}
|
||
.app-body .report-dialog-modal .poll__option.dialog-option>.poll__option__text,
|
||
.app-body .report-dialog-modal .dialog-option time,
|
||
.app-body .report-dialog-modal .status__content > p:first-child:has(.status__content__spoiler-link) > span,
|
||
.app-body .report-dialog-modal__toggle,
|
||
.app-body .report-dialog-modal__subtitle,
|
||
.app-body .report-modal__comment .setting-text-label,
|
||
.app-body .report-dialog-modal .status__content__text p,
|
||
.app-body .report-dialog-modal__title,
|
||
.app-body .report-modal__target {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .report-dialog-modal .poll__option.dialog-option>.poll__option__text strong {
|
||
color: var(--color-content-fg-bold)
|
||
}
|
||
.app-body .report-modal__comment,
|
||
.app-body .report-modal__container,
|
||
.app-body .report-dialog-modal__container {
|
||
border-color: var(--color-lines);
|
||
}
|
||
.app-body .report-modal__comment {
|
||
color: var(--color-content-fg-muted);
|
||
}
|
||
.app-body #upload-modal__description {
|
||
background-color: var(--color-content-bg);
|
||
border: 1px solid var(--color-lines);
|
||
border-radius: 8px;
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body #upload-modal__description:focus {
|
||
border-color: var(--color-accent);
|
||
}
|
||
.app-body .setting-text__wrapper {
|
||
background-color: var(--color-content-bg);
|
||
border: 0;
|
||
}
|
||
.app-body .report-dialog-modal__textarea {
|
||
background-color: var(--color-secondary-bg);
|
||
border: 1px solid var(--color-lines);
|
||
border-radius: 8px;
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .report-dialog-modal__textarea::placeholder {
|
||
color: var(--color-content-fg);
|
||
opacity: .5;
|
||
}
|
||
|
||
|
||
|
||
/* 🖼️ Picture in Picture */
|
||
.app-body .picture-in-picture {
|
||
box-shadow: 0 0 5px rgba(0, 0, 0, .2);
|
||
border-radius: 8px;
|
||
border: 1px solid var(--color-lines);
|
||
}
|
||
.app-body .picture-in-picture__header {
|
||
border-top-left-radius: 8px;
|
||
border-top-right-radius: 8px;
|
||
}
|
||
.app-body .picture-in-picture__footer {
|
||
border-bottom-left-radius: 8px;
|
||
border-bottom-right-radius: 8px;
|
||
}
|
||
.app-body .picture-in-picture .video-player {
|
||
border: 0;
|
||
}
|
||
.app-body .picture-in-picture__footer,
|
||
.app-body .picture-in-picture__header {
|
||
background-color: var(--color-content-bg);
|
||
}
|
||
.app-body .picture-in-picture__header .display-name span {
|
||
color: var(--color-content-fg-muted);
|
||
}
|
||
|
||
.app-body .picture-in-picture-placeholder {
|
||
border-radius: 8px;
|
||
background-color: var(--color-content-secondary-bg);
|
||
border-color: var(--color-lines);
|
||
color: var(--color-accent);
|
||
}
|
||
|
||
/* ⏯️ Video controls */
|
||
.app-body .video-player__seek__progress,
|
||
.app-body .video-player__volume__handle,
|
||
.app-body .video-player__volume__current,
|
||
.app-body .video-player__seek__handle {
|
||
background-color: var(--color-accent);
|
||
}
|
||
|
||
|
||
/* 📄 Meta footer */
|
||
.app-body .link-footer {
|
||
margin-bottom: 20px;
|
||
margin-left: 10px;
|
||
margin-right: 10px;
|
||
display: flex;
|
||
flex-flow: column;
|
||
padding: 20px 0 0;
|
||
}
|
||
.app-body .link-footer p,
|
||
.app-body .link-footer a {
|
||
color: var(--color-fg-muted);
|
||
}
|
||
.app-body .link-footer::after {
|
||
content: var(--meta);
|
||
color: var(--color-fg-muted);
|
||
order: 10;
|
||
}
|
||
|
||
/* Server banner */
|
||
.app-body .server-banner__introduction {
|
||
display: none;
|
||
}
|
||
.app-body .server-banner {
|
||
padding: 0 0 20px;
|
||
}
|
||
.app-body .server-banner__hero {
|
||
border-radius: 8px 8px 0 0;
|
||
margin-bottom: 0;
|
||
border: 1px solid var(--color-lines-translucent);
|
||
border-bottom: 0;
|
||
background-color: var(--color-content-bg);
|
||
box-sizing: border-box;
|
||
}
|
||
.app-body .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);
|
||
}
|
||
.app-body .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;
|
||
}
|
||
.app-body .server-banner h4 {
|
||
color: var(--color-fg);
|
||
font-size: 80%;
|
||
}
|
||
.app-body .server-banner__number {
|
||
color: var(--color-content-fg);
|
||
font-size: 15px;
|
||
}
|
||
.app-body .server-banner__number-label {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .server-banner .account {
|
||
background-color: transparent;
|
||
box-shadow: none;
|
||
padding: 0;
|
||
border-left: 0;
|
||
border-right: 0;
|
||
border-bottom: 0;
|
||
}
|
||
.app-body .server-banner .account .display-name__account {
|
||
opacity: .7;
|
||
}
|
||
.app-body .server-banner__meta__column:first-child {
|
||
width: calc(60% - 5px);
|
||
}
|
||
.app-body .server-banner__meta__column:nth-child(2) {
|
||
width: calc(40% - 5px);
|
||
}
|
||
.app-body .server-banner .button.button-secondary {
|
||
padding: 10px;
|
||
margin: 10px 0;
|
||
}
|
||
.app-body .button.button-secondary,
|
||
.app-body .button.button-tertiary {
|
||
border: 0;
|
||
background-color: color-mix(in srgb, var(--color-accent), transparent 82%);
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .button:is(.button-secondary, .button-tertiary):hover {
|
||
background-color: color-mix(in srgb, var(--color-accent), transparent 70%);
|
||
}
|
||
.app-body .sign-in-banner .button,
|
||
.app-body .button:is(.button-secondary, .button-tertiary) {
|
||
padding: 10px 18px;
|
||
}
|
||
.app-body .sign-in-banner .button:active,
|
||
.app-body .button:is(.button-secondary, .button-tertiary):active {
|
||
transform: scale(.95);
|
||
}
|
||
@media screen and (max-width:1174px) {
|
||
.app-body .button.button-tertiary {
|
||
padding: 7px 18px;
|
||
}
|
||
}
|
||
.app-body .sign-in-banner {
|
||
padding: 10px 0 10px 10px;
|
||
}
|
||
.app-body .sign-in-banner p {
|
||
color: var(--color-fg-muted);
|
||
padding: 0 5px 5px;
|
||
}
|
||
|
||
|
||
|
||
/* 🤗 Onboarding */
|
||
.app-body .scrollable.follow-recommendations-container,
|
||
.app-body .column-list {
|
||
background-color: var(--color-content-bg);
|
||
}
|
||
.app-body .column-title .logo {
|
||
display: none;
|
||
}
|
||
.app-body .column-title h3,
|
||
.app-body .column-title p {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .column-list {
|
||
border: 0;
|
||
}
|
||
.app-body .account__note {
|
||
color: var(--color-content-fg-muted);
|
||
}
|
||
|
||
.app-body .onboarding__steps__item,
|
||
.app-body .onboarding__link {
|
||
background-color: var(--color-content-secondary-bg);
|
||
margin-bottom: 8px;
|
||
transition: all .2s;
|
||
}
|
||
.app-body .onboarding__steps__item:is(:active, :focus, :hover),
|
||
.app-body .onboarding__link:is(:active, :focus, :hover) {
|
||
background-color: var(--color-accent-bg);
|
||
}
|
||
.app-body .onboarding__steps__item__icon,
|
||
.app-body .onboarding__link {
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .onboarding__steps__item__description h6,
|
||
.app-body .onboarding__steps__item__description p,
|
||
.app-body .onboarding__lead,
|
||
.app-body .onboarding__lead strong {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .onboarding__steps__item__go svg path,
|
||
.app-body .onboarding__link svg path {
|
||
fill: var(--color-accent);
|
||
}
|
||
.app-body .app-form__avatar-input,
|
||
.app-body .app-form__header-input {
|
||
background-color: var(--color-accent-bg);
|
||
transition: all .2s;
|
||
}
|
||
.app-body .app-form__avatar-input:hover,
|
||
.app-body .app-form__header-input:hover {
|
||
background-color: color-mix(in srgb, var(--color-accent), transparent 75%);
|
||
}
|
||
.app-body .app-form__header-input {
|
||
border-top: 1px solid var(--color-lines);
|
||
}
|
||
.app-body .app-form__header-input .icon {
|
||
background-image: var(--icon-paperclip);
|
||
transform: scale(1.4) translateX(-50%) translateY(-25%);
|
||
position: absolute;
|
||
inset-inline-start: 50%;
|
||
top: 50%;
|
||
}
|
||
.app-body .onboarding__profile .app-form__avatar-input {
|
||
border-color: var(--color-content-bg);
|
||
border-radius: 50%;
|
||
border-width: 5px;
|
||
}
|
||
.app-body .onboarding__profile .app-form__avatar-input img {
|
||
border-radius: 50%;
|
||
background: var(--color-content-secondary-bg);
|
||
}
|
||
.app-body .onboarding__profile .app-form__header-input img {
|
||
background: var(--color-accent-bg);
|
||
}
|
||
.app-body .simple_form .input.with_block_label > label,
|
||
.app-body .simple_form .input.with_block_label .hint,
|
||
.app-body .app-form__toggle__label strong,
|
||
.app-body .simple_form .hint {
|
||
color: var(--color-fg);
|
||
}
|
||
.app-body .app-form__toggle__toggle > div {
|
||
border-color: var(--color-lines);
|
||
}
|
||
.app-form__avatar-input.selected .icon,
|
||
.app-form__header-input.selected .icon {
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .simple_form
|
||
:is(
|
||
input[type=datetime-local],
|
||
input[type=email],
|
||
input[type=number],
|
||
input[type=password],
|
||
input[type=text],
|
||
input[type=url],
|
||
textarea
|
||
) {
|
||
background-color: var(--color-content-secondary-bg);
|
||
border-color: var(--color-lines);
|
||
border-radius: 8px;
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .simple_form
|
||
:is(
|
||
input[type=datetime-local],
|
||
input[type=email],
|
||
input[type=number],
|
||
input[type=password],
|
||
input[type=text],
|
||
input[type=url],
|
||
textarea
|
||
):is(:active, :focus) {
|
||
border-color: var(--color-accent);
|
||
}
|
||
.app-body .column-title {
|
||
margin: -20px -20px 30px;
|
||
padding: 50px 40px 40px;
|
||
}
|
||
.app-body .column-title:not(:has(.onboarding__illustration)) {
|
||
background-color: var(--color-content-secondary-bg);
|
||
}
|
||
.app-body .column-title:has(+ .simple_form) {
|
||
margin-bottom: 0;
|
||
background-color: var(--color-content-secondary-bg);
|
||
}
|
||
.app-body .follow-recommendations {
|
||
background-color: var(--color-content-bg);
|
||
}
|
||
.app-body .follow-recommendations .account {
|
||
border-left: 0;
|
||
border-right: 0;
|
||
margin-bottom: 15px;
|
||
}
|
||
.app-body .follow-recommendations .account__note {
|
||
color: var(--color-content-fg);
|
||
opacity: .7;
|
||
}
|
||
.app-body .follow-recommendations .account__note p {
|
||
overflow: hidden;
|
||
}
|
||
|
||
.app-body .copy-paste-text {
|
||
background-color: var(--color-accent-bg);
|
||
border-color: var(--color-accent-lines);
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .copy-paste-text:is(:focus, :active),
|
||
.app-body .tip-carousel:focus {
|
||
border-color: var(--color-accent);
|
||
}
|
||
.app-body .copy-paste-text:has(textarea:focus) {
|
||
border-color: var(--color-accent);
|
||
}
|
||
|
||
/* 📢 Announcements */
|
||
.app-body .announcements,
|
||
.app-body .announcements::after {
|
||
background-color: var(--color-content-secondary-bg);
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .announcements {
|
||
overflow: visible;
|
||
z-index: 0;
|
||
box-shadow: 0 -20px var(--color-bg);
|
||
border-left: 1px solid var(--color-lines);
|
||
border-right: 1px solid var(--color-lines);
|
||
}
|
||
.app-body .announcements__item strong {
|
||
font-weight: 800;
|
||
color: var(--color-content-fg-bold);
|
||
}
|
||
.app-body .announcements__item__unread {
|
||
color: var(--color-accent);
|
||
background-color: var(--color-accent);
|
||
}
|
||
.app-body .announcements__pagination,
|
||
.app-body .announcements__pagination .icon-button {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .announcements__pagination > * {
|
||
vertical-align: middle;
|
||
}
|
||
.app-body .reactions-bar__item {
|
||
background-color: var(--color-accent-bg);
|
||
border-radius: 8px;
|
||
padding: 2px 8px;
|
||
}
|
||
.app-body .reactions-bar__item:is(:active, :hover, :focus) {
|
||
background-color: var(--color-content-bg);
|
||
}
|
||
.app-body .reactions-bar__item.active {
|
||
background-color: var(--color-accent);
|
||
}
|
||
.app-body .reactions-bar__item__count,
|
||
.app-body .reactions-bar__item__count .animated-number {
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .reactions-bar__item:is(:active, :hover, :focus) .reactions-bar__item__count .animated-number {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .reactions-bar__item.active .reactions-bar__item__count .animated-number {
|
||
color: var(--color-accent-fg);
|
||
}
|
||
.app-body .reactions-bar .emoji-button,
|
||
.app-body .announcements__item__content a.unhandled-link,
|
||
.app-body .announcements__item__content a {
|
||
color: var(--color-accent);
|
||
}
|
||
.app-body .announcements .emoji-button {
|
||
margin: 0;
|
||
}
|
||
@media screen and (max-width:1174px) {
|
||
.app-body .announcements {
|
||
box-shadow: none;
|
||
margin-top: -4px;
|
||
border-radius: 0;
|
||
}
|
||
.app-body .announcements__mastodon {
|
||
border-radius: 0;
|
||
}
|
||
}
|
||
|
||
|
||
|
||
/* 404 */
|
||
.app-body .empty-column-indicator,
|
||
.app-body .error-column {
|
||
background-color: var(--color-content-bg);
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .error-column__message h1,
|
||
.app-body .error-column__message {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .error-column__image {
|
||
margin-top: 0;
|
||
}
|
||
.app-body .regeneration-indicator {
|
||
background-color: var(--color-content-bg);
|
||
}
|
||
@media screen and (min-width:890px) {
|
||
.app-body .regeneration-indicator {
|
||
padding-top: 50px;
|
||
padding-bottom: 40px;
|
||
}
|
||
}
|
||
|
||
|
||
|
||
/* 📜 About page
|
||
------------- */
|
||
.app-body .scrollable.about {
|
||
background-color: var(--color-content-bg);
|
||
border: 1px solid var(--color-lines);
|
||
border-bottom: 0;
|
||
display: flex;
|
||
flex-flow: column;
|
||
padding-bottom: 20px;
|
||
z-index: 1;
|
||
}
|
||
@media screen and (max-width:889px) {
|
||
.app-body .scrollable.about {
|
||
border-left: 0;
|
||
border-right: 0;
|
||
}
|
||
}
|
||
.app-body .about__header {
|
||
order: 1;
|
||
margin-bottom: 10px;
|
||
}
|
||
.app-body .about__section:nth-child(3) {
|
||
order: 3;
|
||
}
|
||
.app-body .about__meta {
|
||
order: 2;
|
||
}
|
||
.app-body .about__section:nth-child(4) {
|
||
order: 4;
|
||
}
|
||
.app-body .about__section:nth-child(5) {
|
||
order: 5;
|
||
}
|
||
.app-body .about .link-footer {
|
||
order: 6;
|
||
}
|
||
.app-body .about__footer {
|
||
order: 7;
|
||
}
|
||
.app-body #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;
|
||
}
|
||
.app-body .about__header p,
|
||
.app-body .about__meta h4 {
|
||
color: var(--color-fg);
|
||
}
|
||
.app-body .about__header__hero {
|
||
margin: -20px -20px 20px;
|
||
width: calc(100% + 40px);
|
||
border-radius: 0;
|
||
background-color: var(--color-content-bg);
|
||
}
|
||
.app-body .about__header__hero,
|
||
.app-body .about__meta {
|
||
margin-bottom: 10px;
|
||
}
|
||
.app-body .about__header > h1 {
|
||
color: var(--color-content-fg);
|
||
margin: 30px 0 0 20px;
|
||
text-align: left;
|
||
font-variant: small-caps;
|
||
font-size: 20px;
|
||
}
|
||
.app-body .about__header > h1 + p {
|
||
color: var(--color-content-fg);
|
||
opacity: .8;
|
||
text-align: left;
|
||
margin-left: 20px;
|
||
margin-bottom: 15px;
|
||
font-size: 14px;
|
||
}
|
||
@media screen and (min-width:890px) {
|
||
.app-body .scrollable.about {
|
||
border-radius: 8px 8px 0 0 !important;
|
||
}
|
||
.app-body .about__header__hero {
|
||
border-radius: 6px 6px 0 0;
|
||
}
|
||
}
|
||
@media screen and (min-width:890px) and (max-width:1174px) {
|
||
.app-body .scrollable.about {
|
||
margin-top: 10px;
|
||
}
|
||
}
|
||
.app-body .about__mail {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .about__meta h4 {
|
||
font-size: 12px;
|
||
font-weight: bold;
|
||
margin-bottom: 8px;
|
||
}
|
||
.app-body .about__meta .account {
|
||
background: none;
|
||
box-shadow: none;
|
||
padding: 0;
|
||
border-left: 0;
|
||
border-right: 0;
|
||
}
|
||
.app-body .about__meta__divider {
|
||
border-left: 3px solid var(--color-content-secondary-separator);
|
||
}
|
||
@media screen and (max-width:600px) {
|
||
.app-body .about__meta__divider {
|
||
border-top: 3px solid var(--color-content-secondary-separator);
|
||
width: 90%;
|
||
}
|
||
}
|
||
.app-body .about__section:nth-child(3) .about__section__body {
|
||
padding-bottom: 3em;
|
||
}
|
||
.app-body .about__meta,
|
||
.app-body .about__section__title {
|
||
color: var(--color-accent);
|
||
background-color: var(--color-content-secondary-bg);
|
||
border: 0;
|
||
border-radius: 8px;
|
||
}
|
||
.app-body .about__section.active .about__section__title {
|
||
border-radius: 8px 8px 0 0;
|
||
}
|
||
.app-body .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;
|
||
}
|
||
|
||
.app-body .prose,
|
||
.app-body .prose p,
|
||
.app-body .prose b,
|
||
.app-body .prose h1,
|
||
.app-body .prose h2,
|
||
.app-body .prose h3,
|
||
.app-body .prose h4,
|
||
.app-body .prose h5,
|
||
.app-body .prose h6,
|
||
.app-body .prose strong,
|
||
.app-body .rules-list,
|
||
.app-body .about__domain-blocks__domain h6,
|
||
.app-body .about__domain-blocks__domain__type {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .prose ul > li:before {
|
||
background-color: var(--color-content-fg);
|
||
opacity: .3;
|
||
top: .55em;
|
||
width: 7px;
|
||
height: 7px;
|
||
}
|
||
.app-body .about__section__body .prose hr {
|
||
border-color: var(--color-content-secondary-separator);
|
||
margin-top: 2em;
|
||
margin-bottom: 2em;
|
||
border-width: 3px;
|
||
}
|
||
.app-body .about__section__body .prose a,
|
||
.app-body .about__section__body .prose a:hover,
|
||
.app-body .prose a strong {
|
||
color: var(--color-accent);
|
||
text-decoration-line: underline;
|
||
text-decoration-color: var(--color-accent-bg);
|
||
text-decoration-thickness: 2px;
|
||
text-underline-offset: 2px;
|
||
}
|
||
.app-body .about__section__body .prose a:hover {
|
||
text-decoration-color: var(--color-accent);
|
||
}
|
||
.app-body .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);
|
||
}
|
||
.app-body .rules-list__text,
|
||
.app-body .rules-list__hint {
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .rules-list__text {
|
||
font-weight: 600;
|
||
}
|
||
.app-body .rules-list__hint {
|
||
opacity: .7;
|
||
padding-top: 4px;
|
||
}
|
||
.app-body .rules-list li {
|
||
border-bottom: 1px solid var(--color-lines);
|
||
padding: 1em 1.75em 1em 3.4em;
|
||
}
|
||
.app-body .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);
|
||
}
|
||
|
||
@media screen and (min-width:1175px) {
|
||
.app-body .about :is(.link-footer, .about__footer) {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
|
||
/* Keyboard shortcuts page */
|
||
.keyboard-shortcuts kbd {
|
||
background-color: var(--color-content-secondary-bg);
|
||
border: 1px solid var(--color-lines);
|
||
box-shadow: 0 1px var(--color-lines-translucent);
|
||
color: var(--color-content-fg);
|
||
border-radius: 5px;
|
||
padding: 3px 8px;
|
||
margin: 0 4px;
|
||
font-weight: 500;
|
||
}
|
||
|
||
|
||
/* Privacy Policy page */
|
||
.app-body .column > .scrollable.privacy-policy {
|
||
border: 1px solid var(--color-lines);
|
||
background-color: var(--color-content-bg);
|
||
padding-bottom: 20px;
|
||
z-index: 1;
|
||
}
|
||
@media screen and (min-width:1175px) {
|
||
.app-body:not(:has(#tabs-bar__portal > *)) .column > .scrollable.privacy-policy {
|
||
border-top-left-radius: 8px;
|
||
border-top-right-radius: 8px;
|
||
}
|
||
}
|
||
|
||
|
||
|
||
/* 👋 Hide superfluous UI */
|
||
.app-body div#mastodon > div > div > div:nth-child(2) > div:nth-child(3) > div > div > div:nth-child(3) > hr,
|
||
.app-body .navigation-panel__legal > hr,
|
||
.app-body .about__footer, /* Hide meta footer */
|
||
.app-body .server-banner__introduction, /* Hide generic mastodon server introduction in sidebar */
|
||
.app-body .search-banner ~ .search, /* Hide search field for logged out users */
|
||
.app-body .account__header__bio .account__header__fields > dl:first-child /* Hide "Joined" field on profiles */ {
|
||
display: none;
|
||
}
|
||
|
||
|
||
|
||
/* Multi-column layout
|
||
------------------- */
|
||
|
||
:root:has(.layout-multiple-columns) *::-webkit-scrollbar {
|
||
width: 4px;
|
||
}
|
||
:root:has(.layout-multiple-columns) *::-webkit-scrollbar-track {
|
||
background-color: var(--color-accent-bg);
|
||
}
|
||
:root:has(.layout-multiple-columns) *::-webkit-scrollbar-thumb {
|
||
opacity: .8;
|
||
}
|
||
.layout-multiple-columns .scrollable,
|
||
.layout-multiple-columns .column > .scrollable {
|
||
max-height: 100%;
|
||
}
|
||
.layout-multiple-columns .column {
|
||
width: 400px;
|
||
padding-bottom: 0;
|
||
}
|
||
.layout-multiple-columns .drawer__inner__mastodon {
|
||
display: none;
|
||
}
|
||
.layout-multiple-columns :is(.drawer__inner, .drawer__inner.darker) {
|
||
background: transparent;
|
||
}
|
||
.layout-multiple-columns .drawer__header {
|
||
background-color: var(--color-content-bg);
|
||
border: 1px solid var(--color-lines);
|
||
border-radius: 8px;
|
||
margin-bottom: 0;
|
||
}
|
||
.layout-multiple-columns .drawer .search {
|
||
margin-top: 10px;
|
||
}
|
||
.layout-multiple-columns .drawer__tab {
|
||
transition: all .3s;
|
||
border-radius: 6px;
|
||
height: 40px;
|
||
padding: 5px;
|
||
margin: 5px;
|
||
box-sizing: border-box;
|
||
border: 0;
|
||
}
|
||
.layout-multiple-columns .drawer__tab .icon {
|
||
transform: scale(1.2);
|
||
}
|
||
.layout-multiple-columns .drawer__tab:active {
|
||
transform: scale(.9);
|
||
}
|
||
.layout-multiple-columns .drawer__tab:is(:active, :focus, :hover) {
|
||
background-color: var(--color-accent-bg);
|
||
}
|
||
.layout-multiple-columns .drawer__tab .icon-cog {
|
||
background-image: var(--icon-gear);
|
||
}
|
||
.layout-multiple-columns .drawer__tab .icon-globe {
|
||
background-image: var(--icon-globe);
|
||
}
|
||
.layout-multiple-columns .drawer__tab .icon-users {
|
||
background-image: var(--icon-users);
|
||
}
|
||
.layout-multiple-columns .drawer__tab .icon-bars {
|
||
background-image: var(--logo);
|
||
}
|
||
.layout-multiple-columns .drawer__tab .icon-sign-out {
|
||
background-image: var(--icon-logout);
|
||
}
|
||
.layout-multiple-columns .column-header__icon.icon-bars {
|
||
background-image: var(--icon-globe-active);
|
||
}
|
||
|
||
.layout-multiple-columns .flex-spacer,
|
||
.layout-multiple-columns .getting-started,
|
||
.layout-multiple-columns .getting-started__wrapper,
|
||
.layout-multiple-columns .getting-started .column-link,
|
||
.layout-multiple-columns .getting-started .column-subheading {
|
||
background-color: var(--color-bg);
|
||
}
|
||
.layout-multiple-columns .scrollable.getting-started {
|
||
border-left: 0;
|
||
border-right: 0;
|
||
background-color: var(--color-bg);
|
||
}
|
||
.layout-multiple-columns .getting-started__wrapper {
|
||
padding-bottom: 10px;
|
||
border-radius: 0 0 8px 8px;
|
||
}
|
||
.layout-multiple-columns .getting-started .column-link {
|
||
color: var(--color-content-fg);
|
||
margin: 0 5px 2px;
|
||
border-radius: 8px;
|
||
}
|
||
.app-body .getting-started .column-link {
|
||
margin-left: 0;
|
||
font-weight: 500;
|
||
color: var(--color-fg);
|
||
}
|
||
.layout-multiple-columns .getting-started .column-link:is(:active, :focus, :hover) {
|
||
background-color: var(--color-accent-bg);
|
||
color: var(--color-fg);
|
||
}
|
||
.layout-multiple-columns .getting-started .column-link__icon {
|
||
transform: scale(1.4);
|
||
}
|
||
|
||
.app-body .getting-started .column-link__badge {
|
||
background-color: var(--color-accent);
|
||
color: var(--color-accent-fg);
|
||
border-radius: 8px;
|
||
line-height: 15px;
|
||
font-weight: bold;
|
||
padding-left: 8px;
|
||
padding-right: 8px;
|
||
}
|
||
|
||
.layout-multiple-columns .getting-started__trends .trends__item {
|
||
padding-left: 16px;
|
||
}
|
||
.layout-multiple-columns .getting-started__trends h4 > :is(a, span) {
|
||
padding-left: 45px;
|
||
}
|
||
|
||
.layout-multiple-columns :is(.column-header, .column-back-button) {
|
||
background-color: var(--color-content-bg);
|
||
}
|
||
|
||
.layout-multiple-columns .column-header__setting-btn {
|
||
font-weight: 600;
|
||
}
|
||
|
||
.layout-multiple-columns .column:has(> .getting-started) {
|
||
width: 330px;
|
||
}
|
||
.layout-multiple-columns
|
||
.column:has(> .getting-started)
|
||
:is(.column-header, .column-back-button),
|
||
.layout-single-column .navigation-bar:has(+ .getting-started) {
|
||
display: none;
|
||
}
|
||
|
||
.layout-multiple-columns .getting-started__trends {
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.layout-multiple-columns .search-results__header,
|
||
.layout-multiple-columns .explore__search-header {
|
||
display: none;
|
||
}
|
||
|
||
.layout-multiple-columns .drawer {
|
||
width: 280px;
|
||
transition: width .3s;
|
||
}
|
||
.layout-multiple-columns
|
||
.drawer:has(> .drawer__pager > .drawer__inner > .search-results > .search-results__section) {
|
||
width: 400px;
|
||
}
|
||
.layout-multiple-columns .drawer__inner:has(> .search-results > .search-results__section) {
|
||
z-index: 2;
|
||
background-color: var(--color-content-bg);
|
||
border-left: 1px solid var(--color-lines);
|
||
border-right: 1px solid var(--color-lines);
|
||
}
|
||
|
||
.layout-multiple-columns
|
||
.drawer
|
||
> .search:has(+ .drawer__pager > .drawer__inner > .search-results > .search-results__section) {
|
||
margin-bottom: 0;
|
||
}
|
||
.layout-multiple-columns
|
||
.drawer
|
||
> .search:has(+ .drawer__pager > .drawer__inner > .search-results > .search-results__section)
|
||
> .search__input {
|
||
border-radius: 8px 8px 0 0;
|
||
}
|
||
|
||
.layout-multiple-columns .drawer__pager {
|
||
border-radius: 0;
|
||
border: 0;
|
||
}
|
||
.layout-multiple-columns
|
||
.drawer
|
||
> .search:has(+ .drawer__pager > .drawer__inner > .search-results > .search-results__section)
|
||
> .search__popout {
|
||
border-radius: 0 0 8px 8px;
|
||
margin-top: 0;
|
||
}
|
||
|
||
.layout-multiple-columns .compose-form {
|
||
padding: 0;
|
||
}
|
||
|
||
.layout-multiple-columns .drawer__inner:not(:has(> .search-results))::after {
|
||
content: var(--meta);
|
||
color: var(--color-fg-muted);
|
||
padding: 12px;
|
||
position: absolute;
|
||
bottom: 0;
|
||
z-index: -1;
|
||
}
|
||
.layout-multiple-columns .link-footer::before,
|
||
.layout-multiple-columns .link-footer::after {
|
||
display: none;
|
||
}
|
||
|
||
@media screen and (min-width:630px) and (max-width:1174px) {
|
||
.layout-multiple-columns
|
||
:is(
|
||
.column-header,
|
||
.column-back-button
|
||
) {
|
||
border-top: 1px solid var(--color-lines);
|
||
border-right: 1px solid var(--color-lines);
|
||
border-left: 1px solid var(--color-lines);
|
||
border-top-left-radius: 8px !important;
|
||
border-top-right-radius: 8px !important;
|
||
}
|
||
}
|
||
|
||
.app-body .switch-to-advanced {
|
||
background-color: var(--color-accent-bg);
|
||
border-radius: 8px;
|
||
color: var(--color-content-fg);
|
||
}
|
||
.app-body .switch-to-advanced .switch-to-advanced__toggle {
|
||
color: var(--color-accent);
|
||
}
|
||
|
||
|
||
/* Popular hashtag icons
|
||
--------------------- */
|
||
.app-body
|
||
.trends__item:has(
|
||
.trends__item__name a:is(
|
||
[href*="tangerine" i]
|
||
)
|
||
)::before {
|
||
background-image: var(--icon-tangerine-slice);
|
||
}
|
||
.app-body
|
||
.trends__item:has(
|
||
.trends__item__name a:is(
|
||
[href$="day" i],
|
||
[href$="tag" i],
|
||
[href*="monday" i],
|
||
[href*="tuesday" i],
|
||
[href*="wednesday" i],
|
||
[href*="thursday" i],
|
||
[href*="friday" i],
|
||
[href*="saturday" i],
|
||
[href*="sunday" i],
|
||
[href*="montag" i],
|
||
[href*="dienstag" i],
|
||
[href*="mittwoch" i],
|
||
[href*="donnerstag" i],
|
||
[href*="freitag" i],
|
||
[href*="samstag" i],
|
||
[href*="sonntag" i],
|
||
[href*="lundi" i],
|
||
[href*="mardi" i],
|
||
[href*="mercredi" i],
|
||
[href*="jeudi" i],
|
||
[href*="vendredi" i],
|
||
[href*="samedi" i],
|
||
[href*="dimanche" i],
|
||
[href*="lunes" i],
|
||
[href*="martes" i],
|
||
[href*="miercoles" i],
|
||
[href*="jueves" i],
|
||
[href*="viernes" i],
|
||
[href*="sabado" i],
|
||
[href*="domingo" i]
|
||
)
|
||
)::before {
|
||
background-image: var(--icon-calendar);
|
||
}
|
||
.app-body
|
||
.trends__item:has(
|
||
.trends__item__name a:is(
|
||
[href*="tune" i],
|
||
[href$="/np" i],
|
||
[href*="nowplaying" i],
|
||
[href*="singit" i],
|
||
[href*="music" i],
|
||
[href*="eurovision" i],
|
||
[href*="song" i],
|
||
[href$="synth" i],
|
||
[href$="jazz" i],
|
||
[href$="rock" i],
|
||
[href$="rap" i],
|
||
[href$="BandcampFriday" i],
|
||
[href*="Jukebox" i],
|
||
[href*="/kpop" i],
|
||
[href*="/rock" i],
|
||
[href$="/pop" i]
|
||
)
|
||
)::before {
|
||
background-image: var(--icon-music);
|
||
}
|
||
.app-body
|
||
.trends__item:has(
|
||
.trends__item__name a:is(
|
||
[href*="eurovision" i]
|
||
)
|
||
)::before {
|
||
background-image: var(--icon-microphone);
|
||
}
|
||
.app-body
|
||
.trends__item:has(
|
||
.trends__item__name a:is(
|
||
[href*="birthday" i]
|
||
)
|
||
)::before {
|
||
background-image: var(--icon-cake);
|
||
}
|
||
.app-body
|
||
.trends__item:has(
|
||
.trends__item__name a:is(
|
||
[href*="letterboxd" i],
|
||
[href$="trakt" i],
|
||
[href$="TV" i],
|
||
[href*="nowwatching" i],
|
||
[href*="WatchingNow" i],
|
||
[href*="movie" i],
|
||
[href*="/cinema" i],
|
||
[href*="/oscars" i]
|
||
)
|
||
)::before {
|
||
background-image: var(--icon-popcorn);
|
||
}
|
||
.app-body
|
||
.trends__item:has(
|
||
.trends__item__name a:is(
|
||
[href*="photography" i],
|
||
[href*="photo" i],
|
||
[href*="foto" i],
|
||
[href*="pics" i],
|
||
[href*="selfie" i],
|
||
[href*="/ShotWith" i],
|
||
[href*="WindowFriday" i],
|
||
[href*="FensterFreitag" i],
|
||
[href$="/instagram" i]
|
||
)
|
||
)::before {
|
||
background-image: var(--icon-camera);
|
||
}
|
||
.app-body
|
||
.trends__item:has(
|
||
.trends__item__name a:is(
|
||
[href*="SilentSunday" i],
|
||
[href*="sunset" i],
|
||
[href*="sunrise" i],
|
||
[href$="sky" i],
|
||
[href*="skyblue" i],
|
||
[href*="ocean" i]
|
||
)
|
||
)::before {
|
||
background-image: var(--icon-sunset);
|
||
}
|
||
.app-body
|
||
.trends__item:has(
|
||
.trends__item__name a:is(
|
||
[href*="gift" i],
|
||
[href*="christmas" i],
|
||
[href*="weihnachten" i],
|
||
[href*="noel" i]
|
||
)
|
||
)::before {
|
||
background-image: var(--icon-pine);
|
||
}
|
||
.app-body
|
||
.trends__item:has(
|
||
.trends__item__name a:is(
|
||
[href*="tree" i],
|
||
[href*="trunk" i],
|
||
[href*="ecology" i],
|
||
[href*="klima" i],
|
||
[href*="climat" i],
|
||
[href*="environment" i],
|
||
[href*="/garden" i],
|
||
[href*="mosstodon" i],
|
||
[href*="/vegan" i],
|
||
[href*="/plants" i]
|
||
)
|
||
)::before {
|
||
background-image: var(--icon-tree);
|
||
}
|
||
.app-body
|
||
.trends__item:has(
|
||
.trends__item__name a:is(
|
||
[href$="/cat" i],
|
||
[href*="/cats" i],
|
||
[href*="catloaf" i],
|
||
[href*="Caturday" i],
|
||
[href*="catsofmastodon" i],
|
||
[href*="WhiskersWednesday" i]
|
||
):not(
|
||
[href*="cath" i]
|
||
)
|
||
)::before {
|
||
background-image: var(--icon-cat);
|
||
}
|
||
.app-body
|
||
.trends__item:has(
|
||
.trends__item__name a:is(
|
||
[href$="dog" i],
|
||
[href$="dogs" i],
|
||
[href*="/dog" i],
|
||
[href*="DogLovers" i],
|
||
[href*="dogsofmastodon" i],
|
||
[href*="DogsOfFedi" i],
|
||
[href*="dogstadon" i]
|
||
)
|
||
)::before {
|
||
background-image: var(--icon-dog);
|
||
}
|
||
.app-body
|
||
.trends__item:has(
|
||
.trends__item__name a:is(
|
||
[href$="art" i],
|
||
[href*="artmatters" i],
|
||
[href*="DigitalArt" i],
|
||
[href*="PixelArt" i],
|
||
[href*="artwork" i],
|
||
[href*="artist" i],
|
||
[href$="design" i],
|
||
[href*="designer" i],
|
||
[href*="watercolo" i],
|
||
[href*="painting" i]
|
||
):not(
|
||
[href*="aiart" i],
|
||
[href*="artificial" i],
|
||
[href*="aidesign" i]
|
||
)
|
||
)::before {
|
||
background-image: var(--icon-brush);
|
||
}
|
||
.app-body
|
||
.trends__item:has(
|
||
.trends__item__name a:is(
|
||
[href$="apple" i],
|
||
[href$="macos" i],
|
||
[href$="ios" i],
|
||
[href*="ipad" i],
|
||
[href*="iphone" i],
|
||
[href*="/wwdc" i],
|
||
[href*="/appleevent" i]
|
||
)
|
||
)::before {
|
||
background-image: var(--icon-apple);
|
||
}
|
||
.app-body
|
||
.trends__item:has(
|
||
.trends__item__name a:is(
|
||
[href*="poem" i],
|
||
[href*="writing" i],
|
||
[href*="write" i],
|
||
[href*="article" i]
|
||
)
|
||
)::before {
|
||
background-image: var(--icon-pencil);
|
||
}
|
||
.app-body
|
||
.trends__item:has(
|
||
.trends__item__name a:is(
|
||
[href*="/book" i],
|
||
[href*="literature" i],
|
||
[href*="reading" i],
|
||
[href$="/history" i],
|
||
[href$="/histoire" i]
|
||
)
|
||
)::before {
|
||
background-image: var(--icon-book);
|
||
}
|
||
.app-body
|
||
.trends__item:has(
|
||
.trends__item__name a:is(
|
||
[href$="game" i],
|
||
[href*="gaming" i],
|
||
[href*="gamedev" i],
|
||
[href*="games" i],
|
||
[href*="gamer" i],
|
||
[href*="playstation" i],
|
||
[href*="arcade" i],
|
||
[href*="xbox" i],
|
||
[href*="nintendo" i]
|
||
)
|
||
)::before {
|
||
background-image: var(--icon-gaming);
|
||
}
|
||
.app-body
|
||
.trends__item:has(
|
||
.trends__item__name a:is(
|
||
[href*="/minecraft" i],
|
||
[href*="/hermitcraft" i]
|
||
)
|
||
)::before {
|
||
background-image: var(--icon-cube);
|
||
}
|
||
.app-body
|
||
.trends__item:has(
|
||
.trends__item__name a:is(
|
||
[href$="/fifa" i],
|
||
[href$="/fifaworldcup" i],
|
||
[href$="/soccer" i],
|
||
[href$="/mls" i],
|
||
[href*="/sport" i]
|
||
)
|
||
)::before {
|
||
background-image: var(--icon-football);
|
||
}
|
||
.app-body
|
||
.trends__item:has(
|
||
.trends__item__name a:is(
|
||
[href$="lgbt" i],
|
||
[href*="/lgbt" i],
|
||
[href*="/queer" i],
|
||
[href$="trans" i],
|
||
[href$="pride" i],
|
||
[href$="womensday" i],
|
||
[href*="internationalwomensday" i],
|
||
[href$="/IWD" i],
|
||
[href*="JourneeDesDroitsDesFemmes" i],
|
||
[href*="feministischerkampftag" i],
|
||
[href*="celebratewomen" i],
|
||
[href*="/8mars" i],
|
||
[href$="transdayofvisibility" i],
|
||
[href$="TDOV" i],
|
||
[href$="transdayofremembrance" i],
|
||
[href$="TDOR" i],
|
||
[href$="pridemonth" i],
|
||
[href$="blm" i],
|
||
[href$="blacklivesmatter" i],
|
||
[href$="blackmastodon" i],
|
||
[href$="blackfedi" i],
|
||
[href*="protest" i],
|
||
[href*="greve" i],
|
||
[href*="manif" i],
|
||
[href$="riot" i]
|
||
)
|
||
)::before {
|
||
background-image: var(--icon-pride);
|
||
}
|
||
.app-body
|
||
.trends__item:has(
|
||
.trends__item__name a:is(
|
||
[href*="electionday" i],
|
||
[href$="election" i],
|
||
[href$="/election" i],
|
||
[href*="presidentielle" i],
|
||
[href*="presidential" i],
|
||
[href*="legislativ" i]
|
||
)
|
||
)::before {
|
||
background-image: var(--icon-vote);
|
||
}
|
||
.app-body
|
||
.trends__item:has(
|
||
.trends__item__name a:is(
|
||
[href$="dev" i],
|
||
[href$="code" i],
|
||
[href*="development" i],
|
||
[href*="developer" i],
|
||
[href*="devops" i],
|
||
[href*="opensource" i]
|
||
)
|
||
)::before {
|
||
background-image: var(--icon-code);
|
||
}
|
||
.app-body
|
||
.trends__item:has(
|
||
.trends__item__name a:is(
|
||
[href*="mutualaid" i],
|
||
[href*="crowdfund" i]
|
||
)
|
||
)::before {
|
||
background-image: var(--icon-handshake);
|
||
}
|