/* 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-prerelease"; --variant: "๐Ÿ’ Cherry"; } /* ๐ŸŽจ Colors */ :root { --color-bg: #ffffff; --color-fg: #2a2d37; --color-fg-muted: #888494; --color-secondary-bg: #f2e4ea; --color-secondary-separator: #eddbe3; --color-content-bg: #ffffff; --color-content-fg: #444a5a; --color-content-fg-bold: #000000; --color-content-fg-muted: #8b92a7; --color-content-secondary-bg: #f9f4f7; --color-content-secondary-separator: rgba(237, 219, 227, 0.4); --color-content-bg-focus: #fffcfa; --color-accent: #D3487F; --color-accent-focus: #eb5e96; --color-accent-lines: rgba(230, 90, 146, 0.2); --color-accent-bg: #f7e7ed; --color-accent-fg: #ffffff; --color-lines: #e4dde1; } @media (prefers-color-scheme: dark) { :root { --color-bg: #030303; --color-fg: #d6d2e0; --color-fg-muted: #6e5e67; --color-secondary-bg: #1f1118; --color-secondary-separator: #2e2328; --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(89, 62, 78, 0.4); --color-content-bg-focus: #111111; --color-accent: #d05c8a; --color-accent-focus: #c04174; --color-accent-lines: rgba(249, 122, 194, 0.3); --color-accent-bg: #3c1f2f; --color-accent-fg: #ffffff; --color-lines: #343434; } } :root { /* Mastodon logo */ --logo: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' class='mastodon-logo' viewBox='0 0 216.414 232.01'%3E%3Cdefs xmlns='http://www.w3.org/2000/svg'%3E%3ClinearGradient xmlns='http://www.w3.org/2000/svg' id='a' x2='0%25' y2='100%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0%25' stop-color='%23D3487F'/%3E%3Cstop offset='100%25' stop-color='%23D3487F'/%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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik04MCw1NnY5NkwzMiwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2SDg4VjU2YTgsOCwwLDAsMC0xMy42Ni01LjY2bC00OCw0OGE4LDgsMCwwLDAsMCwxMS4zMmw0OCw0OEE4LDgsMCwwLDAsODgsMTUyVjExMmg0MGE4OC4xLDg4LjEsMCwwLDEsODgsODgsOCw4LDAsMCwwLDE2LDBBMTA0LjExLDEwNC4xMSwwLDAsMCwxMjgsOTZaTTcyLDEzMi42OSw0My4zMSwxMDQsNzIsNzUuMzFaIj48L3BhdGg+PC9zdmc+"); --icon-boost: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjcuODUsNDYuODlhMjAsMjAsMCwwLDAtMTguNzQtMTguNzRjLTEzLjEzLS43Ny00Ni42NS40Mi03NC40OCwyOC4yNEwxMzEsNjBINzQuMzZhMTkuODMsMTkuODMsMCwwLDAtMTQuMTQsNS44NkwyNS44NywxMDAuMTlhMjAsMjAsMCwwLDAsMTEuMzUsMzMuOTVsMzcuMTQsNS4xOCw0Mi4zMiw0Mi4zMiw1LjE5LDM3LjE4QTE5Ljg4LDE5Ljg4LDAsMCwwLDEzNS4zNCwyMzVhMjAuMTMsMjAuMTMsMCwwLDAsNi4zNywxLDE5LjksMTkuOSwwLDAsMCwxNC4xLTUuODdsMzQuMzQtMzQuMzVBMTkuODUsMTkuODUsMCwwLDAsMTk2LDE4MS42NFYxMjVsMy42LTMuNTlDMjI3LjQzLDkzLjU0LDIyOC42Miw2MCwyMjcuODUsNDYuODlaTTc2LDg0aDMxTDc1Ljc1LDExNS4yOGwtMjcuMjMtMy44Wk0xNTEuNiw3My4zN0E3Mi4yNyw3Mi4yNywwLDAsMSwyMDQsNTJhNzIuMTcsNzIuMTcsMCwwLDEtMjEuMzgsNTIuNDFMMTI4LDE1OSw5NywxMjhaTTE3MiwxODBsLTI3LjQ5LDI3LjQ5LTMuOC0yNy4yM0wxNzIsMTQ5Wm0tNzEuNjcsMjEuNjJDOTEuNjcsMjEzLjY1LDc0LjE2LDIyOCw0MCwyMjhhMTIsMTIsMCwwLDEtMTItMTJjMC0zNC4xNSwxNC4zNS01MS42NiwyNi4zOS02MC4zM2ExMiwxMiwwLDAsMSwxNCwxOS40N2MtNiw0LjMxLTEyLjg5LDEyLjUtMTUuNDIsMjcuODcsMTUuMzctMi41MywyMy41Ni05LjQ0LDI3Ljg3LTE1LjQyYTEyLDEyLDAsMSwxLDE5LjQ3LDE0WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-boost-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik03MiwxNjBsMjQsMjRzLTgsMzItNTYsMzJDNDAsMTY4LDcyLDE2MCw3MiwxNjBabTY0LTg4SDc0LjM1YTgsOCwwLDAsMC01LjY1LDIuMzRMMzQuMzUsMTA4LjY5YTgsOCwwLDAsMCw0LjUzLDEzLjU3TDgwLDEyOFptLTgsMTA0LDUuNzQsNDEuMTJhOCw4LDAsMCwwLDEzLjU3LDQuNTNsMzQuMzUtMzQuMzVhOCw4LDAsMCwwLDIuMzQtNS42NVYxMjBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTAzLjc3LDE4NS45NEMxMDMuMzgsMTg3LjQ5LDkzLjYzLDIyNCw0MCwyMjRhOCw4LDAsMCwxLTgtOGMwLTUzLjYzLDM2LjUxLTYzLjM4LDM4LjA2LTYzLjc3YTgsOCwwLDAsMSwzLjg4LDE1LjUzYy0uOS4yNS0yMi40Miw2LjU0LTI1LjU2LDM5Ljg2QzgxLjcsMjA0LjQ4LDg4LDE4Myw4OC4yNiwxODJhOCw4LDAsMCwxLDE1LjUxLDRabTkzLTY3LjRMMTkyLDEyMy4zMXY1OC4zM0ExNS45MSwxNS45MSwwLDAsMSwxODcuMzIsMTkzTDE1MywyMjcuM0ExNS45MSwxNS45MSwwLDAsMSwxNDEuNywyMzJhMTYuMTEsMTYuMTEsMCwwLDEtNS4xLS44MywxNS45NCwxNS45NCwwLDAsMS0xMC43OC0xMi45MmwtNS4zNy0zOC40OUw3Ni4yNCwxMzUuNTVsLTM4LjQ3LTUuMzdBMTYsMTYsMCwwLDEsMjguNywxMDNMNjMsNjguNjhBMTUuOTEsMTUuOTEsMCwwLDEsNzQuMzYsNjRoNTguMzNsNC43Ny00Ljc3YzI2LjY4LTI2LjY3LDU4LjgzLTI3LjgyLDcxLjQxLTI3LjA3YTE2LDE2LDAsMCwxLDE1LDE1QzIyNC42LDU5LjcxLDIyMy40NSw5MS44NiwxOTYuNzgsMTE4LjU0Wk00MCwxMTQuMzRsMzcuMTUsNS4xOEwxMTYuNjksODBINzQuMzZaTTkxLjMyLDEyOCwxMjgsMTY0LjY4bDU3LjQ1LTU3LjQ1YTc2LjQ2LDc2LjQ2LDAsMCwwLDIyLjQyLTU5LjE2LDc2LjY0LDc2LjY0LDAsMCwwLTU5LjExLDIyLjQ3Wk0xNzYsMTM5LjMxbC0zOS41MywzOS41M0wxNDEuNjcsMjE2LDE3NiwxODEuNjRaIj48L3BhdGg+PC9zdmc+"); --icon-boost-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U1Mzg4MCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMDMuNzcsMTg1Ljk0QzEwMy4zOCwxODcuNDksOTMuNjMsMjI0LDQwLDIyNGE4LDgsMCwwLDEtOC04YzAtNTMuNjMsMzYuNTEtNjMuMzgsMzguMDYtNjMuNzdhOCw4LDAsMCwxLDMuODgsMTUuNTNjLS45LjI1LTIyLjQyLDYuNTQtMjUuNTYsMzkuODZDODEuNywyMDQuNDgsODgsMTgzLDg4LjI2LDE4MmE4LDgsMCwwLDEsMTUuNTEsNFptOTMtNjcuNEwxOTIsMTIzLjMxdjU4LjMzQTE1LjkxLDE1LjkxLDAsMCwxLDE4Ny4zMiwxOTNMMTUzLDIyNy4zQTE1LjkxLDE1LjkxLDAsMCwxLDE0MS43LDIzMmExNi4xMSwxNi4xMSwwLDAsMS01LjEtLjgzLDE1Ljk0LDE1Ljk0LDAsMCwxLTEwLjc4LTEyLjkybC01LjM3LTM4LjQ5TDc2LjI0LDEzNS41NWwtMzguNDctNS4zN0ExNiwxNiwwLDAsMSwyOC43LDEwM0w2Myw2OC42OEExNS45MSwxNS45MSwwLDAsMSw3NC4zNiw2NGg1OC4zM2w0Ljc3LTQuNzdjMjYuNjgtMjYuNjcsNTguODItMjcuODIsNzEuNDEtMjcuMDdhMTYsMTYsMCwwLDEsMTUsMTVDMjI0LjYsNTkuNzEsMjIzLjQ1LDkxLjg2LDE5Ni43OCwxMTguNTRaTTExNi42OSw4MEg3NC4zNkw0MCwxMTQuMzRsMzcuMTUsNS4xOFpNMTc2LDEzOS4zMWwtMzkuNTMsMzkuNTNMMTQxLjY3LDIxNiwxNzYsMTgxLjY0WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-star: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDMsOTYuMDVhMjAsMjAsMCwwLDAtMTcuMjYtMTMuNzJsLTU3LTQuOTMtMjIuMy01My4xNGgwYTIwLDIwLDAsMCwwLTM2LjgyLDBMODcuMjksNzcuNGwtNTcsNC45M0EyMCwyMCwwLDAsMCwxOC44NywxMTcuNGw0My4zMiwzNy44LTEzLDU2LjI0QTIwLDIwLDAsMCwwLDc5LDIzMy4xbDQ5LTI5Ljc2LDQ5LDI5Ljc2YTIwLDIwLDAsMCwwLDI5LjgtMjEuNjZsLTEzLTU2LjI0LDQzLjMyLTM3LjhBMjAsMjAsMCwwLDAsMjQzLDk2LjA1Wm0tNjYuNzUsNDIuNjJhMjAsMjAsMCwwLDAtNi4zNSwxOS42M2wxMS4zOSw0OS4zMi00Mi45NC0yNi4wOGExOS45LDE5LjksMCwwLDAtMjAuNywwTDc0LjcxLDIwNy42Miw4Ni4xLDE1OC4zYTIwLDIwLDAsMCwwLTYuMzUtMTkuNjNMNDEuNjYsMTA1LjQ0LDkxLjgsMTAxLjFhMTkuOTIsMTkuOTIsMCwwLDAsMTYuNjktMTIuMTlMMTI4LDQyLjQybDE5LjUxLDQ2LjQ5QTE5LjkyLDE5LjkyLDAsMCwwLDE2NC4yLDEwMS4xbDUwLjE0LDQuMzRaIj48L3BhdGg+PC9zdmc+"); --icon-star-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+"); --icon-star-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y0Yjk0MiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzQuNSwxMTQuMzhsLTQ1LjEsMzkuMzYsMTMuNTEsNTguNmExNiwxNiwwLDAsMS0yMy44NCwxNy4zNGwtNTEuMTEtMzEtNTEsMzFhMTYsMTYsMCwwLDEtMjMuODQtMTcuMzRMNjYuNjEsMTUzLjgsMjEuNSwxMTQuMzhhMTYsMTYsMCwwLDEsOS4xMS0yOC4wNmw1OS40Ni01LjE1LDIzLjIxLTU1LjM2YTE1Ljk1LDE1Ljk1LDAsMCwxLDI5LjQ0LDBoMEwxNjYsODEuMTdsNTkuNDQsNS4xNWExNiwxNiwwLDAsMSw5LjExLDI4LjA2WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-bookmark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQsMjhINzJBMjAsMjAsMCwwLDAsNTIsNDhWMjI0YTEyLDEyLDAsMCwwLDE4LjM2LDEwLjE4bDU3LjYzLTM2LDU3LjY1LDM2QTEyLDEyLDAsMCwwLDIwNCwyMjRWNDhBMjAsMjAsMCwwLDAsMTg0LDI4Wm0tNCwyNFYxNTQuMzVsLTQ1LjY1LTI4LjUzYTEyLDEyLDAsMCwwLTEyLjcyLDBMNzYsMTU0LjM1VjUyWk0xMzQuMzUsMTczLjgyYTEyLDEyLDAsMCwwLTEyLjcyLDBMNzYsMjAyLjM1di0xOS43bDUyLTMyLjUsNTIsMzIuNXYxOS43WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-bookmark-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTc2djQ4bC02NC00MEw2NCwyMjRWMTc2bDY0LTQwWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTg0SDEzNmw0MC04MFpNODgsMTI3LjU2aDBBOTUuNzgsOTUuNzgsMCwwLDAsMTIwLDU2SDU2QTk1Ljc4LDk1Ljc4LDAsMCwwLDg4LDEyNy41NloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMzkuMTUsMjEyLjQybC01Ni0xMTJhOCw4LDAsMCwwLTE0LjMxLDBsLTIxLjcxLDQzLjQzQTg4LDg4LDAsMCwxLDEwMCwxMjYuOTMsMTAzLjY1LDEwMy42NSwwLDAsMCwxMjcuNjksNjRIMTUyYTgsOCwwLDAsMCwwLTE2SDk2VjMyYTgsOCwwLDAsMC0xNiwwVjQ4SDI0YTgsOCwwLDAsMCwwLDE2aDg3LjYzQTg3LjcsODcuNywwLDAsMSw4OCwxMTYuMzVhODcuNzQsODcuNzQsMCwwLDEtMTktMzEsOCw4LDAsMSwwLTE1LjA4LDUuMzRBMTAzLjYzLDEwMy42MywwLDAsMCw3NiwxMjdhODcuNTUsODcuNTUsMCwwLDEtNTIsMTcsOCw4LDAsMCwwLDAsMTYsMTAzLjQ2LDEwMy40NiwwLDAsMCw2NC0yMi4wOCwxMDQuMTgsMTA0LjE4LDAsMCwwLDUxLjQ0LDIxLjMxbC0yNi42LDUzLjE5YTgsOCwwLDAsMCwxNC4zMSw3LjE2TDE0MC45NCwxOTJoNzAuMTFsMTMuNzksMjcuNThBOCw4LDAsMCwwLDIzMiwyMjRhOCw4LDAsMCwwLDcuMTUtMTEuNThaTTE0OC45NCwxNzYsMTc2LDEyMS44OSwyMDMuMDUsMTc2WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-translate-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsMTI5Ljg5LDE3NS4wNiwxNjBIMTQ0Ljk0bDYuMzYtMTIuN3YwWk0yMjQsNDhWMjA4YTE2LDE2LDAsMCwxLTE2LDE2SDQ4YTE2LDE2LDAsMCwxLTE2LTE2VjQ4QTE2LDE2LDAsMCwxLDQ4LDMySDIwOEExNiwxNiwwLDAsMSwyMjQsNDhaTTIwNy4xNiwxODguNDJsLTQwLTgwYTgsOCwwLDAsMC0xNC4zMiwwTDEzOS42NiwxMzQuOGE2Mi4zMSw2Mi4zMSwwLDAsMS0yMy42MS0xMEE3OS42MSw3OS42MSwwLDAsMCwxMzUuNiw4MEgxNTJhOCw4LDAsMCwwLDAtMTZIMTEyVjU2YTgsOCwwLDAsMC0xNiwwdjhINTZhOCw4LDAsMCwwLDAsMTZoNjMuNDhhNjMuNzMsNjMuNzMsMCwwLDEtMTUuMywzNC4wNSw2NS45Myw2NS45MywwLDAsMS05LTEzLjYxLDgsOCwwLDAsMC0xNC4zMiw3LjEyLDgxLjc1LDgxLjc1LDAsMCwwLDExLjQsMTcuMTVBNjMuNjIsNjMuNjIsMCwwLDEsNTYsMTM2YTgsOCwwLDAsMCwwLDE2LDc5LjU2LDc5LjU2LDAsMCwwLDQ4LjExLTE2LjEzLDc4LjMzLDc4LjMzLDAsMCwwLDI4LjE4LDEzLjY2bC0xOS40NSwzOC44OWE4LDgsMCwwLDAsMTQuMzIsNy4xNkwxMzYuOTQsMTc2aDQ2LjEybDkuNzgsMTkuNThhOCw4LDAsMSwwLDE0LjMyLTcuMTZaIj48L3BhdGg+PC9zdmc+"); --icon-ellipsis: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsOTZhMzIsMzIsMCwxLDAsMzIsMzJBMzIsMzIsMCwwLDAsMTI4LDk2Wm0wLDQ4YTE2LDE2LDAsMSwxLDE2LTE2QTE2LDE2LDAsMCwxLDEyOCwxNDRaTTQ4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDQ4LDk2Wm0wLDQ4YTE2LDE2LDAsMSwxLDE2LTE2QTE2LDE2LDAsMCwxLDQ4LDE0NFpNMjA4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDIwOCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSwyMDgsMTQ0WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-ellipsis-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTIsMTI4YTI0LDI0LDAsMSwxLTI0LTI0QTI0LDI0LDAsMCwxLDE1MiwxMjhaTTQ4LDEwNGEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCw0OCwxMDRabTE2MCwwYTI0LDI0LDAsMSwwLDI0LDI0QTI0LDI0LDAsMCwwLDIwOCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDEyOCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSwxMjgsMTQ0Wk00OCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCw0OCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSw0OCwxNDRaTTIwOCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCwyMDgsOTZabTAsNDhhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMjA4LDE0NFoiPjwvcGF0aD48L3N2Zz4="); --icon-ellipsis-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTYsMTI4YTI4LDI4LDAsMSwxLTI4LTI4QTI4LDI4LDAsMCwxLDE1NiwxMjhaTTQ4LDEwMGEyOCwyOCwwLDEsMCwyOCwyOEEyOCwyOCwwLDAsMCw0OCwxMDBabTE2MCwwYTI4LDI4LDAsMSwwLDI4LDI4QTI4LDI4LDAsMCwwLDIwOCwxMDBaIj48L3BhdGg+PC9zdmc+"); --icon-poll: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsOTJIMTgwVjU2YTEyLDEyLDAsMCwwLTEyLTEySDUyVjQwYTEyLDEyLDAsMCwwLTI0LDBWMjE2YTEyLDEyLDAsMCwwLDI0LDB2LTRoODRhMTIsMTIsMCwwLDAsMTItMTJWMTY0aDY4YTEyLDEyLDAsMCwwLDEyLTEyVjEwNEExMiwxMiwwLDAsMCwyMTYsOTJaTTE1Niw2OFY5Mkg1MlY2OFpNMTI0LDE4OEg1MlYxNjRoNzJabTgwLTQ4SDUyVjExNkgyMDRaIj48L3BhdGg+PC9zdmc+"); --icon-poll-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTA0djQ4SDQwVjEwNFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTYsOTZIMTc2VjU2YTgsOCwwLDAsMC04LThINDhWNDBhOCw4LDAsMCwwLTE2LDBWMjE2YTgsOCwwLDAsMCwxNiwwdi04aDg4YTgsOCwwLDAsMCw4LThWMTYwaDcyYTgsOCwwLDAsMCw4LThWMTA0QTgsOCwwLDAsMCwyMTYsOTZaTTE2MCw2NFY5Nkg0OFY2NFpNMTI4LDE5Mkg0OFYxNjBoODBabTgwLTQ4SDQ4VjExMkgyMDhaIj48L3BhdGg+PC9zdmc+"); --icon-poll-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTEydjMyYTgsOCwwLDAsMS04LDhINDh2MTZoODhhOCw4LDAsMCwxLDgsOHYyNGE4LDgsMCwwLDEtOCw4SDQ4djhhOCw4LDAsMCwxLTE2LDBWNDBhOCw4LDAsMCwxLDE2LDB2OEgxNjhhOCw4LDAsMCwxLDgsOFY4MGE4LDgsMCwwLDEtOCw4SDQ4djE2SDIxNkE4LDgsMCwwLDEsMjI0LDExMloiPjwvcGF0aD48L3N2Zz4="); --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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4QTk2LDk2LDAsMCwxLDc5LjkzLDIxMS4xMWgwTDQyLjU0LDIyMy41OGE4LDgsMCwwLDEtMTAuMTItMTAuMTJsMTIuNDctMzcuMzloMEE5Niw5NiwwLDEsMSwyMjQsMTI4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTEyOCwyNEExMDQsMTA0LDAsMCwwLDM2LjE4LDE3Ni44OEwyNC44MywyMTAuOTNhMTYsMTYsMCwwLDAsMjAuMjQsMjAuMjRsMzQuMDUtMTEuMzVBMTA0LDEwNCwwLDEsMCwxMjgsMjRabTAsMTkyYTg3Ljg3LDg3Ljg3LDAsMCwxLTQ0LjA2LTExLjgxLDgsOCwwLDAsMC00LTEuMDgsNy44NSw3Ljg1LDAsMCwwLTIuNTMuNDJMNDAsMjE2LDUyLjQ3LDE3OC42YTgsOCwwLDAsMC0uNjYtNi41NEE4OCw4OCwwLDEsMSwxMjgsMjE2Wm0xMi04OGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNDAsMTI4Wm0tNDQsMGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSw5NiwxMjhabTg4LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTg0LDEyOFoiPjwvcGF0aD48L3N2Zz4="); --icon-users: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMzYsMTA4QTUyLDUyLDAsMSwxLDg0LDU2LDUyLDUyLDAsMCwxLDEzNiwxMDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTE3LjI1LDE1Ny45MmE2MCw2MCwwLDEsMC02Ni41LDBBOTUuODMsOTUuODMsMCwwLDAsMy41MywxOTUuNjNhOCw4LDAsMSwwLDEzLjQsOC43NCw4MCw4MCwwLDAsMSwxMzQuMTQsMCw4LDgsMCwwLDAsMTMuNC04Ljc0QTk1LjgzLDk1LjgzLDAsMCwwLDExNy4yNSwxNTcuOTJaTTQwLDEwOGE0NCw0NCwwLDEsMSw0NCw0NEE0NC4wNSw0NC4wNSwwLDAsMSw0MCwxMDhabTIxMC4xNCw5OC43YTgsOCwwLDAsMS0xMS4wNy0yLjMzQTc5LjgzLDc5LjgzLDAsMCwwLDE3MiwxNjhhOCw4LDAsMCwxLDAtMTYsNDQsNDQsMCwxLDAtMTYuMzQtODQuODcsOCw4LDAsMSwxLTUuOTQtMTQuODUsNjAsNjAsMCwwLDEsNTUuNTMsMTA1LjY0LDk1LjgzLDk1LjgzLDAsMCwxLDQ3LjIyLDM3LjcxQTgsOCwwLDAsMSwyNTAuMTQsMjA2LjdaIj48L3BhdGg+PC9zdmc+"); --icon-users-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMzYsMTA4QTUyLDUyLDAsMSwxLDg0LDU2LDUyLDUyLDAsMCwxLDEzNiwxMDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTE3LjI1LDE1Ny45MmE2MCw2MCwwLDEsMC02Ni41LDBBOTUuODMsOTUuODMsMCwwLDAsMy41MywxOTUuNjNhOCw4LDAsMSwwLDEzLjQsOC43NCw4MCw4MCwwLDAsMSwxMzQuMTQsMCw4LDgsMCwwLDAsMTMuNC04Ljc0QTk1LjgzLDk1LjgzLDAsMCwwLDExNy4yNSwxNTcuOTJaTTQwLDEwOGE0NCw0NCwwLDEsMSw0NCw0NEE0NC4wNSw0NC4wNSwwLDAsMSw0MCwxMDhabTIxMC4xNCw5OC43YTgsOCwwLDAsMS0xMS4wNy0yLjMzQTc5LjgzLDc5LjgzLDAsMCwwLDE3MiwxNjhhOCw4LDAsMCwxLDAtMTYsNDQsNDQsMCwxLDAtMTYuMzQtODQuODcsOCw4LDAsMSwxLTUuOTQtMTQuODUsNjAsNjAsMCwwLDEsNTUuNTMsMTA1LjY0LDk1LjgzLDk1LjgzLDAsMCwxLDQ3LjIyLDM3LjcxQTgsOCwwLDAsMSwyNTAuMTQsMjA2LjdaIj48L3BhdGg+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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsMTAwYTYwLDYwLDAsMSwxLTYwLTYwQTYwLDYwLDAsMCwxLDE2OCwxMDBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjU2LDEzNmE4LDgsMCwwLDEtOCw4SDIzMnYxNmE4LDgsMCwwLDEtMTYsMFYxNDRIMjAwYTgsOCwwLDAsMSwwLTE2aDE2VjExMmE4LDgsMCwwLDEsMTYsMHYxNmgxNkE4LDgsMCwwLDEsMjU2LDEzNlptLTU3Ljg3LDU4Ljg1YTgsOCwwLDAsMS0xMi4yNiwxMC4zQzE2NS43NSwxODEuMTksMTM4LjA5LDE2OCwxMDgsMTY4cy01Ny43NSwxMy4xOS03Ny44NywzNy4xNWE4LDgsMCwwLDEtMTIuMjUtMTAuM2MxNC45NC0xNy43OCwzMy41Mi0zMC40MSw1NC4xNy0zNy4xN2E2OCw2OCwwLDEsMSw3MS45LDBDMTY0LjYsMTY0LjQ0LDE4My4xOCwxNzcuMDcsMTk4LjEzLDE5NC44NVpNMTA4LDE1MmE1Miw1MiwwLDEsMC01Mi01MkE1Mi4wNiw1Mi4wNiwwLDAsMCwxMDgsMTUyWiI+PC9wYXRoPjwvc3ZnPg=="); /* Navigation icons */ --icon-home: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTE1LjU0VjIwOGE4LDgsMCwwLDEtOCw4SDE2MGE4LDgsMCwwLDEtOC04VjE2MGE4LDgsMCwwLDAtOC04SDExMmE4LDgsMCwwLDAtOCw4djQ4YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLTgtOFYxMTUuNTRhOCw4LDAsMCwxLDIuNjItNS45Mmw4MC03NS41NGE4LDgsMCwwLDEsMTAuNzcsMGw4MCw3NS41NEE4LDgsMCwwLDEsMjE2LDExNS41NFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTguODMsMTAzLjc3bC04MC03NS40OGExLjE0LDEuMTQsMCwwLDEtLjExLS4xMSwxNiwxNiwwLDAsMC0yMS41MywwbC0uMTEuMTFMMzcuMTcsMTAzLjc3QTE2LDE2LDAsMCwwLDMyLDExNS41NVYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIOTZhMTYsMTYsMCwwLDAsMTYtMTZWMTYwaDMydjQ4YTE2LDE2LDAsMCwwLDE2LDE2aDQ4YTE2LDE2LDAsMCwwLDE2LTE2VjExNS41NUExNiwxNiwwLDAsMCwyMTguODMsMTAzLjc3Wk0yMDgsMjA4SDE2MFYxNjBhMTYsMTYsMCwwLDAtMTYtMTZIMTEyYTE2LDE2LDAsMCwwLTE2LDE2djQ4SDQ4VjExNS41NWwuMTEtLjFMMTI4LDQwbDc5LjksNzUuNDMuMTEuMVoiPjwvcGF0aD48L3N2Zz4="); --icon-home-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTE1LjU0VjIwOGE4LDgsMCwwLDEtOCw4SDE2MGE4LDgsMCwwLDEtOC04VjE2MGE4LDgsMCwwLDAtOC04SDExMmE4LDgsMCwwLDAtOCw4djQ4YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLTgtOFYxMTUuNTRhOCw4LDAsMCwxLDIuNjItNS45Mmw4MC03NS41NGE4LDgsMCwwLDEsMTAuNzcsMGw4MCw3NS41NEE4LDgsMCwwLDEsMjE2LDExNS41NFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTguODMsMTAzLjc3bC04MC03NS40OGExLjE0LDEuMTQsMCwwLDEtLjExLS4xMSwxNiwxNiwwLDAsMC0yMS41MywwbC0uMTEuMTFMMzcuMTcsMTAzLjc3QTE2LDE2LDAsMCwwLDMyLDExNS41NVYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIOTZhMTYsMTYsMCwwLDAsMTYtMTZWMTYwaDMydjQ4YTE2LDE2LDAsMCwwLDE2LDE2aDQ4YTE2LDE2LDAsMCwwLDE2LTE2VjExNS41NUExNiwxNiwwLDAsMCwyMTguODMsMTAzLjc3Wk0yMDgsMjA4SDE2MFYxNjBhMTYsMTYsMCwwLDAtMTYtMTZIMTEyYTE2LDE2LDAsMCwwLTE2LDE2djQ4SDQ4VjExNS41NWwuMTEtLjFMMTI4LDQwbDc5LjksNzUuNDMuMTEuMVoiPjwvcGF0aD48L3N2Zz4="); --icon-bell: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsMTkySDQ4YTgsOCwwLDAsMS02Ljg4LTEyQzQ3LjcxLDE2OC42LDU2LDEzOS44MSw1NiwxMDRhNzIsNzIsMCwwLDEsMTQ0LDBjMCwzNS44Miw4LjMsNjQuNiwxNC45LDc2QTgsOCwwLDAsMSwyMDgsMTkyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyMS44LDE3NS45NEMyMTYuMjUsMTY2LjM4LDIwOCwxMzkuMzMsMjA4LDEwNGE4MCw4MCwwLDEsMC0xNjAsMGMwLDM1LjM0LTguMjYsNjIuMzgtMTMuODEsNzEuOTRBMTYsMTYsMCwwLDAsNDgsMjAwSDg4LjgxYTQwLDQwLDAsMCwwLDc4LjM4LDBIMjA4YTE2LDE2LDAsMCwwLDEzLjgtMjQuMDZaTTEyOCwyMTZhMjQsMjQsMCwwLDEtMjIuNjItMTZoNDUuMjRBMjQsMjQsMCwwLDEsMTI4LDIxNlpNNDgsMTg0YzcuNy0xMy4yNCwxNi00My45MiwxNi04MGE2NCw2NCwwLDEsMSwxMjgsMGMwLDM2LjA1LDguMjgsNjYuNzMsMTYsODBaIj48L3BhdGg+PC9zdmc+"); --icon-bell-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsMTkySDQ4YTgsOCwwLDAsMS02Ljg4LTEyQzQ3LjcxLDE2OC42LDU2LDEzOS44MSw1NiwxMDRhNzIsNzIsMCwwLDEsMTQ0LDBjMCwzNS44Miw4LjMsNjQuNiwxNC45LDc2QTgsOCwwLDAsMSwyMDgsMTkyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyMS44LDE3NS45NEMyMTYuMjUsMTY2LjM4LDIwOCwxMzkuMzMsMjA4LDEwNGE4MCw4MCwwLDEsMC0xNjAsMGMwLDM1LjM0LTguMjYsNjIuMzgtMTMuODEsNzEuOTRBMTYsMTYsMCwwLDAsNDgsMjAwSDg4LjgxYTQwLDQwLDAsMCwwLDc4LjM4LDBIMjA4YTE2LDE2LDAsMCwwLDEzLjgtMjQuMDZaTTEyOCwyMTZhMjQsMjQsMCwwLDEtMjIuNjItMTZoNDUuMjRBMjQsMjQsMCwwLDEsMTI4LDIxNlpNNDgsMTg0YzcuNy0xMy4yNCwxNi00My45MiwxNi04MGE2NCw2NCwwLDEsMSwxMjgsMGMwLDM2LjA1LDguMjgsNjYuNzMsMTYsODBaIj48L3BhdGg+PC9zdmc+"); --icon-hashtag: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsOTZ2NjRIOTZWOTZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjE2LDE1MkgxNjhWMTA0aDQ4YTgsOCwwLDAsMCwwLTE2SDE2OFY0MGE4LDgsMCwwLDAtMTYsMFY4OEgxMDRWNDBhOCw4LDAsMCwwLTE2LDBWODhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhhOCw4LDAsMCwwLDE2LDBWMTY4aDQ4djQ4YTgsOCwwLDAsMCwxNiwwVjE2OGg0OGE4LDgsMCwwLDAsMC0xNlptLTExMiwwVjEwNGg0OHY0OFoiPjwvcGF0aD48L3N2Zz4="); --icon-hashtag-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsOTZ2NjRIOTZWOTZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjE2LDE1MkgxNjhWMTA0aDQ4YTgsOCwwLDAsMCwwLTE2SDE2OFY0MGE4LDgsMCwwLDAtMTYsMFY4OEgxMDRWNDBhOCw4LDAsMCwwLTE2LDBWODhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhhOCw4LDAsMCwwLDE2LDBWMTY4aDQ4djQ4YTgsOCwwLDAsMCwxNiwwVjE2OGg0OGE4LDgsMCwwLDAsMC0xNlptLTExMiwwVjEwNGg0OHY0OFoiPjwvcGF0aD48L3N2Zz4="); --icon-globe: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4YTg4LDg4LDAsMSwxLTg4LTg4QTg4LDg4LDAsMCwxLDIxNiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ1LjExLDYwLjY4Yy03LjY1LTEzLjE5LTI3Ljg0LTE2LjE2LTU4LjUtOC42NkE5NS45Myw5NS45MywwLDAsMCwzMiwxMjhhOTgsOTgsMCwwLDAsLjc4LDEyLjMxQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNEE5NS45Myw5NS45MywwLDAsMCwyMjQsMTI4YTk3LjA4LDk3LjA4LDAsMCwwLS43Ny0xMi4yNWMxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4Wk0xMjgsNDhhODAuMTEsODAuMTEsMCwwLDEsNzgsNjIuMmMtMTcuMDYsMTYuMDYtNDAuMTUsMzIuNTMtNjIuMDcsNDUuMTNDMTE2LjM4LDE3MS4xNCw5Mi40OCwxODEsNzMuNDIsMTg2LjRBNzkuOTQsNzkuOTQsMCwwLDEsMTI4LDQ4Wk0yNC43NCwxODcuMjljLTEuNDYtMi41MS0uNjUtNy4yNCwyLjIyLTEzYTc5LjA1LDc5LjA1LDAsMCwxLDEwLjI5LTE1LjA1LDk2LDk2LDAsMCwwLDE4LDMxLjMyQzM4LDE5My40NiwyNy4yNCwxOTEuNjEsMjQuNzQsMTg3LjI5Wk0xMjgsMjA4YTc5LjQ1LDc5LjQ1LDAsMCwxLTM4LjU2LTkuOTQsMzcwLDM3MCwwLDAsMCw2Mi40My0yOC44NmMyMS41OC0xMi4zOSw0MC42OC0yNS44Miw1Ni4wNy0zOS4wOEE4MC4wNyw4MC4wNywwLDAsMSwxMjgsMjA4Wk0yMzEuNDIsNzUuNjljLTEuNyw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVjMTQuMjEtMi4zNSwyNy4zNy0yLjE3LDMwLjUsMy4yNEMyMzIuMTksNzAuMjgsMjMyLjI0LDcyLjYzLDIzMS40Miw3NS42OVoiPjwvcGF0aD48L3N2Zz4="); --icon-globe-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4YTg4LDg4LDAsMSwxLTg4LTg4QTg4LDg4LDAsMCwxLDIxNiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ1LjExLDYwLjY4Yy03LjY1LTEzLjE5LTI3Ljg0LTE2LjE2LTU4LjUtOC42NkE5NS45Myw5NS45MywwLDAsMCwzMiwxMjhhOTgsOTgsMCwwLDAsLjc4LDEyLjMxQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNEE5NS45Myw5NS45MywwLDAsMCwyMjQsMTI4YTk3LjA4LDk3LjA4LDAsMCwwLS43Ny0xMi4yNWMxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4Wk0xMjgsNDhhODAuMTEsODAuMTEsMCwwLDEsNzgsNjIuMmMtMTcuMDYsMTYuMDYtNDAuMTUsMzIuNTMtNjIuMDcsNDUuMTNDMTE2LjM4LDE3MS4xNCw5Mi40OCwxODEsNzMuNDIsMTg2LjRBNzkuOTQsNzkuOTQsMCwwLDEsMTI4LDQ4Wk0yNC43NCwxODcuMjljLTEuNDYtMi41MS0uNjUtNy4yNCwyLjIyLTEzYTc5LjA1LDc5LjA1LDAsMCwxLDEwLjI5LTE1LjA1LDk2LDk2LDAsMCwwLDE4LDMxLjMyQzM4LDE5My40NiwyNy4yNCwxOTEuNjEsMjQuNzQsMTg3LjI5Wk0xMjgsMjA4YTc5LjQ1LDc5LjQ1LDAsMCwxLTM4LjU2LTkuOTQsMzcwLDM3MCwwLDAsMCw2Mi40My0yOC44NmMyMS41OC0xMi4zOSw0MC42OC0yNS44Miw1Ni4wNy0zOS4wOEE4MC4wNyw4MC4wNywwLDAsMSwxMjgsMjA4Wk0yMzEuNDIsNzUuNjljLTEuNyw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVjMTQuMjEtMi4zNSwyNy4zNy0yLjE3LDMwLjUsMy4yNEMyMzIuMTksNzAuMjgsMjMyLjI0LDcyLjYzLDIzMS40Miw3NS42OVoiPjwvcGF0aD48L3N2Zz4="); --icon-direct-messages: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNTZsLTk2LDg4TDMyLDU2WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCw0OEgzMmE4LDgsMCwwLDAtOCw4VjE5MmExNiwxNiwwLDAsMCwxNiwxNkgyMTZhMTYsMTYsMCwwLDAsMTYtMTZWNTZBOCw4LDAsMCwwLDIyNCw0OFpNMjAzLjQzLDY0LDEyOCwxMzMuMTUsNTIuNTcsNjRaTTIxNiwxOTJINDBWNzQuMTlsODIuNTksNzUuNzFhOCw4LDAsMCwwLDEwLjgyLDBMMjE2LDc0LjE5VjE5MloiPjwvcGF0aD48L3N2Zz4="); --icon-direct-messages-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNTZsLTk2LDg4TDMyLDU2WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCw0OEgzMmE4LDgsMCwwLDAtOCw4VjE5MmExNiwxNiwwLDAsMCwxNiwxNkgyMTZhMTYsMTYsMCwwLDAsMTYtMTZWNTZBOCw4LDAsMCwwLDIyNCw0OFpNMjAzLjQzLDY0LDEyOCwxMzMuMTUsNTIuNTcsNjRaTTIxNiwxOTJINDBWNzQuMTlsODIuNTksNzUuNzFhOCw4LDAsMCwwLDEwLjgyLDBMMjE2LDc0LjE5VjE5MloiPjwvcGF0aD48L3N2Zz4="); --icon-bookmark-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzJWMjI0bC01Ni00MEw1NiwyMjRWNzJhOCw4LDAsMCwxLDgtOGg5NkE4LDgsMCwwLDEsMTY4LDcyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2MCw1Nkg2NEExNiwxNiwwLDAsMCw0OCw3MlYyMjRhOCw4LDAsMCwwLDEyLjY1LDYuNTFMMTEyLDE5My44M2w1MS4zNiwzNi42OEE4LDgsMCwwLDAsMTc2LDIyNFY3MkExNiwxNiwwLDAsMCwxNjAsNTZabTAsMTUyLjQ2LTQzLjM2LTMxYTgsOCwwLDAsMC05LjMsMEw2NCwyMDguNDVWNzJoOTZaTTIwOCw0MFYxOTJhOCw4LDAsMCwxLTE2LDBWNDBIODhhOCw4LDAsMCwxLDAtMTZIMTkyQTE2LDE2LDAsMCwxLDIwOCw0MFoiPjwvcGF0aD48L3N2Zz4="); --icon-bookmark-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzJWMjI0bC01Ni00MEw1NiwyMjRWNzJhOCw4LDAsMCwxLDgtOGg5NkE4LDgsMCwwLDEsMTY4LDcyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2MCw1Nkg2NEExNiwxNiwwLDAsMCw0OCw3MlYyMjRhOCw4LDAsMCwwLDEyLjY1LDYuNTFMMTEyLDE5My44M2w1MS4zNiwzNi42OEE4LDgsMCwwLDAsMTc2LDIyNFY3MkExNiwxNiwwLDAsMCwxNjAsNTZabTAsMTUyLjQ2LTQzLjM2LTMxYTgsOCwwLDAsMC05LjMsMEw2NCwyMDguNDVWNzJoOTZaTTIwOCw0MFYxOTJhOCw4LDAsMCwxLTE2LDBWNDBIODhhOCw4LDAsMCwxLDAtMTZIMTkyQTE2LDE2LDAsMCwxLDIwOCw0MFoiPjwvcGF0aD48L3N2Zz4="); --icon-star-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+"); --icon-star-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+"); --icon-search: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIuNDksMjE1LjUxLDE4NSwxNjhhOTIuMTIsOTIuMTIsMCwxLDAtMTcsMTdsNDcuNTMsNDcuNTRhMTIsMTIsMCwwLDAsMTctMTdaTTQ0LDExMmE2OCw2OCwwLDEsMSw2OCw2OEE2OC4wNyw2OC4wNywwLDAsMSw0NCwxMTJaIj48L3BhdGg+PC9zdmc+"); --icon-search-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIuNDksMjE1LjUxLDE4NSwxNjhhOTIuMTIsOTIuMTIsMCwxLDAtMTcsMTdsNDcuNTMsNDcuNTRhMTIsMTIsMCwwLDAsMTctMTdaTTQ0LDExMmE2OCw2OCwwLDEsMSw2OCw2OEE2OC4wNyw2OC4wNywwLDAsMSw0NCwxMTJaIj48L3BhdGg+PC9zdmc+"); --icon-search-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTEyYTgwLDgwLDAsMSwxLTgwLTgwQTgwLDgwLDAsMCwxLDE5MiwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI5LjY2LDIxOC4zNCwxNzkuNiwxNjguMjhhODguMjEsODguMjEsMCwxLDAtMTEuMzIsMTEuMzFsNTAuMDYsNTAuMDdhOCw4LDAsMCwwLDExLjMyLTExLjMyWk00MCwxMTJhNzIsNzIsMCwxLDEsNzIsNzJBNzIuMDgsNzIuMDgsMCwwLDEsNDAsMTEyWiI+PC9wYXRoPjwvc3ZnPg=="); --icon-search-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTEyYTgwLDgwLDAsMSwxLTgwLTgwQTgwLDgwLDAsMCwxLDE5MiwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI5LjY2LDIxOC4zNCwxNzkuNiwxNjguMjhhODguMjEsODguMjEsMCwxLDAtMTEuMzIsMTEuMzFsNTAuMDYsNTAuMDdhOCw4LDAsMCwwLDExLjMyLTExLjMyWk00MCwxMTJhNzIsNzIsMCwxLDEsNzIsNzJBNzIuMDgsNzIuMDgsMCwwLDEsNDAsMTEyWiI+PC9wYXRoPjwvc3ZnPg=="); --icon-list: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNjRWMTkySDQwVjY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCwxMjhhOCw4LDAsMCwxLTgsOEg0MGE4LDgsMCwwLDEsMC0xNkgyMTZBOCw4LDAsMCwxLDIyNCwxMjhaTTQwLDcySDIxNmE4LDgsMCwwLDAsMC0xNkg0MGE4LDgsMCwwLDAsMCwxNlpNMjE2LDE4NEg0MGE4LDgsMCwwLDAsMCwxNkgyMTZhOCw4LDAsMCwwLDAtMTZaIj48L3BhdGg+PC9zdmc+"); --icon-list-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNjRWMTkySDQwVjY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCwxMjhhOCw4LDAsMCwxLTgsOEg0MGE4LDgsMCwwLDEsMC0xNkgyMTZBOCw4LDAsMCwxLDIyNCwxMjhaTTQwLDcySDIxNmE4LDgsMCwwLDAsMC0xNkg0MGE4LDgsMCwwLDAsMCwxNlpNMjE2LDE4NEg0MGE4LDgsMCwwLDAsMCwxNkgyMTZhOCw4LDAsMCwwLDAtMTZaIj48L3BhdGg+PC9zdmc+"); --icon-settings: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMSwxMDguNzYsMTk4LjI1LDkwLjYyYy0uNjQtMS4xNi0xLjMxLTIuMjktMi0zLjQxbC0uMTItMzZBMTA0LjYxLDEwNC42MSwwLDAsMCwxNjIsMzJMMTMwLDQ5Ljg5Yy0xLjM0LDAtMi42OSwwLTQsMEw5NCwzMkExMDQuNTgsMTA0LjU4LDAsMCwwLDU5Ljg5LDUxLjI1bC0uMTYsMzZjLS43LDEuMTItMS4zNywyLjI2LTIsMy40MWwtMzEuODQsMTguMWE5OS4xNSw5OS4xNSwwLDAsMCwwLDM4LjQ2bDMxLjg1LDE4LjE0Yy42NCwxLjE2LDEuMzEsMi4yOSwyLDMuNDFsLjEyLDM2QTEwNC42MSwxMDQuNjEsMCwwLDAsOTQsMjI0bDMyLTE3Ljg3YzEuMzQsMCwyLjY5LDAsNCwwTDE2MiwyMjRhMTA0LjU4LDEwNC41OCwwLDAsMCwzNC4wOC0xOS4yNWwuMTYtMzZjLjctMS4xMiwxLjM3LTIuMjYsMi0zLjQxbDMxLjg0LTE4LjFBOTkuMTUsOTkuMTUsMCwwLDAsMjMwLjEsMTA4Ljc2Wk0xMjgsMTY4YTQwLDQwLDAsMSwxLDQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxNjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDgwYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWm0xMDkuOTQtNTIuNzlhOCw4LDAsMCwwLTMuODktNS40bC0yOS44My0xNy0uMTItMzMuNjJhOCw4LDAsMCwwLTIuODMtNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLTM2LjcyLTIwLjY3LDgsOCwwLDAsMC02LjQ2LjU5TDEyOCw0MS44NSw5Ny44OCwyNWE4LDgsMCwwLDAtNi40Ny0uNkExMTEuOTIsMTExLjkyLDAsMCwwLDU0LjczLDQ1LjE1YTgsOCwwLDAsMC0yLjgzLDYuMDdsLS4xNSwzMy42NS0yOS44MywxN2E4LDgsMCwwLDAtMy44OSw1LjQsMTA2LjQ3LDEwNi40NywwLDAsMCwwLDQxLjU2LDgsOCwwLDAsMCwzLjg5LDUuNGwyOS44MywxNywuMTIsMzMuNjNhOCw4LDAsMCwwLDIuODMsNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLDM2LjcyLDIwLjY3LDgsOCwwLDAsMCw2LjQ2LS41OUwxMjgsMjE0LjE1LDE1OC4xMiwyMzFhNy45MSw3LjkxLDAsMCwwLDMuOSwxLDguMDksOC4wOSwwLDAsMCwyLjU3LS40MiwxMTIuMSwxMTIuMSwwLDAsMCwzNi42OC0yMC43Myw4LDgsMCwwLDAsMi44My02LjA3bC4xNS0zMy42NSwyOS44My0xN2E4LDgsMCwwLDAsMy44OS01LjRBMTA2LjQ3LDEwNi40NywwLDAsMCwyMzcuOTQsMTA3LjIxWm0tMTUsMzQuOTEtMjguNTcsMTYuMjVhOCw4LDAsMCwwLTMsM2MtLjU4LDEtMS4xOSwyLjA2LTEuODEsMy4wNmE3Ljk0LDcuOTQsMCwwLDAtMS4yMiw0LjIxbC0uMTUsMzIuMjVhOTUuODksOTUuODksMCwwLDEtMjUuMzcsMTQuM0wxMzQsMTk5LjEzYTgsOCwwLDAsMC0zLjkxLTFoLS4xOWMtMS4yMSwwLTIuNDMsMC0zLjY0LDBhOC4xLDguMSwwLDAsMC00LjEsMWwtMjguODQsMTYuMUE5Niw5NiwwLDAsMSw2Ny44OCwyMDFsLS4xMS0zMi4yYTgsOCwwLDAsMC0xLjIyLTQuMjJjLS42Mi0xLTEuMjMtMi0xLjgtMy4wNmE4LjA5LDguMDksMCwwLDAtMy0zLjA2bC0yOC42LTE2LjI5YTkwLjQ5LDkwLjQ5LDAsMCwxLDAtMjguMjZMNjEuNjcsOTcuNjNhOCw4LDAsMCwwLDMtM2MuNTgtMSwxLjE5LTIuMDYsMS44MS0zLjA2YTcuOTQsNy45NCwwLDAsMCwxLjIyLTQuMjFsLjE1LTMyLjI1YTk1Ljg5LDk1Ljg5LDAsMCwxLDI1LjM3LTE0LjNMMTIyLDU2Ljg3YTgsOCwwLDAsMCw0LjEsMWMxLjIxLDAsMi40MywwLDMuNjQsMGE4LDgsMCwwLDAsNC4xLTFsMjguODQtMTYuMUE5Niw5NiwwLDAsMSwxODguMTIsNTVsLjExLDMyLjJhOCw4LDAsMCwwLDEuMjIsNC4yMmMuNjIsMSwxLjIzLDIsMS44LDMuMDZhOC4wOSw4LjA5LDAsMCwwLDMsMy4wNmwyOC42LDE2LjI5QTkwLjQ5LDkwLjQ5LDAsMCwxLDIyMi45LDE0Mi4xMloiPjwvcGF0aD48L3N2Zz4="); --icon-logout: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4bC00MCw0MFY4OFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMTIsMjE2YTgsOCwwLDAsMS04LDhINDhhMTYsMTYsMCwwLDEtMTYtMTZWNDhBMTYsMTYsMCwwLDEsNDgsMzJoNTZhOCw4LDAsMCwxLDAsMTZINDhWMjA4aDU2QTgsOCwwLDAsMSwxMTIsMjE2Wm0xMDkuNjYtODIuMzQtNDAsNDBBOCw4LDAsMCwxLDE2OCwxNjhWMTM2SDEwNGE4LDgsMCwwLDEsMC0xNmg2NFY4OGE4LDgsMCwwLDEsMTMuNjYtNS42Nmw0MCw0MEE4LDgsMCwwLDEsMjIxLjY2LDEzMy42NlptLTE3LTUuNjZMMTg0LDEwNy4zMXY0MS4zOFoiPjwvcGF0aD48L3N2Zz4="); /* Post visibility icons */ --icon-globe-visibility: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+"); --icon-globe-visibility-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+"); --icon-unlock: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTAwVjU2YTI4LDI4LDAsMCwxLDI4LTI4YzEzLjUxLDAsMjUuNjUsOS42MiwyOC4yNCwyMi4zOWExMiwxMiwwLDEsMCwyMy41Mi00Ljc4QzE3NC44NywyMS41LDE1My4xLDQsMTI4LDRBNTIuMDYsNTIuMDYsMCwwLDAsNzYsNTZWNzZINDhBMjAsMjAsMCwwLDAsMjgsOTZWMjA4YTIwLDIwLDAsMCwwLDIwLDIwSDIwOGEyMCwyMCwwLDAsMCwyMC0yMFY5NkEyMCwyMCwwLDAsMCwyMDgsNzZabS00LDEyOEg1MlYxMDBIMjA0WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-unlock-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTAwVjU2YTI4LDI4LDAsMCwxLDI4LTI4YzEzLjUxLDAsMjUuNjUsOS42MiwyOC4yNCwyMi4zOWExMiwxMiwwLDEsMCwyMy41Mi00Ljc4QzE3NC44NywyMS41LDE1My4xLDQsMTI4LDRBNTIuMDYsNTIuMDYsMCwwLDAsNzYsNTZWNzZINDhBMjAsMjAsMCwwLDAsMjgsOTZWMjA4YTIwLDIwLDAsMCwwLDIwLDIwSDIwOGEyMCwyMCwwLDAsMCwyMC0yMFY5NkEyMCwyMCwwLDAsMCwyMDgsNzZabS00LDEyOEg1MlYxMDBIMjA0WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-lock: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4="); --icon-lock-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4="); --icon-at: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNDRIMzJBMTIsMTIsMCwwLDAsMjAsNTZWMTkyYTIwLDIwLDAsMCwwLDIwLDIwSDIxNmEyMCwyMCwwLDAsMCwyMC0yMFY1NkExMiwxMiwwLDAsMCwyMjQsNDRaTTE5My4xNSw2OCwxMjgsMTI3LjcyLDYyLjg1LDY4Wk00NCwxODhWODMuMjhsNzUuODksNjkuNTdhMTIsMTIsMCwwLDAsMTYuMjIsMEwyMTIsODMuMjhWMTg4WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-at-inv: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNDRIMzJBMTIsMTIsMCwwLDAsMjAsNTZWMTkyYTIwLDIwLDAsMCwwLDIwLDIwSDIxNmEyMCwyMCwwLDAsMCwyMC0yMFY1NkExMiwxMiwwLDAsMCwyMjQsNDRaTTE5My4xNSw2OCwxMjgsMTI3LjcyLDYyLjg1LDY4Wk00NCwxODhWODMuMjhsNzUuODksNjkuNTdhMTIsMTIsMCwwLDAsMTYuMjIsMEwyMTIsODMuMjhWMTg4WiI+PC9wYXRoPjwvc3ZnPg=="); /* Other icons */ --icon-bell-still: var(--icon-bell); --icon-bell-ringing: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNzEuMWE4LDgsMCwwLDEtMTAuNzgtMy40Miw5NC4xMyw5NC4xMywwLDAsMC0zMy40Ni0zNi45MSw4LDgsMCwxLDEsOC41NC0xMy41NCwxMTEuNDYsMTExLjQ2LDAsMCwxLDM5LjEyLDQzLjA5QTgsOCwwLDAsMSwyMjQsNzEuMVpNMzUuNzEsNzJhOCw4LDAsMCwwLDcuMS00LjMyQTk0LjEzLDk0LjEzLDAsMCwxLDc2LjI3LDMwLjc3YTgsOCwwLDEsMC04LjU0LTEzLjU0QTExMS40NiwxMTEuNDYsMCwwLDAsMjguNjEsNjAuMzIsOCw4LDAsMCwwLDM1LjcxLDcyWm0xODYuMSwxMDMuOTRBMTYsMTYsMCwwLDEsMjA4LDIwMEgxNjcuMmE0MCw0MCwwLDAsMS03OC40LDBINDhhMTYsMTYsMCwwLDEtMTMuNzktMjQuMDZDNDMuMjIsMTYwLjM5LDQ4LDEzOC4yOCw0OCwxMTJhODAsODAsMCwwLDEsMTYwLDBDMjA4LDEzOC4yNywyMTIuNzgsMTYwLjM4LDIyMS44MSwxNzUuOTRaTTE1MC42MiwyMDBIMTA1LjM4YTI0LDI0LDAsMCwwLDQ1LjI0LDBaIj48L3BhdGg+PC9zdmc+"); --icon-close: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjRBMTA0LDEwNCwwLDEsMCwyMzIsMTI4LDEwNC4xMSwxMDQuMTEsMCwwLDAsMTI4LDI0Wm0zNy42NiwxMzAuMzRhOCw4LDAsMCwxLTExLjMyLDExLjMyTDEyOCwxMzkuMzFsLTI2LjM0LDI2LjM1YTgsOCwwLDAsMS0xMS4zMi0xMS4zMkwxMTYuNjksMTI4LDkwLjM0LDEwMS42NmE4LDgsMCwwLDEsMTEuMzItMTEuMzJMMTI4LDExNi42OWwyNi4zNC0yNi4zNWE4LDgsMCwwLDEsMTEuMzIsMTEuMzJMMTM5LjMxLDEyOFoiPjwvcGF0aD48L3N2Zz4="); --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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTIuNDgsMTM2LjQ5bC04Mi4wNiw4MmE2MCw2MCwwLDAsMS04NC44NS04NC44OGw5OC4xNi05Ny44OWE0MCw0MCwwLDAsMSw1Ni41Niw1Ni41OWwtLjE3LjE2LTk1LjgsOTIuMjJhMTIsMTIsMCwxLDEtMTYuNjQtMTcuM2w5NS43MS05Mi4xMmExNiwxNiwwLDAsMC0yMi43LTIyLjU2TDYyLjUzLDE1MC41N2EzNiwzNiwwLDAsMCw1MC45Myw1MC45MWw4Mi4wNi04MmExMiwxMiwwLDAsMSwxNywxN1oiPjwvcGF0aD48L3N2Zz4="); --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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjUuODYsMTAyLjgyYy0zLjc3LTMuOTQtNy42Ny04LTkuMTQtMTEuNTctMS4zNi0zLjI3LTEuNDQtOC42OS0xLjUyLTEzLjk0LS4xNS05Ljc2LS4zMS0yMC44Mi04LTI4LjUxcy0xOC43NS03Ljg1LTI4LjUxLThjLTUuMjUtLjA4LTEwLjY3LS4xNi0xMy45NC0xLjUyLTMuNTYtMS40Ny03LjYzLTUuMzctMTEuNTctOS4xNEMxNDYuMjgsMjMuNTEsMTM4LjQ0LDE2LDEyOCwxNnMtMTguMjcsNy41MS0yNS4xOCwxNC4xNGMtMy45NCwzLjc3LTgsNy42Ny0xMS41Nyw5LjE0Qzg4LDQwLjY0LDgyLjU2LDQwLjcyLDc3LjMxLDQwLjhjLTkuNzYuMTUtMjAuODIuMzEtMjguNTEsOFM0MSw2Ny41NSw0MC44LDc3LjMxYy0uMDgsNS4yNS0uMTYsMTAuNjctMS41MiwxMy45NC0xLjQ3LDMuNTYtNS4zNyw3LjYzLTkuMTQsMTEuNTdDMjMuNTEsMTA5LjcyLDE2LDExNy41NiwxNiwxMjhzNy41MSwxOC4yNywxNC4xNCwyNS4xOGMzLjc3LDMuOTQsNy42Nyw4LDkuMTQsMTEuNTcsMS4zNiwzLjI3LDEuNDQsOC42OSwxLjUyLDEzLjk0LjE1LDkuNzYuMzEsMjAuODIsOCwyOC41MXMxOC43NSw3Ljg1LDI4LjUxLDhjNS4yNS4wOCwxMC42Ny4xNiwxMy45NCwxLjUyLDMuNTYsMS40Nyw3LjYzLDUuMzcsMTEuNTcsOS4xNEMxMDkuNzIsMjMyLjQ5LDExNy41NiwyNDAsMTI4LDI0MHMxOC4yNy03LjUxLDI1LjE4LTE0LjE0YzMuOTQtMy43Nyw4LTcuNjcsMTEuNTctOS4xNCwzLjI3LTEuMzYsOC42OS0xLjQ0LDEzLjk0LTEuNTIsOS43Ni0uMTUsMjAuODItLjMxLDI4LjUxLThzNy44NS0xOC43NSw4LTI4LjUxYy4wOC01LjI1LjE2LTEwLjY3LDEuNTItMTMuOTQsMS40Ny0zLjU2LDUuMzctNy42Myw5LjE0LTExLjU3QzIzMi40OSwxNDYuMjgsMjQwLDEzOC40NCwyNDAsMTI4UzIzMi40OSwxMDkuNzMsMjI1Ljg2LDEwMi44MlptLTUyLjIsNi44NC01Niw1NmE4LDgsMCwwLDEtMTEuMzIsMGwtMjQtMjRhOCw4LDAsMCwxLDExLjMyLTExLjMyTDExMiwxNDguNjlsNTAuMzQtNTAuMzVhOCw4LDAsMCwxLDExLjMyLDExLjMyWiI+PC9wYXRoPjwvc3ZnPg=="); --icon-gear: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMSwxMDguNzYsMTk4LjI1LDkwLjYyYy0uNjQtMS4xNi0xLjMxLTIuMjktMi0zLjQxbC0uMTItMzZBMTA0LjYxLDEwNC42MSwwLDAsMCwxNjIsMzJMMTMwLDQ5Ljg5Yy0xLjM0LDAtMi42OSwwLTQsMEw5NCwzMkExMDQuNTgsMTA0LjU4LDAsMCwwLDU5Ljg5LDUxLjI1bC0uMTYsMzZjLS43LDEuMTItMS4zNywyLjI2LTIsMy40MWwtMzEuODQsMTguMWE5OS4xNSw5OS4xNSwwLDAsMCwwLDM4LjQ2bDMxLjg1LDE4LjE0Yy42NCwxLjE2LDEuMzEsMi4yOSwyLDMuNDFsLjEyLDM2QTEwNC42MSwxMDQuNjEsMCwwLDAsOTQsMjI0bDMyLTE3Ljg3YzEuMzQsMCwyLjY5LDAsNCwwTDE2MiwyMjRhMTA0LjU4LDEwNC41OCwwLDAsMCwzNC4wOC0xOS4yNWwuMTYtMzZjLjctMS4xMiwxLjM3LTIuMjYsMi0zLjQxbDMxLjg0LTE4LjFBOTkuMTUsOTkuMTUsMCwwLDAsMjMwLjEsMTA4Ljc2Wk0xMjgsMTY4YTQwLDQwLDAsMSwxLDQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxNjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDgwYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWm0xMDkuOTQtNTIuNzlhOCw4LDAsMCwwLTMuODktNS40bC0yOS44My0xNy0uMTItMzMuNjJhOCw4LDAsMCwwLTIuODMtNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLTM2LjcyLTIwLjY3LDgsOCwwLDAsMC02LjQ2LjU5TDEyOCw0MS44NSw5Ny44OCwyNWE4LDgsMCwwLDAtNi40Ny0uNkExMTEuOTIsMTExLjkyLDAsMCwwLDU0LjczLDQ1LjE1YTgsOCwwLDAsMC0yLjgzLDYuMDdsLS4xNSwzMy42NS0yOS44MywxN2E4LDgsMCwwLDAtMy44OSw1LjQsMTA2LjQ3LDEwNi40NywwLDAsMCwwLDQxLjU2LDgsOCwwLDAsMCwzLjg5LDUuNGwyOS44MywxNywuMTIsMzMuNjNhOCw4LDAsMCwwLDIuODMsNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLDM2LjcyLDIwLjY3LDgsOCwwLDAsMCw2LjQ2LS41OUwxMjgsMjE0LjE1LDE1OC4xMiwyMzFhNy45MSw3LjkxLDAsMCwwLDMuOSwxLDguMDksOC4wOSwwLDAsMCwyLjU3LS40MiwxMTIuMSwxMTIuMSwwLDAsMCwzNi42OC0yMC43Myw4LDgsMCwwLDAsMi44My02LjA3bC4xNS0zMy42NSwyOS44My0xN2E4LDgsMCwwLDAsMy44OS01LjRBMTA2LjQ3LDEwNi40NywwLDAsMCwyMzcuOTQsMTA3LjIxWm0tMTUsMzQuOTEtMjguNTcsMTYuMjVhOCw4LDAsMCwwLTMsM2MtLjU4LDEtMS4xOSwyLjA2LTEuODEsMy4wNmE3Ljk0LDcuOTQsMCwwLDAtMS4yMiw0LjIxbC0uMTUsMzIuMjVhOTUuODksOTUuODksMCwwLDEtMjUuMzcsMTQuM0wxMzQsMTk5LjEzYTgsOCwwLDAsMC0zLjkxLTFoLS4xOWMtMS4yMSwwLTIuNDMsMC0zLjY0LDBhOC4xLDguMSwwLDAsMC00LjEsMWwtMjguODQsMTYuMUE5Niw5NiwwLDAsMSw2Ny44OCwyMDFsLS4xMS0zMi4yYTgsOCwwLDAsMC0xLjIyLTQuMjJjLS42Mi0xLTEuMjMtMi0xLjgtMy4wNmE4LjA5LDguMDksMCwwLDAtMy0zLjA2bC0yOC42LTE2LjI5YTkwLjQ5LDkwLjQ5LDAsMCwxLDAtMjguMjZMNjEuNjcsOTcuNjNhOCw4LDAsMCwwLDMtM2MuNTgtMSwxLjE5LTIuMDYsMS44MS0zLjA2YTcuOTQsNy45NCwwLDAsMCwxLjIyLTQuMjFsLjE1LTMyLjI1YTk1Ljg5LDk1Ljg5LDAsMCwxLDI1LjM3LTE0LjNMMTIyLDU2Ljg3YTgsOCwwLDAsMCw0LjEsMWMxLjIxLDAsMi40MywwLDMuNjQsMGE4LDgsMCwwLDAsNC4xLTFsMjguODQtMTYuMUE5Niw5NiwwLDAsMSwxODguMTIsNTVsLjExLDMyLjJhOCw4LDAsMCwwLDEuMjIsNC4yMmMuNjIsMSwxLjIzLDIsMS44LDMuMDZhOC4wOSw4LjA5LDAsMCwwLDMsMy4wNmwyOC42LDE2LjI5QTkwLjQ5LDkwLjQ5LDAsMCwxLDIyMi45LDE0Mi4xMloiPjwvcGF0aD48L3N2Zz4="); --icon-gear-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzcuOTQsMTA3LjIxYTgsOCwwLDAsMC0zLjg5LTUuNGwtMjkuODMtMTctLjEyLTMzLjYyYTgsOCwwLDAsMC0yLjgzLTYuMDgsMTExLjkxLDExMS45MSwwLDAsMC0zNi43Mi0yMC42Nyw4LDgsMCwwLDAtNi40Ni41OUwxMjgsNDEuODUsOTcuODgsMjVhOCw4LDAsMCwwLTYuNDctLjZBMTExLjkyLDExMS45MiwwLDAsMCw1NC43Myw0NS4xNWE4LDgsMCwwLDAtMi44Myw2LjA3bC0uMTUsMzMuNjUtMjkuODMsMTdhOCw4LDAsMCwwLTMuODksNS40LDEwNi40NywxMDYuNDcsMCwwLDAsMCw0MS41Niw4LDgsMCwwLDAsMy44OSw1LjRsMjkuODMsMTcsLjEyLDMzLjYzYTgsOCwwLDAsMCwyLjgzLDYuMDgsMTExLjkxLDExMS45MSwwLDAsMCwzNi43MiwyMC42Nyw4LDgsMCwwLDAsNi40Ni0uNTlMMTI4LDIxNC4xNSwxNTguMTIsMjMxYTcuOTEsNy45MSwwLDAsMCwzLjksMSw4LjA5LDguMDksMCwwLDAsMi41Ny0uNDIsMTEyLjEsMTEyLjEsMCwwLDAsMzYuNjgtMjAuNzMsOCw4LDAsMCwwLDIuODMtNi4wN2wuMTUtMzMuNjUsMjkuODMtMTdhOCw4LDAsMCwwLDMuODktNS40QTEwNi40NywxMDYuNDcsMCwwLDAsMjM3Ljk0LDEwNy4yMVpNMTI4LDE2OGE0MCw0MCwwLDEsMSw0MC00MEE0MCw0MCwwLDAsMSwxMjgsMTY4WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-pin: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjkuNjYsOTguMzQsMTcyLjM5LDE1NS44YzExLjQ2LDIyLjkzLTEuNzIsNDUuODYtMTAuMTEsNTdhOCw4LDAsMCwxLTEyLC44M0w0Mi4zNCwxMDUuNzZBOCw4LDAsMCwxLDQzLDkzLjg1YzI5LjY1LTIzLjkyLDU3LjQtMTAsNTcuNC0xMGw1Ny4yNy01Ny40NmE4LDgsMCwwLDEsMTEuMzEsMEwyMjkuNjYsODdBOCw4LDAsMCwxLDIyOS42Niw5OC4zNFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMzUuMzIsODEuMzcsMTc0LjYzLDIwLjY5YTE2LDE2LDAsMCwwLTIyLjYzLDBMOTguMzcsNzQuNDljLTEwLjY2LTMuMzQtMzUtNy4zNy02MC40LDEzLjE0YTE2LDE2LDAsMCwwLTEuMjksMjMuNzhMODUsMTU5LjcxLDQyLjM0LDIwMi4zNGE4LDgsMCwwLDAsMTEuMzIsMTEuMzJMOTYuMjksMTcxbDQ4LjI5LDQ4LjI5QTE2LDE2LDAsMCwwLDE1NS45LDIyNGMuMzgsMCwuNzUsMCwxLjEzLDBhMTUuOTMsMTUuOTMsMCwwLDAsMTEuNjQtNi4zM2MxOS42NC0yNi4xLDE3Ljc1LTQ3LjMyLDEzLjE5LTYwTDIzNS4zMywxMDRBMTYsMTYsMCwwLDAsMjM1LjMyLDgxLjM3Wk0yMjQsOTIuNjloMGwtNTcuMjcsNTcuNDZhOCw4LDAsMCwwLTEuNDksOS4yMmM5LjQ2LDE4LjkzLTEuOCwzOC41OS05LjM0LDQ4LjYyTDQ4LDEwMC4wOGMxMi4wOC05Ljc0LDIzLjY0LTEyLjMxLDMyLjQ4LTEyLjMxQTQwLjEzLDQwLjEzLDAsMCwxLDk2LjgxLDkxYTgsOCwwLDAsMCw5LjI1LTEuNTFMMTYzLjMyLDMyLDIyNCw5Mi42OFoiPjwvcGF0aD48L3N2Zz4="); --icon-emoji: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0QTEwNCwxMDQsMCwxLDAsMjMyLDEyOCwxMDQuMTEsMTA0LjExLDAsMCwwLDEyOCwyNFptMCwxOTJhODgsODgsMCwxLDEsODgtODhBODguMSw4OC4xLDAsMCwxLDEyOCwyMTZaTTgwLDEwOGExMiwxMiwwLDEsMSwxMiwxMkExMiwxMiwwLDAsMSw4MCwxMDhabTk2LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTc2LDEwOFptLTEuMDgsNDhjLTEwLjI5LDE3Ljc5LTI3LjM5LDI4LTQ2LjkyLDI4cy0zNi42My0xMC4yLTQ2LjkyLTI4YTgsOCwwLDEsMSwxMy44NC04YzcuNDcsMTIuOTEsMTkuMjEsMjAsMzMuMDgsMjBzMjUuNjEtNy4xLDMzLjA4LTIwYTgsOCwwLDEsMSwxMy44NCw4WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-emoji-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0QTEwNCwxMDQsMCwxLDAsMjMyLDEyOCwxMDQuMTEsMTA0LjExLDAsMCwwLDEyOCwyNFptMCwxOTJhODgsODgsMCwxLDEsODgtODhBODguMSw4OC4xLDAsMCwxLDEyOCwyMTZaTTgwLDEwOGExMiwxMiwwLDEsMSwxMiwxMkExMiwxMiwwLDAsMSw4MCwxMDhabTk2LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTc2LDEwOFptLTEuMDgsNDhjLTEwLjI5LDE3Ljc5LTI3LjM5LDI4LTQ2LjkyLDI4cy0zNi42My0xMC4yLTQ2LjkyLTI4YTgsOCwwLDEsMSwxMy44NC04YzcuNDcsMTIuOTEsMTkuMjEsMjAsMzMuMDgsMjBzMjUuNjEtNy4xLDMzLjA4LTIwYTgsOCwwLDEsMSwxMy44NCw4WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDkuOTQsMTEzLjk0bC0yOCwyOGE0Ny43Niw0Ny43NiwwLDAsMS0yNi41MiwxMy40OCw0Ny43Niw0Ny43NiwwLDAsMS0xMy40OCwyNi41MmwtMjgsMjhhNDgsNDgsMCwwLDEtNjcuODgtNjcuODhsMjgtMjhhNDcuNzYsNDcuNzYsMCwwLDEsMjYuNTItMTMuNDgsNDcuNzYsNDcuNzYsMCwwLDEsMTMuNDgtMjYuNTJsMjgtMjhhNDgsNDgsMCwwLDEsNjcuODgsNjcuODhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTM3LjU0LDE4Ni4zNmE4LDgsMCwwLDEsMCwxMS4zMWwtMTcuOTQsMThBNTYsNTYsMCwwLDEsNDAuMzgsMTM2LjRMNjguNSwxMDguMjlBNTYsNTYsMCwwLDEsMTQ1LjMxLDEwNmE4LDgsMCwxLDEtMTAuNjQsMTIsNDAsNDAsMCwwLDAtNTQuODUsMS42M0w1MS43LDE0Ny43MmE0MCw0MCwwLDEsMCw1Ni41OCw1Ni41OGwxNy45NC0xNy45NEE4LDgsMCwwLDEsMTM3LjU0LDE4Ni4zNlptNzguMDgtMTQ2YTU2LjA4LDU2LjA4LDAsMCwwLTc5LjIyLDBMMTE4LjQ2LDU4LjMzYTgsOCwwLDAsMCwxMS4zMiwxMS4zMUwxNDcuNzIsNTEuN2E0MCw0MCwwLDAsMSw1Ni41OCw1Ni41OEwxNzYuMTgsMTM2LjRBNDAsNDAsMCwwLDEsMTIxLjMzLDEzOCw4LDgsMCwxLDAsMTEwLjY5LDE1MGE1Niw1NiwwLDAsMCw3Ni44MS0yLjI3bDI4LjEyLTI4LjExQTU2LjA4LDU2LjA4LDAsMCwwLDIxNS42Miw0MC4zOFoiPjwvcGF0aD48L3N2Zz4="); --icon-share: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTA0bC00OCw0OFY1NloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMjkuNjYsOTguMzRsLTQ4LTQ4QTgsOCwwLDAsMCwxNjgsNTZWOTZoLTNBMTAzLjk0LDEwMy45NCwwLDAsMCw2NC4yNSwxNzRhOCw4LDAsMCwwLDE1LjUsNEE4OCw4OCwwLDAsMSwxNjUsMTEyaDN2NDBhOCw4LDAsMCwwLDEzLjY2LDUuNjZsNDgtNDhBOCw4LDAsMCwwLDIyOS42Niw5OC4zNFpNMTg0LDEzMi42OVY3NS4zMUwyMTIuNjksMTA0Wk0yMDAsMjE2YTgsOCwwLDAsMS04LDhINDBhMTYsMTYsMCwwLDEtMTYtMTZWODhhOCw4LDAsMCwxLDE2LDBWMjA4SDE5MkE4LDgsMCwwLDEsMjAwLDIxNloiPjwvcGF0aD48L3N2Zz4="); --icon-compose: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTIwdjg4YTE2LDE2LDAsMCwxLTE2LDE2SDQ4YTE2LDE2LDAsMCwxLTE2LTE2VjQ4QTE2LDE2LDAsMCwxLDQ4LDMyaDg4YTgsOCwwLDAsMSwwLDE2SDQ4VjIwOEgyMDhWMTIwYTgsOCwwLDAsMSwxNiwwWm01LjY2LTUwLjM0LTk2LDk2QTgsOCwwLDAsMSwxMjgsMTY4SDk2YTgsOCwwLDAsMS04LThWMTI4YTgsOCwwLDAsMSwyLjM0LTUuNjZsOTYtOTZhOCw4LDAsMCwxLDExLjMyLDBsMzIsMzJBOCw4LDAsMCwxLDIyOS42Niw2OS42NlptLTE3LTUuNjZMMTkyLDQzLjMxLDE3OS4zMSw1NiwyMDAsNzYuNjlaIj48L3BhdGg+PC9zdmc+"); --icon-copy: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QzNDg3ZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNDBWMTY4SDE2OFY4OEg4OFY0MFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTYsMzJIODhhOCw4LDAsMCwwLTgsOFY4MEg0MGE4LDgsMCwwLDAtOCw4VjIxNmE4LDgsMCwwLDAsOCw4SDE2OGE4LDgsMCwwLDAsOC04VjE3Nmg0MGE4LDgsMCwwLDAsOC04VjQwQTgsOCwwLDAsMCwyMTYsMzJaTTE2MCwyMDhINDhWOTZIMTYwWm00OC00OEgxNzZWODhhOCw4LDAsMCwwLTgtOEg5NlY0OEgyMDhaIj48L3BhdGg+PC9zdmc+"); --icon-copied: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzc5YmQ5YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMzJIODhhOCw4LDAsMCwwLTgsOFY4MEg0MGE4LDgsMCwwLDAtOCw4VjIxNmE4LDgsMCwwLDAsOCw4SDE2OGE4LDgsMCwwLDAsOC04VjE3Nmg0MGE4LDgsMCwwLDAsOC04VjQwQTgsOCwwLDAsMCwyMTYsMzJabS04LDEyOEgxNzZWODhhOCw4LDAsMCwwLTgtOEg5NlY0OEgyMDhaIj48L3BhdGg+PC9zdmc+"); } @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='%23d05c8a'/%3E%3Cstop offset='100%25' stop-color='%23D3487F'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath xmlns='http://www.w3.org/2000/svg' fill='url(%23a)' d='M211.807 139.088c-3.18 16.366-28.492 34.277-57.562 37.748-15.159 1.809-30.084 3.471-45.999 2.741-26.027-1.192-46.565-6.212-46.565-6.212 0 2.534.156 4.946.469 7.202 3.384 25.687 25.47 27.225 46.391 27.943 21.116.723 39.919-5.206 39.919-5.206l.867 19.09s-14.77 7.931-41.08 9.39c-14.51.797-32.525-.365-53.507-5.919C9.232 213.82 1.406 165.311.209 116.091c-.365-14.613-.14-28.393-.14-39.918 0-50.33 32.976-65.083 32.976-65.083C49.672 3.454 78.204.242 107.865 0h.729c29.66.242 58.21 3.454 74.837 11.09 0 0 32.975 14.752 32.975 65.082 0 0 .414 37.134-4.599 62.916'/%3E%3Cpath fill='%23fff' d='M177.51 80.077v60.941h-24.144v-59.15c0-12.469-5.246-18.797-15.74-18.797-11.602 0-17.417 7.507-17.417 22.352V117.8H96.207V85.423c0-14.845-5.816-22.352-17.418-22.352-10.494 0-15.74 6.328-15.74 18.797v59.15H38.905V80.077c0-12.455 3.171-22.352 9.541-29.675 6.569-7.322 15.171-11.076 25.85-11.076 12.355 0 21.711 4.748 27.898 14.247l6.013 10.082 6.015-10.082c6.185-9.498 15.542-14.247 27.898-14.247 10.677 0 19.28 3.753 25.85 11.076 6.369 7.322 9.54 17.22 9.54 29.675'/%3E%3C/svg%3E"); /* Post+Notifications icons */ --icon-reply: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYsMjAwYTEyLDEyLDAsMCwxLTI0LDAsODQuMDksODQuMDksMCwwLDAtODQtODRINjFsMjcuNTIsMjcuNTFhMTIsMTIsMCwwLDEtMTcsMTdsLTQ4LTQ4YTEyLDEyLDAsMCwxLDAtMTdsNDgtNDhhMTIsMTIsMCwwLDEsMTcsMTdMNjEsOTJoNjdBMTA4LjEyLDEwOC4xMiwwLDAsMSwyMzYsMjAwWiI+PC9wYXRoPjwvc3ZnPg=="); --icon-reply-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik04MCw1NnY5NkwzMiwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2SDg4VjU2YTgsOCwwLDAsMC0xMy42Ni01LjY2bC00OCw0OGE4LDgsMCwwLDAsMCwxMS4zMmw0OCw0OEE4LDgsMCwwLDAsODgsMTUyVjExMmg0MGE4OC4xLDg4LjEsMCwwLDEsODgsODgsOCw4LDAsMCwwLDE2LDBBMTA0LjExLDEwNC4xMSwwLDAsMCwxMjgsOTZaTTcyLDEzMi42OSw0My4zMSwxMDQsNzIsNzUuMzFaIj48L3BhdGg+PC9zdmc+"); --icon-boost: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjcuODUsNDYuODlhMjAsMjAsMCwwLDAtMTguNzQtMTguNzRjLTEzLjEzLS43Ny00Ni42NS40Mi03NC40OCwyOC4yNEwxMzEsNjBINzQuMzZhMTkuODMsMTkuODMsMCwwLDAtMTQuMTQsNS44NkwyNS44NywxMDAuMTlhMjAsMjAsMCwwLDAsMTEuMzUsMzMuOTVsMzcuMTQsNS4xOCw0Mi4zMiw0Mi4zMiw1LjE5LDM3LjE4QTE5Ljg4LDE5Ljg4LDAsMCwwLDEzNS4zNCwyMzVhMjAuMTMsMjAuMTMsMCwwLDAsNi4zNywxLDE5LjksMTkuOSwwLDAsMCwxNC4xLTUuODdsMzQuMzQtMzQuMzVBMTkuODUsMTkuODUsMCwwLDAsMTk2LDE4MS42NFYxMjVsMy42LTMuNTlDMjI3LjQzLDkzLjU0LDIyOC42Miw2MCwyMjcuODUsNDYuODlaTTc2LDg0aDMxTDc1Ljc1LDExNS4yOGwtMjcuMjMtMy44Wk0xNTEuNiw3My4zN0E3Mi4yNyw3Mi4yNywwLDAsMSwyMDQsNTJhNzIuMTcsNzIuMTcsMCwwLDEtMjEuMzgsNTIuNDFMMTI4LDE1OSw5NywxMjhaTTE3MiwxODBsLTI3LjQ5LDI3LjQ5LTMuOC0yNy4yM0wxNzIsMTQ5Wm0tNzEuNjcsMjEuNjJDOTEuNjcsMjEzLjY1LDc0LjE2LDIyOCw0MCwyMjhhMTIsMTIsMCwwLDEtMTItMTJjMC0zNC4xNSwxNC4zNS01MS42NiwyNi4zOS02MC4zM2ExMiwxMiwwLDAsMSwxNCwxOS40N2MtNiw0LjMxLTEyLjg5LDEyLjUtMTUuNDIsMjcuODcsMTUuMzctMi41MywyMy41Ni05LjQ0LDI3Ljg3LTE1LjQyYTEyLDEyLDAsMSwxLDE5LjQ3LDE0WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-boost-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik03MiwxNjBsMjQsMjRzLTgsMzItNTYsMzJDNDAsMTY4LDcyLDE2MCw3MiwxNjBabTY0LTg4SDc0LjM1YTgsOCwwLDAsMC01LjY1LDIuMzRMMzQuMzUsMTA4LjY5YTgsOCwwLDAsMCw0LjUzLDEzLjU3TDgwLDEyOFptLTgsMTA0LDUuNzQsNDEuMTJhOCw4LDAsMCwwLDEzLjU3LDQuNTNsMzQuMzUtMzQuMzVhOCw4LDAsMCwwLDIuMzQtNS42NVYxMjBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTAzLjc3LDE4NS45NEMxMDMuMzgsMTg3LjQ5LDkzLjYzLDIyNCw0MCwyMjRhOCw4LDAsMCwxLTgtOGMwLTUzLjYzLDM2LjUxLTYzLjM4LDM4LjA2LTYzLjc3YTgsOCwwLDAsMSwzLjg4LDE1LjUzYy0uOS4yNS0yMi40Miw2LjU0LTI1LjU2LDM5Ljg2QzgxLjcsMjA0LjQ4LDg4LDE4Myw4OC4yNiwxODJhOCw4LDAsMCwxLDE1LjUxLDRabTkzLTY3LjRMMTkyLDEyMy4zMXY1OC4zM0ExNS45MSwxNS45MSwwLDAsMSwxODcuMzIsMTkzTDE1MywyMjcuM0ExNS45MSwxNS45MSwwLDAsMSwxNDEuNywyMzJhMTYuMTEsMTYuMTEsMCwwLDEtNS4xLS44MywxNS45NCwxNS45NCwwLDAsMS0xMC43OC0xMi45MmwtNS4zNy0zOC40OUw3Ni4yNCwxMzUuNTVsLTM4LjQ3LTUuMzdBMTYsMTYsMCwwLDEsMjguNywxMDNMNjMsNjguNjhBMTUuOTEsMTUuOTEsMCwwLDEsNzQuMzYsNjRoNTguMzNsNC43Ny00Ljc3YzI2LjY4LTI2LjY3LDU4LjgzLTI3LjgyLDcxLjQxLTI3LjA3YTE2LDE2LDAsMCwxLDE1LDE1QzIyNC42LDU5LjcxLDIyMy40NSw5MS44NiwxOTYuNzgsMTE4LjU0Wk00MCwxMTQuMzRsMzcuMTUsNS4xOEwxMTYuNjksODBINzQuMzZaTTkxLjMyLDEyOCwxMjgsMTY0LjY4bDU3LjQ1LTU3LjQ1YTc2LjQ2LDc2LjQ2LDAsMCwwLDIyLjQyLTU5LjE2LDc2LjY0LDc2LjY0LDAsMCwwLTU5LjExLDIyLjQ3Wk0xNzYsMTM5LjMxbC0zOS41MywzOS41M0wxNDEuNjcsMjE2LDE3NiwxODEuNjRaIj48L3BhdGg+PC9zdmc+"); --icon-star: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDMsOTYuMDVhMjAsMjAsMCwwLDAtMTcuMjYtMTMuNzJsLTU3LTQuOTMtMjIuMy01My4xNGgwYTIwLDIwLDAsMCwwLTM2LjgyLDBMODcuMjksNzcuNGwtNTcsNC45M0EyMCwyMCwwLDAsMCwxOC44NywxMTcuNGw0My4zMiwzNy44LTEzLDU2LjI0QTIwLDIwLDAsMCwwLDc5LDIzMy4xbDQ5LTI5Ljc2LDQ5LDI5Ljc2YTIwLDIwLDAsMCwwLDI5LjgtMjEuNjZsLTEzLTU2LjI0LDQzLjMyLTM3LjhBMjAsMjAsMCwwLDAsMjQzLDk2LjA1Wm0tNjYuNzUsNDIuNjJhMjAsMjAsMCwwLDAtNi4zNSwxOS42M2wxMS4zOSw0OS4zMi00Mi45NC0yNi4wOGExOS45LDE5LjksMCwwLDAtMjAuNywwTDc0LjcxLDIwNy42Miw4Ni4xLDE1OC4zYTIwLDIwLDAsMCwwLTYuMzUtMTkuNjNMNDEuNjYsMTA1LjQ0LDkxLjgsMTAxLjFhMTkuOTIsMTkuOTIsMCwwLDAsMTYuNjktMTIuMTlMMTI4LDQyLjQybDE5LjUxLDQ2LjQ5QTE5LjkyLDE5LjkyLDAsMCwwLDE2NC4yLDEwMS4xbDUwLjE0LDQuMzRaIj48L3BhdGg+PC9zdmc+"); --icon-star-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+"); --icon-bookmark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQsMjhINzJBMjAsMjAsMCwwLDAsNTIsNDhWMjI0YTEyLDEyLDAsMCwwLDE4LjM2LDEwLjE4bDU3LjYzLTM2LDU3LjY1LDM2QTEyLDEyLDAsMCwwLDIwNCwyMjRWNDhBMjAsMjAsMCwwLDAsMTg0LDI4Wm0tNCwyNFYxNTQuMzVsLTQ1LjY1LTI4LjUzYTEyLDEyLDAsMCwwLTEyLjcyLDBMNzYsMTU0LjM1VjUyWk0xMzQuMzUsMTczLjgyYTEyLDEyLDAsMCwwLTEyLjcyLDBMNzYsMjAyLjM1di0xOS43bDUyLTMyLjUsNTIsMzIuNXYxOS43WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-bookmark-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTc2djQ4bC02NC00MEw2NCwyMjRWMTc2bDY0LTQwWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE4NCwzMkg3MkExNiwxNiwwLDAsMCw1Niw0OFYyMjRhOCw4LDAsMCwwLDEyLjI0LDYuNzhMMTI4LDE5My40M2w1OS43NywzNy4zNUE4LDgsMCwwLDAsMjAwLDIyNFY0OEExNiwxNiwwLDAsMCwxODQsMzJabTAsMTZWMTYxLjU3bC01MS43Ny0zMi4zNWE4LDgsMCwwLDAtOC40OCwwTDcyLDE2MS41NlY0OFpNMTMyLjIzLDE3Ny4yMmE4LDgsMCwwLDAtOC40OCwwTDcyLDIwOS41N1YxODAuNDNsNTYtMzUsNTYsMzV2MjkuMTRaIj48L3BhdGg+PC9zdmc+"); --icon-translate: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNlOGU2ZTM7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTI0Mi43MywyMTAuNjNsLTU2LTExMmExMiwxMiwwLDAsMC0yMS40NiwwbC0yMC41Miw0MUE4NC4yLDg0LjIsMCwwLDEsMTA2LDEyNi4yMiwxMDcuNDgsMTA3LjQ4LDAsMCwwLDEzMS4zMyw2OEgxNTJhMTIsMTIsMCwwLDAsMC0yNEgxMDBWMzJhMTIsMTIsMCwwLDAtMjQsMFY0NEgyNGExMiwxMiwwLDAsMCwwLDI0aDgzLjEzQTgzLjY5LDgzLjY5LDAsMCwxLDg4LDExMC4zNSw4NCw4NCwwLDAsMSw3NS42LDkxYTEyLDEyLDAsMSwwLTIxLjgxLDEwQTEwNy41NSwxMDcuNTUsMCwwLDAsNzAsMTI2LjI0LDgzLjU0LDgzLjU0LDAsMCwxLDI0LDE0MGExMiwxMiwwLDAsMCwwLDI0LDEwNy40NywxMDcuNDcsMCwwLDAsNjQtMjEuMDcsMTA4LjQsMTA4LjQsMCwwLDAsNDUuMzksMTkuNDRsLTI0LjEzLDQ4LjI2YTEyLDEyLDAsMSwwLDIxLjQ2LDEwLjczTDE0My40MSwxOTZoNjUuMTdsMTIuNjgsMjUuMzZhMTIsMTIsMCwxLDAsMjEuNDctMTAuNzNaTTE1NS40MSwxNzIsMTc2LDEzMC44MywxOTYuNTgsMTcyWiI+PC9wYXRoPjwvc3ZnPg=="); --icon-translate-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTg0SDEzNmw0MC04MFpNODgsMTI3LjU2aDBBOTUuNzgsOTUuNzgsMCwwLDAsMTIwLDU2SDU2QTk1Ljc4LDk1Ljc4LDAsMCwwLDg4LDEyNy41NloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMzkuMTUsMjEyLjQybC01Ni0xMTJhOCw4LDAsMCwwLTE0LjMxLDBsLTIxLjcxLDQzLjQzQTg4LDg4LDAsMCwxLDEwMCwxMjYuOTMsMTAzLjY1LDEwMy42NSwwLDAsMCwxMjcuNjksNjRIMTUyYTgsOCwwLDAsMCwwLTE2SDk2VjMyYTgsOCwwLDAsMC0xNiwwVjQ4SDI0YTgsOCwwLDAsMCwwLDE2aDg3LjYzQTg3LjcsODcuNywwLDAsMSw4OCwxMTYuMzVhODcuNzQsODcuNzQsMCwwLDEtMTktMzEsOCw4LDAsMSwwLTE1LjA4LDUuMzRBMTAzLjYzLDEwMy42MywwLDAsMCw3NiwxMjdhODcuNTUsODcuNTUsMCwwLDEtNTIsMTcsOCw4LDAsMCwwLDAsMTYsMTAzLjQ2LDEwMy40NiwwLDAsMCw2NC0yMi4wOCwxMDQuMTgsMTA0LjE4LDAsMCwwLDUxLjQ0LDIxLjMxbC0yNi42LDUzLjE5YTgsOCwwLDAsMCwxNC4zMSw3LjE2TDE0MC45NCwxOTJoNzAuMTFsMTMuNzksMjcuNThBOCw4LDAsMCwwLDIzMiwyMjRhOCw4LDAsMCwwLDcuMTUtMTEuNThaTTE0OC45NCwxNzYsMTc2LDEyMS44OSwyMDMuMDUsMTc2WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-translate-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsMTI5Ljg5LDE3NS4wNiwxNjBIMTQ0Ljk0bDYuMzYtMTIuN3YwWk0yMjQsNDhWMjA4YTE2LDE2LDAsMCwxLTE2LDE2SDQ4YTE2LDE2LDAsMCwxLTE2LTE2VjQ4QTE2LDE2LDAsMCwxLDQ4LDMySDIwOEExNiwxNiwwLDAsMSwyMjQsNDhaTTIwNy4xNiwxODguNDJsLTQwLTgwYTgsOCwwLDAsMC0xNC4zMiwwTDEzOS42NiwxMzQuOGE2Mi4zMSw2Mi4zMSwwLDAsMS0yMy42MS0xMEE3OS42MSw3OS42MSwwLDAsMCwxMzUuNiw4MEgxNTJhOCw4LDAsMCwwLDAtMTZIMTEyVjU2YTgsOCwwLDAsMC0xNiwwdjhINTZhOCw4LDAsMCwwLDAsMTZoNjMuNDhhNjMuNzMsNjMuNzMsMCwwLDEtMTUuMywzNC4wNSw2NS45Myw2NS45MywwLDAsMS05LTEzLjYxLDgsOCwwLDAsMC0xNC4zMiw3LjEyLDgxLjc1LDgxLjc1LDAsMCwwLDExLjQsMTcuMTVBNjMuNjIsNjMuNjIsMCwwLDEsNTYsMTM2YTgsOCwwLDAsMCwwLDE2LDc5LjU2LDc5LjU2LDAsMCwwLDQ4LjExLTE2LjEzLDc4LjMzLDc4LjMzLDAsMCwwLDI4LjE4LDEzLjY2bC0xOS40NSwzOC44OWE4LDgsMCwwLDAsMTQuMzIsNy4xNkwxMzYuOTQsMTc2aDQ2LjEybDkuNzgsMTkuNThhOCw4LDAsMSwwLDE0LjMyLTcuMTZaIj48L3BhdGg+PC9zdmc+"); --icon-ellipsis: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTIsMTI4YTI0LDI0LDAsMSwxLTI0LTI0QTI0LDI0LDAsMCwxLDE1MiwxMjhaTTQ4LDEwNGEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCw0OCwxMDRabTE2MCwwYTI0LDI0LDAsMSwwLDI0LDI0QTI0LDI0LDAsMCwwLDIwOCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDEyOCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSwxMjgsMTQ0Wk00OCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCw0OCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSw0OCwxNDRaTTIwOCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCwyMDgsOTZabTAsNDhhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMjA4LDE0NFoiPjwvcGF0aD48L3N2Zz4="); --icon-ellipsis-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTIsMTI4YTI0LDI0LDAsMSwxLTI0LTI0QTI0LDI0LDAsMCwxLDE1MiwxMjhaTTQ4LDEwNGEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCw0OCwxMDRabTE2MCwwYTI0LDI0LDAsMSwwLDI0LDI0QTI0LDI0LDAsMCwwLDIwOCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDEyOCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSwxMjgsMTQ0Wk00OCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCw0OCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSw0OCwxNDRaTTIwOCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCwyMDgsOTZabTAsNDhhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMjA4LDE0NFoiPjwvcGF0aD48L3N2Zz4="); --icon-ellipsis-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTYsMTI4YTI4LDI4LDAsMSwxLTI4LTI4QTI4LDI4LDAsMCwxLDE1NiwxMjhaTTQ4LDEwMGEyOCwyOCwwLDEsMCwyOCwyOEEyOCwyOCwwLDAsMCw0OCwxMDBabTE2MCwwYTI4LDI4LDAsMSwwLDI4LDI4QTI4LDI4LDAsMCwwLDIwOCwxMDBaIj48L3BhdGg+PC9zdmc+"); --icon-poll: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsOTJIMTgwVjU2YTEyLDEyLDAsMCwwLTEyLTEySDUyVjQwYTEyLDEyLDAsMCwwLTI0LDBWMjE2YTEyLDEyLDAsMCwwLDI0LDB2LTRoODRhMTIsMTIsMCwwLDAsMTItMTJWMTY0aDY4YTEyLDEyLDAsMCwwLDEyLTEyVjEwNEExMiwxMiwwLDAsMCwyMTYsOTJaTTE1Niw2OFY5Mkg1MlY2OFpNMTI0LDE4OEg1MlYxNjRoNzJabTgwLTQ4SDUyVjExNkgyMDRaIj48L3BhdGg+PC9zdmc+"); --icon-poll-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTA0djQ4SDQwVjEwNFoiIG9wYWNpdHk9IjAuMiI+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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4QTk2LDk2LDAsMCwxLDc5LjkzLDIxMS4xMWgwTDQyLjU0LDIyMy41OGE4LDgsMCwwLDEtMTAuMTItMTAuMTJsMTIuNDctMzcuMzloMEE5Niw5NiwwLDEsMSwyMjQsMTI4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTEyOCwyNEExMDQsMTA0LDAsMCwwLDM2LjE4LDE3Ni44OEwyNC44MywyMTAuOTNhMTYsMTYsMCwwLDAsMjAuMjQsMjAuMjRsMzQuMDUtMTEuMzVBMTA0LDEwNCwwLDEsMCwxMjgsMjRabTAsMTkyYTg3Ljg3LDg3Ljg3LDAsMCwxLTQ0LjA2LTExLjgxLDgsOCwwLDAsMC00LTEuMDgsNy44NSw3Ljg1LDAsMCwwLTIuNTMuNDJMNDAsMjE2LDUyLjQ3LDE3OC42YTgsOCwwLDAsMC0uNjYtNi41NEE4OCw4OCwwLDEsMSwxMjgsMjE2Wm0xMi04OGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNDAsMTI4Wm0tNDQsMGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSw5NiwxMjhabTg4LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTg0LDEyOFoiPjwvcGF0aD48L3N2Zz4="); --icon-users: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMzYsMTA4QTUyLDUyLDAsMSwxLDg0LDU2LDUyLDUyLDAsMCwxLDEzNiwxMDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTE3LjI1LDE1Ny45MmE2MCw2MCwwLDEsMC02Ni41LDBBOTUuODMsOTUuODMsMCwwLDAsMy41MywxOTUuNjNhOCw4LDAsMSwwLDEzLjQsOC43NCw4MCw4MCwwLDAsMSwxMzQuMTQsMCw4LDgsMCwwLDAsMTMuNC04Ljc0QTk1LjgzLDk1LjgzLDAsMCwwLDExNy4yNSwxNTcuOTJaTTQwLDEwOGE0NCw0NCwwLDEsMSw0NCw0NEE0NC4wNSw0NC4wNSwwLDAsMSw0MCwxMDhabTIxMC4xNCw5OC43YTgsOCwwLDAsMS0xMS4wNy0yLjMzQTc5LjgzLDc5LjgzLDAsMCwwLDE3MiwxNjhhOCw4LDAsMCwxLDAtMTYsNDQsNDQsMCwxLDAtMTYuMzQtODQuODcsOCw4LDAsMSwxLTUuOTQtMTQuODUsNjAsNjAsMCwwLDEsNTUuNTMsMTA1LjY0LDk1LjgzLDk1LjgzLDAsMCwxLDQ3LjIyLDM3LjcxQTgsOCwwLDAsMSwyNTAuMTQsMjA2LjdaIj48L3BhdGg+PC9zdmc+"); --icon-users-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMzYsMTA4QTUyLDUyLDAsMSwxLDg0LDU2LDUyLDUyLDAsMCwxLDEzNiwxMDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTE3LjI1LDE1Ny45MmE2MCw2MCwwLDEsMC02Ni41LDBBOTUuODMsOTUuODMsMCwwLDAsMy41MywxOTUuNjNhOCw4LDAsMSwwLDEzLjQsOC43NCw4MCw4MCwwLDAsMSwxMzQuMTQsMCw4LDgsMCwwLDAsMTMuNC04Ljc0QTk1LjgzLDk1LjgzLDAsMCwwLDExNy4yNSwxNTcuOTJaTTQwLDEwOGE0NCw0NCwwLDEsMSw0NCw0NEE0NC4wNSw0NC4wNSwwLDAsMSw0MCwxMDhabTIxMC4xNCw5OC43YTgsOCwwLDAsMS0xMS4wNy0yLjMzQTc5LjgzLDc5LjgzLDAsMCwwLDE3MiwxNjhhOCw4LDAsMCwxLDAtMTYsNDQsNDQsMCwxLDAtMTYuMzQtODQuODcsOCw4LDAsMSwxLTUuOTQtMTQuODUsNjAsNjAsMCwwLDEsNTUuNTMsMTA1LjY0LDk1LjgzLDk1LjgzLDAsMCwxLDQ3LjIyLDM3LjcxQTgsOCwwLDAsMSwyNTAuMTQsMjA2LjdaIj48L3BhdGg+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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsMTAwYTYwLDYwLDAsMSwxLTYwLTYwQTYwLDYwLDAsMCwxLDE2OCwxMDBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjU2LDEzNmE4LDgsMCwwLDEtOCw4SDIzMnYxNmE4LDgsMCwwLDEtMTYsMFYxNDRIMjAwYTgsOCwwLDAsMSwwLTE2aDE2VjExMmE4LDgsMCwwLDEsMTYsMHYxNmgxNkE4LDgsMCwwLDEsMjU2LDEzNlptLTU3Ljg3LDU4Ljg1YTgsOCwwLDAsMS0xMi4yNiwxMC4zQzE2NS43NSwxODEuMTksMTM4LjA5LDE2OCwxMDgsMTY4cy01Ny43NSwxMy4xOS03Ny44NywzNy4xNWE4LDgsMCwwLDEtMTIuMjUtMTAuM2MxNC45NC0xNy43OCwzMy41Mi0zMC40MSw1NC4xNy0zNy4xN2E2OCw2OCwwLDEsMSw3MS45LDBDMTY0LjYsMTY0LjQ0LDE4My4xOCwxNzcuMDcsMTk4LjEzLDE5NC44NVpNMTA4LDE1MmE1Miw1MiwwLDEsMC01Mi01MkE1Mi4wNiw1Mi4wNiwwLDAsMCwxMDgsMTUyWiI+PC9wYXRoPjwvc3ZnPg=="); /* Navigation icons */ --icon-home: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTE1LjU0VjIwOGE4LDgsMCwwLDEtOCw4SDE2MGE4LDgsMCwwLDEtOC04VjE2MGE4LDgsMCwwLDAtOC04SDExMmE4LDgsMCwwLDAtOCw4djQ4YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLTgtOFYxMTUuNTRhOCw4LDAsMCwxLDIuNjItNS45Mmw4MC03NS41NGE4LDgsMCwwLDEsMTAuNzcsMGw4MCw3NS41NEE4LDgsMCwwLDEsMjE2LDExNS41NFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTguODMsMTAzLjc3bC04MC03NS40OGExLjE0LDEuMTQsMCwwLDEtLjExLS4xMSwxNiwxNiwwLDAsMC0yMS41MywwbC0uMTEuMTFMMzcuMTcsMTAzLjc3QTE2LDE2LDAsMCwwLDMyLDExNS41NVYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIOTZhMTYsMTYsMCwwLDAsMTYtMTZWMTYwaDMydjQ4YTE2LDE2LDAsMCwwLDE2LDE2aDQ4YTE2LDE2LDAsMCwwLDE2LTE2VjExNS41NUExNiwxNiwwLDAsMCwyMTguODMsMTAzLjc3Wk0yMDgsMjA4SDE2MFYxNjBhMTYsMTYsMCwwLDAtMTYtMTZIMTEyYTE2LDE2LDAsMCwwLTE2LDE2djQ4SDQ4VjExNS41NWwuMTEtLjFMMTI4LDQwbDc5LjksNzUuNDMuMTEuMVoiPjwvcGF0aD48L3N2Zz4="); --icon-home-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTE1LjU0VjIwOGE4LDgsMCwwLDEtOCw4SDE2MGE4LDgsMCwwLDEtOC04VjE2MGE4LDgsMCwwLDAtOC04SDExMmE4LDgsMCwwLDAtOCw4djQ4YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLTgtOFYxMTUuNTRhOCw4LDAsMCwxLDIuNjItNS45Mmw4MC03NS41NGE4LDgsMCwwLDEsMTAuNzcsMGw4MCw3NS41NEE4LDgsMCwwLDEsMjE2LDExNS41NFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTguODMsMTAzLjc3bC04MC03NS40OGExLjE0LDEuMTQsMCwwLDEtLjExLS4xMSwxNiwxNiwwLDAsMC0yMS41MywwbC0uMTEuMTFMMzcuMTcsMTAzLjc3QTE2LDE2LDAsMCwwLDMyLDExNS41NVYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIOTZhMTYsMTYsMCwwLDAsMTYtMTZWMTYwaDMydjQ4YTE2LDE2LDAsMCwwLDE2LDE2aDQ4YTE2LDE2LDAsMCwwLDE2LTE2VjExNS41NUExNiwxNiwwLDAsMCwyMTguODMsMTAzLjc3Wk0yMDgsMjA4SDE2MFYxNjBhMTYsMTYsMCwwLDAtMTYtMTZIMTEyYTE2LDE2LDAsMCwwLTE2LDE2djQ4SDQ4VjExNS41NWwuMTEtLjFMMTI4LDQwbDc5LjksNzUuNDMuMTEuMVoiPjwvcGF0aD48L3N2Zz4="); --icon-bell: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsMTkySDQ4YTgsOCwwLDAsMS02Ljg4LTEyQzQ3LjcxLDE2OC42LDU2LDEzOS44MSw1NiwxMDRhNzIsNzIsMCwwLDEsMTQ0LDBjMCwzNS44Miw4LjMsNjQuNiwxNC45LDc2QTgsOCwwLDAsMSwyMDgsMTkyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyMS44LDE3NS45NEMyMTYuMjUsMTY2LjM4LDIwOCwxMzkuMzMsMjA4LDEwNGE4MCw4MCwwLDEsMC0xNjAsMGMwLDM1LjM0LTguMjYsNjIuMzgtMTMuODEsNzEuOTRBMTYsMTYsMCwwLDAsNDgsMjAwSDg4LjgxYTQwLDQwLDAsMCwwLDc4LjM4LDBIMjA4YTE2LDE2LDAsMCwwLDEzLjgtMjQuMDZaTTEyOCwyMTZhMjQsMjQsMCwwLDEtMjIuNjItMTZoNDUuMjRBMjQsMjQsMCwwLDEsMTI4LDIxNlpNNDgsMTg0YzcuNy0xMy4yNCwxNi00My45MiwxNi04MGE2NCw2NCwwLDEsMSwxMjgsMGMwLDM2LjA1LDguMjgsNjYuNzMsMTYsODBaIj48L3BhdGg+PC9zdmc+"); --icon-bell-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNlOGU2ZTM7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIwOCwxOTJINDhhOCw4LDAsMCwxLTYuODgtMTJDNDcuNzEsMTY4LjYsNTYsMTM5LjgxLDU2LDEwNGE3Miw3MiwwLDAsMSwxNDQsMGMwLDM1LjgyLDguMyw2NC42LDE0LjksNzZBOCw4LDAsMCwxLDIwOCwxOTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjIxLjgsMTc1Ljk0QzIxNi4yNSwxNjYuMzgsMjA4LDEzOS4zMywyMDgsMTA0YTgwLDgwLDAsMSwwLTE2MCwwYzAsMzUuMzQtOC4yNiw2Mi4zOC0xMy44MSw3MS45NEExNiwxNiwwLDAsMCw0OCwyMDBIODguODFhNDAsNDAsMCwwLDAsNzguMzgsMEgyMDhhMTYsMTYsMCwwLDAsMTMuOC0yNC4wNlpNMTI4LDIxNmEyNCwyNCwwLDAsMS0yMi42Mi0xNmg0NS4yNEEyNCwyNCwwLDAsMSwxMjgsMjE2Wk00OCwxODRjNy43LTEzLjI0LDE2LTQzLjkyLDE2LTgwYTY0LDY0LDAsMSwxLDEyOCwwYzAsMzYuMDUsOC4yOCw2Ni43MywxNiw4MFoiPjwvcGF0aD48L3N2Zz4="); --icon-hashtag: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsOTZ2NjRIOTZWOTZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjE2LDE1MkgxNjhWMTA0aDQ4YTgsOCwwLDAsMCwwLTE2SDE2OFY0MGE4LDgsMCwwLDAtMTYsMFY4OEgxMDRWNDBhOCw4LDAsMCwwLTE2LDBWODhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhhOCw4LDAsMCwwLDE2LDBWMTY4aDQ4djQ4YTgsOCwwLDAsMCwxNiwwVjE2OGg0OGE4LDgsMCwwLDAsMC0xNlptLTExMiwwVjEwNGg0OHY0OFoiPjwvcGF0aD48L3N2Zz4="); --icon-hashtag-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsOTZ2NjRIOTZWOTZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjE2LDE1MkgxNjhWMTA0aDQ4YTgsOCwwLDAsMCwwLTE2SDE2OFY0MGE4LDgsMCwwLDAtMTYsMFY4OEgxMDRWNDBhOCw4LDAsMCwwLTE2LDBWODhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhhOCw4LDAsMCwwLDE2LDBWMTY4aDQ4djQ4YTgsOCwwLDAsMCwxNiwwVjE2OGg0OGE4LDgsMCwwLDAsMC0xNlptLTExMiwwVjEwNGg0OHY0OFoiPjwvcGF0aD48L3N2Zz4="); --icon-globe: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4YTg4LDg4LDAsMSwxLTg4LTg4QTg4LDg4LDAsMCwxLDIxNiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ1LjExLDYwLjY4Yy03LjY1LTEzLjE5LTI3Ljg0LTE2LjE2LTU4LjUtOC42NkE5NS45Myw5NS45MywwLDAsMCwzMiwxMjhhOTgsOTgsMCwwLDAsLjc4LDEyLjMxQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNEE5NS45Myw5NS45MywwLDAsMCwyMjQsMTI4YTk3LjA4LDk3LjA4LDAsMCwwLS43Ny0xMi4yNWMxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4Wk0xMjgsNDhhODAuMTEsODAuMTEsMCwwLDEsNzgsNjIuMmMtMTcuMDYsMTYuMDYtNDAuMTUsMzIuNTMtNjIuMDcsNDUuMTNDMTE2LjM4LDE3MS4xNCw5Mi40OCwxODEsNzMuNDIsMTg2LjRBNzkuOTQsNzkuOTQsMCwwLDEsMTI4LDQ4Wk0yNC43NCwxODcuMjljLTEuNDYtMi41MS0uNjUtNy4yNCwyLjIyLTEzYTc5LjA1LDc5LjA1LDAsMCwxLDEwLjI5LTE1LjA1LDk2LDk2LDAsMCwwLDE4LDMxLjMyQzM4LDE5My40NiwyNy4yNCwxOTEuNjEsMjQuNzQsMTg3LjI5Wk0xMjgsMjA4YTc5LjQ1LDc5LjQ1LDAsMCwxLTM4LjU2LTkuOTQsMzcwLDM3MCwwLDAsMCw2Mi40My0yOC44NmMyMS41OC0xMi4zOSw0MC42OC0yNS44Miw1Ni4wNy0zOS4wOEE4MC4wNyw4MC4wNywwLDAsMSwxMjgsMjA4Wk0yMzEuNDIsNzUuNjljLTEuNyw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVjMTQuMjEtMi4zNSwyNy4zNy0yLjE3LDMwLjUsMy4yNEMyMzIuMTksNzAuMjgsMjMyLjI0LDcyLjYzLDIzMS40Miw3NS42OVoiPjwvcGF0aD48L3N2Zz4="); --icon-globe-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4YTg4LDg4LDAsMSwxLTg4LTg4QTg4LDg4LDAsMCwxLDIxNiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ1LjExLDYwLjY4Yy03LjY1LTEzLjE5LTI3Ljg0LTE2LjE2LTU4LjUtOC42NkE5NS45Myw5NS45MywwLDAsMCwzMiwxMjhhOTgsOTgsMCwwLDAsLjc4LDEyLjMxQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNEE5NS45Myw5NS45MywwLDAsMCwyMjQsMTI4YTk3LjA4LDk3LjA4LDAsMCwwLS43Ny0xMi4yNWMxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4Wk0xMjgsNDhhODAuMTEsODAuMTEsMCwwLDEsNzgsNjIuMmMtMTcuMDYsMTYuMDYtNDAuMTUsMzIuNTMtNjIuMDcsNDUuMTNDMTE2LjM4LDE3MS4xNCw5Mi40OCwxODEsNzMuNDIsMTg2LjRBNzkuOTQsNzkuOTQsMCwwLDEsMTI4LDQ4Wk0yNC43NCwxODcuMjljLTEuNDYtMi41MS0uNjUtNy4yNCwyLjIyLTEzYTc5LjA1LDc5LjA1LDAsMCwxLDEwLjI5LTE1LjA1LDk2LDk2LDAsMCwwLDE4LDMxLjMyQzM4LDE5My40NiwyNy4yNCwxOTEuNjEsMjQuNzQsMTg3LjI5Wk0xMjgsMjA4YTc5LjQ1LDc5LjQ1LDAsMCwxLTM4LjU2LTkuOTQsMzcwLDM3MCwwLDAsMCw2Mi40My0yOC44NmMyMS41OC0xMi4zOSw0MC42OC0yNS44Miw1Ni4wNy0zOS4wOEE4MC4wNyw4MC4wNywwLDAsMSwxMjgsMjA4Wk0yMzEuNDIsNzUuNjljLTEuNyw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVjMTQuMjEtMi4zNSwyNy4zNy0yLjE3LDMwLjUsMy4yNEMyMzIuMTksNzAuMjgsMjMyLjI0LDcyLjYzLDIzMS40Miw3NS42OVoiPjwvcGF0aD48L3N2Zz4="); --icon-direct-messages: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNTZsLTk2LDg4TDMyLDU2WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCw0OEgzMmE4LDgsMCwwLDAtOCw4VjE5MmExNiwxNiwwLDAsMCwxNiwxNkgyMTZhMTYsMTYsMCwwLDAsMTYtMTZWNTZBOCw4LDAsMCwwLDIyNCw0OFpNMjAzLjQzLDY0LDEyOCwxMzMuMTUsNTIuNTcsNjRaTTIxNiwxOTJINDBWNzQuMTlsODIuNTksNzUuNzFhOCw4LDAsMCwwLDEwLjgyLDBMMjE2LDc0LjE5VjE5MloiPjwvcGF0aD48L3N2Zz4="); --icon-direct-messages-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNTZsLTk2LDg4TDMyLDU2WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCw0OEgzMmE4LDgsMCwwLDAtOCw4VjE5MmExNiwxNiwwLDAsMCwxNiwxNkgyMTZhMTYsMTYsMCwwLDAsMTYtMTZWNTZBOCw4LDAsMCwwLDIyNCw0OFpNMjAzLjQzLDY0LDEyOCwxMzMuMTUsNTIuNTcsNjRaTTIxNiwxOTJINDBWNzQuMTlsODIuNTksNzUuNzFhOCw4LDAsMCwwLDEwLjgyLDBMMjE2LDc0LjE5VjE5MloiPjwvcGF0aD48L3N2Zz4="); --icon-bookmark-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzJWMjI0bC01Ni00MEw1NiwyMjRWNzJhOCw4LDAsMCwxLDgtOGg5NkE4LDgsMCwwLDEsMTY4LDcyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2MCw1Nkg2NEExNiwxNiwwLDAsMCw0OCw3MlYyMjRhOCw4LDAsMCwwLDEyLjY1LDYuNTFMMTEyLDE5My44M2w1MS4zNiwzNi42OEE4LDgsMCwwLDAsMTc2LDIyNFY3MkExNiwxNiwwLDAsMCwxNjAsNTZabTAsMTUyLjQ2LTQzLjM2LTMxYTgsOCwwLDAsMC05LjMsMEw2NCwyMDguNDVWNzJoOTZaTTIwOCw0MFYxOTJhOCw4LDAsMCwxLTE2LDBWNDBIODhhOCw4LDAsMCwxLDAtMTZIMTkyQTE2LDE2LDAsMCwxLDIwOCw0MFoiPjwvcGF0aD48L3N2Zz4="); --icon-bookmark-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzJWMjI0bC01Ni00MEw1NiwyMjRWNzJhOCw4LDAsMCwxLDgtOGg5NkE4LDgsMCwwLDEsMTY4LDcyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2MCw1Nkg2NEExNiwxNiwwLDAsMCw0OCw3MlYyMjRhOCw4LDAsMCwwLDEyLjY1LDYuNTFMMTEyLDE5My44M2w1MS4zNiwzNi42OEE4LDgsMCwwLDAsMTc2LDIyNFY3MkExNiwxNiwwLDAsMCwxNjAsNTZabTAsMTUyLjQ2LTQzLjM2LTMxYTgsOCwwLDAsMC05LjMsMEw2NCwyMDguNDVWNzJoOTZaTTIwOCw0MFYxOTJhOCw4LDAsMCwxLTE2LDBWNDBIODhhOCw4LDAsMCwxLDAtMTZIMTkyQTE2LDE2LDAsMCwxLDIwOCw0MFoiPjwvcGF0aD48L3N2Zz4="); --icon-star-column-link: var(--icon-star-accent); --icon-star-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+"); --icon-search: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIuNDksMjE1LjUxLDE4NSwxNjhhOTIuMTIsOTIuMTIsMCwxLDAtMTcsMTdsNDcuNTMsNDcuNTRhMTIsMTIsMCwwLDAsMTctMTdaTTQ0LDExMmE2OCw2OCwwLDEsMSw2OCw2OEE2OC4wNyw2OC4wNywwLDAsMSw0NCwxMTJaIj48L3BhdGg+PC9zdmc+"); --icon-search-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIuNDksMjE1LjUxLDE4NSwxNjhhOTIuMTIsOTIuMTIsMCwxLDAtMTcsMTdsNDcuNTMsNDcuNTRhMTIsMTIsMCwwLDAsMTctMTdaTTQ0LDExMmE2OCw2OCwwLDEsMSw2OCw2OEE2OC4wNyw2OC4wNywwLDAsMSw0NCwxMTJaIj48L3BhdGg+PC9zdmc+"); --icon-search-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTEyYTgwLDgwLDAsMSwxLTgwLTgwQTgwLDgwLDAsMCwxLDE5MiwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI5LjY2LDIxOC4zNCwxNzkuNiwxNjguMjhhODguMjEsODguMjEsMCwxLDAtMTEuMzIsMTEuMzFsNTAuMDYsNTAuMDdhOCw4LDAsMCwwLDExLjMyLTExLjMyWk00MCwxMTJhNzIsNzIsMCwxLDEsNzIsNzJBNzIuMDgsNzIuMDgsMCwwLDEsNDAsMTEyWiI+PC9wYXRoPjwvc3ZnPg=="); --icon-search-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTEyYTgwLDgwLDAsMSwxLTgwLTgwQTgwLDgwLDAsMCwxLDE5MiwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI5LjY2LDIxOC4zNCwxNzkuNiwxNjguMjhhODguMjEsODguMjEsMCwxLDAtMTEuMzIsMTEuMzFsNTAuMDYsNTAuMDdhOCw4LDAsMCwwLDExLjMyLTExLjMyWk00MCwxMTJhNzIsNzIsMCwxLDEsNzIsNzJBNzIuMDgsNzIuMDgsMCwwLDEsNDAsMTEyWiI+PC9wYXRoPjwvc3ZnPg=="); --icon-list: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNjRWMTkySDQwVjY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCwxMjhhOCw4LDAsMCwxLTgsOEg0MGE4LDgsMCwwLDEsMC0xNkgyMTZBOCw4LDAsMCwxLDIyNCwxMjhaTTQwLDcySDIxNmE4LDgsMCwwLDAsMC0xNkg0MGE4LDgsMCwwLDAsMCwxNlpNMjE2LDE4NEg0MGE4LDgsMCwwLDAsMCwxNkgyMTZhOCw4LDAsMCwwLDAtMTZaIj48L3BhdGg+PC9zdmc+"); --icon-list-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNjRWMTkySDQwVjY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCwxMjhhOCw4LDAsMCwxLTgsOEg0MGE4LDgsMCwwLDEsMC0xNkgyMTZBOCw4LDAsMCwxLDIyNCwxMjhaTTQwLDcySDIxNmE4LDgsMCwwLDAsMC0xNkg0MGE4LDgsMCwwLDAsMCwxNlpNMjE2LDE4NEg0MGE4LDgsMCwwLDAsMCwxNkgyMTZhOCw4LDAsMCwwLDAtMTZaIj48L3BhdGg+PC9zdmc+"); --icon-settings: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMSwxMDguNzYsMTk4LjI1LDkwLjYyYy0uNjQtMS4xNi0xLjMxLTIuMjktMi0zLjQxbC0uMTItMzZBMTA0LjYxLDEwNC42MSwwLDAsMCwxNjIsMzJMMTMwLDQ5Ljg5Yy0xLjM0LDAtMi42OSwwLTQsMEw5NCwzMkExMDQuNTgsMTA0LjU4LDAsMCwwLDU5Ljg5LDUxLjI1bC0uMTYsMzZjLS43LDEuMTItMS4zNywyLjI2LTIsMy40MWwtMzEuODQsMTguMWE5OS4xNSw5OS4xNSwwLDAsMCwwLDM4LjQ2bDMxLjg1LDE4LjE0Yy42NCwxLjE2LDEuMzEsMi4yOSwyLDMuNDFsLjEyLDM2QTEwNC42MSwxMDQuNjEsMCwwLDAsOTQsMjI0bDMyLTE3Ljg3YzEuMzQsMCwyLjY5LDAsNCwwTDE2MiwyMjRhMTA0LjU4LDEwNC41OCwwLDAsMCwzNC4wOC0xOS4yNWwuMTYtMzZjLjctMS4xMiwxLjM3LTIuMjYsMi0zLjQxbDMxLjg0LTE4LjFBOTkuMTUsOTkuMTUsMCwwLDAsMjMwLjEsMTA4Ljc2Wk0xMjgsMTY4YTQwLDQwLDAsMSwxLDQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxNjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDgwYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWm0xMDkuOTQtNTIuNzlhOCw4LDAsMCwwLTMuODktNS40bC0yOS44My0xNy0uMTItMzMuNjJhOCw4LDAsMCwwLTIuODMtNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLTM2LjcyLTIwLjY3LDgsOCwwLDAsMC02LjQ2LjU5TDEyOCw0MS44NSw5Ny44OCwyNWE4LDgsMCwwLDAtNi40Ny0uNkExMTEuOTIsMTExLjkyLDAsMCwwLDU0LjczLDQ1LjE1YTgsOCwwLDAsMC0yLjgzLDYuMDdsLS4xNSwzMy42NS0yOS44MywxN2E4LDgsMCwwLDAtMy44OSw1LjQsMTA2LjQ3LDEwNi40NywwLDAsMCwwLDQxLjU2LDgsOCwwLDAsMCwzLjg5LDUuNGwyOS44MywxNywuMTIsMzMuNjNhOCw4LDAsMCwwLDIuODMsNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLDM2LjcyLDIwLjY3LDgsOCwwLDAsMCw2LjQ2LS41OUwxMjgsMjE0LjE1LDE1OC4xMiwyMzFhNy45MSw3LjkxLDAsMCwwLDMuOSwxLDguMDksOC4wOSwwLDAsMCwyLjU3LS40MiwxMTIuMSwxMTIuMSwwLDAsMCwzNi42OC0yMC43Myw4LDgsMCwwLDAsMi44My02LjA3bC4xNS0zMy42NSwyOS44My0xN2E4LDgsMCwwLDAsMy44OS01LjRBMTA2LjQ3LDEwNi40NywwLDAsMCwyMzcuOTQsMTA3LjIxWm0tMTUsMzQuOTEtMjguNTcsMTYuMjVhOCw4LDAsMCwwLTMsM2MtLjU4LDEtMS4xOSwyLjA2LTEuODEsMy4wNmE3Ljk0LDcuOTQsMCwwLDAtMS4yMiw0LjIxbC0uMTUsMzIuMjVhOTUuODksOTUuODksMCwwLDEtMjUuMzcsMTQuM0wxMzQsMTk5LjEzYTgsOCwwLDAsMC0zLjkxLTFoLS4xOWMtMS4yMSwwLTIuNDMsMC0zLjY0LDBhOC4xLDguMSwwLDAsMC00LjEsMWwtMjguODQsMTYuMUE5Niw5NiwwLDAsMSw2Ny44OCwyMDFsLS4xMS0zMi4yYTgsOCwwLDAsMC0xLjIyLTQuMjJjLS42Mi0xLTEuMjMtMi0xLjgtMy4wNmE4LjA5LDguMDksMCwwLDAtMy0zLjA2bC0yOC42LTE2LjI5YTkwLjQ5LDkwLjQ5LDAsMCwxLDAtMjguMjZMNjEuNjcsOTcuNjNhOCw4LDAsMCwwLDMtM2MuNTgtMSwxLjE5LTIuMDYsMS44MS0zLjA2YTcuOTQsNy45NCwwLDAsMCwxLjIyLTQuMjFsLjE1LTMyLjI1YTk1Ljg5LDk1Ljg5LDAsMCwxLDI1LjM3LTE0LjNMMTIyLDU2Ljg3YTgsOCwwLDAsMCw0LjEsMWMxLjIxLDAsMi40MywwLDMuNjQsMGE4LDgsMCwwLDAsNC4xLTFsMjguODQtMTYuMUE5Niw5NiwwLDAsMSwxODguMTIsNTVsLjExLDMyLjJhOCw4LDAsMCwwLDEuMjIsNC4yMmMuNjIsMSwxLjIzLDIsMS44LDMuMDZhOC4wOSw4LjA5LDAsMCwwLDMsMy4wNmwyOC42LDE2LjI5QTkwLjQ5LDkwLjQ5LDAsMCwxLDIyMi45LDE0Mi4xMloiPjwvcGF0aD48L3N2Zz4="); --icon-logout: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4bC00MCw0MFY4OFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMTIsMjE2YTgsOCwwLDAsMS04LDhINDhhMTYsMTYsMCwwLDEtMTYtMTZWNDhBMTYsMTYsMCwwLDEsNDgsMzJoNTZhOCw4LDAsMCwxLDAsMTZINDhWMjA4aDU2QTgsOCwwLDAsMSwxMTIsMjE2Wm0xMDkuNjYtODIuMzQtNDAsNDBBOCw4LDAsMCwxLDE2OCwxNjhWMTM2SDEwNGE4LDgsMCwwLDEsMC0xNmg2NFY4OGE4LDgsMCwwLDEsMTMuNjYtNS42Nmw0MCw0MEE4LDgsMCwwLDEsMjIxLjY2LDEzMy42NlptLTE3LTUuNjZMMTg0LDEwNy4zMXY0MS4zOFoiPjwvcGF0aD48L3N2Zz4="); /* Post visibility icons */ --icon-globe-visibility: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+"); --icon-globe-visibility-inv: var(--icon-globe-visibility); --icon-unlock: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTAwVjU2YTI4LDI4LDAsMCwxLDI4LTI4YzEzLjUxLDAsMjUuNjUsOS42MiwyOC4yNCwyMi4zOWExMiwxMiwwLDEsMCwyMy41Mi00Ljc4QzE3NC44NywyMS41LDE1My4xLDQsMTI4LDRBNTIuMDYsNTIuMDYsMCwwLDAsNzYsNTZWNzZINDhBMjAsMjAsMCwwLDAsMjgsOTZWMjA4YTIwLDIwLDAsMCwwLDIwLDIwSDIwOGEyMCwyMCwwLDAsMCwyMC0yMFY5NkEyMCwyMCwwLDAsMCwyMDgsNzZabS00LDEyOEg1MlYxMDBIMjA0WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-unlock-inv: var(--icon-unlock); --icon-lock: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4="); --icon-lock-inv: var(--icon-lock); --icon-at: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNDRIMzJBMTIsMTIsMCwwLDAsMjAsNTZWMTkyYTIwLDIwLDAsMCwwLDIwLDIwSDIxNmEyMCwyMCwwLDAsMCwyMC0yMFY1NkExMiwxMiwwLDAsMCwyMjQsNDRaTTE5My4xNSw2OCwxMjgsMTI3LjcyLDYyLjg1LDY4Wk00NCwxODhWODMuMjhsNzUuODksNjkuNTdhMTIsMTIsMCwwLDAsMTYuMjIsMEwyMTIsODMuMjhWMTg4WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-at-inv: var(--icon-at); /* Other icons */ --icon-bell-still: var(--icon-bell); --icon-bell-ringing: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsMTkySDQ4YTgsOCwwLDAsMS02Ljg4LTEyQzQ3LjcxLDE2OC42LDU2LDE0Ny44MSw1NiwxMTJhNzIsNzIsMCwwLDEsMTQ0LDBjMCwzNS44Miw4LjMsNTYuNiwxNC45LDY4QTgsOCwwLDAsMSwyMDgsMTkyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCw3MS4xYTgsOCwwLDAsMS0xMC43OC0zLjQyLDk0LjEzLDk0LjEzLDAsMCwwLTMzLjQ2LTM2LjkxLDgsOCwwLDEsMSw4LjU0LTEzLjU0LDExMS40NiwxMTEuNDYsMCwwLDEsMzkuMTIsNDMuMDlBOCw4LDAsMCwxLDIyNCw3MS4xWk0zNS43MSw3MmE4LDgsMCwwLDAsNy4xLTQuMzJBOTQuMTMsOTQuMTMsMCwwLDEsNzYuMjcsMzAuNzdhOCw4LDAsMSwwLTguNTQtMTMuNTRBMTExLjQ2LDExMS40NiwwLDAsMCwyOC42MSw2MC4zMiw4LDgsMCwwLDAsMzUuNzEsNzJabTE4Ni4xLDEwMy45NEExNiwxNiwwLDAsMSwyMDgsMjAwSDE2Ny4yYTQwLDQwLDAsMCwxLTc4LjQsMEg0OGExNiwxNiwwLDAsMS0xMy43OS0yNC4wNkM0My4yMiwxNjAuMzksNDgsMTM4LjI4LDQ4LDExMmE4MCw4MCwwLDAsMSwxNjAsMEMyMDgsMTM4LjI3LDIxMi43OCwxNjAuMzgsMjIxLjgxLDE3NS45NFpNMTUwLjYyLDIwMEgxMDUuMzhhMjQsMjQsMCwwLDAsNDUuMjQsMFpNMjA4LDE4NGMtMTAuNjQtMTguMjctMTYtNDIuNDktMTYtNzJhNjQsNjQsMCwwLDAtMTI4LDBjMCwyOS41Mi01LjM4LDUzLjc0LTE2LDcyWiI+PC9wYXRoPjwvc3ZnPg=="); --icon-close: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjRBMTA0LDEwNCwwLDEsMCwyMzIsMTI4LDEwNC4xMSwxMDQuMTEsMCwwLDAsMTI4LDI0Wm0zNy42NiwxMzAuMzRhOCw4LDAsMCwxLTExLjMyLDExLjMyTDEyOCwxMzkuMzFsLTI2LjM0LDI2LjM1YTgsOCwwLDAsMS0xMS4zMi0xMS4zMkwxMTYuNjksMTI4LDkwLjM0LDEwMS42NmE4LDgsMCwwLDEsMTEuMzItMTEuMzJMMTI4LDExNi42OWwyNi4zNC0yNi4zNWE4LDgsMCwwLDEsMTEuMzIsMTEuMzJMMTM5LjMxLDEyOFoiPjwvcGF0aD48L3N2Zz4="); --icon-megaphone: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNlOGU2ZTM7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTEzNiw2OS4wOVYxNzAuOTFMNDIuMjQsMTk5LjY3QTgsOCwwLDAsMSwzMiwxOTJWNDhhOCw4LDAsMCwxLDEwLjI0LTcuNjdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjIwLjU0LDg2LjY2bC0xNzYuMDYtNTRBMTYsMTYsMCwwLDAsMjQsNDhWMTkyYTE2LDE2LDAsMCwwLDE2LDE2LDE2LDE2LDAsMCwwLDQuNTItLjY1TDEyOCwxODEuNzNWMTkyYTE2LDE2LDAsMCwwLDE2LDE2aDMyYTE2LDE2LDAsMCwwLDE2LTE2di0yOS45bDI4LjU0LTguNzVBMTYuMDksMTYuMDksMCwwLDAsMjMyLDEzOFYxMDJBMTYuMDksMTYuMDksMCwwLDAsMjIwLjU0LDg2LjY2Wk0xMjgsMTY1LDQwLDE5MlY0OGw4OCwyN1ptNDgsMjdIMTQ0VjE3Ni44MkwxNzYsMTY3Wm00MC01NC0uMTEsMEwxNDQsMTYwLjA4Vjc5LjkybDcxLjg5LDIyLC4xMSwwdjM2WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-sliders: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsODBhMjQsMjQsMCwxLDEtMjQtMjRBMjQsMjQsMCwwLDEsMTI4LDgwWm00MCw3MmEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCwxNjgsMTUyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTQwLDg4SDczYTMyLDMyLDAsMCwwLDYyLDBoODFhOCw4LDAsMCwwLDAtMTZIMTM1YTMyLDMyLDAsMCwwLTYyLDBINDBhOCw4LDAsMCwwLDAsMTZabTY0LTI0QTE2LDE2LDAsMSwxLDg4LDgwLDE2LDE2LDAsMCwxLDEwNCw2NFpNMjE2LDE2OEgxOTlhMzIsMzIsMCwwLDAtNjIsMEg0MGE4LDgsMCwwLDAsMCwxNmg5N2EzMiwzMiwwLDAsMCw2MiwwaDE3YTgsOCwwLDAsMCwwLTE2Wm0tNDgsMjRhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMTY4LDE5MloiPjwvcGF0aD48L3N2Zz4="); --icon-paperclip: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTIuNDgsMTM2LjQ5bC04Mi4wNiw4MmE2MCw2MCwwLDAsMS04NC44NS04NC44OGw5OC4xNi05Ny44OWE0MCw0MCwwLDAsMSw1Ni41Niw1Ni41OWwtLjE3LjE2LTk1LjgsOTIuMjJhMTIsMTIsMCwxLDEtMTYuNjQtMTcuM2w5NS43MS05Mi4xMmExNiwxNiwwLDAsMC0yMi43LTIyLjU2TDYyLjUzLDE1MC41N2EzNiwzNiwwLDAsMCw1MC45Myw1MC45MWw4Mi4wNi04MmExMiwxMiwwLDAsMSwxNywxN1oiPjwvcGF0aD48L3N2Zz4="); --icon-check: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzc5YmQ5YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICM3ZmMwOWY7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIzMi40OSw4MC40OWwtMTI4LDEyOGExMiwxMiwwLDAsMS0xNywwbC01Ni01NmExMiwxMiwwLDEsMSwxNy0xN0w5NiwxODMsMjE1LjUxLDYzLjUxYTEyLDEyLDAsMCwxLDE3LDE3WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-verified: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjUuODYsMTAyLjgyYy0zLjc3LTMuOTQtNy42Ny04LTkuMTQtMTEuNTctMS4zNi0zLjI3LTEuNDQtOC42OS0xLjUyLTEzLjk0LS4xNS05Ljc2LS4zMS0yMC44Mi04LTI4LjUxcy0xOC43NS03Ljg1LTI4LjUxLThjLTUuMjUtLjA4LTEwLjY3LS4xNi0xMy45NC0xLjUyLTMuNTYtMS40Ny03LjYzLTUuMzctMTEuNTctOS4xNEMxNDYuMjgsMjMuNTEsMTM4LjQ0LDE2LDEyOCwxNnMtMTguMjcsNy41MS0yNS4xOCwxNC4xNGMtMy45NCwzLjc3LTgsNy42Ny0xMS41Nyw5LjE0Qzg4LDQwLjY0LDgyLjU2LDQwLjcyLDc3LjMxLDQwLjhjLTkuNzYuMTUtMjAuODIuMzEtMjguNTEsOFM0MSw2Ny41NSw0MC44LDc3LjMxYy0uMDgsNS4yNS0uMTYsMTAuNjctMS41MiwxMy45NC0xLjQ3LDMuNTYtNS4zNyw3LjYzLTkuMTQsMTEuNTdDMjMuNTEsMTA5LjcyLDE2LDExNy41NiwxNiwxMjhzNy41MSwxOC4yNywxNC4xNCwyNS4xOGMzLjc3LDMuOTQsNy42Nyw4LDkuMTQsMTEuNTcsMS4zNiwzLjI3LDEuNDQsOC42OSwxLjUyLDEzLjk0LjE1LDkuNzYuMzEsMjAuODIsOCwyOC41MXMxOC43NSw3Ljg1LDI4LjUxLDhjNS4yNS4wOCwxMC42Ny4xNiwxMy45NCwxLjUyLDMuNTYsMS40Nyw3LjYzLDUuMzcsMTEuNTcsOS4xNEMxMDkuNzIsMjMyLjQ5LDExNy41NiwyNDAsMTI4LDI0MHMxOC4yNy03LjUxLDI1LjE4LTE0LjE0YzMuOTQtMy43Nyw4LTcuNjcsMTEuNTctOS4xNCwzLjI3LTEuMzYsOC42OS0xLjQ0LDEzLjk0LTEuNTIsOS43Ni0uMTUsMjAuODItLjMxLDI4LjUxLThzNy44NS0xOC43NSw4LTI4LjUxYy4wOC01LjI1LjE2LTEwLjY3LDEuNTItMTMuOTQsMS40Ny0zLjU2LDUuMzctNy42Myw5LjE0LTExLjU3QzIzMi40OSwxNDYuMjgsMjQwLDEzOC40NCwyNDAsMTI4UzIzMi40OSwxMDkuNzMsMjI1Ljg2LDEwMi44MlptLTUyLjIsNi44NC01Niw1NmE4LDgsMCwwLDEtMTEuMzIsMGwtMjQtMjRhOCw4LDAsMCwxLDExLjMyLTExLjMyTDExMiwxNDguNjlsNTAuMzQtNTAuMzVhOCw4LDAsMCwxLDExLjMyLDExLjMyWiI+PC9wYXRoPjwvc3ZnPg=="); --icon-gear: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMSwxMDguNzYsMTk4LjI1LDkwLjYyYy0uNjQtMS4xNi0xLjMxLTIuMjktMi0zLjQxbC0uMTItMzZBMTA0LjYxLDEwNC42MSwwLDAsMCwxNjIsMzJMMTMwLDQ5Ljg5Yy0xLjM0LDAtMi42OSwwLTQsMEw5NCwzMkExMDQuNTgsMTA0LjU4LDAsMCwwLDU5Ljg5LDUxLjI1bC0uMTYsMzZjLS43LDEuMTItMS4zNywyLjI2LTIsMy40MWwtMzEuODQsMTguMWE5OS4xNSw5OS4xNSwwLDAsMCwwLDM4LjQ2bDMxLjg1LDE4LjE0Yy42NCwxLjE2LDEuMzEsMi4yOSwyLDMuNDFsLjEyLDM2QTEwNC42MSwxMDQuNjEsMCwwLDAsOTQsMjI0bDMyLTE3Ljg3YzEuMzQsMCwyLjY5LDAsNCwwTDE2MiwyMjRhMTA0LjU4LDEwNC41OCwwLDAsMCwzNC4wOC0xOS4yNWwuMTYtMzZjLjctMS4xMiwxLjM3LTIuMjYsMi0zLjQxbDMxLjg0LTE4LjFBOTkuMTUsOTkuMTUsMCwwLDAsMjMwLjEsMTA4Ljc2Wk0xMjgsMTY4YTQwLDQwLDAsMSwxLDQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxNjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDgwYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWm0xMDkuOTQtNTIuNzlhOCw4LDAsMCwwLTMuODktNS40bC0yOS44My0xNy0uMTItMzMuNjJhOCw4LDAsMCwwLTIuODMtNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLTM2LjcyLTIwLjY3LDgsOCwwLDAsMC02LjQ2LjU5TDEyOCw0MS44NSw5Ny44OCwyNWE4LDgsMCwwLDAtNi40Ny0uNkExMTEuOTIsMTExLjkyLDAsMCwwLDU0LjczLDQ1LjE1YTgsOCwwLDAsMC0yLjgzLDYuMDdsLS4xNSwzMy42NS0yOS44MywxN2E4LDgsMCwwLDAtMy44OSw1LjQsMTA2LjQ3LDEwNi40NywwLDAsMCwwLDQxLjU2LDgsOCwwLDAsMCwzLjg5LDUuNGwyOS44MywxNywuMTIsMzMuNjNhOCw4LDAsMCwwLDIuODMsNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLDM2LjcyLDIwLjY3LDgsOCwwLDAsMCw2LjQ2LS41OUwxMjgsMjE0LjE1LDE1OC4xMiwyMzFhNy45MSw3LjkxLDAsMCwwLDMuOSwxLDguMDksOC4wOSwwLDAsMCwyLjU3LS40MiwxMTIuMSwxMTIuMSwwLDAsMCwzNi42OC0yMC43Myw4LDgsMCwwLDAsMi44My02LjA3bC4xNS0zMy42NSwyOS44My0xN2E4LDgsMCwwLDAsMy44OS01LjRBMTA2LjQ3LDEwNi40NywwLDAsMCwyMzcuOTQsMTA3LjIxWm0tMTUsMzQuOTEtMjguNTcsMTYuMjVhOCw4LDAsMCwwLTMsM2MtLjU4LDEtMS4xOSwyLjA2LTEuODEsMy4wNmE3Ljk0LDcuOTQsMCwwLDAtMS4yMiw0LjIxbC0uMTUsMzIuMjVhOTUuODksOTUuODksMCwwLDEtMjUuMzcsMTQuM0wxMzQsMTk5LjEzYTgsOCwwLDAsMC0zLjkxLTFoLS4xOWMtMS4yMSwwLTIuNDMsMC0zLjY0LDBhOC4xLDguMSwwLDAsMC00LjEsMWwtMjguODQsMTYuMUE5Niw5NiwwLDAsMSw2Ny44OCwyMDFsLS4xMS0zMi4yYTgsOCwwLDAsMC0xLjIyLTQuMjJjLS42Mi0xLTEuMjMtMi0xLjgtMy4wNmE4LjA5LDguMDksMCwwLDAtMy0zLjA2bC0yOC42LTE2LjI5YTkwLjQ5LDkwLjQ5LDAsMCwxLDAtMjguMjZMNjEuNjcsOTcuNjNhOCw4LDAsMCwwLDMtM2MuNTgtMSwxLjE5LTIuMDYsMS44MS0zLjA2YTcuOTQsNy45NCwwLDAsMCwxLjIyLTQuMjFsLjE1LTMyLjI1YTk1Ljg5LDk1Ljg5LDAsMCwxLDI1LjM3LTE0LjNMMTIyLDU2Ljg3YTgsOCwwLDAsMCw0LjEsMWMxLjIxLDAsMi40MywwLDMuNjQsMGE4LDgsMCwwLDAsNC4xLTFsMjguODQtMTYuMUE5Niw5NiwwLDAsMSwxODguMTIsNTVsLjExLDMyLjJhOCw4LDAsMCwwLDEuMjIsNC4yMmMuNjIsMSwxLjIzLDIsMS44LDMuMDZhOC4wOSw4LjA5LDAsMCwwLDMsMy4wNmwyOC42LDE2LjI5QTkwLjQ5LDkwLjQ5LDAsMCwxLDIyMi45LDE0Mi4xMloiPjwvcGF0aD48L3N2Zz4="); --icon-gear-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzcuOTQsMTA3LjIxYTgsOCwwLDAsMC0zLjg5LTUuNGwtMjkuODMtMTctLjEyLTMzLjYyYTgsOCwwLDAsMC0yLjgzLTYuMDgsMTExLjkxLDExMS45MSwwLDAsMC0zNi43Mi0yMC42Nyw4LDgsMCwwLDAtNi40Ni41OUwxMjgsNDEuODUsOTcuODgsMjVhOCw4LDAsMCwwLTYuNDctLjZBMTExLjkyLDExMS45MiwwLDAsMCw1NC43Myw0NS4xNWE4LDgsMCwwLDAtMi44Myw2LjA3bC0uMTUsMzMuNjUtMjkuODMsMTdhOCw4LDAsMCwwLTMuODksNS40LDEwNi40NywxMDYuNDcsMCwwLDAsMCw0MS41Niw4LDgsMCwwLDAsMy44OSw1LjRsMjkuODMsMTcsLjEyLDMzLjYzYTgsOCwwLDAsMCwyLjgzLDYuMDgsMTExLjkxLDExMS45MSwwLDAsMCwzNi43MiwyMC42Nyw4LDgsMCwwLDAsNi40Ni0uNTlMMTI4LDIxNC4xNSwxNTguMTIsMjMxYTcuOTEsNy45MSwwLDAsMCwzLjksMSw4LjA5LDguMDksMCwwLDAsMi41Ny0uNDIsMTEyLjEsMTEyLjEsMCwwLDAsMzYuNjgtMjAuNzMsOCw4LDAsMCwwLDIuODMtNi4wN2wuMTUtMzMuNjUsMjkuODMtMTdhOCw4LDAsMCwwLDMuODktNS40QTEwNi40NywxMDYuNDcsMCwwLDAsMjM3Ljk0LDEwNy4yMVpNMTI4LDE2OGE0MCw0MCwwLDEsMSw0MC00MEE0MCw0MCwwLDAsMSwxMjgsMTY4WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-pin: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjkuNjYsOTguMzQsMTcyLjM5LDE1NS44YzExLjQ2LDIyLjkzLTEuNzIsNDUuODYtMTAuMTEsNTdhOCw4LDAsMCwxLTEyLC44M0w0Mi4zNCwxMDUuNzZBOCw4LDAsMCwxLDQzLDkzLjg1YzI5LjY1LTIzLjkyLDU3LjQtMTAsNTcuNC0xMGw1Ny4yNy01Ny40NmE4LDgsMCwwLDEsMTEuMzEsMEwyMjkuNjYsODdBOCw4LDAsMCwxLDIyOS42Niw5OC4zNFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMzUuMzIsODEuMzcsMTc0LjYzLDIwLjY5YTE2LDE2LDAsMCwwLTIyLjYzLDBMOTguMzcsNzQuNDljLTEwLjY2LTMuMzQtMzUtNy4zNy02MC40LDEzLjE0YTE2LDE2LDAsMCwwLTEuMjksMjMuNzhMODUsMTU5LjcxLDQyLjM0LDIwMi4zNGE4LDgsMCwwLDAsMTEuMzIsMTEuMzJMOTYuMjksMTcxbDQ4LjI5LDQ4LjI5QTE2LDE2LDAsMCwwLDE1NS45LDIyNGMuMzgsMCwuNzUsMCwxLjEzLDBhMTUuOTMsMTUuOTMsMCwwLDAsMTEuNjQtNi4zM2MxOS42NC0yNi4xLDE3Ljc1LTQ3LjMyLDEzLjE5LTYwTDIzNS4zMywxMDRBMTYsMTYsMCwwLDAsMjM1LjMyLDgxLjM3Wk0yMjQsOTIuNjloMGwtNTcuMjcsNTcuNDZhOCw4LDAsMCwwLTEuNDksOS4yMmM5LjQ2LDE4LjkzLTEuOCwzOC41OS05LjM0LDQ4LjYyTDQ4LDEwMC4wOGMxMi4wOC05Ljc0LDIzLjY0LTEyLjMxLDMyLjQ4LTEyLjMxQTQwLjEzLDQwLjEzLDAsMCwxLDk2LjgxLDkxYTgsOCwwLDAsMCw5LjI1LTEuNTFMMTYzLjMyLDMyLDIyNCw5Mi42OFoiPjwvcGF0aD48L3N2Zz4="); --icon-emoji: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0QTEwNCwxMDQsMCwxLDAsMjMyLDEyOCwxMDQuMTEsMTA0LjExLDAsMCwwLDEyOCwyNFptMCwxOTJhODgsODgsMCwxLDEsODgtODhBODguMSw4OC4xLDAsMCwxLDEyOCwyMTZaTTgwLDEwOGExMiwxMiwwLDEsMSwxMiwxMkExMiwxMiwwLDAsMSw4MCwxMDhabTk2LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTc2LDEwOFptLTEuMDgsNDhjLTEwLjI5LDE3Ljc5LTI3LjM5LDI4LTQ2LjkyLDI4cy0zNi42My0xMC4yLTQ2LjkyLTI4YTgsOCwwLDEsMSwxMy44NC04YzcuNDcsMTIuOTEsMTkuMjEsMjAsMzMuMDgsMjBzMjUuNjEtNy4xLDMzLjA4LTIwYTgsOCwwLDEsMSwxMy44NCw4WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-emoji-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0QTEwNCwxMDQsMCwxLDAsMjMyLDEyOCwxMDQuMTEsMTA0LjExLDAsMCwwLDEyOCwyNFptMCwxOTJhODgsODgsMCwxLDEsODgtODhBODguMSw4OC4xLDAsMCwxLDEyOCwyMTZaTTgwLDEwOGExMiwxMiwwLDEsMSwxMiwxMkExMiwxMiwwLDAsMSw4MCwxMDhabTk2LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTc2LDEwOFptLTEuMDgsNDhjLTEwLjI5LDE3Ljc5LTI3LjM5LDI4LTQ2LjkyLDI4cy0zNi42My0xMC4yLTQ2LjkyLTI4YTgsOCwwLDEsMSwxMy44NC04YzcuNDcsMTIuOTEsMTkuMjEsMjAsMzMuMDgsMjBzMjUuNjEtNy4xLDMzLjA4LTIwYTgsOCwwLDEsMSwxMy44NCw4WiI+PC9wYXRoPjwvc3ZnPg=="); --icon-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDkuOTQsMTEzLjk0bC0yOCwyOGE0Ny43Niw0Ny43NiwwLDAsMS0yNi41MiwxMy40OCw0Ny43Niw0Ny43NiwwLDAsMS0xMy40OCwyNi41MmwtMjgsMjhhNDgsNDgsMCwwLDEtNjcuODgtNjcuODhsMjgtMjhhNDcuNzYsNDcuNzYsMCwwLDEsMjYuNTItMTMuNDgsNDcuNzYsNDcuNzYsMCwwLDEsMTMuNDgtMjYuNTJsMjgtMjhhNDgsNDgsMCwwLDEsNjcuODgsNjcuODhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTM3LjU0LDE4Ni4zNmE4LDgsMCwwLDEsMCwxMS4zMWwtMTcuOTQsMThBNTYsNTYsMCwwLDEsNDAuMzgsMTM2LjRMNjguNSwxMDguMjlBNTYsNTYsMCwwLDEsMTQ1LjMxLDEwNmE4LDgsMCwxLDEtMTAuNjQsMTIsNDAsNDAsMCwwLDAtNTQuODUsMS42M0w1MS43LDE0Ny43MmE0MCw0MCwwLDEsMCw1Ni41OCw1Ni41OGwxNy45NC0xNy45NEE4LDgsMCwwLDEsMTM3LjU0LDE4Ni4zNlptNzguMDgtMTQ2YTU2LjA4LDU2LjA4LDAsMCwwLTc5LjIyLDBMMTE4LjQ2LDU4LjMzYTgsOCwwLDAsMCwxMS4zMiwxMS4zMUwxNDcuNzIsNTEuN2E0MCw0MCwwLDAsMSw1Ni41OCw1Ni41OEwxNzYuMTgsMTM2LjRBNDAsNDAsMCwwLDEsMTIxLjMzLDEzOCw4LDgsMCwxLDAsMTEwLjY5LDE1MGE1Niw1NiwwLDAsMCw3Ni44MS0yLjI3bDI4LjEyLTI4LjExQTU2LjA4LDU2LjA4LDAsMCwwLDIxNS42Miw0MC4zOFoiPjwvcGF0aD48L3N2Zz4="); --icon-share: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTA0bC00OCw0OFY1NloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMjkuNjYsOTguMzRsLTQ4LTQ4QTgsOCwwLDAsMCwxNjgsNTZWOTZoLTNBMTAzLjk0LDEwMy45NCwwLDAsMCw2NC4yNSwxNzRhOCw4LDAsMCwwLDE1LjUsNEE4OCw4OCwwLDAsMSwxNjUsMTEyaDN2NDBhOCw4LDAsMCwwLDEzLjY2LDUuNjZsNDgtNDhBOCw4LDAsMCwwLDIyOS42Niw5OC4zNFpNMTg0LDEzMi42OVY3NS4zMUwyMTIuNjksMTA0Wk0yMDAsMjE2YTgsOCwwLDAsMS04LDhINDBhMTYsMTYsMCwwLDEtMTYtMTZWODhhOCw4LDAsMCwxLDE2LDBWMjA4SDE5MkE4LDgsMCwwLDEsMjAwLDIxNloiPjwvcGF0aD48L3N2Zz4="); --icon-copy: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2QwNWM4YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNDBWMTY4SDE2OFY4OEg4OFY0MFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTYsMzJIODhhOCw4LDAsMCwwLTgsOFY4MEg0MGE4LDgsMCwwLDAtOCw4VjIxNmE4LDgsMCwwLDAsOCw4SDE2OGE4LDgsMCwwLDAsOC04VjE3Nmg0MGE4LDgsMCwwLDAsOC04VjQwQTgsOCwwLDAsMCwyMTYsMzJaTTE2MCwyMDhINDhWOTZIMTYwWm00OC00OEgxNzZWODhhOCw4LDAsMCwwLTgtOEg5NlY0OEgyMDhaIj48L3BhdGg+PC9zdmc+") } } .layout-multiple-columns { --color-bg: #f5eff2; } @media (prefers-color-scheme: dark) { .layout-multiple-columns { --color-bg: #030303; } } body.app-body { background-color: var(--color-bg); color: var(--color-fg); font-family: ui-rounded, "mastodon-font-sans-serif", sans-serif; } /* ๐Ÿ–ฑ๏ธ 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: 50px; 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; } } .app-body .loading-bar { background-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; } .app-body .account__avatar img { border-radius: 50%; } /* 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; height: auto; } .app-body .columns-area--mobile .column:focus-within { overflow: visible; } .app-body .scrollable, .app-body .column > .scrollable { max-height: max-content; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border: 0; padding-bottom: 1px; } .app-body .dismissable-banner + .scrollable { border-top-left-radius: 0; border-top-right-radius: 0; } /* *๏ธโƒฃ Icons -------- */ .app-body :is( .icon-bookmark, .icon-star, .icon-retweet, .icon-reply, .icon-reply-all, .icon-tasks, .icon-quote-right, .icon-home, .icon-hashtag, .icon-search, .icon-times-circle, .icon-bell, .icon-at, .icon-bookmarks, .icon-list-ul, .column-link .icon-cog, .drawer__tab .icon-cog, .icon-bars, .compose__action-bar-dropdown .icon-close, .icon-user-plus, .icon-user, .icon-users, .icon-bullhorn, .icon-sliders, .icon-globe, .icon-unlock, .icon-lock, .icon-paperclip, .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, .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 ) 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-search, .icon-times-circle, .icon-bell, .icon-at, .icon-bookmarks, .icon-list-ul, .column-link .icon-cog, .drawer__tab .icon-cog, .icon-bars, .compose__action-bar-dropdown .icon-close, .icon-user-plus, .icon-user, .icon-users, .icon-bullhorn, .icon-sliders, .icon-globe, .icon-unlock, .icon-lock, .icon-paperclip, .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, .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 ) { 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 .icon-star { background-image: var(--icon-star-active); } .app-body .detailed-status__link .icon-star { background-image: var(--icon-star); margin: 0 4px -2px 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, .app-body .notification .icon-retweet { background-image: var(--icon-boost-active); } .app-body .detailed-status__link .icon-retweet { background-image: var(--icon-boost); margin: 0 4px -2px 0; } .app-body button.icon-button:is( .reblogPrivate, .reblogPrivate: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); } /* 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); } /* Post icon */ .app-body .icon-quote-right { background-image: var(--icon-post); } /* Navigation panel icons */ .app-body .column-link__icon { transform: scale(1.3); margin-right: 7px; margin-left: 2px; } /* Home icon */ .app-body .icon-home { background-image: var(--icon-home); } .app-body :is(.column-link.active .icon-home, .column-header__icon.icon-home) { background-image: var(--icon-home-active); } .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, .app-body .column-header__icon.icon-globe { background-image: var(--icon-globe-active); } /* Explore + Hashtag icon */ .app-body .icon-hashtag { background-image: var(--icon-hashtag-active); } .app-body .column-link .icon-hashtag { background-image: var(--icon-hashtag); } .app-body .column-link.active .icon-hashtag { background-image: var(--icon-hashtag-active); } /* 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-active); } .app-body .icon-times-circle { background-image: var(--icon-close); } /* Notifications icon */ .app-body .column-link .icon-bell { background-image: var(--icon-bell); } .app-body .column-link.active .icon-bell, .app-body .column-header__icon.icon-bell { background-image: var(--icon-bell-active); } /* Direct messages icon */ .app-body .column-link .icon-at { background-image: var(--icon-direct-messages); } .app-body .column-link.active .icon-at, .app-body .column-header__icon.icon-at { background-image: var(--icon-direct-messages-active); } /* Bookmarks icon */ .app-body .icon-bookmarks { background-image: var(--icon-bookmark-column-link); } .app-body .column-link.active .icon-bookmarks, .app-body .column-header__icon.icon-bookmarks { background-image: var(--icon-bookmark-column-link-active); } /* Favorites icon */ .app-body .column-link .icon-star { background-image: var(--icon-star-column-link); } .app-body .column-link.active .icon-star, .app-body .column-header__icon.icon-star { background-image: var(--icon-star-column-link-active); } /* Lists icon */ .app-body .icon-list-ul { background-image: var(--icon-list); } .app-body .column-link.active .icon-list-ul, .app-body .column-header__icon.icon-list-ul { background-image: var(--icon-list-active); } /* Settings icon */ .app-body .column-link .icon-cog { background-image: var(--icon-settings); } /* Profile settings */ .app-body .compose__action-bar-dropdown .icon-bars { background-image: var(--icon-gear); } .app-body .compose__action-bar-dropdown .active .icon-close { background-image: var(--icon-gear-active); } /* 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-link.active .icon-user-plus, .app-body .column-header__icon.icon-user-plus { background-image: var(--icon-user-plus-active); } /* 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 .icon-unlock { background-image: var(--icon-unlock); } .app-body .icon-lock { background-image: var(--icon-lock); } .app-body .icon-at { background-image: var(--icon-at); } /* Other icons */ .app-body .icon-paperclip { background-image: var(--icon-paperclip); } .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-still); } .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); } @media screen and (max-width:1174px) { .app-body .navigation-panel .column-link .icon-home { background-image: var(--icon-home-active); } .app-body .navigation-panel .column-link.active .icon-home { background-image: var(--icon-home); } .app-body .navigation-panel .column-link .icon-bell { background-image: var(--icon-bell-active); } .app-body .navigation-panel .column-link.active .icon-bell { background-image: var(--icon-bell); } .app-body .navigation-panel .column-link .icon-hashtag { background-image: var(--icon-search-column-link-active); } .app-body .navigation-panel .column-link.active .icon-hashtag { background-image: var(--icon-search-column-link); } .app-body .navigation-panel .column-link .icon-search { background-image: var(--icon-search-column-link-active); } .app-body .navigation-panel .column-link.active .icon-search { background-image: var(--icon-search-column-link); } .app-body .navigation-panel .column-link .icon-globe { background-image: var(--icon-globe-active); } .app-body .navigation-panel .column-link.active .icon-globe { background-image: var(--icon-globe); } .app-body .navigation-panel .column-link .icon-at { background-image: var(--icon-direct-messages-active); } .app-body .navigation-panel .column-link.active .icon-at { background-image: var(--icon-direct-messages); } .app-body .navigation-panel .column-link .icon-bookmarks { background-image: var(--icon-bookmark-column-link-active); } .app-body .navigation-panel .column-link.active .icon-bookmarks { background-image: var(--icon-bookmark-column-link); } .app-body .navigation-panel .column-link .icon-star { background-image: var(--icon-star-column-link-active); } .app-body .navigation-panel .column-link.active .icon-star { background-image: var(--icon-star-column-link); } .app-body .navigation-panel .column-link .icon-list-ul { background-image: var(--icon-list-active); } .app-body .navigation-panel .column-link.active .icon-list-ul { background-image: var(--icon-list); } .app-body .navigation-panel .column-link .icon-cog { background-image: var(--icon-gear); } .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-active); } .app-body .navigation-panel .column-link .icon-user-plus { background-image: var(--icon-user-plus-active); } .app-body .navigation-panel .column-link.active .icon-user-plus { background-image: var(--icon-user-plus-accent); } } /* 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 :is(.detailed-status__datetime, .status__relative-time):is(:active, :focus, :hover) { 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) { text-decoration: none !important; } .app-body .account__header__fields .verified a span { display: inline; } @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; } } /* ๐Ÿ“ Compose panel ---------------- */ .app-body .compose-form { padding: 0 0 71px; } .app-body .navigation-bar { border-radius: 8px 8px 0 0; padding: 21px 11px 22px 15px; background-color: var(--color-content-secondary-bg); border-top: 1px solid var(--color-lines); border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); } .app-body .navigation-bar strong { color: var(--color-content-fg); } .app-body .compose-form__highlightable.active { box-shadow: none; } .app-body .navigation-bar:has(+ .compose-form .compose-form__highlightable.active), .app-body .compose-form__highlightable.active .compose-form__autosuggest-wrapper, .app-body .compose-form__highlightable.active .compose-form__buttons-wrapper, .app-body .compose-form .compose-form__autosuggest-wrapper:focus-within, .app-body .navigation-bar:has(+ .compose-form .compose-form__autosuggest-wrapper:focus-within), .app-body .compose-form .compose-form__autosuggest-wrapper:focus-within ~ .compose-form__buttons-wrapper, .app-body .compose-form:has(.compose-form__autosuggest-wrapper:focus-within) :is(.reply-indicator, .autosuggest-input, .compose-form__warning) { border-color: var(--color-accent); } .app-body .compose-form :is( .autosuggest-textarea__suggestions, .autosuggest-textarea__textarea, .autosuggest-textarea__suggestions__item, .compose-form__buttons-wrapper, .compose-form__modifiers ), .app-body .compose-form__autosuggest-wrapper { background-color: var(--color-content-bg); color: var(--color-content-fg); border: 0; border-top: 0; border-radius: 0; } .app-body .compose-form__autosuggest-wrapper, .app-body .compose-form .compose-form__buttons-wrapper { border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); } .app-body .compose-form .compose-form__buttons-wrapper { border-bottom: 1px solid var(--color-lines); } .app-body .compose-form .compose-form__buttons-wrapper :is(.icon-button, .text-icon-button), .app-body .compose-form .character-counter { color: var(--color-content-fg); height: 27px; } .app-body .compose-form .compose-form__buttons-wrapper .icon-button.active { color: var(--color-accent); } .app-body .compose-form .compose-form__buttons-wrapper .text-icon-button.active { background-color: var(--color-accent); color: var(--color-accent-fg); } .app-body .compose-form .autosuggest-textarea__textarea { padding-left: 20px; padding-right: 45px; padding-top: 20px; } .app-body .compose-form .autosuggest-textarea__textarea::placeholder { font-size: 130%; opacity: .5; } .app-body .compose-panel .autosuggest-textarea__textarea::placeholder, .app-body .compose-form .autosuggest-account .display-name__html { color: var(--color-content-fg); } .app-body .compose-form .autosuggest-account .display-name__account { color: var(--color-content-fg-muted); } .app-body .compose-form .autosuggest-textarea__suggestions--visible, .app-body .compose-form .autosuggest-textarea__suggestions__item { border-radius: 8px; } .app-body .compose-form .autosuggest-textarea__suggestions__item:is(.selected, :active, :focus, :hover), .app-body .compose-form .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 .compose-form .compose-form__buttons-wrapper { border-radius: 0 0 8px 8px; } .app-body .reply-indicator, .app-body .compose-form .compose-form__warning { background-color: var(--color-accent-bg); border-left: 1px solid var(--color-accent-lines); border-right: 1px solid var(--color-accent-lines); border-top: 0; border-bottom: 0; box-shadow: none; margin: 0; border-radius: 0; } .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 .compose-form .autosuggest-input { box-sizing: border-box; border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); padding: 5px; } .app-body .compose-form .poll__option .autosuggest-input { border-left: 0; border-right: 0; padding: 0; } .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__input { background-color: var(--color-accent-bg); color: var(--color-accent); margin-bottom: 0; border-radius: 8px; padding: 12px 15px; } .app-body .compose-form .spoiler-input__input:focus { box-shadow: 0 0 0 1px inset var(--color-accent); } .app-body .display-name { color: var(--color-content-fg); } .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 .compose-form { padding: 0 10px 10px; } .app-body .navigation-bar { border-radius: 8px 8px 0 0; margin: 10px 10px 0; } } .app-body .compose-form .attachment-list.compact .icon { color: var(--color-content-fg-muted); vertical-align: bottom; } /* Publish button */ .app-body .compose-form .compose-form__publish .compose-form__publish-button-wrapper { padding-top: 10px; width: 100%; } .app-body .compose-form .compose-form__publish .compose-form__publish-button-wrapper .button { padding: 10px 18px; } .app-body .compose-form .compose-form__publish .compose-form__publish-button-wrapper .button .icon-lock { background-image: var(--icon-lock-inv); } /* Emoji picker */ .app-body .compose-form .emoji-button { margin: 15px 10px 0 0; background-image: var(--icon-emoji); background-size: 26px; background-position: bottom left; background-repeat: no-repeat; } .app-body .compose-form .emoji-button .emojione { opacity: 0; } .app-body .compose-form .emoji-button:hover { background-image: var(--icon-emoji-accent); } .app-body .emoji-picker-dropdown__menu { overflow: hidden; border-radius: 8px; background-color: var(--color-content-bg); border: 1px solid var(--color-lines); } .app-body .emoji-mart { width: 100% !important; display: block; } .app-body .emoji-mart-bar:first-child { background-color: var(--color-accent-bg); border-color: var(--color-accent-lines); } .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); box-shadow: 0 0 0 1px inset 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; } .app-body .translate-button .link-button, .app-body .detailed-status .translate-button .link-button { background-image: var(--icon-translate-active); } .app-body .status__content__translate-button:hover, .app-body .translate-button .link-button:hover { background-color: var(--color-accent-bg); } @media screen and (max-width:889px) { .app-body .status__content__translate-button, .app-body .translate-button .link-button { bottom: 10px; } .app-body .detailed-status .status__content__translate-button, .app-body .detailed-status .translate-button .link-button { bottom: 13px; } } .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 { 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 { background-color: var(--color-content-bg); padding: 13px 12px; border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); position: relative; } @media screen and (max-width:889px) { .app-body .status__wrapper, .app-body .detailed-status__wrapper { border-left: 0; border-right: 0; } .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: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; } @media screen and (min-width:890px) { .app-body .scrollable > div:first-child > div:first-child > .status__wrapper, .app-body .explore__search-results > div:first-child > .status__wrapper { border-top-left-radius: 8px; border-top-right-radius: 8px; } .app-body .scrollable > div:last-child > div:last-child > .status__wrapper, .app-body .scrollable > 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-right-radius: 8px; border-bottom-left-radius: 8px; } .app-body .dismissable-banner + .scrollable > div > article:first-child > div > .status__wrapper { border-top-left-radius: 0; border-top-right-radius: 0; } } .app-body .status__info { height: 22px; margin-left: -56px; padding: 0; margin-bottom: 0; line-height: 10px; align-items: start; } .app-body .status__info .status__display-name { overflow: visible; align-items: start; max-width: calc(100% - 5em); } .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: .7; } .app-body .status__relative-time { height: 22px; position: absolute; right: 22px; color: var(--color-content-fg); opacity: .6; } .app-body .status__avatar { margin-bottom: -10px; z-index: 2; border-radius: 50%; outline: 6px solid var(--color-content-bg); transition: outline .3s; } .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); } /* ๐Ÿ“ 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% - 77px); 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 { 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; background: var(--color-content-bg-focus); } @media screen and (min-width:1175px) { /* Subtle hover effect when you hover over a post content in the timeline. Only on bigger screens. */ .app-body .status__wrapper:has(.status__content:hover), .app-body .notification__message:has(+ div > .status__wrapper .status__content:hover) { background: var(--color-content-bg-focus); } .app-body .status__wrapper:has(.status__content:hover) .status__avatar { outline: 6px solid var(--color-content-bg-focus); } } .app-body :is(.status__wrapper.focusable, .detailed-status__wrapper.focusable):focus .status__avatar { outline: 6px solid var(--color-content-bg-focus); } /* ๐Ÿ‘๏ธ Post detailed view */ .app-body .detailed-status__wrapper { /* Set full-width divider above and below a detailed post */ border-top: 1px solid var(--color-lines); border-bottom: 1px solid var(--color-lines); } .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); border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .app-body .scrollable > div:only-child .detailed-status__wrapper:last-child { /* Detailed post is the only post in column */ box-shadow: none; } @media screen and (min-width:890px) and (max-width:1174px) { .app-body .scrollable > div:first-child > .detailed-status__wrapper { margin-top: 15px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-top: 1px solid var(--color-lines); } } @media screen and (max-width:889px) { .app-body .scrollable > div:last-child .detailed-status__wrapper:last-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .app-body .detailed-status { padding: 8px 8px 14px; } } .app-body .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, .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; } .detailed-status__display-name .display-name__account{ opacity: .7; } .app-body .detailed-status__meta { color: var(--color-fg); opacity: .8; } .app-body .detailed-status__action-bar { padding: 0 16px; justify-content: left; gap: 8px; width: 32px; } .app-body .detailed-status__action-bar-dropdown { position: absolute; right: 18px; } .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: #D3487F; } .app-body :is(.status__action-bar, .detailed-status__action-bar, .picture-in-picture__footer) .active .icon-star + .icon-button__counter > .animated-number { color: #EBBB59; } .app-body .detailed-status__meta .animated-number { transform: translate(0, -1px); } .app-body article > .account { padding: 16px; } .app-body article:last-child > .account { border-bottom: 1px solid var(--color-lines); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .app-body .account-timeline__header + article > .account { border-top-left-radius: 8px; border-top-right-radius: 8px; border-top: 1px solid var(--color-lines); } .app-body .detailed-status__link { display: inline-block; position: static; } /* Hashtag bar */ .app-body .hashtag-bar a, .app-body .hashtag-bar .link-button { color: var(--color-fg-muted); font-size: 90%; transition: all .1s; } .app-body .hashtag-bar .link-button { font-size: 80%; margin-left: 3px; } .app-body .hashtag-bar a { background-color: var(--color-content-secondary-bg); 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 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 .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; } @keyframes bounce { 0% { transform: scale(1); } 50% { transform: scale(1.6); } 75% { transform: scale(.8); } 100% { transform: scale(1); } } .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 !important; } @keyframes launch { 0% { transform: translate(0); opacity: 0; } 5% { transform: translate(0); opacity: 1; } 50% { transform: translate(200%, -150%); opacity: 0; } 80% { transform: translate(200%, -150%); opacity: 0; } 85% { transform: translate(-20%, 20%); opacity: 0; } 100% { transform: translate(0); opacity: 1; } } .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; } @keyframes bounce-vertical { 0% { transform: translateY(0); } 50% { transform: translateY(-40%); } 75% { transform: translateY(20%); } 100% { transform: translate(0); } } .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-top: 2px; padding-right: 0; padding-bottom: 1px; padding-left: 0; margin-bottom: 0; height: 25px; color: var(--color-content-fg); } .app-body .status__prepend-icon-wrapper { width: 56px; text-align: right; } .app-body .status__prepend-icon-wrapper .icon { transform: translateY(1px) scale(1.1); } .app-body .detailed-status__wrapper .status__prepend-icon-wrapper { width: 46px; } .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__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: 800; } @media screen and (max-width:889px) { .app-body .status-card:not(.expanded) .status-card__image { width: 80px; } .app-body .status-card:not(.expanded) .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) .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 .icon-button.overlayed { background-color: #ffffff; color: #444b5d; opacity: .6; transition: opacity .3s; } .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) { 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 rgba(0, 0, 0, .15); 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 rgba(0, 0, 0, .15); 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 rgba(0, 0, 0, 0.15); } @media (prefers-color-scheme: dark) { .app-body .media-gallery__preview { outline-color: rgba(255, 255, 255, .05); } .app-body .spoiler-button:hover ~ .media-gallery__item > .media-gallery__preview { outline-color: rgba(255, 255, 255, .1); } } .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 .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 .media-gallery__gifv__label { display: none; } /* ๐Ÿ“Š Polls */ .app-body .poll__chart, .app-body .muted .poll__chart.leading { background: var(--color-accent); opacity: .4; height: 12px; border-radius: 10px; } .app-body .poll__chart.leading, .app-body .muted .poll__chart.leading { opacity: 1; } .app-body .muted .poll { color: var(--color-content-fg-muted); } .app-body .poll__footer { color: var(--color-content-fg); } .app-body .poll__link { color: var(--color-accent); text-decoration: none; } .app-body .poll__input { border: 2px solid var(--color-lines); background-color: var(--color-content-secondary-bg); } .app-body .poll__input:hover { border-color: var(--color-accent); background-color: var(--color-accent-bg); } .app-body .poll__input:is(.active, :active, :focus) { background-color: var(--color-accent); } .app-body .poll__input.active { border-color: var(--color-accent); } .app-body .poll__footer .button.button-secondary { padding: 0 16px; } .app-body .poll__footer .button.button-secondary:hover { background-color: var(--color-accent); color: var(--color-accent-fg); } /* Poll composer */ .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); } /* Empty columns */ .app-body .empty-column-indicator { background-color: var(--color-content-secondary-bg); color: var(--color-content-fg); border: 1px solid var(--color-lines); 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; } @media screen and (max-width:889px) { .app-body .empty-column-indicator { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-left: 0; border-right: 0; } } @media screen and (min-width:890px) { .app-body .account-timeline__header + .empty-column-indicator { border-top-left-radius: 8px; border-top-right-radius: 8px; } } /* 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-left-radius: 8px; border-bottom-right-radius: 8px; border-bottom: 1px solid var(--color-lines); border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); } /* ๐Ÿ“ค DMs */ .app-body .follow_requests-unlocked_explanation { background-color: var(--color-accent-bg); color: var(--color-content-fg); border: 1px solid var(--color-accent-lines); } .app-body .follow_requests-unlocked_explanation a { color: var(--color-accent); } .app-body .conversation__unread { background-color: var(--color-accent); } .app-body .conversation.conversation--unread { background-color: var(--color-content-bg-focus); } .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; } @media screen and (min-width:890px) { .app-body .conversation { border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); } } /* Speech bubble look DMs */ .app-body :is(.status-direct, .detailed-status-direct, .detailed-status__wrapper-direct) .status__content { padding: .7em 1.2em .7em 1em; margin-top: 4px; background: var(--color-content-secondary-bg); border: 1px solid var(--color-lines); border-radius: 4px 12px 12px 12px; display: inline-block; } .app-body .status-direct.muted .status__content { background: rgba(155, 174, 200, 0.1); border-color: var(--color-lines); } .app-body :is(.status__wrapper-direct, .detailed-status__wrapper-direct) .status__prepend { display: none; } /* โบ๏ธ Column headers ----------------- */ .app-body .tabs-bar__wrapper { background-color: transparent; border-radius: 8px 8px 0 0; box-shadow: inset 0 10px var(--color-bg), 0 -30px var(--color-bg); } .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: rgba(255, 255, 255, .75); color: var(--color-content-fg); border-top: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); border-left: 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); } @media (prefers-color-scheme: dark) { .app-body .column-header, .app-body .column-back-button { background-color: rgba(3, 3, 3, .65); } } .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__icon { transform: scale(1.1); margin-right: 4px; } .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); } @media screen and (max-width:1174px) { .app-body .column-header__wrapper::after, .app-body .column-back-button::after { display: none; } .app-body .column-header__button:is(.active, .active:hover, :hover), .app-body .column-header, .app-body .column-back-button { background-color: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; } } .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 .column-back-button--slim-button { height: 50px; } } @media screen and (min-width:1175px) { .app-body .column-back-button--slim-button { display: none; } } .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-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 .column-header__collapsible { box-shadow: none; border-radius: 0; } } .app-body .column-header__collapsible-inner { background: var(--color-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; font-weight: bold; } @media screen and (max-width:1174px) { .app-body .ui__header { background-color: transparent; border-bottom: 0; } .app-body .ui__header__logo { margin: 0; position: absolute; left: 50%; transform: translateX(-50%); } .app-body .ui__header:has(.ui__header__links > a[href="/auth/sign_in"]) .ui__header__logo { position: static; transform: none; margin-left: 3px; } .app-body .tabs-bar__wrapper { box-shadow: none; display: block; margin-bottom: -2px; border-radius: 0; height: 45px; border-bottom: 1px solid rgba(0, 0, 0, .1); } .app-body .tabs-bar__wrapper:has(> #tabs-bar__portal) { display: none; } .app-body .tabs-bar__wrapper:has(> #tabs-bar__portal > .column-back-button), .app-body .tabs-bar__wrapper:has(> #tabs-bar__portal > .column-header__wrapper) { /* Column header (2nd top bar) is displayed only if there's something inside */ display: block; } .app-body .column-header, .app-body .column-back-button, .app-body .column-header__button, .app-body .column-header__back-button { background-color: transparent; height: 50px; border: 0; margin: 0; } .app-body .ui::after { /* Set a backdrop blur background to both top bars */ -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); background-color: rgba(255, 255, 255, 0.75); content: ""; height: 100px; left: 0; position: fixed; top: 0; width: 100%; z-index: 1; } .app-body .ui:has(.columns-area__panels > .columns-area__panels__main > .tabs-bar__wrapper > #tabs-bar__portal)::after { height: 55px; } .app-body .ui:has(.columns-area__panels > .columns-area__panels__main > .tabs-bar__wrapper > #tabs-bar__portal > .column-back-button)::after, .app-body .ui:has(.columns-area__panels > .columns-area__panels__main > .tabs-bar__wrapper > #tabs-bar__portal > .column-header__wrapper)::after { /* Backdrop blur has double the height only in cases where there's 2 top bars present */ height: 100px; } .app-body .column-header__collapsible:not(.collapsed) { /* Remove margin between column settings and column header */ margin-top: -4px; } } @media screen and (min-width:890px) and (max-width:1174px) { .app-body .tabs-bar__wrapper { border-color: transparent; } .app-body .ui::after { border-bottom: 1px solid var(--color-lines); } } @media (prefers-color-scheme: dark) { @media screen and (max-width:1174px) { .app-body .ui::after { background-color: rgba(3, 3, 3, .65); } .app-body .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-radius: 8px 8px 0 0; } .app-body .account__section-headline:has(+ .explore__suggestions) { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; margin-bottom: 10px; } @media screen and (min-width:890px) and (max-width:1174px) { .app-body .explore__search-header + .account__section-headline { border-top-left-radius: 8px; border-top-right-radius: 8px; } .app-body .notification__filter-bar { border-top-left-radius: 8px; border-top-right-radius: 8px; margin-top: 10px; } } @media screen and (max-width:889px) { .app-body :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: 45px; height: 35px; box-sizing: border-box; background-image: var(--icon-compose); background-position: center; background-repeat: no-repeat; background-size: 22px; } .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 .button.button-secondary[href="/publish"] { position: absolute; right: 12px; } .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; padding: 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: 10px; } .app-body .column-link:not(.column-link--logo) { padding: 13px 20px 14px 13px; margin-left: 3px; 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); } .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:not(.column-link--logo)[href="/settings/preferences"] { padding-bottom: 13px; } .app-body .column-link--transparent span::before { content: " "; left: -44px; background-color: transparent; transition: .3s background-color; top: -12px; right: -16px; position: absolute; border-radius: 8px; z-index: -1; bottom: -12px; } .app-body .column-link--transparent:hover span::before { background-color: var(--color-accent-bg); } .app-body .column-link--transparent:is(.active, .active:hover) span::before { background-color: var(--color-content-secondary-bg); } .app-body .column-link--transparent:active { transform: scale(.95); } } @media (prefers-color-scheme: dark) { @media screen and (min-width:1175px) { .app-body .column-link--transparent:is(.active, .active:hover) span::before { background-color: var(--color-content-secondary-bg); } } } .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 .column-link .fa::before { position: relative; top: 1px; } .app-body .column-link .fa.fa-cog { transform: scale(1) translate(1px, -1px); } .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; } .app-body .column-link[href="/lists"].active:has(+ .list-panel .column-link.active) span::before { background-color: var(--color-accent-bg); } @media screen and (min-width:1175px) { .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 + env(safe-area-inset-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: env(safe-area-inset-bottom); flex-direction: row; overflow-x: auto; background-color: var(--color-content-bg); border-top: 1px solid var(--color-lines); border-left: 0; } .app-body .columns-area__panels__pane--navigational .navigation-panel::before { content: " "; position: fixed; right: 0; background-image: linear-gradient(to right, transparent, var(--color-bg) 75.63%); height: 4.2em; width: 17vw; margin: 0; padding: 0; border: 0; justify-content: center; display: inline-flex; align-items: center; box-sizing: border-box; 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; } .app-body .navigation-panel:has(> *:nth-child(4):last-child) :is(.column-link, .navigation-panel__legal) { flex: 50vw; } .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; background-color: #ffffff; } .app-body .column-link__icon { margin: 0; } .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: 6em; } .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; } } @media (prefers-color-scheme: dark) { @media screen and (max-width:1174px) { .app-body .column-link--transparent:is(.active, .active:hover, :active) { background-color: var(--color-bg); } } } /* ๐Ÿ‘ค Account view --------------- */ .app-body .account__header { border-radius: 0 0 8px 8px; margin-bottom: 10px; background-color: var(--color-content-bg); border: 1px solid var(--color-lines); } @media screen and (min-width:890px) and (max-width:1174px) { .app-body .account__header { margin-top: 15px; border-radius: 8px; } } @media screen and (max-width:889px) { .app-body .account__header { border-left: 0; border-right: 0; border-radius: 0; } } .app-body .account__header__image { height: 159px; background-color: var(--color-secondary-bg); border-bottom: 0; } .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%; border-width: 5px; width: 100px !important; height: 100px !important; background-color: var(--color-content-bg); border-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 { opacity: .7; } .app-body .account__header__tabs__name .icon-lock { 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; } .app-body .account__header__account-note textarea { color: var(--color-content-fg); } .app-body .account__header__account-note textarea:focus { background-color: var(--color-accent-bg); } .app-body .account__header__badges .account-role { border-radius: 8px; border-color: var(--color-accent); color: var(--color-accent); } .app-body .account-role svg { opacity: 1; } .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; } @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; } .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; } @media screen and (max-width:889px) { .app-body .account-timeline__header + article :is(.status__wrapper, .account) { border-left: 0; border-right: 0; border-radius: 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-accent-bg); } .app-body .moved-account-banner { margin-bottom: 10px; border-radius: 8px; } .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; } /* โœจ Explore tab -------------- */ @media screen and (min-width:890px) { .app-body .account__section-headline + .scrollable article:last-child .status__wrapper { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } } /* #๏ธโƒฃ Trending hashtags */ .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: 0.2 !important; } .app-body .explore__links { background-color: var(--color-content-bg); overflow: hidden; margin-top: -1px; } .app-body .scrollable.explore__links { border: 1px solid var(--color-lines); } @media screen and (max-width:889px) { .app-body .scrollable.explore__links { border-left: 0; border-right: 0; } } @media screen and (min-width:890px) and (max-width:1174px) { .app-body .explore__links { border-bottom-left-radius: 8px !important; border-bottom-right-radius: 8px !important; } } .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); } .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); } /* Hashtag header */ .app-body .hashtag-header { font-size: 15px; padding: 24px 20px; color: var(--color-content-fg); background-color: var(--color-content-secondary-bg); border-top: 1px solid var(--color-lines); border-bottom: 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 { border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); } .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 0 10px; background-color: var(--color-content-bg); border-radius: 8px; border: 1px solid var(--color-lines); } @media screen and (max-width:889px) { .app-body .scrollable .account-card { margin: 0 10px 10px; } } .app-body .account-card__header { padding: 0; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; height: 128px; overflow: hidden; } .app-body .scrollable .account-card__bio:after { background: linear-gradient(270deg, var(--color-content-bg), transparent); } .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-bold); } .app-body .account-card__counters__item small { opacity: .7; } .app-body .account-card__bio a { color: var(--color-accent); } .app-body .filter-form { background-color: var(--color-accent-bg); border-radius: 8px; margin-bottom: 10px; } .app-body .filter-form__column { padding: 10px 15px; } /* ๐Ÿ“ฐ 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: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 .story__details__publisher, .app-body .story .story__details__shared { transition: all .3s; } .app-body .story:is(:active, :focus, :hover) :is(.story__details__publisher, .story__details__shared) { color: var(--color-accent); } .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: 0 0 30px; border-radius: 8px; } /* ๐Ÿ” Search field and search results */ .app-body .search { margin-bottom: 10px; } .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); } .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: 1px solid var(--color-accent); } .app-body .search__icon .icon { margin-right: 4px; transform: scale(.9); } .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 { 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 .explore__search-results .trends__item { border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); border-bottom: 2px solid var(--color-content-secondary-bg); } .app-body .explore__search-results article:first-child > .trends__item, .app-body .search-results__section > .trends__item:first-child, .app-body .search-results__section > .account:first-child { border-top: 1px solid var(--color-lines); } .app-body .explore__search-results article:last-child > .trends__item, .app-body .search-results__section > .trends__item:last-child, .app-body .search-results__section > .account:last-child { border-bottom: 1px solid var(--color-lines); } .app-body .search-results__section { background-color: var(--color-bg); border-bottom: 0; } .app-body .search-results__section__header { background-color: var(--color-content-secondary-bg); border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); border-bottom: 0; color: var(--color-content-fg); } .app-body .search-results__section__header button { color: var(--color-accent); } @media screen and (min-width:890px) { .app-body .explore__search-results :is(article:last-child > .account, article:last-child > .trends__item, .load-more:last-child), .app-body .search-results__section:last-child > :is(.trends__item, .account):last-child { border-radius: 0 0 8px 8px; } } .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: initial; } .app-body .search__popout__menu__item mark { color: var(--color-content-fg-bold); } .app-body .search__popout__menu__item:is(.selected, :active, :focus, :hover) .icon-button { color: var(--color-accent-fg); } .app-body .search__popout__menu__item .icon-button:is(:active, :focus, :hover) { 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); } @media screen and (max-width:1174px) { .app-body .search { margin-bottom: 0; } .app-body .explore__search-header { padding-top: 2px; } .app-body .search__input { padding: 13px; } .app-body .explore__search-header { padding: 10px 0; } .app-body .search__icon .icon { top: 11px; } } @media screen and (max-width:889px) { .app-body .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: 0; border: 1px solid var(--color-lines); margin: 0; } .app-body .explore__links .dismissable-banner { border: 0; } @media screen and (max-width:889px) { .app-body .dismissable-banner, .app-body .explore__links .dismissable-banner { border-left: 0; border-right: 0; } } @media screen and (min-width:890px) and (max-width:1174px) { .app-body .explore__links .dismissable-banner { margin-top: 0; } } .app-body .dismissable-banner__message h1 { color: var(--color-content-fg); margin-top: 10px; 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); padding-left: 10px; padding-right: 10px; padding-bottom: 10px; } .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-content-bg); color: var(--color-content-fg-bold); transition: all .3s; } .app-body .notification__display-name { font-weight: bold; } .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); } @media screen and (min-width:889px) { .app-body .notification__message { border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); } .app-body .notification__report { border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); } } .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 { background-color: var(--color-content-bg); border-bottom: 0; padding-left: 22px; padding-top: 4px; } .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 .account { border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); } .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; } .app-body .notification .account__relationship .icon-button:first-child { background-color: rgba(121, 189, 154, 0.3); } .app-body .notification .account__relationship .icon-button:first-child:is(:active, :focus, :hover) { background-color: #79bd9a; } .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: rgba(223, 64, 90, 0.3); } .app-body .notification .account__relationship .icon-button:last-child:is(:active, :focus, :hover) { background-color: #df405a; } .app-body .notification .account__relationship .icon-button:last-child:is(:active, :focus, :hover) .icon-times { background-image: var(--icon-reject-inv); } /* ๐Ÿ“‹ Lists tab */ .app-body .column-inline-form { background-color: var(--color-accent-bg); border: 1px solid var(--color-accent-lines); } @media screen and (max-width:1174px) { .app-body .column-inline-form { margin-top: 10px; } } @media screen and (max-width:889px) { .app-body .column-inline-form { margin-left: 10px; margin-right: 10px; } } .app-body .column-inline-form label :is(input, input:focus) { background-color: var(--color-content-bg); color: var(--color-content-fg); border-radius: 8px; } .app-body .column-inline-form label input:focus { box-shadow: 0 0 0 1px 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: 1px solid var(--color-lines); 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 .drawer__inner { background-color: var(--color-content-bg); } .app-body .list-editor__search { margin: 10px; } .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-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); 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: 1px solid var(--color-lines); border-radius: 0 0 8px 8px; } @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-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); border-bottom: 1px solid var(--color-lines); } .app-body article:last-child > .account-authorize__wrapper, .app-body article:last-child > .account-authorize__wrapper .account--panel { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .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 { padding: 10px; box-sizing: border-box; width: 100%; border-radius: 8px; transition: all .3s; } .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 { background-color: rgba(121, 189, 154, 0.3); } .app-body .account--panel__button:first-child .icon-button:is(:hover, :active) { background-color: #79bd9a; } .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 { background-color: rgba(223, 64, 90, 0.3); } .app-body .account--panel__button:nth-child(2) .icon-button:is(:hover, :active) { background-color: #df405a; } @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; } } @media screen and (max-width:889px) { .app-body .account-authorize__wrapper { border-left: 0; border-right: 0; } } .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, .app-body .reply-indicator__content .status__content__spoiler-link, .app-body .status__content .status__content__spoiler-link { color: var(--color-content-fg); } .app-body .reply-indicator__content .status__content__spoiler-link, .app-body .status__content .status__content__spoiler-link { background-color: var(--color-accent-bg); border-radius: 8px; } .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 .icon-button:is(:active, :focus, :hover) { background-color: var(--color-accent-bg); color: var(--color-accent); } .app-body .language-dropdown__dropdown { background-color: var(--color-content-bg); border-radius: 8px; border: 1px solid var(--color-lines); } .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, :focus, :hover), .app-body .button.button-tertiary:is(:active, :focus, :hover), .app-body .button.logo-button:is(:active, :focus, :hover) { background-color: var(--color-accent-focus); } .app-body .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:is(:hover,:focus-within):not(.react-toggle--disabled) .react-toggle-track { background-color: var(--color-accent-focus); } .app-body .radio-button { color: var(--color-content-fg); } .app-body .radio-button__input { border-width: 2px; border-color: var(--color-content-fg-muted); background-color: var(--color-content-bg); } .app-body .radio-button__input.checked { border-color: var(--color-accent); background-color: var(--color-accent); } .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 .privacy-dropdown__dropdown { background-color: var(--color-content-bg); border-radius: 8px; border: 1px solid var(--color-lines); } .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); } .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 .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 .app-body :is(.block-modal__cancel-button, .confirmation-modal__cancel-button, .confirmation-modal__secondary-button, .mute-modal__cancel-button) { background-color: transparent; } .app-body .status__content a.hashtag { color: var(--color-accent); } /* ๐Ÿ–ฑ๏ธ Interaction modals --------------------- */ .app-body .modal-root__modal:not(.media-modal) { border: 1px solid var(--color-lines); } .app-body .interaction-modal { background-color: var(--color-content-bg); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .25), 0 8px 10px -6px rgba(0, 0, 0, .25); } .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; } .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); } .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; } @keyframes slowin { 0% { opacity: 0; } 20% { opacity: 0; } 100% { opacity: 1; } } /* Report modals */ .app-body .report-dialog-modal__container { border-top: 0; } .app-body .report-dialog-modal__lead { color: var(--color-content-fg-muted); } .app-body .report-dialog-modal .poll__option.dialog-option { border-color: var(--color-lines); } .app-body .report-dialog-modal .dialog-option .poll__input { border-color: var(--color-accent); } .app-body .report-dialog-modal .dialog-option .poll__input.active { border-color: var(--color-accent); background-color: var(--color-accent); } .app-body .report-dialog-modal .poll__option.dialog-option>.poll__option__text { 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 { border-color: var(--color-lines); } .app-body .report-modal__comment .setting-text-label { color: var(--color-content-fg); } .app-body .report-dialog-modal .status__content__text p { color: var(--color-content-fg); } /* ๐Ÿ–ผ๏ธ 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: 10px; display: flex; flex-flow: column; } .app-body .link-footer p, .app-body .link-footer a { color: var(--color-fg-muted); } .app-body .link-footer::before { content: 'Tangerine UI for Mastodon:'; color: var(--color-fg-muted); font-weight: 500; order: 9; } .app-body .link-footer::after { --version-f: var(--version) ' ยท ' var(--variant) ' variant'; content: var(--version-f); 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; } .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-bold); } .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; } .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: var(--color-accent-bg); color: var(--color-accent); } .app-body .button:is(.button-secondary, .button-tertiary):hover { background-color: var(--color-content-secondary-bg); color: var(--color-content-fg); } .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 p { color: var(--color-fg); opacity: .5; } /* ๐Ÿค— 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 .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: 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); margin-top: -1px; } .app-body .error-column { border: 1px solid var(--color-lines); border-radius: 8px !important; } .app-body .error-column__message h1, .app-body .error-column__message { color: var(--color-content-fg); } .app-body .error-column__image { margin-top: 0; } @media screen and (max-width:889px) { .app-body .error-column { border-radius: 0 !important; border-left: 0; border-right: 0; } } .app-body .regeneration-indicator { background-color: var(--color-content-bg); } @media screen and (min-width:890px) { .app-body .regeneration-indicator { 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; padding-top: 50px; padding-bottom: 40px; } } /* ๐Ÿ“œ About page ------------- */ .app-body .scrollable.about { background-color: var(--color-content-bg); border: 1px solid var(--color-lines); display: flex; flex-flow: column; padding-bottom: 20px; } @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 !important; } .app-body .about__header__hero { border-radius: 8px 8px 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-fg); } .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 li { border-bottom: 1px solid var(--color-accent-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; } } /* Privacy Policy page */ .app-body .column > .scrollable.privacy-policy { border: 1px solid var(--color-lines); background-color: var(--color-content-bg); padding-bottom: 20px; } @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 .getting-started__trends h4, /* Hide Trending header in sidebar */ .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); border-right: 1px solid var(--color-lines); } :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: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-active); } .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 .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 :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 .search-results__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 > .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; } .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; } @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; } .layout-multiple-columns .ui::after { display: none; } .layout-multiple-columns :is( .status__wrapper, .detailed-status__wrapper, .notification__message ) { border-left: 1px solid var(--color-lines); border-right: 1px solid var(--color-lines); } .layout-multiple-columns .compose-form { padding-left: 0; padding-right: 0; } .layout-multiple-columns .navigation-bar { margin-left: 0; margin-right: 0; } .layout-multiple-columns .column-header__button { margin-top: 0; margin-bottom: 0; } .layout-multiple-columns .notification__filter-bar { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } } .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); }