From eea2654236966fee69c4f18217a6a62b1c66d2da Mon Sep 17 00:00:00 2001 From: Claire Date: Mon, 13 Nov 2023 17:58:00 +0100 Subject: [PATCH 01/26] Fix format-dependent redirects being cached regardless of requested format (#27634) --- config/routes.rb | 23 +++++++++++++++++++---- spec/requests/cache_spec.rb | 16 +++++++++++----- 2 files changed, 30 insertions(+), 9 deletions(-) diff --git a/config/routes.rb b/config/routes.rb index 5de8562a8..7e2f1aabe 100644 --- a/config/routes.rb +++ b/config/routes.rb @@ -3,6 +3,18 @@ require 'sidekiq_unique_jobs/web' require 'sidekiq-scheduler/web' +class RedirectWithVary < ActionDispatch::Routing::PathRedirect + def serve(...) + super.tap do |_, headers, _| + headers['Vary'] = 'Origin, Accept' + end + end +end + +def redirect_with_vary(path) + RedirectWithVary.new(301, path) +end + Rails.application.routes.draw do # Paths of routes on the web app that to not require to be indexed or # have alternative format representations requiring separate controllers @@ -90,10 +102,13 @@ Rails.application.routes.draw do confirmations: 'auth/confirmations', } - get '/users/:username', to: redirect('/@%{username}'), constraints: lambda { |req| req.format.nil? || req.format.html? } - get '/users/:username/following', to: redirect('/@%{username}/following'), constraints: lambda { |req| req.format.nil? || req.format.html? } - get '/users/:username/followers', to: redirect('/@%{username}/followers'), constraints: lambda { |req| req.format.nil? || req.format.html? } - get '/users/:username/statuses/:id', to: redirect('/@%{username}/%{id}'), constraints: lambda { |req| req.format.nil? || req.format.html? } + # rubocop:disable Style/FormatStringToken - those do not go through the usual formatting functions and are not safe to correct + get '/users/:username', to: redirect_with_vary('/@%{username}'), constraints: lambda { |req| req.format.nil? || req.format.html? } + get '/users/:username/following', to: redirect_with_vary('/@%{username}/following'), constraints: lambda { |req| req.format.nil? || req.format.html? } + get '/users/:username/followers', to: redirect_with_vary('/@%{username}/followers'), constraints: lambda { |req| req.format.nil? || req.format.html? } + get '/users/:username/statuses/:id', to: redirect_with_vary('/@%{username}/%{id}'), constraints: lambda { |req| req.format.nil? || req.format.html? } + # rubocop:enable Style/FormatStringToken + get '/authorize_follow', to: redirect { |_, request| "/authorize_interaction?#{request.params.to_query}" } resources :accounts, path: 'users', only: [:show], param: :username do diff --git a/spec/requests/cache_spec.rb b/spec/requests/cache_spec.rb index c391c8b3d..d40895fc3 100644 --- a/spec/requests/cache_spec.rb +++ b/spec/requests/cache_spec.rb @@ -124,7 +124,7 @@ describe 'Caching behavior' do expect(response.cookies).to be_empty end - it 'sets public cache control' do + it 'sets public cache control', :aggregate_failures do # expect(response.cache_control[:max_age]&.to_i).to be_positive expect(response.cache_control[:public]).to be_truthy expect(response.cache_control[:private]).to be_falsy @@ -141,11 +141,8 @@ describe 'Caching behavior' do end shared_examples 'non-cacheable error' do - it 'does not return HTTP success' do + it 'does not return HTTP success and does not have cache headers', :aggregate_failures do expect(response).to_not have_http_status(200) - end - - it 'does not have cache headers' do expect(response.cache_control[:public]).to be_falsy end end @@ -182,6 +179,15 @@ describe 'Caching behavior' do end context 'when anonymously accessed' do + describe '/users/alice' do + it 'redirects with proper cache header', :aggregate_failures do + get '/users/alice' + + expect(response).to redirect_to('/@alice') + expect(response.headers['Vary']&.split(',')&.map { |x| x.strip.downcase }).to include('accept') + end + end + TestEndpoints::ALWAYS_CACHED.each do |endpoint| describe endpoint do before { get endpoint } From bf849d25d112f05d929dba47b6a8dd9fe31bc251 Mon Sep 17 00:00:00 2001 From: asonix Date: Fri, 1 Dec 2023 16:04:43 -0600 Subject: [PATCH 02/26] Use more pop-accurate greys --- app/javascript/styles/pop-light/variables.scss | 2 ++ app/javascript/styles/pop/variables.scss | 2 ++ 2 files changed, 4 insertions(+) diff --git a/app/javascript/styles/pop-light/variables.scss b/app/javascript/styles/pop-light/variables.scss index 14b8feb9d..a1b75b29a 100644 --- a/app/javascript/styles/pop-light/variables.scss +++ b/app/javascript/styles/pop-light/variables.scss @@ -7,6 +7,8 @@ $blurple-600: #40b6c5; $blurple-500: #48b9c7; $blurple-400: #48b9c7; $blurple-300: #48b9c7; +$grey-600: #403937; // Topaz +$grey-100: #403937; // Trout $classic-base-color: #49423e; // Midnight Express $classic-primary-color: #c9c7c5; // Echo Blue diff --git a/app/javascript/styles/pop/variables.scss b/app/javascript/styles/pop/variables.scss index 3e963bb4b..dddda8132 100644 --- a/app/javascript/styles/pop/variables.scss +++ b/app/javascript/styles/pop/variables.scss @@ -7,6 +7,8 @@ $blurple-600: #40b6c5; $blurple-500: #48b9c7; $blurple-400: #48b9c7; $blurple-300: #48b9c7; +$grey-600: #403937; // Topaz +$grey-100: #f3e2da; // Topaz $success-green: #3e935b; // Padua $error-red: $red-500; // Cerise From 4fd72176accea87a1583e22521f68c92003ba65a Mon Sep 17 00:00:00 2001 From: asonix Date: Fri, 1 Dec 2023 16:20:26 -0600 Subject: [PATCH 03/26] Add TangerineUI --- app/javascript/styles/tangerineui-cherry.scss | 2 + .../tangerineui-cherry.scss | 4972 +++++++++++++++++ app/javascript/styles/tangerineui-purple.scss | 2 + .../tangerineui-purple.scss | 4971 ++++++++++++++++ app/javascript/styles/tangerineui.scss | 2 + .../styles/tangerineui/tangerineui.scss | 4971 ++++++++++++++++ config/locales/en-DG.yml | 3 + config/locales/en-LN.yml | 3 + config/locales/en-SQ.yml | 3 + config/locales/en.yml | 3 + config/themes.yml | 3 + 11 files changed, 14935 insertions(+) create mode 100644 app/javascript/styles/tangerineui-cherry.scss create mode 100644 app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss create mode 100644 app/javascript/styles/tangerineui-purple.scss create mode 100644 app/javascript/styles/tangerineui-purple/tangerineui-purple.scss create mode 100644 app/javascript/styles/tangerineui.scss create mode 100644 app/javascript/styles/tangerineui/tangerineui.scss diff --git a/app/javascript/styles/tangerineui-cherry.scss b/app/javascript/styles/tangerineui-cherry.scss new file mode 100644 index 000000000..1053b4d70 --- /dev/null +++ b/app/javascript/styles/tangerineui-cherry.scss @@ -0,0 +1,2 @@ +@import 'application'; +@import 'tangerineui-cherry/tangerineui-cherry.scss'; diff --git a/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss b/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss new file mode 100644 index 000000000..15a913d46 --- /dev/null +++ b/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss @@ -0,0 +1,4972 @@ +/* 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; +} +.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); +} +/* 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); +} +/* 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); +} +/* 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; +} + + + +/* 📝 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 .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); +} +.app-body .compose-form .poll__option .autosuggest-input { + border-left: 0; + border-right: 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: 10px; + padding: 12px 15px; + box-shadow: + 0 0 0 4px inset var(--color-content-bg); +} +.app-body .compose-form .spoiler-input__input:focus { + box-shadow: + 0 0 0 4px inset var(--color-content-bg), + 0 0 0 6px inset var(--color-accent), + 0 0 0 1px inset var(--color-content-bg); +} +.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; + } +} + +/* 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); + box-shadow: + 0 0 0 1px var(--color-lines), + 0 0 5px rgba(0, 0, 0, .15); +} +.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; +} +.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: 5px; + 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); + } +} + +/* 👁️ 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) + .active + .icon-retweet + .icon-button__counter > .animated-number { + color: #D3487F; +} +.app-body + :is(.status__action-bar, .detailed-status__action-bar) + .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) + :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) + .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 .status__action-bar .icon-button.star-icon.active>.icon-star, +.app-body .detailed-status__action-bar .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 .status__action-bar .icon-button.active>.icon-retweet { + animation: launch 1.2s ease-in !important; +} +.app-body .detailed-status__action-bar .icon-button.active>.icon-retweet { + animation: launch-detailed 1.2s ease-out !important; +} +@keyframes launch { + 0% { + transform: translate(0); + opacity: 0; + } + 5% { + transform: translate(0); + opacity: 1; + } + 50% { + transform: translate(200%, -150%); + opacity: 0; + } + 80% { + transform: translate(200%, -150%); + opacity: 0; + } + 85% { + transform: translate(-20%, 20%); + opacity: 0; + } + 100% { + transform: translate(0); + opacity: 1; + } +} +@keyframes launch-detailed { + 0% { + transform: translate(0); + opacity: 0; + } + 5% { + transform: translate(0); + opacity: 1; + } + 50% { + transform: translate(150%, -150%); + opacity: 0; + } + 80% { + transform: translate(150%, -150%); + opacity: 0; + } + 85% { + transform: translate(-20%, 20%); + opacity: 0; + } + 100% { + transform: translate(0); + opacity: 1; + } +} +.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 a.status-card:hover, +.app-body a.status-card.compact:hover { + background-color: var(--color-content-bg-focus); + border-color: var(--color-lines); +} +.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 .media-gallery { + border-radius: 8px; +} +.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 .audio-player, +.app-body .media-gallery, +.app-body .video-player { + border: 1px solid var(--color-lines); +} + +.app-body div:not(.detailed-status) > .media-gallery:has(.media-gallery__item.standalone) { + max-height: 450px; + width: auto; +} + +/* 📊 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 { + border-bottom: 0; + box-shadow: 0 -20px 0 var(--color-bg); + background-color: var(--color-secondary-bg); + border-left: 1px solid var(--color-lines); + border-right: 1px solid var(--color-lines); +} +.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 .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; +} +.app-body .column-link--transparent:is(.active, .active:hover) { + color: var(--color-content-fg); + font-weight: bold; +} +.app-body .column-link--transparent:hover { + border-radius: 8px; + padding-right: 20px; +} +.app-body .column-link--transparent span { + position: relative; +} +@media screen and (min-width:1175px) { + .app-body .column-link:not(.column-link--logo) { + transition: all .2s; + } + .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); + } +} +@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; + } +} +@keyframes fadein { + from { + opacity: 0; + transform: translateY(-10%); + } + to { + opacity: 1; + transform: translateY(0); + } +} +@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 .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); +} +.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; + margin-left: -1px; +} +.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); + border: 1px solid var(--color-lines); + overflow: hidden; + margin-top: -1px; +} +@media screen and (max-width:889px) { + .app-body .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); +} +.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; +} +@keyframes fadein-short { + from { + transform: translate(0, -10px); + opacity: 0; + } + to { + transform: translate(0, 0); + opacity: 1; + } +} +.app-body .search__popout { + background-color: var(--color-content-bg); + border-radius: 8px; + box-shadow: none; + margin-top: 10px; + border: 1px solid var(--color-lines); + animation: .3s fadein-short 1; +} +.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 .icon-button:is(:active, :focus, :hover) { + background-color: transparent; + color: var(--color-accent-fg); +} +.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; + } +} + + +/* ⏺️ Other UI components : buttons, toggles, ... + ----------------------------------------- */ +.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); + box-shadow: 0 0 5px rgba(0, 0, 0, .15); +} +.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); +} + +/* ⏺️ Toggles */ +.app-body .setting-toggle__label { + vertical-align: top; +} +.app-body .react-toggle-track { + background-color: var(--color-accent-lines); + box-shadow: + 0 0 0 20px var(--color-accent-lines) inset, + 0 0 0 20px var(--color-accent-lines) inset, + 0 0 0 1px var(--color-accent-lines) inset, + 0 0 0 1px var(--color-accent-lines) inset +} +.app-body .react-toggle-thumb { + border: 0; +} +.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); +} + + +/* ⏺️ Radio buttons */ +.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 .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 { + border: 1px solid var(--color-lines); +} +.app-body .interaction-modal { + background-color: var(--color-content-bg); +} +.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 .modal-root__overlay { + background-color: hsla(0, 0%, 23.5%, 0.7); +} +@media (prefers-color-scheme: dark) { + .app-body .modal-root__overlay { + background-color: hsla(0, 0%, 0%, 0.7); + } +} +.app-body .modal-root__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__modal.media-modal { + background-color: rgba(255, 255, 255, .8); +} +.app-body .media-modal__overlay .picture-in-picture__footer { + background-color: transparent; +} +.app-body .media-modal__nav, +.app-body .media-modal__overlay .picture-in-picture__footer .icon-button { + color: var(--color-content-fg); +} +.app-body .media-modal__page-dot { + background-color: var(--color-content-fg); +} +@media (prefers-color-scheme: dark) { + .app-body .modal-root__modal.media-modal { + background-color: rgba(0, 0, 0, .6); + } +} + + +/* 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; +} +.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); +} + +/* ⏯️ 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; +} +@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); + 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-secondary-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: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); +} +.app-body .announcements__pagination, +.app-body .announcements__pagination .icon-button { + color: var(--color-content-fg); +} +.app-body .announcements__mastodon { + border-radius: 0 0 0 8px; +} +.app-body .reactions-bar__item { + 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-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; +} +@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 .about__header h1, +.app-body .about__header p, +.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 { + margin-bottom: 0; +} +@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: none; +} +.app-body .about__section__body .prose a:hover { + text-decoration: underline; +} +.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); +} + + + +/* Privacy Policy page */ +.app-body .column > .scrollable.privacy-policy { + border: 1px solid var(--color-lines); + background-color: var(--color-content-bg); +} +@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; + } +} diff --git a/app/javascript/styles/tangerineui-purple.scss b/app/javascript/styles/tangerineui-purple.scss new file mode 100644 index 000000000..a0e167087 --- /dev/null +++ b/app/javascript/styles/tangerineui-purple.scss @@ -0,0 +1,2 @@ +@import 'application'; +@import 'tangerineui-purple/tangerineui-purple.scss'; diff --git a/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss b/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss new file mode 100644 index 000000000..f55fcbf50 --- /dev/null +++ b/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss @@ -0,0 +1,4971 @@ +/* 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: "🪻 Purple"; +} + +/* 🎨 Colors */ +:root { + --color-bg: #ffffff; + --color-fg: #2a2d37; + --color-fg-muted: #888494; + --color-secondary-bg: #e8e4f2; + --color-secondary-separator: #dfdbed; + + --color-content-bg: #ffffff; + --color-content-fg: #444a5a; + --color-content-fg-bold: #000000; + --color-content-fg-muted: #8b92a7; + --color-content-secondary-bg: #f5f4f9; + --color-content-secondary-separator: rgba(223, 219, 237, 0.4); + --color-content-bg-focus: #fffcfa; + + --color-accent: #6364ff; + --color-accent-focus: #563acc; + --color-accent-lines: rgba(99, 100, 255, 0.12); + --color-accent-bg: #e5ddf6; + --color-accent-fg: #ffffff; + + --color-lines: #e1dde4; +} +@media (prefers-color-scheme: dark) { + :root { + --color-bg: #030303; + --color-fg: #d6d2e0; + --color-fg-muted: #655e6e; + --color-secondary-bg: #13111f; + --color-secondary-separator: #26232e; + + --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(64, 62, 89, 0.4); + --color-content-bg-focus: #111111; + + --color-accent: #7a7af9; + --color-accent-focus: #5a47ff; + --color-accent-lines: rgba(122, 122, 249, 0.3); + --color-accent-bg: #261f3c; + --color-accent-fg: #ffffff; + + --color-lines: #343434; + } +} +:root { + /* Mastodon logo */ + --logo: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' class='mastodon-logo' viewBox='0 0 216.414 232.01'%3E%3Cdefs xmlns='http://www.w3.org/2000/svg'%3E%3ClinearGradient xmlns='http://www.w3.org/2000/svg' id='a' x2='0%25' y2='100%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0%25' stop-color='%23595aff'/%3E%3Cstop offset='100%25' stop-color='%23595aff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath xmlns='http://www.w3.org/2000/svg' fill='url(%23a)' d='M211.807 139.088c-3.18 16.366-28.492 34.277-57.562 37.748-15.159 1.809-30.084 3.471-45.999 2.741-26.027-1.192-46.565-6.212-46.565-6.212 0 2.534.156 4.946.469 7.202 3.384 25.687 25.47 27.225 46.391 27.943 21.116.723 39.919-5.206 39.919-5.206l.867 19.09s-14.77 7.931-41.08 9.39c-14.51.797-32.525-.365-53.507-5.919C9.232 213.82 1.406 165.311.209 116.091c-.365-14.613-.14-28.393-.14-39.918 0-50.33 32.976-65.083 32.976-65.083C49.672 3.454 78.204.242 107.865 0h.729c29.66.242 58.21 3.454 74.837 11.09 0 0 32.975 14.752 32.975 65.082 0 0 .414 37.134-4.599 62.916'/%3E%3Cpath fill='%23fff' d='M177.51 80.077v60.941h-24.144v-59.15c0-12.469-5.246-18.797-15.74-18.797-11.602 0-17.417 7.507-17.417 22.352V117.8H96.207V85.423c0-14.845-5.816-22.352-17.418-22.352-10.494 0-15.74 6.328-15.74 18.797v59.15H38.905V80.077c0-12.455 3.171-22.352 9.541-29.675 6.569-7.322 15.171-11.076 25.85-11.076 12.355 0 21.711 4.748 27.898 14.247l6.013 10.082 6.015-10.082c6.185-9.498 15.542-14.247 27.898-14.247 10.677 0 19.28 3.753 25.85 11.076 6.369 7.322 9.54 17.22 9.54 29.675'/%3E%3C/svg%3E"); + + /* Post+Notifications icons */ + --icon-reply: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYsMjAwYTEyLDEyLDAsMCwxLTI0LDAsODQuMDksODQuMDksMCwwLDAtODQtODRINjFsMjcuNTIsMjcuNTFhMTIsMTIsMCwwLDEtMTcsMTdsLTQ4LTQ4YTEyLDEyLDAsMCwxLDAtMTdsNDgtNDhhMTIsMTIsMCwwLDEsMTcsMTdMNjEsOTJoNjdBMTA4LjEyLDEwOC4xMiwwLDAsMSwyMzYsMjAwWiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-reply-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik04MCw1NnY5NkwzMiwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2SDg4VjU2YTgsOCwwLDAsMC0xMy42Ni01LjY2bC00OCw0OGE4LDgsMCwwLDAsMCwxMS4zMmw0OCw0OEE4LDgsMCwwLDAsODgsMTUyVjExMmg0MGE4OC4xLDg4LjEsMCwwLDEsODgsODgsOCw4LDAsMCwwLDE2LDBBMTA0LjExLDEwNC4xMSwwLDAsMCwxMjgsOTZaTTcyLDEzMi42OSw0My4zMSwxMDQsNzIsNzUuMzFaIj48L3BhdGg+PC9zdmc+"); + --icon-boost: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjcuODUsNDYuODlhMjAsMjAsMCwwLDAtMTguNzQtMTguNzRjLTEzLjEzLS43Ny00Ni42NS40Mi03NC40OCwyOC4yNEwxMzEsNjBINzQuMzZhMTkuODMsMTkuODMsMCwwLDAtMTQuMTQsNS44NkwyNS44NywxMDAuMTlhMjAsMjAsMCwwLDAsMTEuMzUsMzMuOTVsMzcuMTQsNS4xOCw0Mi4zMiw0Mi4zMiw1LjE5LDM3LjE4QTE5Ljg4LDE5Ljg4LDAsMCwwLDEzNS4zNCwyMzVhMjAuMTMsMjAuMTMsMCwwLDAsNi4zNywxLDE5LjksMTkuOSwwLDAsMCwxNC4xLTUuODdsMzQuMzQtMzQuMzVBMTkuODUsMTkuODUsMCwwLDAsMTk2LDE4MS42NFYxMjVsMy42LTMuNTlDMjI3LjQzLDkzLjU0LDIyOC42Miw2MCwyMjcuODUsNDYuODlaTTc2LDg0aDMxTDc1Ljc1LDExNS4yOGwtMjcuMjMtMy44Wk0xNTEuNiw3My4zN0E3Mi4yNyw3Mi4yNywwLDAsMSwyMDQsNTJhNzIuMTcsNzIuMTcsMCwwLDEtMjEuMzgsNTIuNDFMMTI4LDE1OSw5NywxMjhaTTE3MiwxODBsLTI3LjQ5LDI3LjQ5LTMuOC0yNy4yM0wxNzIsMTQ5Wm0tNzEuNjcsMjEuNjJDOTEuNjcsMjEzLjY1LDc0LjE2LDIyOCw0MCwyMjhhMTIsMTIsMCwwLDEtMTItMTJjMC0zNC4xNSwxNC4zNS01MS42NiwyNi4zOS02MC4zM2ExMiwxMiwwLDAsMSwxNCwxOS40N2MtNiw0LjMxLTEyLjg5LDEyLjUtMTUuNDIsMjcuODcsMTUuMzctMi41MywyMy41Ni05LjQ0LDI3Ljg3LTE1LjQyYTEyLDEyLDAsMSwxLDE5LjQ3LDE0WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-boost-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik03MiwxNjBsMjQsMjRzLTgsMzItNTYsMzJDNDAsMTY4LDcyLDE2MCw3MiwxNjBabTY0LTg4SDc0LjM1YTgsOCwwLDAsMC01LjY1LDIuMzRMMzQuMzUsMTA4LjY5YTgsOCwwLDAsMCw0LjUzLDEzLjU3TDgwLDEyOFptLTgsMTA0LDUuNzQsNDEuMTJhOCw4LDAsMCwwLDEzLjU3LDQuNTNsMzQuMzUtMzQuMzVhOCw4LDAsMCwwLDIuMzQtNS42NVYxMjBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTAzLjc3LDE4NS45NEMxMDMuMzgsMTg3LjQ5LDkzLjYzLDIyNCw0MCwyMjRhOCw4LDAsMCwxLTgtOGMwLTUzLjYzLDM2LjUxLTYzLjM4LDM4LjA2LTYzLjc3YTgsOCwwLDAsMSwzLjg4LDE1LjUzYy0uOS4yNS0yMi40Miw2LjU0LTI1LjU2LDM5Ljg2QzgxLjcsMjA0LjQ4LDg4LDE4Myw4OC4yNiwxODJhOCw4LDAsMCwxLDE1LjUxLDRabTkzLTY3LjRMMTkyLDEyMy4zMXY1OC4zM0ExNS45MSwxNS45MSwwLDAsMSwxODcuMzIsMTkzTDE1MywyMjcuM0ExNS45MSwxNS45MSwwLDAsMSwxNDEuNywyMzJhMTYuMTEsMTYuMTEsMCwwLDEtNS4xLS44MywxNS45NCwxNS45NCwwLDAsMS0xMC43OC0xMi45MmwtNS4zNy0zOC40OUw3Ni4yNCwxMzUuNTVsLTM4LjQ3LTUuMzdBMTYsMTYsMCwwLDEsMjguNywxMDNMNjMsNjguNjhBMTUuOTEsMTUuOTEsMCwwLDEsNzQuMzYsNjRoNTguMzNsNC43Ny00Ljc3YzI2LjY4LTI2LjY3LDU4LjgzLTI3LjgyLDcxLjQxLTI3LjA3YTE2LDE2LDAsMCwxLDE1LDE1QzIyNC42LDU5LjcxLDIyMy40NSw5MS44NiwxOTYuNzgsMTE4LjU0Wk00MCwxMTQuMzRsMzcuMTUsNS4xOEwxMTYuNjksODBINzQuMzZaTTkxLjMyLDEyOCwxMjgsMTY0LjY4bDU3LjQ1LTU3LjQ1YTc2LjQ2LDc2LjQ2LDAsMCwwLDIyLjQyLTU5LjE2LDc2LjY0LDc2LjY0LDAsMCwwLTU5LjExLDIyLjQ3Wk0xNzYsMTM5LjMxbC0zOS41MywzOS41M0wxNDEuNjcsMjE2LDE3NiwxODEuNjRaIj48L3BhdGg+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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTc2djQ4bC02NC00MEw2NCwyMjRWMTc2bDY0LTQwWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTg0SDEzNmw0MC04MFpNODgsMTI3LjU2aDBBOTUuNzgsOTUuNzgsMCwwLDAsMTIwLDU2SDU2QTk1Ljc4LDk1Ljc4LDAsMCwwLDg4LDEyNy41NloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMzkuMTUsMjEyLjQybC01Ni0xMTJhOCw4LDAsMCwwLTE0LjMxLDBsLTIxLjcxLDQzLjQzQTg4LDg4LDAsMCwxLDEwMCwxMjYuOTMsMTAzLjY1LDEwMy42NSwwLDAsMCwxMjcuNjksNjRIMTUyYTgsOCwwLDAsMCwwLTE2SDk2VjMyYTgsOCwwLDAsMC0xNiwwVjQ4SDI0YTgsOCwwLDAsMCwwLDE2aDg3LjYzQTg3LjcsODcuNywwLDAsMSw4OCwxMTYuMzVhODcuNzQsODcuNzQsMCwwLDEtMTktMzEsOCw4LDAsMSwwLTE1LjA4LDUuMzRBMTAzLjYzLDEwMy42MywwLDAsMCw3NiwxMjdhODcuNTUsODcuNTUsMCwwLDEtNTIsMTcsOCw4LDAsMCwwLDAsMTYsMTAzLjQ2LDEwMy40NiwwLDAsMCw2NC0yMi4wOCwxMDQuMTgsMTA0LjE4LDAsMCwwLDUxLjQ0LDIxLjMxbC0yNi42LDUzLjE5YTgsOCwwLDAsMCwxNC4zMSw3LjE2TDE0MC45NCwxOTJoNzAuMTFsMTMuNzksMjcuNThBOCw4LDAsMCwwLDIzMiwyMjRhOCw4LDAsMCwwLDcuMTUtMTEuNThaTTE0OC45NCwxNzYsMTc2LDEyMS44OSwyMDMuMDUsMTc2WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-translate-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsMTI5Ljg5LDE3NS4wNiwxNjBIMTQ0Ljk0bDYuMzYtMTIuN3YwWk0yMjQsNDhWMjA4YTE2LDE2LDAsMCwxLTE2LDE2SDQ4YTE2LDE2LDAsMCwxLTE2LTE2VjQ4QTE2LDE2LDAsMCwxLDQ4LDMySDIwOEExNiwxNiwwLDAsMSwyMjQsNDhaTTIwNy4xNiwxODguNDJsLTQwLTgwYTgsOCwwLDAsMC0xNC4zMiwwTDEzOS42NiwxMzQuOGE2Mi4zMSw2Mi4zMSwwLDAsMS0yMy42MS0xMEE3OS42MSw3OS42MSwwLDAsMCwxMzUuNiw4MEgxNTJhOCw4LDAsMCwwLDAtMTZIMTEyVjU2YTgsOCwwLDAsMC0xNiwwdjhINTZhOCw4LDAsMCwwLDAsMTZoNjMuNDhhNjMuNzMsNjMuNzMsMCwwLDEtMTUuMywzNC4wNSw2NS45Myw2NS45MywwLDAsMS05LTEzLjYxLDgsOCwwLDAsMC0xNC4zMiw3LjEyLDgxLjc1LDgxLjc1LDAsMCwwLDExLjQsMTcuMTVBNjMuNjIsNjMuNjIsMCwwLDEsNTYsMTM2YTgsOCwwLDAsMCwwLDE2LDc5LjU2LDc5LjU2LDAsMCwwLDQ4LjExLTE2LjEzLDc4LjMzLDc4LjMzLDAsMCwwLDI4LjE4LDEzLjY2bC0xOS40NSwzOC44OWE4LDgsMCwwLDAsMTQuMzIsNy4xNkwxMzYuOTQsMTc2aDQ2LjEybDkuNzgsMTkuNThhOCw4LDAsMSwwLDE0LjMyLTcuMTZaIj48L3BhdGg+PC9zdmc+"); + --icon-ellipsis: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsOTZhMzIsMzIsMCwxLDAsMzIsMzJBMzIsMzIsMCwwLDAsMTI4LDk2Wm0wLDQ4YTE2LDE2LDAsMSwxLDE2LTE2QTE2LDE2LDAsMCwxLDEyOCwxNDRaTTQ4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDQ4LDk2Wm0wLDQ4YTE2LDE2LDAsMSwxLDE2LTE2QTE2LDE2LDAsMCwxLDQ4LDE0NFpNMjA4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDIwOCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSwyMDgsMTQ0WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-ellipsis-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTIsMTI4YTI0LDI0LDAsMSwxLTI0LTI0QTI0LDI0LDAsMCwxLDE1MiwxMjhaTTQ4LDEwNGEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCw0OCwxMDRabTE2MCwwYTI0LDI0LDAsMSwwLDI0LDI0QTI0LDI0LDAsMCwwLDIwOCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDEyOCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSwxMjgsMTQ0Wk00OCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCw0OCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSw0OCwxNDRaTTIwOCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCwyMDgsOTZabTAsNDhhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMjA4LDE0NFoiPjwvcGF0aD48L3N2Zz4="); + --icon-ellipsis-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTYsMTI4YTI4LDI4LDAsMSwxLTI4LTI4QTI4LDI4LDAsMCwxLDE1NiwxMjhaTTQ4LDEwMGEyOCwyOCwwLDEsMCwyOCwyOEEyOCwyOCwwLDAsMCw0OCwxMDBabTE2MCwwYTI4LDI4LDAsMSwwLDI4LDI4QTI4LDI4LDAsMCwwLDIwOCwxMDBaIj48L3BhdGg+PC9zdmc+"); + --icon-poll: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsOTJIMTgwVjU2YTEyLDEyLDAsMCwwLTEyLTEySDUyVjQwYTEyLDEyLDAsMCwwLTI0LDBWMjE2YTEyLDEyLDAsMCwwLDI0LDB2LTRoODRhMTIsMTIsMCwwLDAsMTItMTJWMTY0aDY4YTEyLDEyLDAsMCwwLDEyLTEyVjEwNEExMiwxMiwwLDAsMCwyMTYsOTJaTTE1Niw2OFY5Mkg1MlY2OFpNMTI0LDE4OEg1MlYxNjRoNzJabTgwLTQ4SDUyVjExNkgyMDRaIj48L3BhdGg+PC9zdmc+"); + --icon-poll-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTA0djQ4SDQwVjEwNFoiIG9wYWNpdHk9IjAuMiI+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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4QTk2LDk2LDAsMCwxLDc5LjkzLDIxMS4xMWgwTDQyLjU0LDIyMy41OGE4LDgsMCwwLDEtMTAuMTItMTAuMTJsMTIuNDctMzcuMzloMEE5Niw5NiwwLDEsMSwyMjQsMTI4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTEyOCwyNEExMDQsMTA0LDAsMCwwLDM2LjE4LDE3Ni44OEwyNC44MywyMTAuOTNhMTYsMTYsMCwwLDAsMjAuMjQsMjAuMjRsMzQuMDUtMTEuMzVBMTA0LDEwNCwwLDEsMCwxMjgsMjRabTAsMTkyYTg3Ljg3LDg3Ljg3LDAsMCwxLTQ0LjA2LTExLjgxLDgsOCwwLDAsMC00LTEuMDgsNy44NSw3Ljg1LDAsMCwwLTIuNTMuNDJMNDAsMjE2LDUyLjQ3LDE3OC42YTgsOCwwLDAsMC0uNjYtNi41NEE4OCw4OCwwLDEsMSwxMjgsMjE2Wm0xMi04OGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNDAsMTI4Wm0tNDQsMGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSw5NiwxMjhabTg4LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTg0LDEyOFoiPjwvcGF0aD48L3N2Zz4="); + --icon-users: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMzYsMTA4QTUyLDUyLDAsMSwxLDg0LDU2LDUyLDUyLDAsMCwxLDEzNiwxMDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTE3LjI1LDE1Ny45MmE2MCw2MCwwLDEsMC02Ni41LDBBOTUuODMsOTUuODMsMCwwLDAsMy41MywxOTUuNjNhOCw4LDAsMSwwLDEzLjQsOC43NCw4MCw4MCwwLDAsMSwxMzQuMTQsMCw4LDgsMCwwLDAsMTMuNC04Ljc0QTk1LjgzLDk1LjgzLDAsMCwwLDExNy4yNSwxNTcuOTJaTTQwLDEwOGE0NCw0NCwwLDEsMSw0NCw0NEE0NC4wNSw0NC4wNSwwLDAsMSw0MCwxMDhabTIxMC4xNCw5OC43YTgsOCwwLDAsMS0xMS4wNy0yLjMzQTc5LjgzLDc5LjgzLDAsMCwwLDE3MiwxNjhhOCw4LDAsMCwxLDAtMTYsNDQsNDQsMCwxLDAtMTYuMzQtODQuODcsOCw4LDAsMSwxLTUuOTQtMTQuODUsNjAsNjAsMCwwLDEsNTUuNTMsMTA1LjY0LDk1LjgzLDk1LjgzLDAsMCwxLDQ3LjIyLDM3LjcxQTgsOCwwLDAsMSwyNTAuMTQsMjA2LjdaIj48L3BhdGg+PC9zdmc+"); + --icon-users-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMzYsMTA4QTUyLDUyLDAsMSwxLDg0LDU2LDUyLDUyLDAsMCwxLDEzNiwxMDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTE3LjI1LDE1Ny45MmE2MCw2MCwwLDEsMC02Ni41LDBBOTUuODMsOTUuODMsMCwwLDAsMy41MywxOTUuNjNhOCw4LDAsMSwwLDEzLjQsOC43NCw4MCw4MCwwLDAsMSwxMzQuMTQsMCw4LDgsMCwwLDAsMTMuNC04Ljc0QTk1LjgzLDk1LjgzLDAsMCwwLDExNy4yNSwxNTcuOTJaTTQwLDEwOGE0NCw0NCwwLDEsMSw0NCw0NEE0NC4wNSw0NC4wNSwwLDAsMSw0MCwxMDhabTIxMC4xNCw5OC43YTgsOCwwLDAsMS0xMS4wNy0yLjMzQTc5LjgzLDc5LjgzLDAsMCwwLDE3MiwxNjhhOCw4LDAsMCwxLDAtMTYsNDQsNDQsMCwxLDAtMTYuMzQtODQuODcsOCw4LDAsMSwxLTUuOTQtMTQuODUsNjAsNjAsMCwwLDEsNTUuNTMsMTA1LjY0LDk1LjgzLDk1LjgzLDAsMCwxLDQ3LjIyLDM3LjcxQTgsOCwwLDAsMSwyNTAuMTQsMjA2LjdaIj48L3BhdGg+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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICM1ZjlhZmY7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTE2OCwxMDBhNjAsNjAsMCwxLDEtNjAtNjBBNjAsNjAsMCwwLDEsMTY4LDEwMFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yNTYsMTM2YTgsOCwwLDAsMS04LDhIMjMydjE2YTgsOCwwLDAsMS0xNiwwVjE0NEgyMDBhOCw4LDAsMCwxLDAtMTZoMTZWMTEyYTgsOCwwLDAsMSwxNiwwdjE2aDE2QTgsOCwwLDAsMSwyNTYsMTM2Wm0tNTcuODcsNTguODVhOCw4LDAsMCwxLTEyLjI2LDEwLjNDMTY1Ljc1LDE4MS4xOSwxMzguMDksMTY4LDEwOCwxNjhzLTU3Ljc1LDEzLjE5LTc3Ljg3LDM3LjE1YTgsOCwwLDAsMS0xMi4yNS0xMC4zYzE0Ljk0LTE3Ljc4LDMzLjUyLTMwLjQxLDU0LjE3LTM3LjE3YTY4LDY4LDAsMSwxLDcxLjksMEMxNjQuNiwxNjQuNDQsMTgzLjE4LDE3Ny4wNywxOTguMTMsMTk0Ljg1Wk0xMDgsMTUyYTUyLDUyLDAsMSwwLTUyLTUyQTUyLjA2LDUyLjA2LDAsMCwwLDEwOCwxNTJaIj48L3BhdGg+PC9zdmc+"); + + /* Navigation icons */ + --icon-home: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTE1LjU0VjIwOGE4LDgsMCwwLDEtOCw4SDE2MGE4LDgsMCwwLDEtOC04VjE2MGE4LDgsMCwwLDAtOC04SDExMmE4LDgsMCwwLDAtOCw4djQ4YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLTgtOFYxMTUuNTRhOCw4LDAsMCwxLDIuNjItNS45Mmw4MC03NS41NGE4LDgsMCwwLDEsMTAuNzcsMGw4MCw3NS41NEE4LDgsMCwwLDEsMjE2LDExNS41NFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTguODMsMTAzLjc3bC04MC03NS40OGExLjE0LDEuMTQsMCwwLDEtLjExLS4xMSwxNiwxNiwwLDAsMC0yMS41MywwbC0uMTEuMTFMMzcuMTcsMTAzLjc3QTE2LDE2LDAsMCwwLDMyLDExNS41NVYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIOTZhMTYsMTYsMCwwLDAsMTYtMTZWMTYwaDMydjQ4YTE2LDE2LDAsMCwwLDE2LDE2aDQ4YTE2LDE2LDAsMCwwLDE2LTE2VjExNS41NUExNiwxNiwwLDAsMCwyMTguODMsMTAzLjc3Wk0yMDgsMjA4SDE2MFYxNjBhMTYsMTYsMCwwLDAtMTYtMTZIMTEyYTE2LDE2LDAsMCwwLTE2LDE2djQ4SDQ4VjExNS41NWwuMTEtLjFMMTI4LDQwbDc5LjksNzUuNDMuMTEuMVoiPjwvcGF0aD48L3N2Zz4="); + --icon-home-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTE1LjU0VjIwOGE4LDgsMCwwLDEtOCw4SDE2MGE4LDgsMCwwLDEtOC04VjE2MGE4LDgsMCwwLDAtOC04SDExMmE4LDgsMCwwLDAtOCw4djQ4YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLTgtOFYxMTUuNTRhOCw4LDAsMCwxLDIuNjItNS45Mmw4MC03NS41NGE4LDgsMCwwLDEsMTAuNzcsMGw4MCw3NS41NEE4LDgsMCwwLDEsMjE2LDExNS41NFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTguODMsMTAzLjc3bC04MC03NS40OGExLjE0LDEuMTQsMCwwLDEtLjExLS4xMSwxNiwxNiwwLDAsMC0yMS41MywwbC0uMTEuMTFMMzcuMTcsMTAzLjc3QTE2LDE2LDAsMCwwLDMyLDExNS41NVYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIOTZhMTYsMTYsMCwwLDAsMTYtMTZWMTYwaDMydjQ4YTE2LDE2LDAsMCwwLDE2LDE2aDQ4YTE2LDE2LDAsMCwwLDE2LTE2VjExNS41NUExNiwxNiwwLDAsMCwyMTguODMsMTAzLjc3Wk0yMDgsMjA4SDE2MFYxNjBhMTYsMTYsMCwwLDAtMTYtMTZIMTEyYTE2LDE2LDAsMCwwLTE2LDE2djQ4SDQ4VjExNS41NWwuMTEtLjFMMTI4LDQwbDc5LjksNzUuNDMuMTEuMVoiPjwvcGF0aD48L3N2Zz4="); + --icon-bell: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsMTkySDQ4YTgsOCwwLDAsMS02Ljg4LTEyQzQ3LjcxLDE2OC42LDU2LDEzOS44MSw1NiwxMDRhNzIsNzIsMCwwLDEsMTQ0LDBjMCwzNS44Miw4LjMsNjQuNiwxNC45LDc2QTgsOCwwLDAsMSwyMDgsMTkyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyMS44LDE3NS45NEMyMTYuMjUsMTY2LjM4LDIwOCwxMzkuMzMsMjA4LDEwNGE4MCw4MCwwLDEsMC0xNjAsMGMwLDM1LjM0LTguMjYsNjIuMzgtMTMuODEsNzEuOTRBMTYsMTYsMCwwLDAsNDgsMjAwSDg4LjgxYTQwLDQwLDAsMCwwLDc4LjM4LDBIMjA4YTE2LDE2LDAsMCwwLDEzLjgtMjQuMDZaTTEyOCwyMTZhMjQsMjQsMCwwLDEtMjIuNjItMTZoNDUuMjRBMjQsMjQsMCwwLDEsMTI4LDIxNlpNNDgsMTg0YzcuNy0xMy4yNCwxNi00My45MiwxNi04MGE2NCw2NCwwLDEsMSwxMjgsMGMwLDM2LjA1LDguMjgsNjYuNzMsMTYsODBaIj48L3BhdGg+PC9zdmc+"); + --icon-bell-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsMTkySDQ4YTgsOCwwLDAsMS02Ljg4LTEyQzQ3LjcxLDE2OC42LDU2LDEzOS44MSw1NiwxMDRhNzIsNzIsMCwwLDEsMTQ0LDBjMCwzNS44Miw4LjMsNjQuNiwxNC45LDc2QTgsOCwwLDAsMSwyMDgsMTkyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyMS44LDE3NS45NEMyMTYuMjUsMTY2LjM4LDIwOCwxMzkuMzMsMjA4LDEwNGE4MCw4MCwwLDEsMC0xNjAsMGMwLDM1LjM0LTguMjYsNjIuMzgtMTMuODEsNzEuOTRBMTYsMTYsMCwwLDAsNDgsMjAwSDg4LjgxYTQwLDQwLDAsMCwwLDc4LjM4LDBIMjA4YTE2LDE2LDAsMCwwLDEzLjgtMjQuMDZaTTEyOCwyMTZhMjQsMjQsMCwwLDEtMjIuNjItMTZoNDUuMjRBMjQsMjQsMCwwLDEsMTI4LDIxNlpNNDgsMTg0YzcuNy0xMy4yNCwxNi00My45MiwxNi04MGE2NCw2NCwwLDEsMSwxMjgsMGMwLDM2LjA1LDguMjgsNjYuNzMsMTYsODBaIj48L3BhdGg+PC9zdmc+"); + --icon-hashtag: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsOTZ2NjRIOTZWOTZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjE2LDE1MkgxNjhWMTA0aDQ4YTgsOCwwLDAsMCwwLTE2SDE2OFY0MGE4LDgsMCwwLDAtMTYsMFY4OEgxMDRWNDBhOCw4LDAsMCwwLTE2LDBWODhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhhOCw4LDAsMCwwLDE2LDBWMTY4aDQ4djQ4YTgsOCwwLDAsMCwxNiwwVjE2OGg0OGE4LDgsMCwwLDAsMC0xNlptLTExMiwwVjEwNGg0OHY0OFoiPjwvcGF0aD48L3N2Zz4="); + --icon-hashtag-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsOTZ2NjRIOTZWOTZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjE2LDE1MkgxNjhWMTA0aDQ4YTgsOCwwLDAsMCwwLTE2SDE2OFY0MGE4LDgsMCwwLDAtMTYsMFY4OEgxMDRWNDBhOCw4LDAsMCwwLTE2LDBWODhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhhOCw4LDAsMCwwLDE2LDBWMTY4aDQ4djQ4YTgsOCwwLDAsMCwxNiwwVjE2OGg0OGE4LDgsMCwwLDAsMC0xNlptLTExMiwwVjEwNGg0OHY0OFoiPjwvcGF0aD48L3N2Zz4="); + --icon-globe: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4YTg4LDg4LDAsMSwxLTg4LTg4QTg4LDg4LDAsMCwxLDIxNiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ1LjExLDYwLjY4Yy03LjY1LTEzLjE5LTI3Ljg0LTE2LjE2LTU4LjUtOC42NkE5NS45Myw5NS45MywwLDAsMCwzMiwxMjhhOTgsOTgsMCwwLDAsLjc4LDEyLjMxQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNEE5NS45Myw5NS45MywwLDAsMCwyMjQsMTI4YTk3LjA4LDk3LjA4LDAsMCwwLS43Ny0xMi4yNWMxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4Wk0xMjgsNDhhODAuMTEsODAuMTEsMCwwLDEsNzgsNjIuMmMtMTcuMDYsMTYuMDYtNDAuMTUsMzIuNTMtNjIuMDcsNDUuMTNDMTE2LjM4LDE3MS4xNCw5Mi40OCwxODEsNzMuNDIsMTg2LjRBNzkuOTQsNzkuOTQsMCwwLDEsMTI4LDQ4Wk0yNC43NCwxODcuMjljLTEuNDYtMi41MS0uNjUtNy4yNCwyLjIyLTEzYTc5LjA1LDc5LjA1LDAsMCwxLDEwLjI5LTE1LjA1LDk2LDk2LDAsMCwwLDE4LDMxLjMyQzM4LDE5My40NiwyNy4yNCwxOTEuNjEsMjQuNzQsMTg3LjI5Wk0xMjgsMjA4YTc5LjQ1LDc5LjQ1LDAsMCwxLTM4LjU2LTkuOTQsMzcwLDM3MCwwLDAsMCw2Mi40My0yOC44NmMyMS41OC0xMi4zOSw0MC42OC0yNS44Miw1Ni4wNy0zOS4wOEE4MC4wNyw4MC4wNywwLDAsMSwxMjgsMjA4Wk0yMzEuNDIsNzUuNjljLTEuNyw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVjMTQuMjEtMi4zNSwyNy4zNy0yLjE3LDMwLjUsMy4yNEMyMzIuMTksNzAuMjgsMjMyLjI0LDcyLjYzLDIzMS40Miw3NS42OVoiPjwvcGF0aD48L3N2Zz4="); + --icon-globe-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4YTg4LDg4LDAsMSwxLTg4LTg4QTg4LDg4LDAsMCwxLDIxNiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ1LjExLDYwLjY4Yy03LjY1LTEzLjE5LTI3Ljg0LTE2LjE2LTU4LjUtOC42NkE5NS45Myw5NS45MywwLDAsMCwzMiwxMjhhOTgsOTgsMCwwLDAsLjc4LDEyLjMxQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNEE5NS45Myw5NS45MywwLDAsMCwyMjQsMTI4YTk3LjA4LDk3LjA4LDAsMCwwLS43Ny0xMi4yNWMxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4Wk0xMjgsNDhhODAuMTEsODAuMTEsMCwwLDEsNzgsNjIuMmMtMTcuMDYsMTYuMDYtNDAuMTUsMzIuNTMtNjIuMDcsNDUuMTNDMTE2LjM4LDE3MS4xNCw5Mi40OCwxODEsNzMuNDIsMTg2LjRBNzkuOTQsNzkuOTQsMCwwLDEsMTI4LDQ4Wk0yNC43NCwxODcuMjljLTEuNDYtMi41MS0uNjUtNy4yNCwyLjIyLTEzYTc5LjA1LDc5LjA1LDAsMCwxLDEwLjI5LTE1LjA1LDk2LDk2LDAsMCwwLDE4LDMxLjMyQzM4LDE5My40NiwyNy4yNCwxOTEuNjEsMjQuNzQsMTg3LjI5Wk0xMjgsMjA4YTc5LjQ1LDc5LjQ1LDAsMCwxLTM4LjU2LTkuOTQsMzcwLDM3MCwwLDAsMCw2Mi40My0yOC44NmMyMS41OC0xMi4zOSw0MC42OC0yNS44Miw1Ni4wNy0zOS4wOEE4MC4wNyw4MC4wNywwLDAsMSwxMjgsMjA4Wk0yMzEuNDIsNzUuNjljLTEuNyw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVjMTQuMjEtMi4zNSwyNy4zNy0yLjE3LDMwLjUsMy4yNEMyMzIuMTksNzAuMjgsMjMyLjI0LDcyLjYzLDIzMS40Miw3NS42OVoiPjwvcGF0aD48L3N2Zz4="); + --icon-direct-messages: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNTZsLTk2LDg4TDMyLDU2WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCw0OEgzMmE4LDgsMCwwLDAtOCw4VjE5MmExNiwxNiwwLDAsMCwxNiwxNkgyMTZhMTYsMTYsMCwwLDAsMTYtMTZWNTZBOCw4LDAsMCwwLDIyNCw0OFpNMjAzLjQzLDY0LDEyOCwxMzMuMTUsNTIuNTcsNjRaTTIxNiwxOTJINDBWNzQuMTlsODIuNTksNzUuNzFhOCw4LDAsMCwwLDEwLjgyLDBMMjE2LDc0LjE5VjE5MloiPjwvcGF0aD48L3N2Zz4="); + --icon-direct-messages-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNTZsLTk2LDg4TDMyLDU2WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCw0OEgzMmE4LDgsMCwwLDAtOCw4VjE5MmExNiwxNiwwLDAsMCwxNiwxNkgyMTZhMTYsMTYsMCwwLDAsMTYtMTZWNTZBOCw4LDAsMCwwLDIyNCw0OFpNMjAzLjQzLDY0LDEyOCwxMzMuMTUsNTIuNTcsNjRaTTIxNiwxOTJINDBWNzQuMTlsODIuNTksNzUuNzFhOCw4LDAsMCwwLDEwLjgyLDBMMjE2LDc0LjE5VjE5MloiPjwvcGF0aD48L3N2Zz4="); + --icon-bookmark-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzJWMjI0bC01Ni00MEw1NiwyMjRWNzJhOCw4LDAsMCwxLDgtOGg5NkE4LDgsMCwwLDEsMTY4LDcyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2MCw1Nkg2NEExNiwxNiwwLDAsMCw0OCw3MlYyMjRhOCw4LDAsMCwwLDEyLjY1LDYuNTFMMTEyLDE5My44M2w1MS4zNiwzNi42OEE4LDgsMCwwLDAsMTc2LDIyNFY3MkExNiwxNiwwLDAsMCwxNjAsNTZabTAsMTUyLjQ2LTQzLjM2LTMxYTgsOCwwLDAsMC05LjMsMEw2NCwyMDguNDVWNzJoOTZaTTIwOCw0MFYxOTJhOCw4LDAsMCwxLTE2LDBWNDBIODhhOCw4LDAsMCwxLDAtMTZIMTkyQTE2LDE2LDAsMCwxLDIwOCw0MFoiPjwvcGF0aD48L3N2Zz4="); + --icon-bookmark-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzJWMjI0bC01Ni00MEw1NiwyMjRWNzJhOCw4LDAsMCwxLDgtOGg5NkE4LDgsMCwwLDEsMTY4LDcyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2MCw1Nkg2NEExNiwxNiwwLDAsMCw0OCw3MlYyMjRhOCw4LDAsMCwwLDEyLjY1LDYuNTFMMTEyLDE5My44M2w1MS4zNiwzNi42OEE4LDgsMCwwLDAsMTc2LDIyNFY3MkExNiwxNiwwLDAsMCwxNjAsNTZabTAsMTUyLjQ2LTQzLjM2LTMxYTgsOCwwLDAsMC05LjMsMEw2NCwyMDguNDVWNzJoOTZaTTIwOCw0MFYxOTJhOCw4LDAsMCwxLTE2LDBWNDBIODhhOCw4LDAsMCwxLDAtMTZIMTkyQTE2LDE2LDAsMCwxLDIwOCw0MFoiPjwvcGF0aD48L3N2Zz4="); + --icon-star-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+"); + --icon-star-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+"); + --icon-search: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIuNDksMjE1LjUxLDE4NSwxNjhhOTIuMTIsOTIuMTIsMCwxLDAtMTcsMTdsNDcuNTMsNDcuNTRhMTIsMTIsMCwwLDAsMTctMTdaTTQ0LDExMmE2OCw2OCwwLDEsMSw2OCw2OEE2OC4wNyw2OC4wNywwLDAsMSw0NCwxMTJaIj48L3BhdGg+PC9zdmc+"); + --icon-search-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIuNDksMjE1LjUxLDE4NSwxNjhhOTIuMTIsOTIuMTIsMCwxLDAtMTcsMTdsNDcuNTMsNDcuNTRhMTIsMTIsMCwwLDAsMTctMTdaTTQ0LDExMmE2OCw2OCwwLDEsMSw2OCw2OEE2OC4wNyw2OC4wNywwLDAsMSw0NCwxMTJaIj48L3BhdGg+PC9zdmc+"); + --icon-search-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTEyYTgwLDgwLDAsMSwxLTgwLTgwQTgwLDgwLDAsMCwxLDE5MiwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI5LjY2LDIxOC4zNCwxNzkuNiwxNjguMjhhODguMjEsODguMjEsMCwxLDAtMTEuMzIsMTEuMzFsNTAuMDYsNTAuMDdhOCw4LDAsMCwwLDExLjMyLTExLjMyWk00MCwxMTJhNzIsNzIsMCwxLDEsNzIsNzJBNzIuMDgsNzIuMDgsMCwwLDEsNDAsMTEyWiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-search-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTEyYTgwLDgwLDAsMSwxLTgwLTgwQTgwLDgwLDAsMCwxLDE5MiwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI5LjY2LDIxOC4zNCwxNzkuNiwxNjguMjhhODguMjEsODguMjEsMCwxLDAtMTEuMzIsMTEuMzFsNTAuMDYsNTAuMDdhOCw4LDAsMCwwLDExLjMyLTExLjMyWk00MCwxMTJhNzIsNzIsMCwxLDEsNzIsNzJBNzIuMDgsNzIuMDgsMCwwLDEsNDAsMTEyWiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-list: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNjRWMTkySDQwVjY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCwxMjhhOCw4LDAsMCwxLTgsOEg0MGE4LDgsMCwwLDEsMC0xNkgyMTZBOCw4LDAsMCwxLDIyNCwxMjhaTTQwLDcySDIxNmE4LDgsMCwwLDAsMC0xNkg0MGE4LDgsMCwwLDAsMCwxNlpNMjE2LDE4NEg0MGE4LDgsMCwwLDAsMCwxNkgyMTZhOCw4LDAsMCwwLDAtMTZaIj48L3BhdGg+PC9zdmc+"); + --icon-list-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNjRWMTkySDQwVjY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCwxMjhhOCw4LDAsMCwxLTgsOEg0MGE4LDgsMCwwLDEsMC0xNkgyMTZBOCw4LDAsMCwxLDIyNCwxMjhaTTQwLDcySDIxNmE4LDgsMCwwLDAsMC0xNkg0MGE4LDgsMCwwLDAsMCwxNlpNMjE2LDE4NEg0MGE4LDgsMCwwLDAsMCwxNkgyMTZhOCw4LDAsMCwwLDAtMTZaIj48L3BhdGg+PC9zdmc+"); + --icon-settings: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMSwxMDguNzYsMTk4LjI1LDkwLjYyYy0uNjQtMS4xNi0xLjMxLTIuMjktMi0zLjQxbC0uMTItMzZBMTA0LjYxLDEwNC42MSwwLDAsMCwxNjIsMzJMMTMwLDQ5Ljg5Yy0xLjM0LDAtMi42OSwwLTQsMEw5NCwzMkExMDQuNTgsMTA0LjU4LDAsMCwwLDU5Ljg5LDUxLjI1bC0uMTYsMzZjLS43LDEuMTItMS4zNywyLjI2LTIsMy40MWwtMzEuODQsMTguMWE5OS4xNSw5OS4xNSwwLDAsMCwwLDM4LjQ2bDMxLjg1LDE4LjE0Yy42NCwxLjE2LDEuMzEsMi4yOSwyLDMuNDFsLjEyLDM2QTEwNC42MSwxMDQuNjEsMCwwLDAsOTQsMjI0bDMyLTE3Ljg3YzEuMzQsMCwyLjY5LDAsNCwwTDE2MiwyMjRhMTA0LjU4LDEwNC41OCwwLDAsMCwzNC4wOC0xOS4yNWwuMTYtMzZjLjctMS4xMiwxLjM3LTIuMjYsMi0zLjQxbDMxLjg0LTE4LjFBOTkuMTUsOTkuMTUsMCwwLDAsMjMwLjEsMTA4Ljc2Wk0xMjgsMTY4YTQwLDQwLDAsMSwxLDQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxNjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDgwYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWm0xMDkuOTQtNTIuNzlhOCw4LDAsMCwwLTMuODktNS40bC0yOS44My0xNy0uMTItMzMuNjJhOCw4LDAsMCwwLTIuODMtNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLTM2LjcyLTIwLjY3LDgsOCwwLDAsMC02LjQ2LjU5TDEyOCw0MS44NSw5Ny44OCwyNWE4LDgsMCwwLDAtNi40Ny0uNkExMTEuOTIsMTExLjkyLDAsMCwwLDU0LjczLDQ1LjE1YTgsOCwwLDAsMC0yLjgzLDYuMDdsLS4xNSwzMy42NS0yOS44MywxN2E4LDgsMCwwLDAtMy44OSw1LjQsMTA2LjQ3LDEwNi40NywwLDAsMCwwLDQxLjU2LDgsOCwwLDAsMCwzLjg5LDUuNGwyOS44MywxNywuMTIsMzMuNjNhOCw4LDAsMCwwLDIuODMsNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLDM2LjcyLDIwLjY3LDgsOCwwLDAsMCw2LjQ2LS41OUwxMjgsMjE0LjE1LDE1OC4xMiwyMzFhNy45MSw3LjkxLDAsMCwwLDMuOSwxLDguMDksOC4wOSwwLDAsMCwyLjU3LS40MiwxMTIuMSwxMTIuMSwwLDAsMCwzNi42OC0yMC43Myw4LDgsMCwwLDAsMi44My02LjA3bC4xNS0zMy42NSwyOS44My0xN2E4LDgsMCwwLDAsMy44OS01LjRBMTA2LjQ3LDEwNi40NywwLDAsMCwyMzcuOTQsMTA3LjIxWm0tMTUsMzQuOTEtMjguNTcsMTYuMjVhOCw4LDAsMCwwLTMsM2MtLjU4LDEtMS4xOSwyLjA2LTEuODEsMy4wNmE3Ljk0LDcuOTQsMCwwLDAtMS4yMiw0LjIxbC0uMTUsMzIuMjVhOTUuODksOTUuODksMCwwLDEtMjUuMzcsMTQuM0wxMzQsMTk5LjEzYTgsOCwwLDAsMC0zLjkxLTFoLS4xOWMtMS4yMSwwLTIuNDMsMC0zLjY0LDBhOC4xLDguMSwwLDAsMC00LjEsMWwtMjguODQsMTYuMUE5Niw5NiwwLDAsMSw2Ny44OCwyMDFsLS4xMS0zMi4yYTgsOCwwLDAsMC0xLjIyLTQuMjJjLS42Mi0xLTEuMjMtMi0xLjgtMy4wNmE4LjA5LDguMDksMCwwLDAtMy0zLjA2bC0yOC42LTE2LjI5YTkwLjQ5LDkwLjQ5LDAsMCwxLDAtMjguMjZMNjEuNjcsOTcuNjNhOCw4LDAsMCwwLDMtM2MuNTgtMSwxLjE5LTIuMDYsMS44MS0zLjA2YTcuOTQsNy45NCwwLDAsMCwxLjIyLTQuMjFsLjE1LTMyLjI1YTk1Ljg5LDk1Ljg5LDAsMCwxLDI1LjM3LTE0LjNMMTIyLDU2Ljg3YTgsOCwwLDAsMCw0LjEsMWMxLjIxLDAsMi40MywwLDMuNjQsMGE4LDgsMCwwLDAsNC4xLTFsMjguODQtMTYuMUE5Niw5NiwwLDAsMSwxODguMTIsNTVsLjExLDMyLjJhOCw4LDAsMCwwLDEuMjIsNC4yMmMuNjIsMSwxLjIzLDIsMS44LDMuMDZhOC4wOSw4LjA5LDAsMCwwLDMsMy4wNmwyOC42LDE2LjI5QTkwLjQ5LDkwLjQ5LDAsMCwxLDIyMi45LDE0Mi4xMloiPjwvcGF0aD48L3N2Zz4="); + --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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICM1ZjlhZmY7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIyNCw3MS4xYTgsOCwwLDAsMS0xMC43OC0zLjQyLDk0LjEzLDk0LjEzLDAsMCwwLTMzLjQ2LTM2LjkxLDgsOCwwLDEsMSw4LjU0LTEzLjU0LDExMS40NiwxMTEuNDYsMCwwLDEsMzkuMTIsNDMuMDlBOCw4LDAsMCwxLDIyNCw3MS4xWk0zNS43MSw3MmE4LDgsMCwwLDAsNy4xLTQuMzJBOTQuMTMsOTQuMTMsMCwwLDEsNzYuMjcsMzAuNzdhOCw4LDAsMSwwLTguNTQtMTMuNTRBMTExLjQ2LDExMS40NiwwLDAsMCwyOC42MSw2MC4zMiw4LDgsMCwwLDAsMzUuNzEsNzJabTE4Ni4xLDEwMy45NEExNiwxNiwwLDAsMSwyMDgsMjAwSDE2Ny4yYTQwLDQwLDAsMCwxLTc4LjQsMEg0OGExNiwxNiwwLDAsMS0xMy43OS0yNC4wNkM0My4yMiwxNjAuMzksNDgsMTM4LjI4LDQ4LDExMmE4MCw4MCwwLDAsMSwxNjAsMEMyMDgsMTM4LjI3LDIxMi43OCwxNjAuMzgsMjIxLjgxLDE3NS45NFpNMTUwLjYyLDIwMEgxMDUuMzhhMjQsMjQsMCwwLDAsNDUuMjQsMFoiPjwvcGF0aD48L3N2Zz4="); + --icon-close: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjRBMTA0LDEwNCwwLDEsMCwyMzIsMTI4LDEwNC4xMSwxMDQuMTEsMCwwLDAsMTI4LDI0Wm0zNy42NiwxMzAuMzRhOCw4LDAsMCwxLTExLjMyLDExLjMyTDEyOCwxMzkuMzFsLTI2LjM0LDI2LjM1YTgsOCwwLDAsMS0xMS4zMi0xMS4zMkwxMTYuNjksMTI4LDkwLjM0LDEwMS42NmE4LDgsMCwwLDEsMTEuMzItMTEuMzJMMTI4LDExNi42OWwyNi4zNC0yNi4zNWE4LDgsMCwwLDEsMTEuMzIsMTEuMzJMMTM5LjMxLDEyOFoiPjwvcGF0aD48L3N2Zz4="); + --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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjUuODYsMTAyLjgyYy0zLjc3LTMuOTQtNy42Ny04LTkuMTQtMTEuNTctMS4zNi0zLjI3LTEuNDQtOC42OS0xLjUyLTEzLjk0LS4xNS05Ljc2LS4zMS0yMC44Mi04LTI4LjUxcy0xOC43NS03Ljg1LTI4LjUxLThjLTUuMjUtLjA4LTEwLjY3LS4xNi0xMy45NC0xLjUyLTMuNTYtMS40Ny03LjYzLTUuMzctMTEuNTctOS4xNEMxNDYuMjgsMjMuNTEsMTM4LjQ0LDE2LDEyOCwxNnMtMTguMjcsNy41MS0yNS4xOCwxNC4xNGMtMy45NCwzLjc3LTgsNy42Ny0xMS41Nyw5LjE0Qzg4LDQwLjY0LDgyLjU2LDQwLjcyLDc3LjMxLDQwLjhjLTkuNzYuMTUtMjAuODIuMzEtMjguNTEsOFM0MSw2Ny41NSw0MC44LDc3LjMxYy0uMDgsNS4yNS0uMTYsMTAuNjctMS41MiwxMy45NC0xLjQ3LDMuNTYtNS4zNyw3LjYzLTkuMTQsMTEuNTdDMjMuNTEsMTA5LjcyLDE2LDExNy41NiwxNiwxMjhzNy41MSwxOC4yNywxNC4xNCwyNS4xOGMzLjc3LDMuOTQsNy42Nyw4LDkuMTQsMTEuNTcsMS4zNiwzLjI3LDEuNDQsOC42OSwxLjUyLDEzLjk0LjE1LDkuNzYuMzEsMjAuODIsOCwyOC41MXMxOC43NSw3Ljg1LDI4LjUxLDhjNS4yNS4wOCwxMC42Ny4xNiwxMy45NCwxLjUyLDMuNTYsMS40Nyw3LjYzLDUuMzcsMTEuNTcsOS4xNEMxMDkuNzIsMjMyLjQ5LDExNy41NiwyNDAsMTI4LDI0MHMxOC4yNy03LjUxLDI1LjE4LTE0LjE0YzMuOTQtMy43Nyw4LTcuNjcsMTEuNTctOS4xNCwzLjI3LTEuMzYsOC42OS0xLjQ0LDEzLjk0LTEuNTIsOS43Ni0uMTUsMjAuODItLjMxLDI4LjUxLThzNy44NS0xOC43NSw4LTI4LjUxYy4wOC01LjI1LjE2LTEwLjY3LDEuNTItMTMuOTQsMS40Ny0zLjU2LDUuMzctNy42Myw5LjE0LTExLjU3QzIzMi40OSwxNDYuMjgsMjQwLDEzOC40NCwyNDAsMTI4UzIzMi40OSwxMDkuNzMsMjI1Ljg2LDEwMi44MlptLTUyLjIsNi44NC01Niw1NmE4LDgsMCwwLDEtMTEuMzIsMGwtMjQtMjRhOCw4LDAsMCwxLDExLjMyLTExLjMyTDExMiwxNDguNjlsNTAuMzQtNTAuMzVhOCw4LDAsMCwxLDExLjMyLDExLjMyWiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-gear: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMSwxMDguNzYsMTk4LjI1LDkwLjYyYy0uNjQtMS4xNi0xLjMxLTIuMjktMi0zLjQxbC0uMTItMzZBMTA0LjYxLDEwNC42MSwwLDAsMCwxNjIsMzJMMTMwLDQ5Ljg5Yy0xLjM0LDAtMi42OSwwLTQsMEw5NCwzMkExMDQuNTgsMTA0LjU4LDAsMCwwLDU5Ljg5LDUxLjI1bC0uMTYsMzZjLS43LDEuMTItMS4zNywyLjI2LTIsMy40MWwtMzEuODQsMTguMWE5OS4xNSw5OS4xNSwwLDAsMCwwLDM4LjQ2bDMxLjg1LDE4LjE0Yy42NCwxLjE2LDEuMzEsMi4yOSwyLDMuNDFsLjEyLDM2QTEwNC42MSwxMDQuNjEsMCwwLDAsOTQsMjI0bDMyLTE3Ljg3YzEuMzQsMCwyLjY5LDAsNCwwTDE2MiwyMjRhMTA0LjU4LDEwNC41OCwwLDAsMCwzNC4wOC0xOS4yNWwuMTYtMzZjLjctMS4xMiwxLjM3LTIuMjYsMi0zLjQxbDMxLjg0LTE4LjFBOTkuMTUsOTkuMTUsMCwwLDAsMjMwLjEsMTA4Ljc2Wk0xMjgsMTY4YTQwLDQwLDAsMSwxLDQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxNjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDgwYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWm0xMDkuOTQtNTIuNzlhOCw4LDAsMCwwLTMuODktNS40bC0yOS44My0xNy0uMTItMzMuNjJhOCw4LDAsMCwwLTIuODMtNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLTM2LjcyLTIwLjY3LDgsOCwwLDAsMC02LjQ2LjU5TDEyOCw0MS44NSw5Ny44OCwyNWE4LDgsMCwwLDAtNi40Ny0uNkExMTEuOTIsMTExLjkyLDAsMCwwLDU0LjczLDQ1LjE1YTgsOCwwLDAsMC0yLjgzLDYuMDdsLS4xNSwzMy42NS0yOS44MywxN2E4LDgsMCwwLDAtMy44OSw1LjQsMTA2LjQ3LDEwNi40NywwLDAsMCwwLDQxLjU2LDgsOCwwLDAsMCwzLjg5LDUuNGwyOS44MywxNywuMTIsMzMuNjNhOCw4LDAsMCwwLDIuODMsNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLDM2LjcyLDIwLjY3LDgsOCwwLDAsMCw2LjQ2LS41OUwxMjgsMjE0LjE1LDE1OC4xMiwyMzFhNy45MSw3LjkxLDAsMCwwLDMuOSwxLDguMDksOC4wOSwwLDAsMCwyLjU3LS40MiwxMTIuMSwxMTIuMSwwLDAsMCwzNi42OC0yMC43Myw4LDgsMCwwLDAsMi44My02LjA3bC4xNS0zMy42NSwyOS44My0xN2E4LDgsMCwwLDAsMy44OS01LjRBMTA2LjQ3LDEwNi40NywwLDAsMCwyMzcuOTQsMTA3LjIxWm0tMTUsMzQuOTEtMjguNTcsMTYuMjVhOCw4LDAsMCwwLTMsM2MtLjU4LDEtMS4xOSwyLjA2LTEuODEsMy4wNmE3Ljk0LDcuOTQsMCwwLDAtMS4yMiw0LjIxbC0uMTUsMzIuMjVhOTUuODksOTUuODksMCwwLDEtMjUuMzcsMTQuM0wxMzQsMTk5LjEzYTgsOCwwLDAsMC0zLjkxLTFoLS4xOWMtMS4yMSwwLTIuNDMsMC0zLjY0LDBhOC4xLDguMSwwLDAsMC00LjEsMWwtMjguODQsMTYuMUE5Niw5NiwwLDAsMSw2Ny44OCwyMDFsLS4xMS0zMi4yYTgsOCwwLDAsMC0xLjIyLTQuMjJjLS42Mi0xLTEuMjMtMi0xLjgtMy4wNmE4LjA5LDguMDksMCwwLDAtMy0zLjA2bC0yOC42LTE2LjI5YTkwLjQ5LDkwLjQ5LDAsMCwxLDAtMjguMjZMNjEuNjcsOTcuNjNhOCw4LDAsMCwwLDMtM2MuNTgtMSwxLjE5LTIuMDYsMS44MS0zLjA2YTcuOTQsNy45NCwwLDAsMCwxLjIyLTQuMjFsLjE1LTMyLjI1YTk1Ljg5LDk1Ljg5LDAsMCwxLDI1LjM3LTE0LjNMMTIyLDU2Ljg3YTgsOCwwLDAsMCw0LjEsMWMxLjIxLDAsMi40MywwLDMuNjQsMGE4LDgsMCwwLDAsNC4xLTFsMjguODQtMTYuMUE5Niw5NiwwLDAsMSwxODguMTIsNTVsLjExLDMyLjJhOCw4LDAsMCwwLDEuMjIsNC4yMmMuNjIsMSwxLjIzLDIsMS44LDMuMDZhOC4wOSw4LjA5LDAsMCwwLDMsMy4wNmwyOC42LDE2LjI5QTkwLjQ5LDkwLjQ5LDAsMCwxLDIyMi45LDE0Mi4xMloiPjwvcGF0aD48L3N2Zz4="); + --icon-gear-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzcuOTQsMTA3LjIxYTgsOCwwLDAsMC0zLjg5LTUuNGwtMjkuODMtMTctLjEyLTMzLjYyYTgsOCwwLDAsMC0yLjgzLTYuMDgsMTExLjkxLDExMS45MSwwLDAsMC0zNi43Mi0yMC42Nyw4LDgsMCwwLDAtNi40Ni41OUwxMjgsNDEuODUsOTcuODgsMjVhOCw4LDAsMCwwLTYuNDctLjZBMTExLjkyLDExMS45MiwwLDAsMCw1NC43Myw0NS4xNWE4LDgsMCwwLDAtMi44Myw2LjA3bC0uMTUsMzMuNjUtMjkuODMsMTdhOCw4LDAsMCwwLTMuODksNS40LDEwNi40NywxMDYuNDcsMCwwLDAsMCw0MS41Niw4LDgsMCwwLDAsMy44OSw1LjRsMjkuODMsMTcsLjEyLDMzLjYzYTgsOCwwLDAsMCwyLjgzLDYuMDgsMTExLjkxLDExMS45MSwwLDAsMCwzNi43MiwyMC42Nyw4LDgsMCwwLDAsNi40Ni0uNTlMMTI4LDIxNC4xNSwxNTguMTIsMjMxYTcuOTEsNy45MSwwLDAsMCwzLjksMSw4LjA5LDguMDksMCwwLDAsMi41Ny0uNDIsMTEyLjEsMTEyLjEsMCwwLDAsMzYuNjgtMjAuNzMsOCw4LDAsMCwwLDIuODMtNi4wN2wuMTUtMzMuNjUsMjkuODMtMTdhOCw4LDAsMCwwLDMuODktNS40QTEwNi40NywxMDYuNDcsMCwwLDAsMjM3Ljk0LDEwNy4yMVpNMTI4LDE2OGE0MCw0MCwwLDEsMSw0MC00MEE0MCw0MCwwLDAsMSwxMjgsMTY4WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-pin: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjkuNjYsOTguMzQsMTcyLjM5LDE1NS44YzExLjQ2LDIyLjkzLTEuNzIsNDUuODYtMTAuMTEsNTdhOCw4LDAsMCwxLTEyLC44M0w0Mi4zNCwxMDUuNzZBOCw4LDAsMCwxLDQzLDkzLjg1YzI5LjY1LTIzLjkyLDU3LjQtMTAsNTcuNC0xMGw1Ny4yNy01Ny40NmE4LDgsMCwwLDEsMTEuMzEsMEwyMjkuNjYsODdBOCw4LDAsMCwxLDIyOS42Niw5OC4zNFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMzUuMzIsODEuMzcsMTc0LjYzLDIwLjY5YTE2LDE2LDAsMCwwLTIyLjYzLDBMOTguMzcsNzQuNDljLTEwLjY2LTMuMzQtMzUtNy4zNy02MC40LDEzLjE0YTE2LDE2LDAsMCwwLTEuMjksMjMuNzhMODUsMTU5LjcxLDQyLjM0LDIwMi4zNGE4LDgsMCwwLDAsMTEuMzIsMTEuMzJMOTYuMjksMTcxbDQ4LjI5LDQ4LjI5QTE2LDE2LDAsMCwwLDE1NS45LDIyNGMuMzgsMCwuNzUsMCwxLjEzLDBhMTUuOTMsMTUuOTMsMCwwLDAsMTEuNjQtNi4zM2MxOS42NC0yNi4xLDE3Ljc1LTQ3LjMyLDEzLjE5LTYwTDIzNS4zMywxMDRBMTYsMTYsMCwwLDAsMjM1LjMyLDgxLjM3Wk0yMjQsOTIuNjloMGwtNTcuMjcsNTcuNDZhOCw4LDAsMCwwLTEuNDksOS4yMmM5LjQ2LDE4LjkzLTEuOCwzOC41OS05LjM0LDQ4LjYyTDQ4LDEwMC4wOGMxMi4wOC05Ljc0LDIzLjY0LTEyLjMxLDMyLjQ4LTEyLjMxQTQwLjEzLDQwLjEzLDAsMCwxLDk2LjgxLDkxYTgsOCwwLDAsMCw5LjI1LTEuNTFMMTYzLjMyLDMyLDIyNCw5Mi42OFoiPjwvcGF0aD48L3N2Zz4="); + --icon-emoji: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0QTEwNCwxMDQsMCwxLDAsMjMyLDEyOCwxMDQuMTEsMTA0LjExLDAsMCwwLDEyOCwyNFptMCwxOTJhODgsODgsMCwxLDEsODgtODhBODguMSw4OC4xLDAsMCwxLDEyOCwyMTZaTTgwLDEwOGExMiwxMiwwLDEsMSwxMiwxMkExMiwxMiwwLDAsMSw4MCwxMDhabTk2LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTc2LDEwOFptLTEuMDgsNDhjLTEwLjI5LDE3Ljc5LTI3LjM5LDI4LTQ2LjkyLDI4cy0zNi42My0xMC4yLTQ2LjkyLTI4YTgsOCwwLDEsMSwxMy44NC04YzcuNDcsMTIuOTEsMTkuMjEsMjAsMzMuMDgsMjBzMjUuNjEtNy4xLDMzLjA4LTIwYTgsOCwwLDEsMSwxMy44NCw4WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-emoji-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0QTEwNCwxMDQsMCwxLDAsMjMyLDEyOCwxMDQuMTEsMTA0LjExLDAsMCwwLDEyOCwyNFptMCwxOTJhODgsODgsMCwxLDEsODgtODhBODguMSw4OC4xLDAsMCwxLDEyOCwyMTZaTTgwLDEwOGExMiwxMiwwLDEsMSwxMiwxMkExMiwxMiwwLDAsMSw4MCwxMDhabTk2LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTc2LDEwOFptLTEuMDgsNDhjLTEwLjI5LDE3Ljc5LTI3LjM5LDI4LTQ2LjkyLDI4cy0zNi42My0xMC4yLTQ2LjkyLTI4YTgsOCwwLDEsMSwxMy44NC04YzcuNDcsMTIuOTEsMTkuMjEsMjAsMzMuMDgsMjBzMjUuNjEtNy4xLDMzLjA4LTIwYTgsOCwwLDEsMSwxMy44NCw4WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICM1ZjlhZmY7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIwOS45NCwxMTMuOTRsLTI4LDI4YTQ3Ljc2LDQ3Ljc2LDAsMCwxLTI2LjUyLDEzLjQ4LDQ3Ljc2LDQ3Ljc2LDAsMCwxLTEzLjQ4LDI2LjUybC0yOCwyOGE0OCw0OCwwLDAsMS02Ny44OC02Ny44OGwyOC0yOGE0Ny43Niw0Ny43NiwwLDAsMSwyNi41Mi0xMy40OCw0Ny43Niw0Ny43NiwwLDAsMSwxMy40OC0yNi41MmwyOC0yOGE0OCw0OCwwLDAsMSw2Ny44OCw2Ny44OFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMzcuNTQsMTg2LjM2YTgsOCwwLDAsMSwwLDExLjMxbC0xNy45NCwxOEE1Niw1NiwwLDAsMSw0MC4zOCwxMzYuNEw2OC41LDEwOC4yOUE1Niw1NiwwLDAsMSwxNDUuMzEsMTA2YTgsOCwwLDEsMS0xMC42NCwxMiw0MCw0MCwwLDAsMC01NC44NSwxLjYzTDUxLjcsMTQ3LjcyYTQwLDQwLDAsMSwwLDU2LjU4LDU2LjU4bDE3Ljk0LTE3Ljk0QTgsOCwwLDAsMSwxMzcuNTQsMTg2LjM2Wm03OC4wOC0xNDZhNTYuMDgsNTYuMDgsMCwwLDAtNzkuMjIsMEwxMTguNDYsNTguMzNhOCw4LDAsMCwwLDExLjMyLDExLjMxTDE0Ny43Miw1MS43YTQwLDQwLDAsMCwxLDU2LjU4LDU2LjU4TDE3Ni4xOCwxMzYuNEE0MCw0MCwwLDAsMSwxMjEuMzMsMTM4LDgsOCwwLDEsMCwxMTAuNjksMTUwYTU2LDU2LDAsMCwwLDc2LjgxLTIuMjdsMjguMTItMjguMTFBNTYuMDgsNTYuMDgsMCwwLDAsMjE1LjYyLDQwLjM4WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-share: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTA0bC00OCw0OFY1NloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMjkuNjYsOTguMzRsLTQ4LTQ4QTgsOCwwLDAsMCwxNjgsNTZWOTZoLTNBMTAzLjk0LDEwMy45NCwwLDAsMCw2NC4yNSwxNzRhOCw4LDAsMCwwLDE1LjUsNEE4OCw4OCwwLDAsMSwxNjUsMTEyaDN2NDBhOCw4LDAsMCwwLDEzLjY2LDUuNjZsNDgtNDhBOCw4LDAsMCwwLDIyOS42Niw5OC4zNFpNMTg0LDEzMi42OVY3NS4zMUwyMTIuNjksMTA0Wk0yMDAsMjE2YTgsOCwwLDAsMS04LDhINDBhMTYsMTYsMCwwLDEtMTYtMTZWODhhOCw4LDAsMCwxLDE2LDBWMjA4SDE5MkE4LDgsMCwwLDEsMjAwLDIxNloiPjwvcGF0aD48L3N2Zz4="); + --icon-compose: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTIwdjg4YTE2LDE2LDAsMCwxLTE2LDE2SDQ4YTE2LDE2LDAsMCwxLTE2LTE2VjQ4QTE2LDE2LDAsMCwxLDQ4LDMyaDg4YTgsOCwwLDAsMSwwLDE2SDQ4VjIwOEgyMDhWMTIwYTgsOCwwLDAsMSwxNiwwWm01LjY2LTUwLjM0LTk2LDk2QTgsOCwwLDAsMSwxMjgsMTY4SDk2YTgsOCwwLDAsMS04LThWMTI4YTgsOCwwLDAsMSwyLjM0LTUuNjZsOTYtOTZhOCw4LDAsMCwxLDExLjMyLDBsMzIsMzJBOCw4LDAsMCwxLDIyOS42Niw2OS42NlptLTE3LTUuNjZMMTkyLDQzLjMxLDE3OS4zMSw1NiwyMDAsNzYuNjlaIj48L3BhdGg+PC9zdmc+"); + --icon-copy: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzYzNjRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNDBWMTY4SDE2OFY4OEg4OFY0MFoiIG9wYWNpdHk9IjAuMiI+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='%237a7af9'/%3E%3Cstop offset='100%25' stop-color='%237a7af9'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath xmlns='http://www.w3.org/2000/svg' fill='url(%23a)' d='M211.807 139.088c-3.18 16.366-28.492 34.277-57.562 37.748-15.159 1.809-30.084 3.471-45.999 2.741-26.027-1.192-46.565-6.212-46.565-6.212 0 2.534.156 4.946.469 7.202 3.384 25.687 25.47 27.225 46.391 27.943 21.116.723 39.919-5.206 39.919-5.206l.867 19.09s-14.77 7.931-41.08 9.39c-14.51.797-32.525-.365-53.507-5.919C9.232 213.82 1.406 165.311.209 116.091c-.365-14.613-.14-28.393-.14-39.918 0-50.33 32.976-65.083 32.976-65.083C49.672 3.454 78.204.242 107.865 0h.729c29.66.242 58.21 3.454 74.837 11.09 0 0 32.975 14.752 32.975 65.082 0 0 .414 37.134-4.599 62.916'/%3E%3Cpath fill='%23fff' d='M177.51 80.077v60.941h-24.144v-59.15c0-12.469-5.246-18.797-15.74-18.797-11.602 0-17.417 7.507-17.417 22.352V117.8H96.207V85.423c0-14.845-5.816-22.352-17.418-22.352-10.494 0-15.74 6.328-15.74 18.797v59.15H38.905V80.077c0-12.455 3.171-22.352 9.541-29.675 6.569-7.322 15.171-11.076 25.85-11.076 12.355 0 21.711 4.748 27.898 14.247l6.013 10.082 6.015-10.082c6.185-9.498 15.542-14.247 27.898-14.247 10.677 0 19.28 3.753 25.85 11.076 6.369 7.322 9.54 17.22 9.54 29.675'/%3E%3C/svg%3E"); + + /* Post+Notifications icons */ + --icon-reply: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYsMjAwYTEyLDEyLDAsMCwxLTI0LDAsODQuMDksODQuMDksMCwwLDAtODQtODRINjFsMjcuNTIsMjcuNTFhMTIsMTIsMCwwLDEtMTcsMTdsLTQ4LTQ4YTEyLDEyLDAsMCwxLDAtMTdsNDgtNDhhMTIsMTIsMCwwLDEsMTcsMTdMNjEsOTJoNjdBMTA4LjEyLDEwOC4xMiwwLDAsMSwyMzYsMjAwWiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-reply-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik04MCw1NnY5NkwzMiwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2SDg4VjU2YTgsOCwwLDAsMC0xMy42Ni01LjY2bC00OCw0OGE4LDgsMCwwLDAsMCwxMS4zMmw0OCw0OEE4LDgsMCwwLDAsODgsMTUyVjExMmg0MGE4OC4xLDg4LjEsMCwwLDEsODgsODgsOCw4LDAsMCwwLDE2LDBBMTA0LjExLDEwNC4xMSwwLDAsMCwxMjgsOTZaTTcyLDEzMi42OSw0My4zMSwxMDQsNzIsNzUuMzFaIj48L3BhdGg+PC9zdmc+"); + --icon-boost: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjcuODUsNDYuODlhMjAsMjAsMCwwLDAtMTguNzQtMTguNzRjLTEzLjEzLS43Ny00Ni42NS40Mi03NC40OCwyOC4yNEwxMzEsNjBINzQuMzZhMTkuODMsMTkuODMsMCwwLDAtMTQuMTQsNS44NkwyNS44NywxMDAuMTlhMjAsMjAsMCwwLDAsMTEuMzUsMzMuOTVsMzcuMTQsNS4xOCw0Mi4zMiw0Mi4zMiw1LjE5LDM3LjE4QTE5Ljg4LDE5Ljg4LDAsMCwwLDEzNS4zNCwyMzVhMjAuMTMsMjAuMTMsMCwwLDAsNi4zNywxLDE5LjksMTkuOSwwLDAsMCwxNC4xLTUuODdsMzQuMzQtMzQuMzVBMTkuODUsMTkuODUsMCwwLDAsMTk2LDE4MS42NFYxMjVsMy42LTMuNTlDMjI3LjQzLDkzLjU0LDIyOC42Miw2MCwyMjcuODUsNDYuODlaTTc2LDg0aDMxTDc1Ljc1LDExNS4yOGwtMjcuMjMtMy44Wk0xNTEuNiw3My4zN0E3Mi4yNyw3Mi4yNywwLDAsMSwyMDQsNTJhNzIuMTcsNzIuMTcsMCwwLDEtMjEuMzgsNTIuNDFMMTI4LDE1OSw5NywxMjhaTTE3MiwxODBsLTI3LjQ5LDI3LjQ5LTMuOC0yNy4yM0wxNzIsMTQ5Wm0tNzEuNjcsMjEuNjJDOTEuNjcsMjEzLjY1LDc0LjE2LDIyOCw0MCwyMjhhMTIsMTIsMCwwLDEtMTItMTJjMC0zNC4xNSwxNC4zNS01MS42NiwyNi4zOS02MC4zM2ExMiwxMiwwLDAsMSwxNCwxOS40N2MtNiw0LjMxLTEyLjg5LDEyLjUtMTUuNDIsMjcuODcsMTUuMzctMi41MywyMy41Ni05LjQ0LDI3Ljg3LTE1LjQyYTEyLDEyLDAsMSwxLDE5LjQ3LDE0WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-boost-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik03MiwxNjBsMjQsMjRzLTgsMzItNTYsMzJDNDAsMTY4LDcyLDE2MCw3MiwxNjBabTY0LTg4SDc0LjM1YTgsOCwwLDAsMC01LjY1LDIuMzRMMzQuMzUsMTA4LjY5YTgsOCwwLDAsMCw0LjUzLDEzLjU3TDgwLDEyOFptLTgsMTA0LDUuNzQsNDEuMTJhOCw4LDAsMCwwLDEzLjU3LDQuNTNsMzQuMzUtMzQuMzVhOCw4LDAsMCwwLDIuMzQtNS42NVYxMjBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTAzLjc3LDE4NS45NEMxMDMuMzgsMTg3LjQ5LDkzLjYzLDIyNCw0MCwyMjRhOCw4LDAsMCwxLTgtOGMwLTUzLjYzLDM2LjUxLTYzLjM4LDM4LjA2LTYzLjc3YTgsOCwwLDAsMSwzLjg4LDE1LjUzYy0uOS4yNS0yMi40Miw2LjU0LTI1LjU2LDM5Ljg2QzgxLjcsMjA0LjQ4LDg4LDE4Myw4OC4yNiwxODJhOCw4LDAsMCwxLDE1LjUxLDRabTkzLTY3LjRMMTkyLDEyMy4zMXY1OC4zM0ExNS45MSwxNS45MSwwLDAsMSwxODcuMzIsMTkzTDE1MywyMjcuM0ExNS45MSwxNS45MSwwLDAsMSwxNDEuNywyMzJhMTYuMTEsMTYuMTEsMCwwLDEtNS4xLS44MywxNS45NCwxNS45NCwwLDAsMS0xMC43OC0xMi45MmwtNS4zNy0zOC40OUw3Ni4yNCwxMzUuNTVsLTM4LjQ3LTUuMzdBMTYsMTYsMCwwLDEsMjguNywxMDNMNjMsNjguNjhBMTUuOTEsMTUuOTEsMCwwLDEsNzQuMzYsNjRoNTguMzNsNC43Ny00Ljc3YzI2LjY4LTI2LjY3LDU4LjgzLTI3LjgyLDcxLjQxLTI3LjA3YTE2LDE2LDAsMCwxLDE1LDE1QzIyNC42LDU5LjcxLDIyMy40NSw5MS44NiwxOTYuNzgsMTE4LjU0Wk00MCwxMTQuMzRsMzcuMTUsNS4xOEwxMTYuNjksODBINzQuMzZaTTkxLjMyLDEyOCwxMjgsMTY0LjY4bDU3LjQ1LTU3LjQ1YTc2LjQ2LDc2LjQ2LDAsMCwwLDIyLjQyLTU5LjE2LDc2LjY0LDc2LjY0LDAsMCwwLTU5LjExLDIyLjQ3Wk0xNzYsMTM5LjMxbC0zOS41MywzOS41M0wxNDEuNjcsMjE2LDE3NiwxODEuNjRaIj48L3BhdGg+PC9zdmc+"); + --icon-star: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDMsOTYuMDVhMjAsMjAsMCwwLDAtMTcuMjYtMTMuNzJsLTU3LTQuOTMtMjIuMy01My4xNGgwYTIwLDIwLDAsMCwwLTM2LjgyLDBMODcuMjksNzcuNGwtNTcsNC45M0EyMCwyMCwwLDAsMCwxOC44NywxMTcuNGw0My4zMiwzNy44LTEzLDU2LjI0QTIwLDIwLDAsMCwwLDc5LDIzMy4xbDQ5LTI5Ljc2LDQ5LDI5Ljc2YTIwLDIwLDAsMCwwLDI5LjgtMjEuNjZsLTEzLTU2LjI0LDQzLjMyLTM3LjhBMjAsMjAsMCwwLDAsMjQzLDk2LjA1Wm0tNjYuNzUsNDIuNjJhMjAsMjAsMCwwLDAtNi4zNSwxOS42M2wxMS4zOSw0OS4zMi00Mi45NC0yNi4wOGExOS45LDE5LjksMCwwLDAtMjAuNywwTDc0LjcxLDIwNy42Miw4Ni4xLDE1OC4zYTIwLDIwLDAsMCwwLTYuMzUtMTkuNjNMNDEuNjYsMTA1LjQ0LDkxLjgsMTAxLjFhMTkuOTIsMTkuOTIsMCwwLDAsMTYuNjktMTIuMTlMMTI4LDQyLjQybDE5LjUxLDQ2LjQ5QTE5LjkyLDE5LjkyLDAsMCwwLDE2NC4yLDEwMS4xbDUwLjE0LDQuMzRaIj48L3BhdGg+PC9zdmc+"); + --icon-star-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+"); + --icon-bookmark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQsMjhINzJBMjAsMjAsMCwwLDAsNTIsNDhWMjI0YTEyLDEyLDAsMCwwLDE4LjM2LDEwLjE4bDU3LjYzLTM2LDU3LjY1LDM2QTEyLDEyLDAsMCwwLDIwNCwyMjRWNDhBMjAsMjAsMCwwLDAsMTg0LDI4Wm0tNCwyNFYxNTQuMzVsLTQ1LjY1LTI4LjUzYTEyLDEyLDAsMCwwLTEyLjcyLDBMNzYsMTU0LjM1VjUyWk0xMzQuMzUsMTczLjgyYTEyLDEyLDAsMCwwLTEyLjcyLDBMNzYsMjAyLjM1di0xOS43bDUyLTMyLjUsNTIsMzIuNXYxOS43WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-bookmark-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTc2djQ4bC02NC00MEw2NCwyMjRWMTc2bDY0LTQwWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE4NCwzMkg3MkExNiwxNiwwLDAsMCw1Niw0OFYyMjRhOCw4LDAsMCwwLDEyLjI0LDYuNzhMMTI4LDE5My40M2w1OS43NywzNy4zNUE4LDgsMCwwLDAsMjAwLDIyNFY0OEExNiwxNiwwLDAsMCwxODQsMzJabTAsMTZWMTYxLjU3bC01MS43Ny0zMi4zNWE4LDgsMCwwLDAtOC40OCwwTDcyLDE2MS41NlY0OFpNMTMyLjIzLDE3Ny4yMmE4LDgsMCwwLDAtOC40OCwwTDcyLDIwOS41N1YxODAuNDNsNTYtMzUsNTYsMzV2MjkuMTRaIj48L3BhdGg+PC9zdmc+"); + --icon-translate: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNlOGU2ZTM7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTI0Mi43MywyMTAuNjNsLTU2LTExMmExMiwxMiwwLDAsMC0yMS40NiwwbC0yMC41Miw0MUE4NC4yLDg0LjIsMCwwLDEsMTA2LDEyNi4yMiwxMDcuNDgsMTA3LjQ4LDAsMCwwLDEzMS4zMyw2OEgxNTJhMTIsMTIsMCwwLDAsMC0yNEgxMDBWMzJhMTIsMTIsMCwwLDAtMjQsMFY0NEgyNGExMiwxMiwwLDAsMCwwLDI0aDgzLjEzQTgzLjY5LDgzLjY5LDAsMCwxLDg4LDExMC4zNSw4NCw4NCwwLDAsMSw3NS42LDkxYTEyLDEyLDAsMSwwLTIxLjgxLDEwQTEwNy41NSwxMDcuNTUsMCwwLDAsNzAsMTI2LjI0LDgzLjU0LDgzLjU0LDAsMCwxLDI0LDE0MGExMiwxMiwwLDAsMCwwLDI0LDEwNy40NywxMDcuNDcsMCwwLDAsNjQtMjEuMDcsMTA4LjQsMTA4LjQsMCwwLDAsNDUuMzksMTkuNDRsLTI0LjEzLDQ4LjI2YTEyLDEyLDAsMSwwLDIxLjQ2LDEwLjczTDE0My40MSwxOTZoNjUuMTdsMTIuNjgsMjUuMzZhMTIsMTIsMCwxLDAsMjEuNDctMTAuNzNaTTE1NS40MSwxNzIsMTc2LDEzMC44MywxOTYuNTgsMTcyWiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-translate-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTg0SDEzNmw0MC04MFpNODgsMTI3LjU2aDBBOTUuNzgsOTUuNzgsMCwwLDAsMTIwLDU2SDU2QTk1Ljc4LDk1Ljc4LDAsMCwwLDg4LDEyNy41NloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMzkuMTUsMjEyLjQybC01Ni0xMTJhOCw4LDAsMCwwLTE0LjMxLDBsLTIxLjcxLDQzLjQzQTg4LDg4LDAsMCwxLDEwMCwxMjYuOTMsMTAzLjY1LDEwMy42NSwwLDAsMCwxMjcuNjksNjRIMTUyYTgsOCwwLDAsMCwwLTE2SDk2VjMyYTgsOCwwLDAsMC0xNiwwVjQ4SDI0YTgsOCwwLDAsMCwwLDE2aDg3LjYzQTg3LjcsODcuNywwLDAsMSw4OCwxMTYuMzVhODcuNzQsODcuNzQsMCwwLDEtMTktMzEsOCw4LDAsMSwwLTE1LjA4LDUuMzRBMTAzLjYzLDEwMy42MywwLDAsMCw3NiwxMjdhODcuNTUsODcuNTUsMCwwLDEtNTIsMTcsOCw4LDAsMCwwLDAsMTYsMTAzLjQ2LDEwMy40NiwwLDAsMCw2NC0yMi4wOCwxMDQuMTgsMTA0LjE4LDAsMCwwLDUxLjQ0LDIxLjMxbC0yNi42LDUzLjE5YTgsOCwwLDAsMCwxNC4zMSw3LjE2TDE0MC45NCwxOTJoNzAuMTFsMTMuNzksMjcuNThBOCw4LDAsMCwwLDIzMiwyMjRhOCw4LDAsMCwwLDcuMTUtMTEuNThaTTE0OC45NCwxNzYsMTc2LDEyMS44OSwyMDMuMDUsMTc2WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-translate-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsMTI5Ljg5LDE3NS4wNiwxNjBIMTQ0Ljk0bDYuMzYtMTIuN3YwWk0yMjQsNDhWMjA4YTE2LDE2LDAsMCwxLTE2LDE2SDQ4YTE2LDE2LDAsMCwxLTE2LTE2VjQ4QTE2LDE2LDAsMCwxLDQ4LDMySDIwOEExNiwxNiwwLDAsMSwyMjQsNDhaTTIwNy4xNiwxODguNDJsLTQwLTgwYTgsOCwwLDAsMC0xNC4zMiwwTDEzOS42NiwxMzQuOGE2Mi4zMSw2Mi4zMSwwLDAsMS0yMy42MS0xMEE3OS42MSw3OS42MSwwLDAsMCwxMzUuNiw4MEgxNTJhOCw4LDAsMCwwLDAtMTZIMTEyVjU2YTgsOCwwLDAsMC0xNiwwdjhINTZhOCw4LDAsMCwwLDAsMTZoNjMuNDhhNjMuNzMsNjMuNzMsMCwwLDEtMTUuMywzNC4wNSw2NS45Myw2NS45MywwLDAsMS05LTEzLjYxLDgsOCwwLDAsMC0xNC4zMiw3LjEyLDgxLjc1LDgxLjc1LDAsMCwwLDExLjQsMTcuMTVBNjMuNjIsNjMuNjIsMCwwLDEsNTYsMTM2YTgsOCwwLDAsMCwwLDE2LDc5LjU2LDc5LjU2LDAsMCwwLDQ4LjExLTE2LjEzLDc4LjMzLDc4LjMzLDAsMCwwLDI4LjE4LDEzLjY2bC0xOS40NSwzOC44OWE4LDgsMCwwLDAsMTQuMzIsNy4xNkwxMzYuOTQsMTc2aDQ2LjEybDkuNzgsMTkuNThhOCw4LDAsMSwwLDE0LjMyLTcuMTZaIj48L3BhdGg+PC9zdmc+"); + --icon-ellipsis: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTIsMTI4YTI0LDI0LDAsMSwxLTI0LTI0QTI0LDI0LDAsMCwxLDE1MiwxMjhaTTQ4LDEwNGEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCw0OCwxMDRabTE2MCwwYTI0LDI0LDAsMSwwLDI0LDI0QTI0LDI0LDAsMCwwLDIwOCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDEyOCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSwxMjgsMTQ0Wk00OCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCw0OCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSw0OCwxNDRaTTIwOCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCwyMDgsOTZabTAsNDhhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMjA4LDE0NFoiPjwvcGF0aD48L3N2Zz4="); + --icon-ellipsis-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTIsMTI4YTI0LDI0LDAsMSwxLTI0LTI0QTI0LDI0LDAsMCwxLDE1MiwxMjhaTTQ4LDEwNGEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCw0OCwxMDRabTE2MCwwYTI0LDI0LDAsMSwwLDI0LDI0QTI0LDI0LDAsMCwwLDIwOCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDEyOCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSwxMjgsMTQ0Wk00OCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCw0OCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSw0OCwxNDRaTTIwOCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCwyMDgsOTZabTAsNDhhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMjA4LDE0NFoiPjwvcGF0aD48L3N2Zz4="); + --icon-ellipsis-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTYsMTI4YTI4LDI4LDAsMSwxLTI4LTI4QTI4LDI4LDAsMCwxLDE1NiwxMjhaTTQ4LDEwMGEyOCwyOCwwLDEsMCwyOCwyOEEyOCwyOCwwLDAsMCw0OCwxMDBabTE2MCwwYTI4LDI4LDAsMSwwLDI4LDI4QTI4LDI4LDAsMCwwLDIwOCwxMDBaIj48L3BhdGg+PC9zdmc+"); + --icon-poll: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsOTJIMTgwVjU2YTEyLDEyLDAsMCwwLTEyLTEySDUyVjQwYTEyLDEyLDAsMCwwLTI0LDBWMjE2YTEyLDEyLDAsMCwwLDI0LDB2LTRoODRhMTIsMTIsMCwwLDAsMTItMTJWMTY0aDY4YTEyLDEyLDAsMCwwLDEyLTEyVjEwNEExMiwxMiwwLDAsMCwyMTYsOTJaTTE1Niw2OFY5Mkg1MlY2OFpNMTI0LDE4OEg1MlYxNjRoNzJabTgwLTQ4SDUyVjExNkgyMDRaIj48L3BhdGg+PC9zdmc+"); + --icon-poll-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICM3MWEzZjk7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIxNiwxMDR2NDhINDBWMTA0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIxNiw5NkgxNzZWNTZhOCw4LDAsMCwwLTgtOEg0OFY0MGE4LDgsMCwwLDAtMTYsMFYyMTZhOCw4LDAsMCwwLDE2LDB2LThoODhhOCw4LDAsMCwwLDgtOFYxNjBoNzJhOCw4LDAsMCwwLDgtOFYxMDRBOCw4LDAsMCwwLDIxNiw5NlpNMTYwLDY0Vjk2SDQ4VjY0Wk0xMjgsMTkySDQ4VjE2MGg4MFptODAtNDhINDhWMTEySDIwOFoiPjwvcGF0aD48L3N2Zz4="); + --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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4QTk2LDk2LDAsMCwxLDc5LjkzLDIxMS4xMWgwTDQyLjU0LDIyMy41OGE4LDgsMCwwLDEtMTAuMTItMTAuMTJsMTIuNDctMzcuMzloMEE5Niw5NiwwLDEsMSwyMjQsMTI4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTEyOCwyNEExMDQsMTA0LDAsMCwwLDM2LjE4LDE3Ni44OEwyNC44MywyMTAuOTNhMTYsMTYsMCwwLDAsMjAuMjQsMjAuMjRsMzQuMDUtMTEuMzVBMTA0LDEwNCwwLDEsMCwxMjgsMjRabTAsMTkyYTg3Ljg3LDg3Ljg3LDAsMCwxLTQ0LjA2LTExLjgxLDgsOCwwLDAsMC00LTEuMDgsNy44NSw3Ljg1LDAsMCwwLTIuNTMuNDJMNDAsMjE2LDUyLjQ3LDE3OC42YTgsOCwwLDAsMC0uNjYtNi41NEE4OCw4OCwwLDEsMSwxMjgsMjE2Wm0xMi04OGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNDAsMTI4Wm0tNDQsMGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSw5NiwxMjhabTg4LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTg0LDEyOFoiPjwvcGF0aD48L3N2Zz4="); + --icon-users: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMzYsMTA4QTUyLDUyLDAsMSwxLDg0LDU2LDUyLDUyLDAsMCwxLDEzNiwxMDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTE3LjI1LDE1Ny45MmE2MCw2MCwwLDEsMC02Ni41LDBBOTUuODMsOTUuODMsMCwwLDAsMy41MywxOTUuNjNhOCw4LDAsMSwwLDEzLjQsOC43NCw4MCw4MCwwLDAsMSwxMzQuMTQsMCw4LDgsMCwwLDAsMTMuNC04Ljc0QTk1LjgzLDk1LjgzLDAsMCwwLDExNy4yNSwxNTcuOTJaTTQwLDEwOGE0NCw0NCwwLDEsMSw0NCw0NEE0NC4wNSw0NC4wNSwwLDAsMSw0MCwxMDhabTIxMC4xNCw5OC43YTgsOCwwLDAsMS0xMS4wNy0yLjMzQTc5LjgzLDc5LjgzLDAsMCwwLDE3MiwxNjhhOCw4LDAsMCwxLDAtMTYsNDQsNDQsMCwxLDAtMTYuMzQtODQuODcsOCw4LDAsMSwxLTUuOTQtMTQuODUsNjAsNjAsMCwwLDEsNTUuNTMsMTA1LjY0LDk1LjgzLDk1LjgzLDAsMCwxLDQ3LjIyLDM3LjcxQTgsOCwwLDAsMSwyNTAuMTQsMjA2LjdaIj48L3BhdGg+PC9zdmc+"); + --icon-users-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMzYsMTA4QTUyLDUyLDAsMSwxLDg0LDU2LDUyLDUyLDAsMCwxLDEzNiwxMDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTE3LjI1LDE1Ny45MmE2MCw2MCwwLDEsMC02Ni41LDBBOTUuODMsOTUuODMsMCwwLDAsMy41MywxOTUuNjNhOCw4LDAsMSwwLDEzLjQsOC43NCw4MCw4MCwwLDAsMSwxMzQuMTQsMCw4LDgsMCwwLDAsMTMuNC04Ljc0QTk1LjgzLDk1LjgzLDAsMCwwLDExNy4yNSwxNTcuOTJaTTQwLDEwOGE0NCw0NCwwLDEsMSw0NCw0NEE0NC4wNSw0NC4wNSwwLDAsMSw0MCwxMDhabTIxMC4xNCw5OC43YTgsOCwwLDAsMS0xMS4wNy0yLjMzQTc5LjgzLDc5LjgzLDAsMCwwLDE3MiwxNjhhOCw4LDAsMCwxLDAtMTYsNDQsNDQsMCwxLDAtMTYuMzQtODQuODcsOCw4LDAsMSwxLTUuOTQtMTQuODUsNjAsNjAsMCwwLDEsNTUuNTMsMTA1LjY0LDk1LjgzLDk1LjgzLDAsMCwxLDQ3LjIyLDM3LjcxQTgsOCwwLDAsMSwyNTAuMTQsMjA2LjdaIj48L3BhdGg+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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsMTAwYTYwLDYwLDAsMSwxLTYwLTYwQTYwLDYwLDAsMCwxLDE2OCwxMDBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjU2LDEzNmE4LDgsMCwwLDEtOCw4SDIzMnYxNmE4LDgsMCwwLDEtMTYsMFYxNDRIMjAwYTgsOCwwLDAsMSwwLTE2aDE2VjExMmE4LDgsMCwwLDEsMTYsMHYxNmgxNkE4LDgsMCwwLDEsMjU2LDEzNlptLTU3Ljg3LDU4Ljg1YTgsOCwwLDAsMS0xMi4yNiwxMC4zQzE2NS43NSwxODEuMTksMTM4LjA5LDE2OCwxMDgsMTY4cy01Ny43NSwxMy4xOS03Ny44NywzNy4xNWE4LDgsMCwwLDEtMTIuMjUtMTAuM2MxNC45NC0xNy43OCwzMy41Mi0zMC40MSw1NC4xNy0zNy4xN2E2OCw2OCwwLDEsMSw3MS45LDBDMTY0LjYsMTY0LjQ0LDE4My4xOCwxNzcuMDcsMTk4LjEzLDE5NC44NVpNMTA4LDE1MmE1Miw1MiwwLDEsMC01Mi01MkE1Mi4wNiw1Mi4wNiwwLDAsMCwxMDgsMTUyWiI+PC9wYXRoPjwvc3ZnPg=="); + + /* Navigation icons */ + --icon-home: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTE1LjU0VjIwOGE4LDgsMCwwLDEtOCw4SDE2MGE4LDgsMCwwLDEtOC04VjE2MGE4LDgsMCwwLDAtOC04SDExMmE4LDgsMCwwLDAtOCw4djQ4YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLTgtOFYxMTUuNTRhOCw4LDAsMCwxLDIuNjItNS45Mmw4MC03NS41NGE4LDgsMCwwLDEsMTAuNzcsMGw4MCw3NS41NEE4LDgsMCwwLDEsMjE2LDExNS41NFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTguODMsMTAzLjc3bC04MC03NS40OGExLjE0LDEuMTQsMCwwLDEtLjExLS4xMSwxNiwxNiwwLDAsMC0yMS41MywwbC0uMTEuMTFMMzcuMTcsMTAzLjc3QTE2LDE2LDAsMCwwLDMyLDExNS41NVYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIOTZhMTYsMTYsMCwwLDAsMTYtMTZWMTYwaDMydjQ4YTE2LDE2LDAsMCwwLDE2LDE2aDQ4YTE2LDE2LDAsMCwwLDE2LTE2VjExNS41NUExNiwxNiwwLDAsMCwyMTguODMsMTAzLjc3Wk0yMDgsMjA4SDE2MFYxNjBhMTYsMTYsMCwwLDAtMTYtMTZIMTEyYTE2LDE2LDAsMCwwLTE2LDE2djQ4SDQ4VjExNS41NWwuMTEtLjFMMTI4LDQwbDc5LjksNzUuNDMuMTEuMVoiPjwvcGF0aD48L3N2Zz4="); + --icon-home-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTE1LjU0VjIwOGE4LDgsMCwwLDEtOCw4SDE2MGE4LDgsMCwwLDEtOC04VjE2MGE4LDgsMCwwLDAtOC04SDExMmE4LDgsMCwwLDAtOCw4djQ4YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLTgtOFYxMTUuNTRhOCw4LDAsMCwxLDIuNjItNS45Mmw4MC03NS41NGE4LDgsMCwwLDEsMTAuNzcsMGw4MCw3NS41NEE4LDgsMCwwLDEsMjE2LDExNS41NFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTguODMsMTAzLjc3bC04MC03NS40OGExLjE0LDEuMTQsMCwwLDEtLjExLS4xMSwxNiwxNiwwLDAsMC0yMS41MywwbC0uMTEuMTFMMzcuMTcsMTAzLjc3QTE2LDE2LDAsMCwwLDMyLDExNS41NVYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIOTZhMTYsMTYsMCwwLDAsMTYtMTZWMTYwaDMydjQ4YTE2LDE2LDAsMCwwLDE2LDE2aDQ4YTE2LDE2LDAsMCwwLDE2LTE2VjExNS41NUExNiwxNiwwLDAsMCwyMTguODMsMTAzLjc3Wk0yMDgsMjA4SDE2MFYxNjBhMTYsMTYsMCwwLDAtMTYtMTZIMTEyYTE2LDE2LDAsMCwwLTE2LDE2djQ4SDQ4VjExNS41NWwuMTEtLjFMMTI4LDQwbDc5LjksNzUuNDMuMTEuMVoiPjwvcGF0aD48L3N2Zz4="); + --icon-bell: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICM3MWEzZjk7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIwOCwxOTJINDhhOCw4LDAsMCwxLTYuODgtMTJDNDcuNzEsMTY4LjYsNTYsMTM5LjgxLDU2LDEwNGE3Miw3MiwwLDAsMSwxNDQsMGMwLDM1LjgyLDguMyw2NC42LDE0LjksNzZBOCw4LDAsMCwxLDIwOCwxOTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjIxLjgsMTc1Ljk0QzIxNi4yNSwxNjYuMzgsMjA4LDEzOS4zMywyMDgsMTA0YTgwLDgwLDAsMSwwLTE2MCwwYzAsMzUuMzQtOC4yNiw2Mi4zOC0xMy44MSw3MS45NEExNiwxNiwwLDAsMCw0OCwyMDBIODguODFhNDAsNDAsMCwwLDAsNzguMzgsMEgyMDhhMTYsMTYsMCwwLDAsMTMuOC0yNC4wNlpNMTI4LDIxNmEyNCwyNCwwLDAsMS0yMi42Mi0xNmg0NS4yNEEyNCwyNCwwLDAsMSwxMjgsMjE2Wk00OCwxODRjNy43LTEzLjI0LDE2LTQzLjkyLDE2LTgwYTY0LDY0LDAsMSwxLDEyOCwwYzAsMzYuMDUsOC4yOCw2Ni43MywxNiw4MFoiPjwvcGF0aD48L3N2Zz4="); + --icon-bell-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNlOGU2ZTM7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIwOCwxOTJINDhhOCw4LDAsMCwxLTYuODgtMTJDNDcuNzEsMTY4LjYsNTYsMTM5LjgxLDU2LDEwNGE3Miw3MiwwLDAsMSwxNDQsMGMwLDM1LjgyLDguMyw2NC42LDE0LjksNzZBOCw4LDAsMCwxLDIwOCwxOTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjIxLjgsMTc1Ljk0QzIxNi4yNSwxNjYuMzgsMjA4LDEzOS4zMywyMDgsMTA0YTgwLDgwLDAsMSwwLTE2MCwwYzAsMzUuMzQtOC4yNiw2Mi4zOC0xMy44MSw3MS45NEExNiwxNiwwLDAsMCw0OCwyMDBIODguODFhNDAsNDAsMCwwLDAsNzguMzgsMEgyMDhhMTYsMTYsMCwwLDAsMTMuOC0yNC4wNlpNMTI4LDIxNmEyNCwyNCwwLDAsMS0yMi42Mi0xNmg0NS4yNEEyNCwyNCwwLDAsMSwxMjgsMjE2Wk00OCwxODRjNy43LTEzLjI0LDE2LTQzLjkyLDE2LTgwYTY0LDY0LDAsMSwxLDEyOCwwYzAsMzYuMDUsOC4yOCw2Ni43MywxNiw4MFoiPjwvcGF0aD48L3N2Zz4="); + --icon-hashtag: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsOTZ2NjRIOTZWOTZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjE2LDE1MkgxNjhWMTA0aDQ4YTgsOCwwLDAsMCwwLTE2SDE2OFY0MGE4LDgsMCwwLDAtMTYsMFY4OEgxMDRWNDBhOCw4LDAsMCwwLTE2LDBWODhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhhOCw4LDAsMCwwLDE2LDBWMTY4aDQ4djQ4YTgsOCwwLDAsMCwxNiwwVjE2OGg0OGE4LDgsMCwwLDAsMC0xNlptLTExMiwwVjEwNGg0OHY0OFoiPjwvcGF0aD48L3N2Zz4="); + --icon-hashtag-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsOTZ2NjRIOTZWOTZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjE2LDE1MkgxNjhWMTA0aDQ4YTgsOCwwLDAsMCwwLTE2SDE2OFY0MGE4LDgsMCwwLDAtMTYsMFY4OEgxMDRWNDBhOCw4LDAsMCwwLTE2LDBWODhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhhOCw4LDAsMCwwLDE2LDBWMTY4aDQ4djQ4YTgsOCwwLDAsMCwxNiwwVjE2OGg0OGE4LDgsMCwwLDAsMC0xNlptLTExMiwwVjEwNGg0OHY0OFoiPjwvcGF0aD48L3N2Zz4="); + --icon-globe: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4YTg4LDg4LDAsMSwxLTg4LTg4QTg4LDg4LDAsMCwxLDIxNiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ1LjExLDYwLjY4Yy03LjY1LTEzLjE5LTI3Ljg0LTE2LjE2LTU4LjUtOC42NkE5NS45Myw5NS45MywwLDAsMCwzMiwxMjhhOTgsOTgsMCwwLDAsLjc4LDEyLjMxQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNEE5NS45Myw5NS45MywwLDAsMCwyMjQsMTI4YTk3LjA4LDk3LjA4LDAsMCwwLS43Ny0xMi4yNWMxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4Wk0xMjgsNDhhODAuMTEsODAuMTEsMCwwLDEsNzgsNjIuMmMtMTcuMDYsMTYuMDYtNDAuMTUsMzIuNTMtNjIuMDcsNDUuMTNDMTE2LjM4LDE3MS4xNCw5Mi40OCwxODEsNzMuNDIsMTg2LjRBNzkuOTQsNzkuOTQsMCwwLDEsMTI4LDQ4Wk0yNC43NCwxODcuMjljLTEuNDYtMi41MS0uNjUtNy4yNCwyLjIyLTEzYTc5LjA1LDc5LjA1LDAsMCwxLDEwLjI5LTE1LjA1LDk2LDk2LDAsMCwwLDE4LDMxLjMyQzM4LDE5My40NiwyNy4yNCwxOTEuNjEsMjQuNzQsMTg3LjI5Wk0xMjgsMjA4YTc5LjQ1LDc5LjQ1LDAsMCwxLTM4LjU2LTkuOTQsMzcwLDM3MCwwLDAsMCw2Mi40My0yOC44NmMyMS41OC0xMi4zOSw0MC42OC0yNS44Miw1Ni4wNy0zOS4wOEE4MC4wNyw4MC4wNywwLDAsMSwxMjgsMjA4Wk0yMzEuNDIsNzUuNjljLTEuNyw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVjMTQuMjEtMi4zNSwyNy4zNy0yLjE3LDMwLjUsMy4yNEMyMzIuMTksNzAuMjgsMjMyLjI0LDcyLjYzLDIzMS40Miw3NS42OVoiPjwvcGF0aD48L3N2Zz4="); + --icon-globe-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4YTg4LDg4LDAsMSwxLTg4LTg4QTg4LDg4LDAsMCwxLDIxNiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ1LjExLDYwLjY4Yy03LjY1LTEzLjE5LTI3Ljg0LTE2LjE2LTU4LjUtOC42NkE5NS45Myw5NS45MywwLDAsMCwzMiwxMjhhOTgsOTgsMCwwLDAsLjc4LDEyLjMxQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNEE5NS45Myw5NS45MywwLDAsMCwyMjQsMTI4YTk3LjA4LDk3LjA4LDAsMCwwLS43Ny0xMi4yNWMxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4Wk0xMjgsNDhhODAuMTEsODAuMTEsMCwwLDEsNzgsNjIuMmMtMTcuMDYsMTYuMDYtNDAuMTUsMzIuNTMtNjIuMDcsNDUuMTNDMTE2LjM4LDE3MS4xNCw5Mi40OCwxODEsNzMuNDIsMTg2LjRBNzkuOTQsNzkuOTQsMCwwLDEsMTI4LDQ4Wk0yNC43NCwxODcuMjljLTEuNDYtMi41MS0uNjUtNy4yNCwyLjIyLTEzYTc5LjA1LDc5LjA1LDAsMCwxLDEwLjI5LTE1LjA1LDk2LDk2LDAsMCwwLDE4LDMxLjMyQzM4LDE5My40NiwyNy4yNCwxOTEuNjEsMjQuNzQsMTg3LjI5Wk0xMjgsMjA4YTc5LjQ1LDc5LjQ1LDAsMCwxLTM4LjU2LTkuOTQsMzcwLDM3MCwwLDAsMCw2Mi40My0yOC44NmMyMS41OC0xMi4zOSw0MC42OC0yNS44Miw1Ni4wNy0zOS4wOEE4MC4wNyw4MC4wNywwLDAsMSwxMjgsMjA4Wk0yMzEuNDIsNzUuNjljLTEuNyw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVjMTQuMjEtMi4zNSwyNy4zNy0yLjE3LDMwLjUsMy4yNEMyMzIuMTksNzAuMjgsMjMyLjI0LDcyLjYzLDIzMS40Miw3NS42OVoiPjwvcGF0aD48L3N2Zz4="); + --icon-direct-messages: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNTZsLTk2LDg4TDMyLDU2WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCw0OEgzMmE4LDgsMCwwLDAtOCw4VjE5MmExNiwxNiwwLDAsMCwxNiwxNkgyMTZhMTYsMTYsMCwwLDAsMTYtMTZWNTZBOCw4LDAsMCwwLDIyNCw0OFpNMjAzLjQzLDY0LDEyOCwxMzMuMTUsNTIuNTcsNjRaTTIxNiwxOTJINDBWNzQuMTlsODIuNTksNzUuNzFhOCw4LDAsMCwwLDEwLjgyLDBMMjE2LDc0LjE5VjE5MloiPjwvcGF0aD48L3N2Zz4="); + --icon-direct-messages-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNTZsLTk2LDg4TDMyLDU2WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCw0OEgzMmE4LDgsMCwwLDAtOCw4VjE5MmExNiwxNiwwLDAsMCwxNiwxNkgyMTZhMTYsMTYsMCwwLDAsMTYtMTZWNTZBOCw4LDAsMCwwLDIyNCw0OFpNMjAzLjQzLDY0LDEyOCwxMzMuMTUsNTIuNTcsNjRaTTIxNiwxOTJINDBWNzQuMTlsODIuNTksNzUuNzFhOCw4LDAsMCwwLDEwLjgyLDBMMjE2LDc0LjE5VjE5MloiPjwvcGF0aD48L3N2Zz4="); + --icon-bookmark-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzJWMjI0bC01Ni00MEw1NiwyMjRWNzJhOCw4LDAsMCwxLDgtOGg5NkE4LDgsMCwwLDEsMTY4LDcyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2MCw1Nkg2NEExNiwxNiwwLDAsMCw0OCw3MlYyMjRhOCw4LDAsMCwwLDEyLjY1LDYuNTFMMTEyLDE5My44M2w1MS4zNiwzNi42OEE4LDgsMCwwLDAsMTc2LDIyNFY3MkExNiwxNiwwLDAsMCwxNjAsNTZabTAsMTUyLjQ2LTQzLjM2LTMxYTgsOCwwLDAsMC05LjMsMEw2NCwyMDguNDVWNzJoOTZaTTIwOCw0MFYxOTJhOCw4LDAsMCwxLTE2LDBWNDBIODhhOCw4LDAsMCwxLDAtMTZIMTkyQTE2LDE2LDAsMCwxLDIwOCw0MFoiPjwvcGF0aD48L3N2Zz4="); + --icon-bookmark-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzJWMjI0bC01Ni00MEw1NiwyMjRWNzJhOCw4LDAsMCwxLDgtOGg5NkE4LDgsMCwwLDEsMTY4LDcyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2MCw1Nkg2NEExNiwxNiwwLDAsMCw0OCw3MlYyMjRhOCw4LDAsMCwwLDEyLjY1LDYuNTFMMTEyLDE5My44M2w1MS4zNiwzNi42OEE4LDgsMCwwLDAsMTc2LDIyNFY3MkExNiwxNiwwLDAsMCwxNjAsNTZabTAsMTUyLjQ2LTQzLjM2LTMxYTgsOCwwLDAsMC05LjMsMEw2NCwyMDguNDVWNzJoOTZaTTIwOCw0MFYxOTJhOCw4LDAsMCwxLTE2LDBWNDBIODhhOCw4LDAsMCwxLDAtMTZIMTkyQTE2LDE2LDAsMCwxLDIwOCw0MFoiPjwvcGF0aD48L3N2Zz4="); + --icon-star-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+"); + --icon-star-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+"); + --icon-search: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIuNDksMjE1LjUxLDE4NSwxNjhhOTIuMTIsOTIuMTIsMCwxLDAtMTcsMTdsNDcuNTMsNDcuNTRhMTIsMTIsMCwwLDAsMTctMTdaTTQ0LDExMmE2OCw2OCwwLDEsMSw2OCw2OEE2OC4wNyw2OC4wNywwLDAsMSw0NCwxMTJaIj48L3BhdGg+PC9zdmc+"); + --icon-search-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIuNDksMjE1LjUxLDE4NSwxNjhhOTIuMTIsOTIuMTIsMCwxLDAtMTcsMTdsNDcuNTMsNDcuNTRhMTIsMTIsMCwwLDAsMTctMTdaTTQ0LDExMmE2OCw2OCwwLDEsMSw2OCw2OEE2OC4wNyw2OC4wNywwLDAsMSw0NCwxMTJaIj48L3BhdGg+PC9zdmc+"); + --icon-search-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTEyYTgwLDgwLDAsMSwxLTgwLTgwQTgwLDgwLDAsMCwxLDE5MiwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI5LjY2LDIxOC4zNCwxNzkuNiwxNjguMjhhODguMjEsODguMjEsMCwxLDAtMTEuMzIsMTEuMzFsNTAuMDYsNTAuMDdhOCw4LDAsMCwwLDExLjMyLTExLjMyWk00MCwxMTJhNzIsNzIsMCwxLDEsNzIsNzJBNzIuMDgsNzIuMDgsMCwwLDEsNDAsMTEyWiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-search-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTEyYTgwLDgwLDAsMSwxLTgwLTgwQTgwLDgwLDAsMCwxLDE5MiwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI5LjY2LDIxOC4zNCwxNzkuNiwxNjguMjhhODguMjEsODguMjEsMCwxLDAtMTEuMzIsMTEuMzFsNTAuMDYsNTAuMDdhOCw4LDAsMCwwLDExLjMyLTExLjMyWk00MCwxMTJhNzIsNzIsMCwxLDEsNzIsNzJBNzIuMDgsNzIuMDgsMCwwLDEsNDAsMTEyWiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-list: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNjRWMTkySDQwVjY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCwxMjhhOCw4LDAsMCwxLTgsOEg0MGE4LDgsMCwwLDEsMC0xNkgyMTZBOCw4LDAsMCwxLDIyNCwxMjhaTTQwLDcySDIxNmE4LDgsMCwwLDAsMC0xNkg0MGE4LDgsMCwwLDAsMCwxNlpNMjE2LDE4NEg0MGE4LDgsMCwwLDAsMCwxNkgyMTZhOCw4LDAsMCwwLDAtMTZaIj48L3BhdGg+PC9zdmc+"); + --icon-list-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNjRWMTkySDQwVjY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCwxMjhhOCw4LDAsMCwxLTgsOEg0MGE4LDgsMCwwLDEsMC0xNkgyMTZBOCw4LDAsMCwxLDIyNCwxMjhaTTQwLDcySDIxNmE4LDgsMCwwLDAsMC0xNkg0MGE4LDgsMCwwLDAsMCwxNlpNMjE2LDE4NEg0MGE4LDgsMCwwLDAsMCwxNkgyMTZhOCw4LDAsMCwwLDAtMTZaIj48L3BhdGg+PC9zdmc+"); + --icon-settings: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMSwxMDguNzYsMTk4LjI1LDkwLjYyYy0uNjQtMS4xNi0xLjMxLTIuMjktMi0zLjQxbC0uMTItMzZBMTA0LjYxLDEwNC42MSwwLDAsMCwxNjIsMzJMMTMwLDQ5Ljg5Yy0xLjM0LDAtMi42OSwwLTQsMEw5NCwzMkExMDQuNTgsMTA0LjU4LDAsMCwwLDU5Ljg5LDUxLjI1bC0uMTYsMzZjLS43LDEuMTItMS4zNywyLjI2LTIsMy40MWwtMzEuODQsMTguMWE5OS4xNSw5OS4xNSwwLDAsMCwwLDM4LjQ2bDMxLjg1LDE4LjE0Yy42NCwxLjE2LDEuMzEsMi4yOSwyLDMuNDFsLjEyLDM2QTEwNC42MSwxMDQuNjEsMCwwLDAsOTQsMjI0bDMyLTE3Ljg3YzEuMzQsMCwyLjY5LDAsNCwwTDE2MiwyMjRhMTA0LjU4LDEwNC41OCwwLDAsMCwzNC4wOC0xOS4yNWwuMTYtMzZjLjctMS4xMiwxLjM3LTIuMjYsMi0zLjQxbDMxLjg0LTE4LjFBOTkuMTUsOTkuMTUsMCwwLDAsMjMwLjEsMTA4Ljc2Wk0xMjgsMTY4YTQwLDQwLDAsMSwxLDQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxNjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDgwYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWm0xMDkuOTQtNTIuNzlhOCw4LDAsMCwwLTMuODktNS40bC0yOS44My0xNy0uMTItMzMuNjJhOCw4LDAsMCwwLTIuODMtNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLTM2LjcyLTIwLjY3LDgsOCwwLDAsMC02LjQ2LjU5TDEyOCw0MS44NSw5Ny44OCwyNWE4LDgsMCwwLDAtNi40Ny0uNkExMTEuOTIsMTExLjkyLDAsMCwwLDU0LjczLDQ1LjE1YTgsOCwwLDAsMC0yLjgzLDYuMDdsLS4xNSwzMy42NS0yOS44MywxN2E4LDgsMCwwLDAtMy44OSw1LjQsMTA2LjQ3LDEwNi40NywwLDAsMCwwLDQxLjU2LDgsOCwwLDAsMCwzLjg5LDUuNGwyOS44MywxNywuMTIsMzMuNjNhOCw4LDAsMCwwLDIuODMsNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLDM2LjcyLDIwLjY3LDgsOCwwLDAsMCw2LjQ2LS41OUwxMjgsMjE0LjE1LDE1OC4xMiwyMzFhNy45MSw3LjkxLDAsMCwwLDMuOSwxLDguMDksOC4wOSwwLDAsMCwyLjU3LS40MiwxMTIuMSwxMTIuMSwwLDAsMCwzNi42OC0yMC43Myw4LDgsMCwwLDAsMi44My02LjA3bC4xNS0zMy42NSwyOS44My0xN2E4LDgsMCwwLDAsMy44OS01LjRBMTA2LjQ3LDEwNi40NywwLDAsMCwyMzcuOTQsMTA3LjIxWm0tMTUsMzQuOTEtMjguNTcsMTYuMjVhOCw4LDAsMCwwLTMsM2MtLjU4LDEtMS4xOSwyLjA2LTEuODEsMy4wNmE3Ljk0LDcuOTQsMCwwLDAtMS4yMiw0LjIxbC0uMTUsMzIuMjVhOTUuODksOTUuODksMCwwLDEtMjUuMzcsMTQuM0wxMzQsMTk5LjEzYTgsOCwwLDAsMC0zLjkxLTFoLS4xOWMtMS4yMSwwLTIuNDMsMC0zLjY0LDBhOC4xLDguMSwwLDAsMC00LjEsMWwtMjguODQsMTYuMUE5Niw5NiwwLDAsMSw2Ny44OCwyMDFsLS4xMS0zMi4yYTgsOCwwLDAsMC0xLjIyLTQuMjJjLS42Mi0xLTEuMjMtMi0xLjgtMy4wNmE4LjA5LDguMDksMCwwLDAtMy0zLjA2bC0yOC42LTE2LjI5YTkwLjQ5LDkwLjQ5LDAsMCwxLDAtMjguMjZMNjEuNjcsOTcuNjNhOCw4LDAsMCwwLDMtM2MuNTgtMSwxLjE5LTIuMDYsMS44MS0zLjA2YTcuOTQsNy45NCwwLDAsMCwxLjIyLTQuMjFsLjE1LTMyLjI1YTk1Ljg5LDk1Ljg5LDAsMCwxLDI1LjM3LTE0LjNMMTIyLDU2Ljg3YTgsOCwwLDAsMCw0LjEsMWMxLjIxLDAsMi40MywwLDMuNjQsMGE4LDgsMCwwLDAsNC4xLTFsMjguODQtMTYuMUE5Niw5NiwwLDAsMSwxODguMTIsNTVsLjExLDMyLjJhOCw4LDAsMCwwLDEuMjIsNC4yMmMuNjIsMSwxLjIzLDIsMS44LDMuMDZhOC4wOSw4LjA5LDAsMCwwLDMsMy4wNmwyOC42LDE2LjI5QTkwLjQ5LDkwLjQ5LDAsMCwxLDIyMi45LDE0Mi4xMloiPjwvcGF0aD48L3N2Zz4="); + --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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNzEuMWE4LDgsMCwwLDEtMTAuNzgtMy40Miw5NC4xMyw5NC4xMywwLDAsMC0zMy40Ni0zNi45MSw4LDgsMCwxLDEsOC41NC0xMy41NCwxMTEuNDYsMTExLjQ2LDAsMCwxLDM5LjEyLDQzLjA5QTgsOCwwLDAsMSwyMjQsNzEuMVpNMzUuNzEsNzJhOCw4LDAsMCwwLDcuMS00LjMyQTk0LjEzLDk0LjEzLDAsMCwxLDc2LjI3LDMwLjc3YTgsOCwwLDEsMC04LjU0LTEzLjU0QTExMS40NiwxMTEuNDYsMCwwLDAsMjguNjEsNjAuMzIsOCw4LDAsMCwwLDM1LjcxLDcyWm0xODYuMSwxMDMuOTRBMTYsMTYsMCwwLDEsMjA4LDIwMEgxNjcuMmE0MCw0MCwwLDAsMS03OC40LDBINDhhMTYsMTYsMCwwLDEtMTMuNzktMjQuMDZDNDMuMjIsMTYwLjM5LDQ4LDEzOC4yOCw0OCwxMTJhODAsODAsMCwwLDEsMTYwLDBDMjA4LDEzOC4yNywyMTIuNzgsMTYwLjM4LDIyMS44MSwxNzUuOTRaTTE1MC42MiwyMDBIMTA1LjM4YTI0LDI0LDAsMCwwLDQ1LjI0LDBaIj48L3BhdGg+PC9zdmc+"); + --icon-close: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjRBMTA0LDEwNCwwLDEsMCwyMzIsMTI4LDEwNC4xMSwxMDQuMTEsMCwwLDAsMTI4LDI0Wm0zNy42NiwxMzAuMzRhOCw4LDAsMCwxLTExLjMyLDExLjMyTDEyOCwxMzkuMzFsLTI2LjM0LDI2LjM1YTgsOCwwLDAsMS0xMS4zMi0xMS4zMkwxMTYuNjksMTI4LDkwLjM0LDEwMS42NmE4LDgsMCwwLDEsMTEuMzItMTEuMzJMMTI4LDExNi42OWwyNi4zNC0yNi4zNWE4LDgsMCwwLDEsMTEuMzIsMTEuMzJMMTM5LjMxLDEyOFoiPjwvcGF0aD48L3N2Zz4="); + --icon-megaphone: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNlOGU2ZTM7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTEzNiw2OS4wOVYxNzAuOTFMNDIuMjQsMTk5LjY3QTgsOCwwLDAsMSwzMiwxOTJWNDhhOCw4LDAsMCwxLDEwLjI0LTcuNjdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjIwLjU0LDg2LjY2bC0xNzYuMDYtNTRBMTYsMTYsMCwwLDAsMjQsNDhWMTkyYTE2LDE2LDAsMCwwLDE2LDE2LDE2LDE2LDAsMCwwLDQuNTItLjY1TDEyOCwxODEuNzNWMTkyYTE2LDE2LDAsMCwwLDE2LDE2aDMyYTE2LDE2LDAsMCwwLDE2LTE2di0yOS45bDI4LjU0LTguNzVBMTYuMDksMTYuMDksMCwwLDAsMjMyLDEzOFYxMDJBMTYuMDksMTYuMDksMCwwLDAsMjIwLjU0LDg2LjY2Wk0xMjgsMTY1LDQwLDE5MlY0OGw4OCwyN1ptNDgsMjdIMTQ0VjE3Ni44MkwxNzYsMTY3Wm00MC01NC0uMTEsMEwxNDQsMTYwLjA4Vjc5LjkybDcxLjg5LDIyLC4xMSwwdjM2WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-sliders: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsODBhMjQsMjQsMCwxLDEtMjQtMjRBMjQsMjQsMCwwLDEsMTI4LDgwWm00MCw3MmEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCwxNjgsMTUyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTQwLDg4SDczYTMyLDMyLDAsMCwwLDYyLDBoODFhOCw4LDAsMCwwLDAtMTZIMTM1YTMyLDMyLDAsMCwwLTYyLDBINDBhOCw4LDAsMCwwLDAsMTZabTY0LTI0QTE2LDE2LDAsMSwxLDg4LDgwLDE2LDE2LDAsMCwxLDEwNCw2NFpNMjE2LDE2OEgxOTlhMzIsMzIsMCwwLDAtNjIsMEg0MGE4LDgsMCwwLDAsMCwxNmg5N2EzMiwzMiwwLDAsMCw2MiwwaDE3YTgsOCwwLDAsMCwwLTE2Wm0tNDgsMjRhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMTY4LDE5MloiPjwvcGF0aD48L3N2Zz4="); + --icon-paperclip: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTIuNDgsMTM2LjQ5bC04Mi4wNiw4MmE2MCw2MCwwLDAsMS04NC44NS04NC44OGw5OC4xNi05Ny44OWE0MCw0MCwwLDAsMSw1Ni41Niw1Ni41OWwtLjE3LjE2LTk1LjgsOTIuMjJhMTIsMTIsMCwxLDEtMTYuNjQtMTcuM2w5NS43MS05Mi4xMmExNiwxNiwwLDAsMC0yMi43LTIyLjU2TDYyLjUzLDE1MC41N2EzNiwzNiwwLDAsMCw1MC45Myw1MC45MWw4Mi4wNi04MmExMiwxMiwwLDAsMSwxNywxN1oiPjwvcGF0aD48L3N2Zz4="); + --icon-check: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzc5YmQ5YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICM3ZmMwOWY7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIzMi40OSw4MC40OWwtMTI4LDEyOGExMiwxMiwwLDAsMS0xNywwbC01Ni01NmExMiwxMiwwLDEsMSwxNy0xN0w5NiwxODMsMjE1LjUxLDYzLjUxYTEyLDEyLDAsMCwxLDE3LDE3WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-verified: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjUuODYsMTAyLjgyYy0zLjc3LTMuOTQtNy42Ny04LTkuMTQtMTEuNTctMS4zNi0zLjI3LTEuNDQtOC42OS0xLjUyLTEzLjk0LS4xNS05Ljc2LS4zMS0yMC44Mi04LTI4LjUxcy0xOC43NS03Ljg1LTI4LjUxLThjLTUuMjUtLjA4LTEwLjY3LS4xNi0xMy45NC0xLjUyLTMuNTYtMS40Ny03LjYzLTUuMzctMTEuNTctOS4xNEMxNDYuMjgsMjMuNTEsMTM4LjQ0LDE2LDEyOCwxNnMtMTguMjcsNy41MS0yNS4xOCwxNC4xNGMtMy45NCwzLjc3LTgsNy42Ny0xMS41Nyw5LjE0Qzg4LDQwLjY0LDgyLjU2LDQwLjcyLDc3LjMxLDQwLjhjLTkuNzYuMTUtMjAuODIuMzEtMjguNTEsOFM0MSw2Ny41NSw0MC44LDc3LjMxYy0uMDgsNS4yNS0uMTYsMTAuNjctMS41MiwxMy45NC0xLjQ3LDMuNTYtNS4zNyw3LjYzLTkuMTQsMTEuNTdDMjMuNTEsMTA5LjcyLDE2LDExNy41NiwxNiwxMjhzNy41MSwxOC4yNywxNC4xNCwyNS4xOGMzLjc3LDMuOTQsNy42Nyw4LDkuMTQsMTEuNTcsMS4zNiwzLjI3LDEuNDQsOC42OSwxLjUyLDEzLjk0LjE1LDkuNzYuMzEsMjAuODIsOCwyOC41MXMxOC43NSw3Ljg1LDI4LjUxLDhjNS4yNS4wOCwxMC42Ny4xNiwxMy45NCwxLjUyLDMuNTYsMS40Nyw3LjYzLDUuMzcsMTEuNTcsOS4xNEMxMDkuNzIsMjMyLjQ5LDExNy41NiwyNDAsMTI4LDI0MHMxOC4yNy03LjUxLDI1LjE4LTE0LjE0YzMuOTQtMy43Nyw4LTcuNjcsMTEuNTctOS4xNCwzLjI3LTEuMzYsOC42OS0xLjQ0LDEzLjk0LTEuNTIsOS43Ni0uMTUsMjAuODItLjMxLDI4LjUxLThzNy44NS0xOC43NSw4LTI4LjUxYy4wOC01LjI1LjE2LTEwLjY3LDEuNTItMTMuOTQsMS40Ny0zLjU2LDUuMzctNy42Myw5LjE0LTExLjU3QzIzMi40OSwxNDYuMjgsMjQwLDEzOC40NCwyNDAsMTI4UzIzMi40OSwxMDkuNzMsMjI1Ljg2LDEwMi44MlptLTUyLjIsNi44NC01Niw1NmE4LDgsMCwwLDEtMTEuMzIsMGwtMjQtMjRhOCw4LDAsMCwxLDExLjMyLTExLjMyTDExMiwxNDguNjlsNTAuMzQtNTAuMzVhOCw4LDAsMCwxLDExLjMyLDExLjMyWiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-gear: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMSwxMDguNzYsMTk4LjI1LDkwLjYyYy0uNjQtMS4xNi0xLjMxLTIuMjktMi0zLjQxbC0uMTItMzZBMTA0LjYxLDEwNC42MSwwLDAsMCwxNjIsMzJMMTMwLDQ5Ljg5Yy0xLjM0LDAtMi42OSwwLTQsMEw5NCwzMkExMDQuNTgsMTA0LjU4LDAsMCwwLDU5Ljg5LDUxLjI1bC0uMTYsMzZjLS43LDEuMTItMS4zNywyLjI2LTIsMy40MWwtMzEuODQsMTguMWE5OS4xNSw5OS4xNSwwLDAsMCwwLDM4LjQ2bDMxLjg1LDE4LjE0Yy42NCwxLjE2LDEuMzEsMi4yOSwyLDMuNDFsLjEyLDM2QTEwNC42MSwxMDQuNjEsMCwwLDAsOTQsMjI0bDMyLTE3Ljg3YzEuMzQsMCwyLjY5LDAsNCwwTDE2MiwyMjRhMTA0LjU4LDEwNC41OCwwLDAsMCwzNC4wOC0xOS4yNWwuMTYtMzZjLjctMS4xMiwxLjM3LTIuMjYsMi0zLjQxbDMxLjg0LTE4LjFBOTkuMTUsOTkuMTUsMCwwLDAsMjMwLjEsMTA4Ljc2Wk0xMjgsMTY4YTQwLDQwLDAsMSwxLDQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxNjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDgwYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWm0xMDkuOTQtNTIuNzlhOCw4LDAsMCwwLTMuODktNS40bC0yOS44My0xNy0uMTItMzMuNjJhOCw4LDAsMCwwLTIuODMtNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLTM2LjcyLTIwLjY3LDgsOCwwLDAsMC02LjQ2LjU5TDEyOCw0MS44NSw5Ny44OCwyNWE4LDgsMCwwLDAtNi40Ny0uNkExMTEuOTIsMTExLjkyLDAsMCwwLDU0LjczLDQ1LjE1YTgsOCwwLDAsMC0yLjgzLDYuMDdsLS4xNSwzMy42NS0yOS44MywxN2E4LDgsMCwwLDAtMy44OSw1LjQsMTA2LjQ3LDEwNi40NywwLDAsMCwwLDQxLjU2LDgsOCwwLDAsMCwzLjg5LDUuNGwyOS44MywxNywuMTIsMzMuNjNhOCw4LDAsMCwwLDIuODMsNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLDM2LjcyLDIwLjY3LDgsOCwwLDAsMCw2LjQ2LS41OUwxMjgsMjE0LjE1LDE1OC4xMiwyMzFhNy45MSw3LjkxLDAsMCwwLDMuOSwxLDguMDksOC4wOSwwLDAsMCwyLjU3LS40MiwxMTIuMSwxMTIuMSwwLDAsMCwzNi42OC0yMC43Myw4LDgsMCwwLDAsMi44My02LjA3bC4xNS0zMy42NSwyOS44My0xN2E4LDgsMCwwLDAsMy44OS01LjRBMTA2LjQ3LDEwNi40NywwLDAsMCwyMzcuOTQsMTA3LjIxWm0tMTUsMzQuOTEtMjguNTcsMTYuMjVhOCw4LDAsMCwwLTMsM2MtLjU4LDEtMS4xOSwyLjA2LTEuODEsMy4wNmE3Ljk0LDcuOTQsMCwwLDAtMS4yMiw0LjIxbC0uMTUsMzIuMjVhOTUuODksOTUuODksMCwwLDEtMjUuMzcsMTQuM0wxMzQsMTk5LjEzYTgsOCwwLDAsMC0zLjkxLTFoLS4xOWMtMS4yMSwwLTIuNDMsMC0zLjY0LDBhOC4xLDguMSwwLDAsMC00LjEsMWwtMjguODQsMTYuMUE5Niw5NiwwLDAsMSw2Ny44OCwyMDFsLS4xMS0zMi4yYTgsOCwwLDAsMC0xLjIyLTQuMjJjLS42Mi0xLTEuMjMtMi0xLjgtMy4wNmE4LjA5LDguMDksMCwwLDAtMy0zLjA2bC0yOC42LTE2LjI5YTkwLjQ5LDkwLjQ5LDAsMCwxLDAtMjguMjZMNjEuNjcsOTcuNjNhOCw4LDAsMCwwLDMtM2MuNTgtMSwxLjE5LTIuMDYsMS44MS0zLjA2YTcuOTQsNy45NCwwLDAsMCwxLjIyLTQuMjFsLjE1LTMyLjI1YTk1Ljg5LDk1Ljg5LDAsMCwxLDI1LjM3LTE0LjNMMTIyLDU2Ljg3YTgsOCwwLDAsMCw0LjEsMWMxLjIxLDAsMi40MywwLDMuNjQsMGE4LDgsMCwwLDAsNC4xLTFsMjguODQtMTYuMUE5Niw5NiwwLDAsMSwxODguMTIsNTVsLjExLDMyLjJhOCw4LDAsMCwwLDEuMjIsNC4yMmMuNjIsMSwxLjIzLDIsMS44LDMuMDZhOC4wOSw4LjA5LDAsMCwwLDMsMy4wNmwyOC42LDE2LjI5QTkwLjQ5LDkwLjQ5LDAsMCwxLDIyMi45LDE0Mi4xMloiPjwvcGF0aD48L3N2Zz4="); + --icon-gear-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzcuOTQsMTA3LjIxYTgsOCwwLDAsMC0zLjg5LTUuNGwtMjkuODMtMTctLjEyLTMzLjYyYTgsOCwwLDAsMC0yLjgzLTYuMDgsMTExLjkxLDExMS45MSwwLDAsMC0zNi43Mi0yMC42Nyw4LDgsMCwwLDAtNi40Ni41OUwxMjgsNDEuODUsOTcuODgsMjVhOCw4LDAsMCwwLTYuNDctLjZBMTExLjkyLDExMS45MiwwLDAsMCw1NC43Myw0NS4xNWE4LDgsMCwwLDAtMi44Myw2LjA3bC0uMTUsMzMuNjUtMjkuODMsMTdhOCw4LDAsMCwwLTMuODksNS40LDEwNi40NywxMDYuNDcsMCwwLDAsMCw0MS41Niw4LDgsMCwwLDAsMy44OSw1LjRsMjkuODMsMTcsLjEyLDMzLjYzYTgsOCwwLDAsMCwyLjgzLDYuMDgsMTExLjkxLDExMS45MSwwLDAsMCwzNi43MiwyMC42Nyw4LDgsMCwwLDAsNi40Ni0uNTlMMTI4LDIxNC4xNSwxNTguMTIsMjMxYTcuOTEsNy45MSwwLDAsMCwzLjksMSw4LjA5LDguMDksMCwwLDAsMi41Ny0uNDIsMTEyLjEsMTEyLjEsMCwwLDAsMzYuNjgtMjAuNzMsOCw4LDAsMCwwLDIuODMtNi4wN2wuMTUtMzMuNjUsMjkuODMtMTdhOCw4LDAsMCwwLDMuODktNS40QTEwNi40NywxMDYuNDcsMCwwLDAsMjM3Ljk0LDEwNy4yMVpNMTI4LDE2OGE0MCw0MCwwLDEsMSw0MC00MEE0MCw0MCwwLDAsMSwxMjgsMTY4WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-pin: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjkuNjYsOTguMzQsMTcyLjM5LDE1NS44YzExLjQ2LDIyLjkzLTEuNzIsNDUuODYtMTAuMTEsNTdhOCw4LDAsMCwxLTEyLC44M0w0Mi4zNCwxMDUuNzZBOCw4LDAsMCwxLDQzLDkzLjg1YzI5LjY1LTIzLjkyLDU3LjQtMTAsNTcuNC0xMGw1Ny4yNy01Ny40NmE4LDgsMCwwLDEsMTEuMzEsMEwyMjkuNjYsODdBOCw4LDAsMCwxLDIyOS42Niw5OC4zNFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMzUuMzIsODEuMzcsMTc0LjYzLDIwLjY5YTE2LDE2LDAsMCwwLTIyLjYzLDBMOTguMzcsNzQuNDljLTEwLjY2LTMuMzQtMzUtNy4zNy02MC40LDEzLjE0YTE2LDE2LDAsMCwwLTEuMjksMjMuNzhMODUsMTU5LjcxLDQyLjM0LDIwMi4zNGE4LDgsMCwwLDAsMTEuMzIsMTEuMzJMOTYuMjksMTcxbDQ4LjI5LDQ4LjI5QTE2LDE2LDAsMCwwLDE1NS45LDIyNGMuMzgsMCwuNzUsMCwxLjEzLDBhMTUuOTMsMTUuOTMsMCwwLDAsMTEuNjQtNi4zM2MxOS42NC0yNi4xLDE3Ljc1LTQ3LjMyLDEzLjE5LTYwTDIzNS4zMywxMDRBMTYsMTYsMCwwLDAsMjM1LjMyLDgxLjM3Wk0yMjQsOTIuNjloMGwtNTcuMjcsNTcuNDZhOCw4LDAsMCwwLTEuNDksOS4yMmM5LjQ2LDE4LjkzLTEuOCwzOC41OS05LjM0LDQ4LjYyTDQ4LDEwMC4wOGMxMi4wOC05Ljc0LDIzLjY0LTEyLjMxLDMyLjQ4LTEyLjMxQTQwLjEzLDQwLjEzLDAsMCwxLDk2LjgxLDkxYTgsOCwwLDAsMCw5LjI1LTEuNTFMMTYzLjMyLDMyLDIyNCw5Mi42OFoiPjwvcGF0aD48L3N2Zz4="); + --icon-emoji: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0QTEwNCwxMDQsMCwxLDAsMjMyLDEyOCwxMDQuMTEsMTA0LjExLDAsMCwwLDEyOCwyNFptMCwxOTJhODgsODgsMCwxLDEsODgtODhBODguMSw4OC4xLDAsMCwxLDEyOCwyMTZaTTgwLDEwOGExMiwxMiwwLDEsMSwxMiwxMkExMiwxMiwwLDAsMSw4MCwxMDhabTk2LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTc2LDEwOFptLTEuMDgsNDhjLTEwLjI5LDE3Ljc5LTI3LjM5LDI4LTQ2LjkyLDI4cy0zNi42My0xMC4yLTQ2LjkyLTI4YTgsOCwwLDEsMSwxMy44NC04YzcuNDcsMTIuOTEsMTkuMjEsMjAsMzMuMDgsMjBzMjUuNjEtNy4xLDMzLjA4LTIwYTgsOCwwLDEsMSwxMy44NCw4WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-emoji-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0QTEwNCwxMDQsMCwxLDAsMjMyLDEyOCwxMDQuMTEsMTA0LjExLDAsMCwwLDEyOCwyNFptMCwxOTJhODgsODgsMCwxLDEsODgtODhBODguMSw4OC4xLDAsMCwxLDEyOCwyMTZaTTgwLDEwOGExMiwxMiwwLDEsMSwxMiwxMkExMiwxMiwwLDAsMSw4MCwxMDhabTk2LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTc2LDEwOFptLTEuMDgsNDhjLTEwLjI5LDE3Ljc5LTI3LjM5LDI4LTQ2LjkyLDI4cy0zNi42My0xMC4yLTQ2LjkyLTI4YTgsOCwwLDEsMSwxMy44NC04YzcuNDcsMTIuOTEsMTkuMjEsMjAsMzMuMDgsMjBzMjUuNjEtNy4xLDMzLjA4LTIwYTgsOCwwLDEsMSwxMy44NCw4WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICM3MWEzZjk7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIwOS45NCwxMTMuOTRsLTI4LDI4YTQ3Ljc2LDQ3Ljc2LDAsMCwxLTI2LjUyLDEzLjQ4LDQ3Ljc2LDQ3Ljc2LDAsMCwxLTEzLjQ4LDI2LjUybC0yOCwyOGE0OCw0OCwwLDAsMS02Ny44OC02Ny44OGwyOC0yOGE0Ny43Niw0Ny43NiwwLDAsMSwyNi41Mi0xMy40OCw0Ny43Niw0Ny43NiwwLDAsMSwxMy40OC0yNi41MmwyOC0yOGE0OCw0OCwwLDAsMSw2Ny44OCw2Ny44OFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMzcuNTQsMTg2LjM2YTgsOCwwLDAsMSwwLDExLjMxbC0xNy45NCwxOEE1Niw1NiwwLDAsMSw0MC4zOCwxMzYuNEw2OC41LDEwOC4yOUE1Niw1NiwwLDAsMSwxNDUuMzEsMTA2YTgsOCwwLDEsMS0xMC42NCwxMiw0MCw0MCwwLDAsMC01NC44NSwxLjYzTDUxLjcsMTQ3LjcyYTQwLDQwLDAsMSwwLDU2LjU4LDU2LjU4bDE3Ljk0LTE3Ljk0QTgsOCwwLDAsMSwxMzcuNTQsMTg2LjM2Wm03OC4wOC0xNDZhNTYuMDgsNTYuMDgsMCwwLDAtNzkuMjIsMEwxMTguNDYsNTguMzNhOCw4LDAsMCwwLDExLjMyLDExLjMxTDE0Ny43Miw1MS43YTQwLDQwLDAsMCwxLDU2LjU4LDU2LjU4TDE3Ni4xOCwxMzYuNEE0MCw0MCwwLDAsMSwxMjEuMzMsMTM4LDgsOCwwLDEsMCwxMTAuNjksMTUwYTU2LDU2LDAsMCwwLDc2LjgxLTIuMjdsMjguMTItMjguMTFBNTYuMDgsNTYuMDgsMCwwLDAsMjE1LjYyLDQwLjM4WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-share: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTA0bC00OCw0OFY1NloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMjkuNjYsOTguMzRsLTQ4LTQ4QTgsOCwwLDAsMCwxNjgsNTZWOTZoLTNBMTAzLjk0LDEwMy45NCwwLDAsMCw2NC4yNSwxNzRhOCw4LDAsMCwwLDE1LjUsNEE4OCw4OCwwLDAsMSwxNjUsMTEyaDN2NDBhOCw4LDAsMCwwLDEzLjY2LDUuNjZsNDgtNDhBOCw4LDAsMCwwLDIyOS42Niw5OC4zNFpNMTg0LDEzMi42OVY3NS4zMUwyMTIuNjksMTA0Wk0yMDAsMjE2YTgsOCwwLDAsMS04LDhINDBhMTYsMTYsMCwwLDEtMTYtMTZWODhhOCw4LDAsMCwxLDE2LDBWMjA4SDE5MkE4LDgsMCwwLDEsMjAwLDIxNloiPjwvcGF0aD48L3N2Zz4="); + --icon-copy: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzdhN2FmOSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNDBWMTY4SDE2OFY4OEg4OFY0MFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTYsMzJIODhhOCw4LDAsMCwwLTgsOFY4MEg0MGE4LDgsMCwwLDAtOCw4VjIxNmE4LDgsMCwwLDAsOCw4SDE2OGE4LDgsMCwwLDAsOC04VjE3Nmg0MGE4LDgsMCwwLDAsOC04VjQwQTgsOCwwLDAsMCwyMTYsMzJaTTE2MCwyMDhINDhWOTZIMTYwWm00OC00OEgxNzZWODhhOCw4LDAsMCwwLTgtOEg5NlY0OEgyMDhaIj48L3BhdGg+PC9zdmc+"); + } +} +.layout-multiple-columns { + --color-bg: #f2eff5; +} +@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; +} +.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); +} +/* 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); +} +/* 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); +} +/* 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; +} + + + +/* 📝 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 .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); +} +.app-body .compose-form .poll__option .autosuggest-input { + border-left: 0; + border-right: 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: 10px; + padding: 12px 15px; + box-shadow: + 0 0 0 4px inset var(--color-content-bg); +} +.app-body .compose-form .spoiler-input__input:focus { + box-shadow: + 0 0 0 4px inset var(--color-content-bg), + 0 0 0 6px inset var(--color-accent), + 0 0 0 1px inset var(--color-content-bg); +} +.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; + } +} + +/* 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); + box-shadow: + 0 0 0 1px var(--color-lines), + 0 0 5px rgba(0, 0, 0, .15); +} +.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; +} +.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: 5px; + 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); + } +} + +/* 👁️ 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) + .active + .icon-retweet + .icon-button__counter > .animated-number { + color: #D3487F; +} +.app-body + :is(.status__action-bar, .detailed-status__action-bar) + .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) + :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) + .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 .status__action-bar .icon-button.star-icon.active>.icon-star, +.app-body .detailed-status__action-bar .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 .status__action-bar .icon-button.active>.icon-retweet { + animation: launch 1.2s ease-in !important; +} +.app-body .detailed-status__action-bar .icon-button.active>.icon-retweet { + animation: launch-detailed 1.2s ease-out !important; +} +@keyframes launch { + 0% { + transform: translate(0); + opacity: 0; + } + 5% { + transform: translate(0); + opacity: 1; + } + 50% { + transform: translate(200%, -150%); + opacity: 0; + } + 80% { + transform: translate(200%, -150%); + opacity: 0; + } + 85% { + transform: translate(-20%, 20%); + opacity: 0; + } + 100% { + transform: translate(0); + opacity: 1; + } +} +@keyframes launch-detailed { + 0% { + transform: translate(0); + opacity: 0; + } + 5% { + transform: translate(0); + opacity: 1; + } + 50% { + transform: translate(150%, -150%); + opacity: 0; + } + 80% { + transform: translate(150%, -150%); + opacity: 0; + } + 85% { + transform: translate(-20%, 20%); + opacity: 0; + } + 100% { + transform: translate(0); + opacity: 1; + } +} +.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 a.status-card:hover, +.app-body a.status-card.compact:hover { + background-color: var(--color-content-bg-focus); + border-color: var(--color-lines); +} +.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 .media-gallery { + border-radius: 8px; +} +.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 .audio-player, +.app-body .media-gallery, +.app-body .video-player { + border: 1px solid var(--color-lines); +} + +.app-body div:not(.detailed-status) > .media-gallery:has(.media-gallery__item.standalone) { + max-height: 450px; + width: auto; +} + +/* 📊 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 { + border-bottom: 0; + box-shadow: 0 -20px 0 var(--color-bg); + background-color: var(--color-secondary-bg); + border-left: 1px solid var(--color-lines); + border-right: 1px solid var(--color-lines); +} +.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 .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; +} +.app-body .column-link--transparent:is(.active, .active:hover) { + color: var(--color-content-fg); + font-weight: bold; +} +.app-body .column-link--transparent:hover { + border-radius: 8px; + padding-right: 20px; +} +.app-body .column-link--transparent span { + position: relative; +} +@media screen and (min-width:1175px) { + .app-body .column-link:not(.column-link--logo) { + transition: all .2s; + } + .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); + } +} +@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; + } +} +@keyframes fadein { + from { + opacity: 0; + transform: translateY(-10%); + } + to { + opacity: 1; + transform: translateY(0); + } +} +@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 .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); +} +.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; + margin-left: -1px; +} +.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); + border: 1px solid var(--color-lines); + overflow: hidden; + margin-top: -1px; +} +@media screen and (max-width:889px) { + .app-body .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); +} +.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; +} +@keyframes fadein-short { + from { + transform: translate(0, -10px); + opacity: 0; + } + to { + transform: translate(0, 0); + opacity: 1; + } +} +.app-body .search__popout { + background-color: var(--color-content-bg); + border-radius: 8px; + box-shadow: none; + margin-top: 10px; + border: 1px solid var(--color-lines); + animation: .3s fadein-short 1; +} +.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 .icon-button:is(:active, :focus, :hover) { + background-color: transparent; + color: var(--color-accent-fg); +} +.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; + } +} + + +/* ⏺️ Other UI components : buttons, toggles, ... + ----------------------------------------- */ +.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); + box-shadow: 0 0 5px rgba(0, 0, 0, .15); +} +.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); +} + +/* ⏺️ Toggles */ +.app-body .setting-toggle__label { + vertical-align: top; +} +.app-body .react-toggle-track { + background-color: var(--color-accent-lines); + box-shadow: + 0 0 0 20px var(--color-accent-lines) inset, + 0 0 0 20px var(--color-accent-lines) inset, + 0 0 0 1px var(--color-accent-lines) inset, + 0 0 0 1px var(--color-accent-lines) inset +} +.app-body .react-toggle-thumb { + border: 0; +} +.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); +} + + +/* ⏺️ Radio buttons */ +.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 .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 { + border: 1px solid var(--color-lines); +} +.app-body .interaction-modal { + background-color: var(--color-content-bg); +} +.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 .modal-root__overlay { + background-color: hsla(0, 0%, 23.5%, 0.7); +} +@media (prefers-color-scheme: dark) { + .app-body .modal-root__overlay { + background-color: hsla(0, 0%, 0%, 0.7); + } +} +.app-body .modal-root__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__modal.media-modal { + background-color: rgba(255, 255, 255, .8); +} +.app-body .media-modal__overlay .picture-in-picture__footer { + background-color: transparent; +} +.app-body .media-modal__nav, +.app-body .media-modal__overlay .picture-in-picture__footer .icon-button { + color: var(--color-content-fg); +} +.app-body .media-modal__page-dot { + background-color: var(--color-content-fg); +} +@media (prefers-color-scheme: dark) { + .app-body .modal-root__modal.media-modal { + background-color: rgba(0, 0, 0, .6); + } +} + + +/* 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; +} +.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); +} + +/* ⏯️ 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; +} +@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); + 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-secondary-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: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); +} +.app-body .announcements__pagination, +.app-body .announcements__pagination .icon-button { + color: var(--color-content-fg); +} +.app-body .announcements__mastodon { + border-radius: 0 0 0 8px; +} +.app-body .reactions-bar__item { + 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-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; +} +@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 .about__header h1, +.app-body .about__header p, +.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 { + margin-bottom: 0; +} +@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: none; +} +.app-body .about__section__body .prose a:hover { + text-decoration: underline; +} +.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); +} + + + +/* Privacy Policy page */ +.app-body .column > .scrollable.privacy-policy { + border: 1px solid var(--color-lines); + background-color: var(--color-content-bg); +} +@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; + } +} diff --git a/app/javascript/styles/tangerineui.scss b/app/javascript/styles/tangerineui.scss new file mode 100644 index 000000000..84ed96cc1 --- /dev/null +++ b/app/javascript/styles/tangerineui.scss @@ -0,0 +1,2 @@ +@import 'application'; +@import 'tangerineui/tangerineui.scss'; diff --git a/app/javascript/styles/tangerineui/tangerineui.scss b/app/javascript/styles/tangerineui/tangerineui.scss new file mode 100644 index 000000000..7361c0dbb --- /dev/null +++ b/app/javascript/styles/tangerineui/tangerineui.scss @@ -0,0 +1,4971 @@ +/* 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: "🍊 Tangerine"; +} + +/* 🎨 Colors */ +:root { + --color-bg: #ffffff; + --color-fg: #2a2d37; + --color-fg-muted: #948c84; + --color-secondary-bg: #f2eae4; + --color-secondary-separator: #ede3db; + + --color-content-bg: #ffffff; + --color-content-fg: #444a5a; + --color-content-fg-bold: #000000; + --color-content-fg-muted: #8b92a7; + --color-content-secondary-bg: #f9f6f4; + --color-content-secondary-separator: rgba(237, 227, 219, 0.4); + --color-content-bg-focus: #fffcfa; + + --color-accent: #f76902; + --color-accent-focus: #ff9447; + --color-accent-lines: rgba(247, 105, 2, 0.12); + --color-accent-bg: #f6e5dd; + --color-accent-fg: #ffffff; + + --color-lines: #e1dde4; +} +@media (prefers-color-scheme: dark) { + :root { + --color-bg: #030303; + --color-fg: #e0d6d1; + --color-fg-muted: #6e635e; + --color-secondary-bg: #1e1810; + --color-secondary-separator: #25201c; + + --color-content-bg: var(--color-bg); + --color-content-fg: var(--color-fg); + --color-content-fg-bold: #ffffff; + --color-content-fg-muted: #737373; + --color-content-secondary-bg: var(--color-secondary-bg); + --color-content-secondary-separator: rgba(77, 73, 70, 0.4); + --color-content-bg-focus: #111111; + + --color-accent: #e68933; + --color-accent-focus: #ffa047; + --color-accent-lines: rgb(230, 137, 51, 0.3); + --color-accent-bg: #3c2a1f; + --color-accent-fg: #ffffff; + + --color-lines: #343434; + } +} +:root { + /* Mastodon logo */ + --logo: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' class='mastodon-logo' viewBox='0 0 216.414 232.01'%3E%3Cdefs xmlns='http://www.w3.org/2000/svg'%3E%3ClinearGradient xmlns='http://www.w3.org/2000/svg' id='a' x2='0%25' y2='100%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0%25' stop-color='%23f76a02'/%3E%3Cstop offset='100%25' stop-color='%23f76a02'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath xmlns='http://www.w3.org/2000/svg' fill='url(%23a)' d='M211.807 139.088c-3.18 16.366-28.492 34.277-57.562 37.748-15.159 1.809-30.084 3.471-45.999 2.741-26.027-1.192-46.565-6.212-46.565-6.212 0 2.534.156 4.946.469 7.202 3.384 25.687 25.47 27.225 46.391 27.943 21.116.723 39.919-5.206 39.919-5.206l.867 19.09s-14.77 7.931-41.08 9.39c-14.51.797-32.525-.365-53.507-5.919C9.232 213.82 1.406 165.311.209 116.091c-.365-14.613-.14-28.393-.14-39.918 0-50.33 32.976-65.083 32.976-65.083C49.672 3.454 78.204.242 107.865 0h.729c29.66.242 58.21 3.454 74.837 11.09 0 0 32.975 14.752 32.975 65.082 0 0 .414 37.134-4.599 62.916'/%3E%3Cpath fill='%23fff' d='M177.51 80.077v60.941h-24.144v-59.15c0-12.469-5.246-18.797-15.74-18.797-11.602 0-17.417 7.507-17.417 22.352V117.8H96.207V85.423c0-14.845-5.816-22.352-17.418-22.352-10.494 0-15.74 6.328-15.74 18.797v59.15H38.905V80.077c0-12.455 3.171-22.352 9.541-29.675 6.569-7.322 15.171-11.076 25.85-11.076 12.355 0 21.711 4.748 27.898 14.247l6.013 10.082 6.015-10.082c6.185-9.498 15.542-14.247 27.898-14.247 10.677 0 19.28 3.753 25.85 11.076 6.369 7.322 9.54 17.22 9.54 29.675'/%3E%3C/svg%3E"); + + /* Post+Notifications icons */ + --icon-reply: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYsMjAwYTEyLDEyLDAsMCwxLTI0LDAsODQuMDksODQuMDksMCwwLDAtODQtODRINjFsMjcuNTIsMjcuNTFhMTIsMTIsMCwwLDEtMTcsMTdsLTQ4LTQ4YTEyLDEyLDAsMCwxLDAtMTdsNDgtNDhhMTIsMTIsMCwwLDEsMTcsMTdMNjEsOTJoNjdBMTA4LjEyLDEwOC4xMiwwLDAsMSwyMzYsMjAwWiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-reply-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNmZDdkMjA7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTgwLDU2djk2TDMyLDEwNFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMjgsOTZIODhWNTZhOCw4LDAsMCwwLTEzLjY2LTUuNjZsLTQ4LDQ4YTgsOCwwLDAsMCwwLDExLjMybDQ4LDQ4QTgsOCwwLDAsMCw4OCwxNTJWMTEyaDQwYTg4LjEsODguMSwwLDAsMSw4OCw4OCw4LDgsMCwwLDAsMTYsMEExMDQuMTEsMTA0LjExLDAsMCwwLDEyOCw5NlpNNzIsMTMyLjY5LDQzLjMxLDEwNCw3Miw3NS4zMVoiPjwvcGF0aD48L3N2Zz4="); + --icon-boost: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjcuODUsNDYuODlhMjAsMjAsMCwwLDAtMTguNzQtMTguNzRjLTEzLjEzLS43Ny00Ni42NS40Mi03NC40OCwyOC4yNEwxMzEsNjBINzQuMzZhMTkuODMsMTkuODMsMCwwLDAtMTQuMTQsNS44NkwyNS44NywxMDAuMTlhMjAsMjAsMCwwLDAsMTEuMzUsMzMuOTVsMzcuMTQsNS4xOCw0Mi4zMiw0Mi4zMiw1LjE5LDM3LjE4QTE5Ljg4LDE5Ljg4LDAsMCwwLDEzNS4zNCwyMzVhMjAuMTMsMjAuMTMsMCwwLDAsNi4zNywxLDE5LjksMTkuOSwwLDAsMCwxNC4xLTUuODdsMzQuMzQtMzQuMzVBMTkuODUsMTkuODUsMCwwLDAsMTk2LDE4MS42NFYxMjVsMy42LTMuNTlDMjI3LjQzLDkzLjU0LDIyOC42Miw2MCwyMjcuODUsNDYuODlaTTc2LDg0aDMxTDc1Ljc1LDExNS4yOGwtMjcuMjMtMy44Wk0xNTEuNiw3My4zN0E3Mi4yNyw3Mi4yNywwLDAsMSwyMDQsNTJhNzIuMTcsNzIuMTcsMCwwLDEtMjEuMzgsNTIuNDFMMTI4LDE1OSw5NywxMjhaTTE3MiwxODBsLTI3LjQ5LDI3LjQ5LTMuOC0yNy4yM0wxNzIsMTQ5Wm0tNzEuNjcsMjEuNjJDOTEuNjcsMjEzLjY1LDc0LjE2LDIyOCw0MCwyMjhhMTIsMTIsMCwwLDEtMTItMTJjMC0zNC4xNSwxNC4zNS01MS42NiwyNi4zOS02MC4zM2ExMiwxMiwwLDAsMSwxNCwxOS40N2MtNiw0LjMxLTEyLjg5LDEyLjUtMTUuNDIsMjcuODcsMTUuMzctMi41MywyMy41Ni05LjQ0LDI3Ljg3LTE1LjQyYTEyLDEyLDAsMSwxLDE5LjQ3LDE0WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-boost-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik03MiwxNjBsMjQsMjRzLTgsMzItNTYsMzJDNDAsMTY4LDcyLDE2MCw3MiwxNjBabTY0LTg4SDc0LjM1YTgsOCwwLDAsMC01LjY1LDIuMzRMMzQuMzUsMTA4LjY5YTgsOCwwLDAsMCw0LjUzLDEzLjU3TDgwLDEyOFptLTgsMTA0LDUuNzQsNDEuMTJhOCw4LDAsMCwwLDEzLjU3LDQuNTNsMzQuMzUtMzQuMzVhOCw4LDAsMCwwLDIuMzQtNS42NVYxMjBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTAzLjc3LDE4NS45NEMxMDMuMzgsMTg3LjQ5LDkzLjYzLDIyNCw0MCwyMjRhOCw4LDAsMCwxLTgtOGMwLTUzLjYzLDM2LjUxLTYzLjM4LDM4LjA2LTYzLjc3YTgsOCwwLDAsMSwzLjg4LDE1LjUzYy0uOS4yNS0yMi40Miw2LjU0LTI1LjU2LDM5Ljg2QzgxLjcsMjA0LjQ4LDg4LDE4Myw4OC4yNiwxODJhOCw4LDAsMCwxLDE1LjUxLDRabTkzLTY3LjRMMTkyLDEyMy4zMXY1OC4zM0ExNS45MSwxNS45MSwwLDAsMSwxODcuMzIsMTkzTDE1MywyMjcuM0ExNS45MSwxNS45MSwwLDAsMSwxNDEuNywyMzJhMTYuMTEsMTYuMTEsMCwwLDEtNS4xLS44MywxNS45NCwxNS45NCwwLDAsMS0xMC43OC0xMi45MmwtNS4zNy0zOC40OUw3Ni4yNCwxMzUuNTVsLTM4LjQ3LTUuMzdBMTYsMTYsMCwwLDEsMjguNywxMDNMNjMsNjguNjhBMTUuOTEsMTUuOTEsMCwwLDEsNzQuMzYsNjRoNTguMzNsNC43Ny00Ljc3YzI2LjY4LTI2LjY3LDU4LjgzLTI3LjgyLDcxLjQxLTI3LjA3YTE2LDE2LDAsMCwxLDE1LDE1QzIyNC42LDU5LjcxLDIyMy40NSw5MS44NiwxOTYuNzgsMTE4LjU0Wk00MCwxMTQuMzRsMzcuMTUsNS4xOEwxMTYuNjksODBINzQuMzZaTTkxLjMyLDEyOCwxMjgsMTY0LjY4bDU3LjQ1LTU3LjQ1YTc2LjQ2LDc2LjQ2LDAsMCwwLDIyLjQyLTU5LjE2LDc2LjY0LDc2LjY0LDAsMCwwLTU5LjExLDIyLjQ3Wk0xNzYsMTM5LjMxbC0zOS41MywzOS41M0wxNDEuNjcsMjE2LDE3NiwxODEuNjRaIj48L3BhdGg+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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTc2djQ4bC02NC00MEw2NCwyMjRWMTc2bDY0LTQwWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE4NCwzMkg3MkExNiwxNiwwLDAsMCw1Niw0OFYyMjRhOCw4LDAsMCwwLDEyLjI0LDYuNzhMMTI4LDE5My40M2w1OS43NywzNy4zNUE4LDgsMCwwLDAsMjAwLDIyNFY0OEExNiwxNiwwLDAsMCwxODQsMzJabTAsMTZWMTYxLjU3bC01MS43Ny0zMi4zNWE4LDgsMCwwLDAtOC40OCwwTDcyLDE2MS41NlY0OFpNMTMyLjIzLDE3Ny4yMmE4LDgsMCwwLDAtOC40OCwwTDcyLDIwOS41N1YxODAuNDNsNTYtMzUsNTYsMzV2MjkuMTRaIj48L3BhdGg+PC9zdmc+"); + --icon-bookmark-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzUzYjc4MSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQsMzJINzJBMTYsMTYsMCwwLDAsNTYsNDhWMjI0YTgsOCwwLDAsMCwxMi4yNCw2Ljc4TDEyOCwxOTMuNDNsNTkuNzcsMzcuMzVBOCw4LDAsMCwwLDIwMCwyMjRWNDhBMTYsMTYsMCwwLDAsMTg0LDMyWk0xMzIuMjMsMTc3LjIyYTgsOCwwLDAsMC04LjQ4LDBMNzIsMjA5LjU3VjE4MC40M2w1Ni0zNSw1NiwzNXYyOS4xNFoiPjwvcGF0aD48L3N2Zz4="); + --icon-translate: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDIuNzMsMjEwLjYzbC01Ni0xMTJhMTIsMTIsMCwwLDAtMjEuNDYsMGwtMjAuNTIsNDFBODQuMiw4NC4yLDAsMCwxLDEwNiwxMjYuMjIsMTA3LjQ4LDEwNy40OCwwLDAsMCwxMzEuMzMsNjhIMTUyYTEyLDEyLDAsMCwwLDAtMjRIMTAwVjMyYTEyLDEyLDAsMCwwLTI0LDBWNDRIMjRhMTIsMTIsMCwwLDAsMCwyNGg4My4xM0E4My42OSw4My42OSwwLDAsMSw4OCwxMTAuMzUsODQsODQsMCwwLDEsNzUuNiw5MWExMiwxMiwwLDEsMC0yMS44MSwxMEExMDcuNTUsMTA3LjU1LDAsMCwwLDcwLDEyNi4yNCw4My41NCw4My41NCwwLDAsMSwyNCwxNDBhMTIsMTIsMCwwLDAsMCwyNCwxMDcuNDcsMTA3LjQ3LDAsMCwwLDY0LTIxLjA3LDEwOC40LDEwOC40LDAsMCwwLDQ1LjM5LDE5LjQ0bC0yNC4xMyw0OC4yNmExMiwxMiwwLDEsMCwyMS40NiwxMC43M0wxNDMuNDEsMTk2aDY1LjE3bDEyLjY4LDI1LjM2YTEyLDEyLDAsMSwwLDIxLjQ3LTEwLjczWk0xNTUuNDEsMTcyLDE3NiwxMzAuODMsMTk2LjU4LDE3MloiPjwvcGF0aD48L3N2Zz4="); + --icon-translate-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTg0SDEzNmw0MC04MFpNODgsMTI3LjU2aDBBOTUuNzgsOTUuNzgsMCwwLDAsMTIwLDU2SDU2QTk1Ljc4LDk1Ljc4LDAsMCwwLDg4LDEyNy41NloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMzkuMTUsMjEyLjQybC01Ni0xMTJhOCw4LDAsMCwwLTE0LjMxLDBsLTIxLjcxLDQzLjQzQTg4LDg4LDAsMCwxLDEwMCwxMjYuOTMsMTAzLjY1LDEwMy42NSwwLDAsMCwxMjcuNjksNjRIMTUyYTgsOCwwLDAsMCwwLTE2SDk2VjMyYTgsOCwwLDAsMC0xNiwwVjQ4SDI0YTgsOCwwLDAsMCwwLDE2aDg3LjYzQTg3LjcsODcuNywwLDAsMSw4OCwxMTYuMzVhODcuNzQsODcuNzQsMCwwLDEtMTktMzEsOCw4LDAsMSwwLTE1LjA4LDUuMzRBMTAzLjYzLDEwMy42MywwLDAsMCw3NiwxMjdhODcuNTUsODcuNTUsMCwwLDEtNTIsMTcsOCw4LDAsMCwwLDAsMTYsMTAzLjQ2LDEwMy40NiwwLDAsMCw2NC0yMi4wOCwxMDQuMTgsMTA0LjE4LDAsMCwwLDUxLjQ0LDIxLjMxbC0yNi42LDUzLjE5YTgsOCwwLDAsMCwxNC4zMSw3LjE2TDE0MC45NCwxOTJoNzAuMTFsMTMuNzksMjcuNThBOCw4LDAsMCwwLDIzMiwyMjRhOCw4LDAsMCwwLDcuMTUtMTEuNThaTTE0OC45NCwxNzYsMTc2LDEyMS44OSwyMDMuMDUsMTc2WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-translate-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsMTI5Ljg5LDE3NS4wNiwxNjBIMTQ0Ljk0bDYuMzYtMTIuN3YwWk0yMjQsNDhWMjA4YTE2LDE2LDAsMCwxLTE2LDE2SDQ4YTE2LDE2LDAsMCwxLTE2LTE2VjQ4QTE2LDE2LDAsMCwxLDQ4LDMySDIwOEExNiwxNiwwLDAsMSwyMjQsNDhaTTIwNy4xNiwxODguNDJsLTQwLTgwYTgsOCwwLDAsMC0xNC4zMiwwTDEzOS42NiwxMzQuOGE2Mi4zMSw2Mi4zMSwwLDAsMS0yMy42MS0xMEE3OS42MSw3OS42MSwwLDAsMCwxMzUuNiw4MEgxNTJhOCw4LDAsMCwwLDAtMTZIMTEyVjU2YTgsOCwwLDAsMC0xNiwwdjhINTZhOCw4LDAsMCwwLDAsMTZoNjMuNDhhNjMuNzMsNjMuNzMsMCwwLDEtMTUuMywzNC4wNSw2NS45Myw2NS45MywwLDAsMS05LTEzLjYxLDgsOCwwLDAsMC0xNC4zMiw3LjEyLDgxLjc1LDgxLjc1LDAsMCwwLDExLjQsMTcuMTVBNjMuNjIsNjMuNjIsMCwwLDEsNTYsMTM2YTgsOCwwLDAsMCwwLDE2LDc5LjU2LDc5LjU2LDAsMCwwLDQ4LjExLTE2LjEzLDc4LjMzLDc4LjMzLDAsMCwwLDI4LjE4LDEzLjY2bC0xOS40NSwzOC44OWE4LDgsMCwwLDAsMTQuMzIsNy4xNkwxMzYuOTQsMTc2aDQ2LjEybDkuNzgsMTkuNThhOCw4LDAsMSwwLDE0LjMyLTcuMTZaIj48L3BhdGg+PC9zdmc+"); + --icon-ellipsis: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsOTZhMzIsMzIsMCwxLDAsMzIsMzJBMzIsMzIsMCwwLDAsMTI4LDk2Wm0wLDQ4YTE2LDE2LDAsMSwxLDE2LTE2QTE2LDE2LDAsMCwxLDEyOCwxNDRaTTQ4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDQ4LDk2Wm0wLDQ4YTE2LDE2LDAsMSwxLDE2LTE2QTE2LDE2LDAsMCwxLDQ4LDE0NFpNMjA4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDIwOCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSwyMDgsMTQ0WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-ellipsis-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTIsMTI4YTI0LDI0LDAsMSwxLTI0LTI0QTI0LDI0LDAsMCwxLDE1MiwxMjhaTTQ4LDEwNGEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCw0OCwxMDRabTE2MCwwYTI0LDI0LDAsMSwwLDI0LDI0QTI0LDI0LDAsMCwwLDIwOCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDEyOCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSwxMjgsMTQ0Wk00OCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCw0OCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSw0OCwxNDRaTTIwOCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCwyMDgsOTZabTAsNDhhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMjA4LDE0NFoiPjwvcGF0aD48L3N2Zz4="); + --icon-ellipsis-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTYsMTI4YTI4LDI4LDAsMSwxLTI4LTI4QTI4LDI4LDAsMCwxLDE1NiwxMjhaTTQ4LDEwMGEyOCwyOCwwLDEsMCwyOCwyOEEyOCwyOCwwLDAsMCw0OCwxMDBabTE2MCwwYTI4LDI4LDAsMSwwLDI4LDI4QTI4LDI4LDAsMCwwLDIwOCwxMDBaIj48L3BhdGg+PC9zdmc+"); + --icon-poll: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsOTJIMTgwVjU2YTEyLDEyLDAsMCwwLTEyLTEySDUyVjQwYTEyLDEyLDAsMCwwLTI0LDBWMjE2YTEyLDEyLDAsMCwwLDI0LDB2LTRoODRhMTIsMTIsMCwwLDAsMTItMTJWMTY0aDY4YTEyLDEyLDAsMCwwLDEyLTEyVjEwNEExMiwxMiwwLDAsMCwyMTYsOTJaTTE1Niw2OFY5Mkg1MlY2OFpNMTI0LDE4OEg1MlYxNjRoNzJabTgwLTQ4SDUyVjExNkgyMDRaIj48L3BhdGg+PC9zdmc+"); + --icon-poll-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTA0djQ4SDQwVjEwNFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTYsOTZIMTc2VjU2YTgsOCwwLDAsMC04LThINDhWNDBhOCw4LDAsMCwwLTE2LDBWMjE2YTgsOCwwLDAsMCwxNiwwdi04aDg4YTgsOCwwLDAsMCw4LThWMTYwaDcyYTgsOCwwLDAsMCw4LThWMTA0QTgsOCwwLDAsMCwyMTYsOTZaTTE2MCw2NFY5Nkg0OFY2NFpNMTI4LDE5Mkg0OFYxNjBoODBabTgwLTQ4SDQ4VjExMkgyMDhaIj48L3BhdGg+PC9zdmc+"); + --icon-poll-active: url("data:image/svg+xml;base64,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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4QTk2LDk2LDAsMCwxLDc5LjkzLDIxMS4xMWgwTDQyLjU0LDIyMy41OGE4LDgsMCwwLDEtMTAuMTItMTAuMTJsMTIuNDctMzcuMzloMEE5Niw5NiwwLDEsMSwyMjQsMTI4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTEyOCwyNEExMDQsMTA0LDAsMCwwLDM2LjE4LDE3Ni44OEwyNC44MywyMTAuOTNhMTYsMTYsMCwwLDAsMjAuMjQsMjAuMjRsMzQuMDUtMTEuMzVBMTA0LDEwNCwwLDEsMCwxMjgsMjRabTAsMTkyYTg3Ljg3LDg3Ljg3LDAsMCwxLTQ0LjA2LTExLjgxLDgsOCwwLDAsMC00LTEuMDgsNy44NSw3Ljg1LDAsMCwwLTIuNTMuNDJMNDAsMjE2LDUyLjQ3LDE3OC42YTgsOCwwLDAsMC0uNjYtNi41NEE4OCw4OCwwLDEsMSwxMjgsMjE2Wm0xMi04OGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNDAsMTI4Wm0tNDQsMGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSw5NiwxMjhabTg4LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTg0LDEyOFoiPjwvcGF0aD48L3N2Zz4="); + --icon-users: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMzYsMTA4QTUyLDUyLDAsMSwxLDg0LDU2LDUyLDUyLDAsMCwxLDEzNiwxMDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTE3LjI1LDE1Ny45MmE2MCw2MCwwLDEsMC02Ni41LDBBOTUuODMsOTUuODMsMCwwLDAsMy41MywxOTUuNjNhOCw4LDAsMSwwLDEzLjQsOC43NCw4MCw4MCwwLDAsMSwxMzQuMTQsMCw4LDgsMCwwLDAsMTMuNC04Ljc0QTk1LjgzLDk1LjgzLDAsMCwwLDExNy4yNSwxNTcuOTJaTTQwLDEwOGE0NCw0NCwwLDEsMSw0NCw0NEE0NC4wNSw0NC4wNSwwLDAsMSw0MCwxMDhabTIxMC4xNCw5OC43YTgsOCwwLDAsMS0xMS4wNy0yLjMzQTc5LjgzLDc5LjgzLDAsMCwwLDE3MiwxNjhhOCw4LDAsMCwxLDAtMTYsNDQsNDQsMCwxLDAtMTYuMzQtODQuODcsOCw4LDAsMSwxLTUuOTQtMTQuODUsNjAsNjAsMCwwLDEsNTUuNTMsMTA1LjY0LDk1LjgzLDk1LjgzLDAsMCwxLDQ3LjIyLDM3LjcxQTgsOCwwLDAsMSwyNTAuMTQsMjA2LjdaIj48L3BhdGg+PC9zdmc+"); + --icon-users-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMzYsMTA4QTUyLDUyLDAsMSwxLDg0LDU2LDUyLDUyLDAsMCwxLDEzNiwxMDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTE3LjI1LDE1Ny45MmE2MCw2MCwwLDEsMC02Ni41LDBBOTUuODMsOTUuODMsMCwwLDAsMy41MywxOTUuNjNhOCw4LDAsMSwwLDEzLjQsOC43NCw4MCw4MCwwLDAsMSwxMzQuMTQsMCw4LDgsMCwwLDAsMTMuNC04Ljc0QTk1LjgzLDk1LjgzLDAsMCwwLDExNy4yNSwxNTcuOTJaTTQwLDEwOGE0NCw0NCwwLDEsMSw0NCw0NEE0NC4wNSw0NC4wNSwwLDAsMSw0MCwxMDhabTIxMC4xNCw5OC43YTgsOCwwLDAsMS0xMS4wNy0yLjMzQTc5LjgzLDc5LjgzLDAsMCwwLDE3MiwxNjhhOCw4LDAsMCwxLDAtMTYsNDQsNDQsMCwxLDAtMTYuMzQtODQuODcsOCw4LDAsMSwxLTUuOTQtMTQuODUsNjAsNjAsMCwwLDEsNTUuNTMsMTA1LjY0LDk1LjgzLDk1LjgzLDAsMCwxLDQ3LjIyLDM3LjcxQTgsOCwwLDAsMSwyNTAuMTQsMjA2LjdaIj48L3BhdGg+PC9zdmc+"); + --icon-user-plus: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNTYsMTM2YTEyLDEyLDAsMCwxLTEyLDEyaC04djhhMTIsMTIsMCwwLDEtMjQsMHYtOGgtOGExMiwxMiwwLDAsMSwwLTI0aDh2LThhMTIsMTIsMCwwLDEsMjQsMHY4aDhBMTIsMTIsMCwwLDEsMjU2LDEzNlptLTU0LjgxLDU2LjI4YTEyLDEyLDAsMSwxLTE4LjM4LDE1LjQ0QzE2OS4xMiwxOTEuNDIsMTQ1LDE3MiwxMDgsMTcyYy0yOC44OSwwLTU1LjQ2LDEyLjY4LTc0LjgxLDM1LjcyYTEyLDEyLDAsMCwxLTE4LjM4LTE1LjQ0QTEyNC4wOCwxMjQuMDgsMCwwLDEsNjMuNSwxNTYuNTNhNzIsNzIsMCwxLDEsODksMEExMjQsMTI0LDAsMCwxLDIwMS4xOSwxOTIuMjhaTTEwOCwxNDhhNDgsNDgsMCwxLDAtNDgtNDhBNDguMDUsNDguMDUsMCwwLDAsMTA4LDE0OFoiPjwvcGF0aD48L3N2Zz4="); + --icon-user-plus-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNjOWM1YmU7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTE2OCwxMDBhNjAsNjAsMCwxLDEtNjAtNjBBNjAsNjAsMCwwLDEsMTY4LDEwMFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yNTYsMTM2YTgsOCwwLDAsMS04LDhIMjMydjE2YTgsOCwwLDAsMS0xNiwwVjE0NEgyMDBhOCw4LDAsMCwxLDAtMTZoMTZWMTEyYTgsOCwwLDAsMSwxNiwwdjE2aDE2QTgsOCwwLDAsMSwyNTYsMTM2Wm0tNTcuODcsNTguODVhOCw4LDAsMCwxLTEyLjI2LDEwLjNDMTY1Ljc1LDE4MS4xOSwxMzguMDksMTY4LDEwOCwxNjhzLTU3Ljc1LDEzLjE5LTc3Ljg3LDM3LjE1YTgsOCwwLDAsMS0xMi4yNS0xMC4zYzE0Ljk0LTE3Ljc4LDMzLjUyLTMwLjQxLDU0LjE3LTM3LjE3YTY4LDY4LDAsMSwxLDcxLjksMEMxNjQuNiwxNjQuNDQsMTgzLjE4LDE3Ny4wNywxOTguMTMsMTk0Ljg1Wk0xMDgsMTUyYTUyLDUyLDAsMSwwLTUyLTUyQTUyLjA2LDUyLjA2LDAsMCwwLDEwOCwxNTJaIj48L3BhdGg+PC9zdmc+"); + --icon-user-plus-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsMTAwYTYwLDYwLDAsMSwxLTYwLTYwQTYwLDYwLDAsMCwxLDE2OCwxMDBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjU2LDEzNmE4LDgsMCwwLDEtOCw4SDIzMnYxNmE4LDgsMCwwLDEtMTYsMFYxNDRIMjAwYTgsOCwwLDAsMSwwLTE2aDE2VjExMmE4LDgsMCwwLDEsMTYsMHYxNmgxNkE4LDgsMCwwLDEsMjU2LDEzNlptLTU3Ljg3LDU4Ljg1YTgsOCwwLDAsMS0xMi4yNiwxMC4zQzE2NS43NSwxODEuMTksMTM4LjA5LDE2OCwxMDgsMTY4cy01Ny43NSwxMy4xOS03Ny44NywzNy4xNWE4LDgsMCwwLDEtMTIuMjUtMTAuM2MxNC45NC0xNy43OCwzMy41Mi0zMC40MSw1NC4xNy0zNy4xN2E2OCw2OCwwLDEsMSw3MS45LDBDMTY0LjYsMTY0LjQ0LDE4My4xOCwxNzcuMDcsMTk4LjEzLDE5NC44NVpNMTA4LDE1MmE1Miw1MiwwLDEsMC01Mi01MkE1Mi4wNiw1Mi4wNiwwLDAsMCwxMDgsMTUyWiI+PC9wYXRoPjwvc3ZnPg=="); + + /* Navigation icons */ + --icon-home: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTE1LjU0VjIwOGE4LDgsMCwwLDEtOCw4SDE2MGE4LDgsMCwwLDEtOC04VjE2MGE4LDgsMCwwLDAtOC04SDExMmE4LDgsMCwwLDAtOCw4djQ4YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLTgtOFYxMTUuNTRhOCw4LDAsMCwxLDIuNjItNS45Mmw4MC03NS41NGE4LDgsMCwwLDEsMTAuNzcsMGw4MCw3NS41NEE4LDgsMCwwLDEsMjE2LDExNS41NFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTguODMsMTAzLjc3bC04MC03NS40OGExLjE0LDEuMTQsMCwwLDEtLjExLS4xMSwxNiwxNiwwLDAsMC0yMS41MywwbC0uMTEuMTFMMzcuMTcsMTAzLjc3QTE2LDE2LDAsMCwwLDMyLDExNS41NVYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIOTZhMTYsMTYsMCwwLDAsMTYtMTZWMTYwaDMydjQ4YTE2LDE2LDAsMCwwLDE2LDE2aDQ4YTE2LDE2LDAsMCwwLDE2LTE2VjExNS41NUExNiwxNiwwLDAsMCwyMTguODMsMTAzLjc3Wk0yMDgsMjA4SDE2MFYxNjBhMTYsMTYsMCwwLDAtMTYtMTZIMTEyYTE2LDE2LDAsMCwwLTE2LDE2djQ4SDQ4VjExNS41NWwuMTEtLjFMMTI4LDQwbDc5LjksNzUuNDMuMTEuMVoiPjwvcGF0aD48L3N2Zz4="); + --icon-home-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTE1LjU0VjIwOGE4LDgsMCwwLDEtOCw4SDE2MGE4LDgsMCwwLDEtOC04VjE2MGE4LDgsMCwwLDAtOC04SDExMmE4LDgsMCwwLDAtOCw4djQ4YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLTgtOFYxMTUuNTRhOCw4LDAsMCwxLDIuNjItNS45Mmw4MC03NS41NGE4LDgsMCwwLDEsMTAuNzcsMGw4MCw3NS41NEE4LDgsMCwwLDEsMjE2LDExNS41NFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTguODMsMTAzLjc3bC04MC03NS40OGExLjE0LDEuMTQsMCwwLDEtLjExLS4xMSwxNiwxNiwwLDAsMC0yMS41MywwbC0uMTEuMTFMMzcuMTcsMTAzLjc3QTE2LDE2LDAsMCwwLDMyLDExNS41NVYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIOTZhMTYsMTYsMCwwLDAsMTYtMTZWMTYwaDMydjQ4YTE2LDE2LDAsMCwwLDE2LDE2aDQ4YTE2LDE2LDAsMCwwLDE2LTE2VjExNS41NUExNiwxNiwwLDAsMCwyMTguODMsMTAzLjc3Wk0yMDgsMjA4SDE2MFYxNjBhMTYsMTYsMCwwLDAtMTYtMTZIMTEyYTE2LDE2LDAsMCwwLTE2LDE2djQ4SDQ4VjExNS41NWwuMTEtLjFMMTI4LDQwbDc5LjksNzUuNDMuMTEuMVoiPjwvcGF0aD48L3N2Zz4="); + --icon-bell: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsMTkySDQ4YTgsOCwwLDAsMS02Ljg4LTEyQzQ3LjcxLDE2OC42LDU2LDEzOS44MSw1NiwxMDRhNzIsNzIsMCwwLDEsMTQ0LDBjMCwzNS44Miw4LjMsNjQuNiwxNC45LDc2QTgsOCwwLDAsMSwyMDgsMTkyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyMS44LDE3NS45NEMyMTYuMjUsMTY2LjM4LDIwOCwxMzkuMzMsMjA4LDEwNGE4MCw4MCwwLDEsMC0xNjAsMGMwLDM1LjM0LTguMjYsNjIuMzgtMTMuODEsNzEuOTRBMTYsMTYsMCwwLDAsNDgsMjAwSDg4LjgxYTQwLDQwLDAsMCwwLDc4LjM4LDBIMjA4YTE2LDE2LDAsMCwwLDEzLjgtMjQuMDZaTTEyOCwyMTZhMjQsMjQsMCwwLDEtMjIuNjItMTZoNDUuMjRBMjQsMjQsMCwwLDEsMTI4LDIxNlpNNDgsMTg0YzcuNy0xMy4yNCwxNi00My45MiwxNi04MGE2NCw2NCwwLDEsMSwxMjgsMGMwLDM2LjA1LDguMjgsNjYuNzMsMTYsODBaIj48L3BhdGg+PC9zdmc+"); + --icon-bell-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsMTkySDQ4YTgsOCwwLDAsMS02Ljg4LTEyQzQ3LjcxLDE2OC42LDU2LDEzOS44MSw1NiwxMDRhNzIsNzIsMCwwLDEsMTQ0LDBjMCwzNS44Miw4LjMsNjQuNiwxNC45LDc2QTgsOCwwLDAsMSwyMDgsMTkyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyMS44LDE3NS45NEMyMTYuMjUsMTY2LjM4LDIwOCwxMzkuMzMsMjA4LDEwNGE4MCw4MCwwLDEsMC0xNjAsMGMwLDM1LjM0LTguMjYsNjIuMzgtMTMuODEsNzEuOTRBMTYsMTYsMCwwLDAsNDgsMjAwSDg4LjgxYTQwLDQwLDAsMCwwLDc4LjM4LDBIMjA4YTE2LDE2LDAsMCwwLDEzLjgtMjQuMDZaTTEyOCwyMTZhMjQsMjQsMCwwLDEtMjIuNjItMTZoNDUuMjRBMjQsMjQsMCwwLDEsMTI4LDIxNlpNNDgsMTg0YzcuNy0xMy4yNCwxNi00My45MiwxNi04MGE2NCw2NCwwLDEsMSwxMjgsMGMwLDM2LjA1LDguMjgsNjYuNzMsMTYsODBaIj48L3BhdGg+PC9zdmc+"); + --icon-hashtag: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsOTZ2NjRIOTZWOTZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjE2LDE1MkgxNjhWMTA0aDQ4YTgsOCwwLDAsMCwwLTE2SDE2OFY0MGE4LDgsMCwwLDAtMTYsMFY4OEgxMDRWNDBhOCw4LDAsMCwwLTE2LDBWODhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhhOCw4LDAsMCwwLDE2LDBWMTY4aDQ4djQ4YTgsOCwwLDAsMCwxNiwwVjE2OGg0OGE4LDgsMCwwLDAsMC0xNlptLTExMiwwVjEwNGg0OHY0OFoiPjwvcGF0aD48L3N2Zz4="); + --icon-hashtag-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsOTZ2NjRIOTZWOTZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjE2LDE1MkgxNjhWMTA0aDQ4YTgsOCwwLDAsMCwwLTE2SDE2OFY0MGE4LDgsMCwwLDAtMTYsMFY4OEgxMDRWNDBhOCw4LDAsMCwwLTE2LDBWODhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhhOCw4LDAsMCwwLDE2LDBWMTY4aDQ4djQ4YTgsOCwwLDAsMCwxNiwwVjE2OGg0OGE4LDgsMCwwLDAsMC0xNlptLTExMiwwVjEwNGg0OHY0OFoiPjwvcGF0aD48L3N2Zz4="); + --icon-globe: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4YTg4LDg4LDAsMSwxLTg4LTg4QTg4LDg4LDAsMCwxLDIxNiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ1LjExLDYwLjY4Yy03LjY1LTEzLjE5LTI3Ljg0LTE2LjE2LTU4LjUtOC42NkE5NS45Myw5NS45MywwLDAsMCwzMiwxMjhhOTgsOTgsMCwwLDAsLjc4LDEyLjMxQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNEE5NS45Myw5NS45MywwLDAsMCwyMjQsMTI4YTk3LjA4LDk3LjA4LDAsMCwwLS43Ny0xMi4yNWMxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4Wk0xMjgsNDhhODAuMTEsODAuMTEsMCwwLDEsNzgsNjIuMmMtMTcuMDYsMTYuMDYtNDAuMTUsMzIuNTMtNjIuMDcsNDUuMTNDMTE2LjM4LDE3MS4xNCw5Mi40OCwxODEsNzMuNDIsMTg2LjRBNzkuOTQsNzkuOTQsMCwwLDEsMTI4LDQ4Wk0yNC43NCwxODcuMjljLTEuNDYtMi41MS0uNjUtNy4yNCwyLjIyLTEzYTc5LjA1LDc5LjA1LDAsMCwxLDEwLjI5LTE1LjA1LDk2LDk2LDAsMCwwLDE4LDMxLjMyQzM4LDE5My40NiwyNy4yNCwxOTEuNjEsMjQuNzQsMTg3LjI5Wk0xMjgsMjA4YTc5LjQ1LDc5LjQ1LDAsMCwxLTM4LjU2LTkuOTQsMzcwLDM3MCwwLDAsMCw2Mi40My0yOC44NmMyMS41OC0xMi4zOSw0MC42OC0yNS44Miw1Ni4wNy0zOS4wOEE4MC4wNyw4MC4wNywwLDAsMSwxMjgsMjA4Wk0yMzEuNDIsNzUuNjljLTEuNyw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVjMTQuMjEtMi4zNSwyNy4zNy0yLjE3LDMwLjUsMy4yNEMyMzIuMTksNzAuMjgsMjMyLjI0LDcyLjYzLDIzMS40Miw3NS42OVoiPjwvcGF0aD48L3N2Zz4="); + --icon-globe-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4YTg4LDg4LDAsMSwxLTg4LTg4QTg4LDg4LDAsMCwxLDIxNiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ1LjExLDYwLjY4Yy03LjY1LTEzLjE5LTI3Ljg0LTE2LjE2LTU4LjUtOC42NkE5NS45Myw5NS45MywwLDAsMCwzMiwxMjhhOTgsOTgsMCwwLDAsLjc4LDEyLjMxQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNEE5NS45Myw5NS45MywwLDAsMCwyMjQsMTI4YTk3LjA4LDk3LjA4LDAsMCwwLS43Ny0xMi4yNWMxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4Wk0xMjgsNDhhODAuMTEsODAuMTEsMCwwLDEsNzgsNjIuMmMtMTcuMDYsMTYuMDYtNDAuMTUsMzIuNTMtNjIuMDcsNDUuMTNDMTE2LjM4LDE3MS4xNCw5Mi40OCwxODEsNzMuNDIsMTg2LjRBNzkuOTQsNzkuOTQsMCwwLDEsMTI4LDQ4Wk0yNC43NCwxODcuMjljLTEuNDYtMi41MS0uNjUtNy4yNCwyLjIyLTEzYTc5LjA1LDc5LjA1LDAsMCwxLDEwLjI5LTE1LjA1LDk2LDk2LDAsMCwwLDE4LDMxLjMyQzM4LDE5My40NiwyNy4yNCwxOTEuNjEsMjQuNzQsMTg3LjI5Wk0xMjgsMjA4YTc5LjQ1LDc5LjQ1LDAsMCwxLTM4LjU2LTkuOTQsMzcwLDM3MCwwLDAsMCw2Mi40My0yOC44NmMyMS41OC0xMi4zOSw0MC42OC0yNS44Miw1Ni4wNy0zOS4wOEE4MC4wNyw4MC4wNywwLDAsMSwxMjgsMjA4Wk0yMzEuNDIsNzUuNjljLTEuNyw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVjMTQuMjEtMi4zNSwyNy4zNy0yLjE3LDMwLjUsMy4yNEMyMzIuMTksNzAuMjgsMjMyLjI0LDcyLjYzLDIzMS40Miw3NS42OVoiPjwvcGF0aD48L3N2Zz4="); + --icon-direct-messages: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNTZsLTk2LDg4TDMyLDU2WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCw0OEgzMmE4LDgsMCwwLDAtOCw4VjE5MmExNiwxNiwwLDAsMCwxNiwxNkgyMTZhMTYsMTYsMCwwLDAsMTYtMTZWNTZBOCw4LDAsMCwwLDIyNCw0OFpNMjAzLjQzLDY0LDEyOCwxMzMuMTUsNTIuNTcsNjRaTTIxNiwxOTJINDBWNzQuMTlsODIuNTksNzUuNzFhOCw4LDAsMCwwLDEwLjgyLDBMMjE2LDc0LjE5VjE5MloiPjwvcGF0aD48L3N2Zz4="); + --icon-direct-messages-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNTZsLTk2LDg4TDMyLDU2WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCw0OEgzMmE4LDgsMCwwLDAtOCw4VjE5MmExNiwxNiwwLDAsMCwxNiwxNkgyMTZhMTYsMTYsMCwwLDAsMTYtMTZWNTZBOCw4LDAsMCwwLDIyNCw0OFpNMjAzLjQzLDY0LDEyOCwxMzMuMTUsNTIuNTcsNjRaTTIxNiwxOTJINDBWNzQuMTlsODIuNTksNzUuNzFhOCw4LDAsMCwwLDEwLjgyLDBMMjE2LDc0LjE5VjE5MloiPjwvcGF0aD48L3N2Zz4="); + --icon-bookmark-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzJWMjI0bC01Ni00MEw1NiwyMjRWNzJhOCw4LDAsMCwxLDgtOGg5NkE4LDgsMCwwLDEsMTY4LDcyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2MCw1Nkg2NEExNiwxNiwwLDAsMCw0OCw3MlYyMjRhOCw4LDAsMCwwLDEyLjY1LDYuNTFMMTEyLDE5My44M2w1MS4zNiwzNi42OEE4LDgsMCwwLDAsMTc2LDIyNFY3MkExNiwxNiwwLDAsMCwxNjAsNTZabTAsMTUyLjQ2LTQzLjM2LTMxYTgsOCwwLDAsMC05LjMsMEw2NCwyMDguNDVWNzJoOTZaTTIwOCw0MFYxOTJhOCw4LDAsMCwxLTE2LDBWNDBIODhhOCw4LDAsMCwxLDAtMTZIMTkyQTE2LDE2LDAsMCwxLDIwOCw0MFoiPjwvcGF0aD48L3N2Zz4="); + --icon-bookmark-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzJWMjI0bC01Ni00MEw1NiwyMjRWNzJhOCw4LDAsMCwxLDgtOGg5NkE4LDgsMCwwLDEsMTY4LDcyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2MCw1Nkg2NEExNiwxNiwwLDAsMCw0OCw3MlYyMjRhOCw4LDAsMCwwLDEyLjY1LDYuNTFMMTEyLDE5My44M2w1MS4zNiwzNi42OEE4LDgsMCwwLDAsMTc2LDIyNFY3MkExNiwxNiwwLDAsMCwxNjAsNTZabTAsMTUyLjQ2LTQzLjM2LTMxYTgsOCwwLDAsMC05LjMsMEw2NCwyMDguNDVWNzJoOTZaTTIwOCw0MFYxOTJhOCw4LDAsMCwxLTE2LDBWNDBIODhhOCw4LDAsMCwxLDAtMTZIMTkyQTE2LDE2LDAsMCwxLDIwOCw0MFoiPjwvcGF0aD48L3N2Zz4="); + --icon-star-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIuNDksMjE1LjUxLDE4NSwxNjhhOTIuMTIsOTIuMTIsMCwxLDAtMTcsMTdsNDcuNTMsNDcuNTRhMTIsMTIsMCwwLDAsMTctMTdaTTQ0LDExMmE2OCw2OCwwLDEsMSw2OCw2OEE2OC4wNyw2OC4wNywwLDAsMSw0NCwxMTJaIj48L3BhdGg+PC9zdmc+"); + --icon-search-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTEyYTgwLDgwLDAsMSwxLTgwLTgwQTgwLDgwLDAsMCwxLDE5MiwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI5LjY2LDIxOC4zNCwxNzkuNiwxNjguMjhhODguMjEsODguMjEsMCwxLDAtMTEuMzIsMTEuMzFsNTAuMDYsNTAuMDdhOCw4LDAsMCwwLDExLjMyLTExLjMyWk00MCwxMTJhNzIsNzIsMCwxLDEsNzIsNzJBNzIuMDgsNzIuMDgsMCwwLDEsNDAsMTEyWiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-search-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTEyYTgwLDgwLDAsMSwxLTgwLTgwQTgwLDgwLDAsMCwxLDE5MiwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI5LjY2LDIxOC4zNCwxNzkuNiwxNjguMjhhODguMjEsODguMjEsMCwxLDAtMTEuMzIsMTEuMzFsNTAuMDYsNTAuMDdhOCw4LDAsMCwwLDExLjMyLTExLjMyWk00MCwxMTJhNzIsNzIsMCwxLDEsNzIsNzJBNzIuMDgsNzIuMDgsMCwwLDEsNDAsMTEyWiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-list: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNjRWMTkySDQwVjY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCwxMjhhOCw4LDAsMCwxLTgsOEg0MGE4LDgsMCwwLDEsMC0xNkgyMTZBOCw4LDAsMCwxLDIyNCwxMjhaTTQwLDcySDIxNmE4LDgsMCwwLDAsMC0xNkg0MGE4LDgsMCwwLDAsMCwxNlpNMjE2LDE4NEg0MGE4LDgsMCwwLDAsMCwxNkgyMTZhOCw4LDAsMCwwLDAtMTZaIj48L3BhdGg+PC9zdmc+"); + --icon-list-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNjRWMTkySDQwVjY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCwxMjhhOCw4LDAsMCwxLTgsOEg0MGE4LDgsMCwwLDEsMC0xNkgyMTZBOCw4LDAsMCwxLDIyNCwxMjhaTTQwLDcySDIxNmE4LDgsMCwwLDAsMC0xNkg0MGE4LDgsMCwwLDAsMCwxNlpNMjE2LDE4NEg0MGE4LDgsMCwwLDAsMCwxNkgyMTZhOCw4LDAsMCwwLDAtMTZaIj48L3BhdGg+PC9zdmc+"); + --icon-settings: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMSwxMDguNzYsMTk4LjI1LDkwLjYyYy0uNjQtMS4xNi0xLjMxLTIuMjktMi0zLjQxbC0uMTItMzZBMTA0LjYxLDEwNC42MSwwLDAsMCwxNjIsMzJMMTMwLDQ5Ljg5Yy0xLjM0LDAtMi42OSwwLTQsMEw5NCwzMkExMDQuNTgsMTA0LjU4LDAsMCwwLDU5Ljg5LDUxLjI1bC0uMTYsMzZjLS43LDEuMTItMS4zNywyLjI2LTIsMy40MWwtMzEuODQsMTguMWE5OS4xNSw5OS4xNSwwLDAsMCwwLDM4LjQ2bDMxLjg1LDE4LjE0Yy42NCwxLjE2LDEuMzEsMi4yOSwyLDMuNDFsLjEyLDM2QTEwNC42MSwxMDQuNjEsMCwwLDAsOTQsMjI0bDMyLTE3Ljg3YzEuMzQsMCwyLjY5LDAsNCwwTDE2MiwyMjRhMTA0LjU4LDEwNC41OCwwLDAsMCwzNC4wOC0xOS4yNWwuMTYtMzZjLjctMS4xMiwxLjM3LTIuMjYsMi0zLjQxbDMxLjg0LTE4LjFBOTkuMTUsOTkuMTUsMCwwLDAsMjMwLjEsMTA4Ljc2Wk0xMjgsMTY4YTQwLDQwLDAsMSwxLDQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxNjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDgwYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWm0xMDkuOTQtNTIuNzlhOCw4LDAsMCwwLTMuODktNS40bC0yOS44My0xNy0uMTItMzMuNjJhOCw4LDAsMCwwLTIuODMtNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLTM2LjcyLTIwLjY3LDgsOCwwLDAsMC02LjQ2LjU5TDEyOCw0MS44NSw5Ny44OCwyNWE4LDgsMCwwLDAtNi40Ny0uNkExMTEuOTIsMTExLjkyLDAsMCwwLDU0LjczLDQ1LjE1YTgsOCwwLDAsMC0yLjgzLDYuMDdsLS4xNSwzMy42NS0yOS44MywxN2E4LDgsMCwwLDAtMy44OSw1LjQsMTA2LjQ3LDEwNi40NywwLDAsMCwwLDQxLjU2LDgsOCwwLDAsMCwzLjg5LDUuNGwyOS44MywxNywuMTIsMzMuNjNhOCw4LDAsMCwwLDIuODMsNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLDM2LjcyLDIwLjY3LDgsOCwwLDAsMCw2LjQ2LS41OUwxMjgsMjE0LjE1LDE1OC4xMiwyMzFhNy45MSw3LjkxLDAsMCwwLDMuOSwxLDguMDksOC4wOSwwLDAsMCwyLjU3LS40MiwxMTIuMSwxMTIuMSwwLDAsMCwzNi42OC0yMC43Myw4LDgsMCwwLDAsMi44My02LjA3bC4xNS0zMy42NSwyOS44My0xN2E4LDgsMCwwLDAsMy44OS01LjRBMTA2LjQ3LDEwNi40NywwLDAsMCwyMzcuOTQsMTA3LjIxWm0tMTUsMzQuOTEtMjguNTcsMTYuMjVhOCw4LDAsMCwwLTMsM2MtLjU4LDEtMS4xOSwyLjA2LTEuODEsMy4wNmE3Ljk0LDcuOTQsMCwwLDAtMS4yMiw0LjIxbC0uMTUsMzIuMjVhOTUuODksOTUuODksMCwwLDEtMjUuMzcsMTQuM0wxMzQsMTk5LjEzYTgsOCwwLDAsMC0zLjkxLTFoLS4xOWMtMS4yMSwwLTIuNDMsMC0zLjY0LDBhOC4xLDguMSwwLDAsMC00LjEsMWwtMjguODQsMTYuMUE5Niw5NiwwLDAsMSw2Ny44OCwyMDFsLS4xMS0zMi4yYTgsOCwwLDAsMC0xLjIyLTQuMjJjLS42Mi0xLTEuMjMtMi0xLjgtMy4wNmE4LjA5LDguMDksMCwwLDAtMy0zLjA2bC0yOC42LTE2LjI5YTkwLjQ5LDkwLjQ5LDAsMCwxLDAtMjguMjZMNjEuNjcsOTcuNjNhOCw4LDAsMCwwLDMtM2MuNTgtMSwxLjE5LTIuMDYsMS44MS0zLjA2YTcuOTQsNy45NCwwLDAsMCwxLjIyLTQuMjFsLjE1LTMyLjI1YTk1Ljg5LDk1Ljg5LDAsMCwxLDI1LjM3LTE0LjNMMTIyLDU2Ljg3YTgsOCwwLDAsMCw0LjEsMWMxLjIxLDAsMi40MywwLDMuNjQsMGE4LDgsMCwwLDAsNC4xLTFsMjguODQtMTYuMUE5Niw5NiwwLDAsMSwxODguMTIsNTVsLjExLDMyLjJhOCw4LDAsMCwwLDEuMjIsNC4yMmMuNjIsMSwxLjIzLDIsMS44LDMuMDZhOC4wOSw4LjA5LDAsMCwwLDMsMy4wNmwyOC42LDE2LjI5QTkwLjQ5LDkwLjQ5LDAsMCwxLDIyMi45LDE0Mi4xMloiPjwvcGF0aD48L3N2Zz4="); + --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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNmZDdkMjA7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIyNCw3MS4xYTgsOCwwLDAsMS0xMC43OC0zLjQyLDk0LjEzLDk0LjEzLDAsMCwwLTMzLjQ2LTM2LjkxLDgsOCwwLDEsMSw4LjU0LTEzLjU0LDExMS40NiwxMTEuNDYsMCwwLDEsMzkuMTIsNDMuMDlBOCw4LDAsMCwxLDIyNCw3MS4xWk0zNS43MSw3MmE4LDgsMCwwLDAsNy4xLTQuMzJBOTQuMTMsOTQuMTMsMCwwLDEsNzYuMjcsMzAuNzdhOCw4LDAsMSwwLTguNTQtMTMuNTRBMTExLjQ2LDExMS40NiwwLDAsMCwyOC42MSw2MC4zMiw4LDgsMCwwLDAsMzUuNzEsNzJabTE4Ni4xLDEwMy45NEExNiwxNiwwLDAsMSwyMDgsMjAwSDE2Ny4yYTQwLDQwLDAsMCwxLTc4LjQsMEg0OGExNiwxNiwwLDAsMS0xMy43OS0yNC4wNkM0My4yMiwxNjAuMzksNDgsMTM4LjI4LDQ4LDExMmE4MCw4MCwwLDAsMSwxNjAsMEMyMDgsMTM4LjI3LDIxMi43OCwxNjAuMzgsMjIxLjgxLDE3NS45NFpNMTUwLjYyLDIwMEgxMDUuMzhhMjQsMjQsMCwwLDAsNDUuMjQsMFoiPjwvcGF0aD48L3N2Zz4="); + --icon-close: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjRBMTA0LDEwNCwwLDEsMCwyMzIsMTI4LDEwNC4xMSwxMDQuMTEsMCwwLDAsMTI4LDI0Wm0zNy42NiwxMzAuMzRhOCw4LDAsMCwxLTExLjMyLDExLjMyTDEyOCwxMzkuMzFsLTI2LjM0LDI2LjM1YTgsOCwwLDAsMS0xMS4zMi0xMS4zMkwxMTYuNjksMTI4LDkwLjM0LDEwMS42NmE4LDgsMCwwLDEsMTEuMzItMTEuMzJMMTI4LDExNi42OWwyNi4zNC0yNi4zNWE4LDgsMCwwLDEsMTEuMzIsMTEuMzJMMTM5LjMxLDEyOFoiPjwvcGF0aD48L3N2Zz4="); + --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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjUuODYsMTAyLjgyYy0zLjc3LTMuOTQtNy42Ny04LTkuMTQtMTEuNTctMS4zNi0zLjI3LTEuNDQtOC42OS0xLjUyLTEzLjk0LS4xNS05Ljc2LS4zMS0yMC44Mi04LTI4LjUxcy0xOC43NS03Ljg1LTI4LjUxLThjLTUuMjUtLjA4LTEwLjY3LS4xNi0xMy45NC0xLjUyLTMuNTYtMS40Ny03LjYzLTUuMzctMTEuNTctOS4xNEMxNDYuMjgsMjMuNTEsMTM4LjQ0LDE2LDEyOCwxNnMtMTguMjcsNy41MS0yNS4xOCwxNC4xNGMtMy45NCwzLjc3LTgsNy42Ny0xMS41Nyw5LjE0Qzg4LDQwLjY0LDgyLjU2LDQwLjcyLDc3LjMxLDQwLjhjLTkuNzYuMTUtMjAuODIuMzEtMjguNTEsOFM0MSw2Ny41NSw0MC44LDc3LjMxYy0uMDgsNS4yNS0uMTYsMTAuNjctMS41MiwxMy45NC0xLjQ3LDMuNTYtNS4zNyw3LjYzLTkuMTQsMTEuNTdDMjMuNTEsMTA5LjcyLDE2LDExNy41NiwxNiwxMjhzNy41MSwxOC4yNywxNC4xNCwyNS4xOGMzLjc3LDMuOTQsNy42Nyw4LDkuMTQsMTEuNTcsMS4zNiwzLjI3LDEuNDQsOC42OSwxLjUyLDEzLjk0LjE1LDkuNzYuMzEsMjAuODIsOCwyOC41MXMxOC43NSw3Ljg1LDI4LjUxLDhjNS4yNS4wOCwxMC42Ny4xNiwxMy45NCwxLjUyLDMuNTYsMS40Nyw3LjYzLDUuMzcsMTEuNTcsOS4xNEMxMDkuNzIsMjMyLjQ5LDExNy41NiwyNDAsMTI4LDI0MHMxOC4yNy03LjUxLDI1LjE4LTE0LjE0YzMuOTQtMy43Nyw4LTcuNjcsMTEuNTctOS4xNCwzLjI3LTEuMzYsOC42OS0xLjQ0LDEzLjk0LTEuNTIsOS43Ni0uMTUsMjAuODItLjMxLDI4LjUxLThzNy44NS0xOC43NSw4LTI4LjUxYy4wOC01LjI1LjE2LTEwLjY3LDEuNTItMTMuOTQsMS40Ny0zLjU2LDUuMzctNy42Myw5LjE0LTExLjU3QzIzMi40OSwxNDYuMjgsMjQwLDEzOC40NCwyNDAsMTI4UzIzMi40OSwxMDkuNzMsMjI1Ljg2LDEwMi44MlptLTUyLjIsNi44NC01Niw1NmE4LDgsMCwwLDEtMTEuMzIsMGwtMjQtMjRhOCw4LDAsMCwxLDExLjMyLTExLjMyTDExMiwxNDguNjlsNTAuMzQtNTAuMzVhOCw4LDAsMCwxLDExLjMyLDExLjMyWiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-gear: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMSwxMDguNzYsMTk4LjI1LDkwLjYyYy0uNjQtMS4xNi0xLjMxLTIuMjktMi0zLjQxbC0uMTItMzZBMTA0LjYxLDEwNC42MSwwLDAsMCwxNjIsMzJMMTMwLDQ5Ljg5Yy0xLjM0LDAtMi42OSwwLTQsMEw5NCwzMkExMDQuNTgsMTA0LjU4LDAsMCwwLDU5Ljg5LDUxLjI1bC0uMTYsMzZjLS43LDEuMTItMS4zNywyLjI2LTIsMy40MWwtMzEuODQsMTguMWE5OS4xNSw5OS4xNSwwLDAsMCwwLDM4LjQ2bDMxLjg1LDE4LjE0Yy42NCwxLjE2LDEuMzEsMi4yOSwyLDMuNDFsLjEyLDM2QTEwNC42MSwxMDQuNjEsMCwwLDAsOTQsMjI0bDMyLTE3Ljg3YzEuMzQsMCwyLjY5LDAsNCwwTDE2MiwyMjRhMTA0LjU4LDEwNC41OCwwLDAsMCwzNC4wOC0xOS4yNWwuMTYtMzZjLjctMS4xMiwxLjM3LTIuMjYsMi0zLjQxbDMxLjg0LTE4LjFBOTkuMTUsOTkuMTUsMCwwLDAsMjMwLjEsMTA4Ljc2Wk0xMjgsMTY4YTQwLDQwLDAsMSwxLDQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxNjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDgwYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWm0xMDkuOTQtNTIuNzlhOCw4LDAsMCwwLTMuODktNS40bC0yOS44My0xNy0uMTItMzMuNjJhOCw4LDAsMCwwLTIuODMtNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLTM2LjcyLTIwLjY3LDgsOCwwLDAsMC02LjQ2LjU5TDEyOCw0MS44NSw5Ny44OCwyNWE4LDgsMCwwLDAtNi40Ny0uNkExMTEuOTIsMTExLjkyLDAsMCwwLDU0LjczLDQ1LjE1YTgsOCwwLDAsMC0yLjgzLDYuMDdsLS4xNSwzMy42NS0yOS44MywxN2E4LDgsMCwwLDAtMy44OSw1LjQsMTA2LjQ3LDEwNi40NywwLDAsMCwwLDQxLjU2LDgsOCwwLDAsMCwzLjg5LDUuNGwyOS44MywxNywuMTIsMzMuNjNhOCw4LDAsMCwwLDIuODMsNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLDM2LjcyLDIwLjY3LDgsOCwwLDAsMCw2LjQ2LS41OUwxMjgsMjE0LjE1LDE1OC4xMiwyMzFhNy45MSw3LjkxLDAsMCwwLDMuOSwxLDguMDksOC4wOSwwLDAsMCwyLjU3LS40MiwxMTIuMSwxMTIuMSwwLDAsMCwzNi42OC0yMC43Myw4LDgsMCwwLDAsMi44My02LjA3bC4xNS0zMy42NSwyOS44My0xN2E4LDgsMCwwLDAsMy44OS01LjRBMTA2LjQ3LDEwNi40NywwLDAsMCwyMzcuOTQsMTA3LjIxWm0tMTUsMzQuOTEtMjguNTcsMTYuMjVhOCw4LDAsMCwwLTMsM2MtLjU4LDEtMS4xOSwyLjA2LTEuODEsMy4wNmE3Ljk0LDcuOTQsMCwwLDAtMS4yMiw0LjIxbC0uMTUsMzIuMjVhOTUuODksOTUuODksMCwwLDEtMjUuMzcsMTQuM0wxMzQsMTk5LjEzYTgsOCwwLDAsMC0zLjkxLTFoLS4xOWMtMS4yMSwwLTIuNDMsMC0zLjY0LDBhOC4xLDguMSwwLDAsMC00LjEsMWwtMjguODQsMTYuMUE5Niw5NiwwLDAsMSw2Ny44OCwyMDFsLS4xMS0zMi4yYTgsOCwwLDAsMC0xLjIyLTQuMjJjLS42Mi0xLTEuMjMtMi0xLjgtMy4wNmE4LjA5LDguMDksMCwwLDAtMy0zLjA2bC0yOC42LTE2LjI5YTkwLjQ5LDkwLjQ5LDAsMCwxLDAtMjguMjZMNjEuNjcsOTcuNjNhOCw4LDAsMCwwLDMtM2MuNTgtMSwxLjE5LTIuMDYsMS44MS0zLjA2YTcuOTQsNy45NCwwLDAsMCwxLjIyLTQuMjFsLjE1LTMyLjI1YTk1Ljg5LDk1Ljg5LDAsMCwxLDI1LjM3LTE0LjNMMTIyLDU2Ljg3YTgsOCwwLDAsMCw0LjEsMWMxLjIxLDAsMi40MywwLDMuNjQsMGE4LDgsMCwwLDAsNC4xLTFsMjguODQtMTYuMUE5Niw5NiwwLDAsMSwxODguMTIsNTVsLjExLDMyLjJhOCw4LDAsMCwwLDEuMjIsNC4yMmMuNjIsMSwxLjIzLDIsMS44LDMuMDZhOC4wOSw4LjA5LDAsMCwwLDMsMy4wNmwyOC42LDE2LjI5QTkwLjQ5LDkwLjQ5LDAsMCwxLDIyMi45LDE0Mi4xMloiPjwvcGF0aD48L3N2Zz4="); + --icon-gear-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzcuOTQsMTA3LjIxYTgsOCwwLDAsMC0zLjg5LTUuNGwtMjkuODMtMTctLjEyLTMzLjYyYTgsOCwwLDAsMC0yLjgzLTYuMDgsMTExLjkxLDExMS45MSwwLDAsMC0zNi43Mi0yMC42Nyw4LDgsMCwwLDAtNi40Ni41OUwxMjgsNDEuODUsOTcuODgsMjVhOCw4LDAsMCwwLTYuNDctLjZBMTExLjkyLDExMS45MiwwLDAsMCw1NC43Myw0NS4xNWE4LDgsMCwwLDAtMi44Myw2LjA3bC0uMTUsMzMuNjUtMjkuODMsMTdhOCw4LDAsMCwwLTMuODksNS40LDEwNi40NywxMDYuNDcsMCwwLDAsMCw0MS41Niw4LDgsMCwwLDAsMy44OSw1LjRsMjkuODMsMTcsLjEyLDMzLjYzYTgsOCwwLDAsMCwyLjgzLDYuMDgsMTExLjkxLDExMS45MSwwLDAsMCwzNi43MiwyMC42Nyw4LDgsMCwwLDAsNi40Ni0uNTlMMTI4LDIxNC4xNSwxNTguMTIsMjMxYTcuOTEsNy45MSwwLDAsMCwzLjksMSw4LjA5LDguMDksMCwwLDAsMi41Ny0uNDIsMTEyLjEsMTEyLjEsMCwwLDAsMzYuNjgtMjAuNzMsOCw4LDAsMCwwLDIuODMtNi4wN2wuMTUtMzMuNjUsMjkuODMtMTdhOCw4LDAsMCwwLDMuODktNS40QTEwNi40NywxMDYuNDcsMCwwLDAsMjM3Ljk0LDEwNy4yMVpNMTI4LDE2OGE0MCw0MCwwLDEsMSw0MC00MEE0MCw0MCwwLDAsMSwxMjgsMTY4WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-pin: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNmZDdkMjA7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIyOS42Niw5OC4zNCwxNzIuMzksMTU1LjhjMTEuNDYsMjIuOTMtMS43Miw0NS44Ni0xMC4xMSw1N2E4LDgsMCwwLDEtMTIsLjgzTDQyLjM0LDEwNS43NkE4LDgsMCwwLDEsNDMsOTMuODVjMjkuNjUtMjMuOTIsNTcuNC0xMCw1Ny40LTEwbDU3LjI3LTU3LjQ2YTgsOCwwLDAsMSwxMS4zMSwwTDIyOS42Niw4N0E4LDgsMCwwLDEsMjI5LjY2LDk4LjM0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIzNS4zMiw4MS4zNywxNzQuNjMsMjAuNjlhMTYsMTYsMCwwLDAtMjIuNjMsMEw5OC4zNyw3NC40OWMtMTAuNjYtMy4zNC0zNS03LjM3LTYwLjQsMTMuMTRhMTYsMTYsMCwwLDAtMS4yOSwyMy43OEw4NSwxNTkuNzEsNDIuMzQsMjAyLjM0YTgsOCwwLDAsMCwxMS4zMiwxMS4zMkw5Ni4yOSwxNzFsNDguMjksNDguMjlBMTYsMTYsMCwwLDAsMTU1LjksMjI0Yy4zOCwwLC43NSwwLDEuMTMsMGExNS45MywxNS45MywwLDAsMCwxMS42NC02LjMzYzE5LjY0LTI2LjEsMTcuNzUtNDcuMzIsMTMuMTktNjBMMjM1LjMzLDEwNEExNiwxNiwwLDAsMCwyMzUuMzIsODEuMzdaTTIyNCw5Mi42OWgwbC01Ny4yNyw1Ny40NmE4LDgsMCwwLDAtMS40OSw5LjIyYzkuNDYsMTguOTMtMS44LDM4LjU5LTkuMzQsNDguNjJMNDgsMTAwLjA4YzEyLjA4LTkuNzQsMjMuNjQtMTIuMzEsMzIuNDgtMTIuMzFBNDAuMTMsNDAuMTMsMCwwLDEsOTYuODEsOTFhOCw4LDAsMCwwLDkuMjUtMS41MUwxNjMuMzIsMzIsMjI0LDkyLjY4WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-emoji: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0QTEwNCwxMDQsMCwxLDAsMjMyLDEyOCwxMDQuMTEsMTA0LjExLDAsMCwwLDEyOCwyNFptMCwxOTJhODgsODgsMCwxLDEsODgtODhBODguMSw4OC4xLDAsMCwxLDEyOCwyMTZaTTgwLDEwOGExMiwxMiwwLDEsMSwxMiwxMkExMiwxMiwwLDAsMSw4MCwxMDhabTk2LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTc2LDEwOFptLTEuMDgsNDhjLTEwLjI5LDE3Ljc5LTI3LjM5LDI4LTQ2LjkyLDI4cy0zNi42My0xMC4yLTQ2LjkyLTI4YTgsOCwwLDEsMSwxMy44NC04YzcuNDcsMTIuOTEsMTkuMjEsMjAsMzMuMDgsMjBzMjUuNjEtNy4xLDMzLjA4LTIwYTgsOCwwLDEsMSwxMy44NCw4WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-emoji-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0QTEwNCwxMDQsMCwxLDAsMjMyLDEyOCwxMDQuMTEsMTA0LjExLDAsMCwwLDEyOCwyNFptMCwxOTJhODgsODgsMCwxLDEsODgtODhBODguMSw4OC4xLDAsMCwxLDEyOCwyMTZaTTgwLDEwOGExMiwxMiwwLDEsMSwxMiwxMkExMiwxMiwwLDAsMSw4MCwxMDhabTk2LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTc2LDEwOFptLTEuMDgsNDhjLTEwLjI5LDE3Ljc5LTI3LjM5LDI4LTQ2LjkyLDI4cy0zNi42My0xMC4yLTQ2LjkyLTI4YTgsOCwwLDEsMSwxMy44NC04YzcuNDcsMTIuOTEsMTkuMjEsMjAsMzMuMDgsMjBzMjUuNjEtNy4xLDMzLjA4LTIwYTgsOCwwLDEsMSwxMy44NCw4WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNmZDdkMjA7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIwOS45NCwxMTMuOTRsLTI4LDI4YTQ3Ljc2LDQ3Ljc2LDAsMCwxLTI2LjUyLDEzLjQ4LDQ3Ljc2LDQ3Ljc2LDAsMCwxLTEzLjQ4LDI2LjUybC0yOCwyOGE0OCw0OCwwLDAsMS02Ny44OC02Ny44OGwyOC0yOGE0Ny43Niw0Ny43NiwwLDAsMSwyNi41Mi0xMy40OCw0Ny43Niw0Ny43NiwwLDAsMSwxMy40OC0yNi41MmwyOC0yOGE0OCw0OCwwLDAsMSw2Ny44OCw2Ny44OFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMzcuNTQsMTg2LjM2YTgsOCwwLDAsMSwwLDExLjMxbC0xNy45NCwxOEE1Niw1NiwwLDAsMSw0MC4zOCwxMzYuNEw2OC41LDEwOC4yOUE1Niw1NiwwLDAsMSwxNDUuMzEsMTA2YTgsOCwwLDEsMS0xMC42NCwxMiw0MCw0MCwwLDAsMC01NC44NSwxLjYzTDUxLjcsMTQ3LjcyYTQwLDQwLDAsMSwwLDU2LjU4LDU2LjU4bDE3Ljk0LTE3Ljk0QTgsOCwwLDAsMSwxMzcuNTQsMTg2LjM2Wm03OC4wOC0xNDZhNTYuMDgsNTYuMDgsMCwwLDAtNzkuMjIsMEwxMTguNDYsNTguMzNhOCw4LDAsMCwwLDExLjMyLDExLjMxTDE0Ny43Miw1MS43YTQwLDQwLDAsMCwxLDU2LjU4LDU2LjU4TDE3Ni4xOCwxMzYuNEE0MCw0MCwwLDAsMSwxMjEuMzMsMTM4LDgsOCwwLDEsMCwxMTAuNjksMTUwYTU2LDU2LDAsMCwwLDc2LjgxLTIuMjdsMjguMTItMjguMTFBNTYuMDgsNTYuMDgsMCwwLDAsMjE1LjYyLDQwLjM4WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-share: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTA0bC00OCw0OFY1NloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMjkuNjYsOTguMzRsLTQ4LTQ4QTgsOCwwLDAsMCwxNjgsNTZWOTZoLTNBMTAzLjk0LDEwMy45NCwwLDAsMCw2NC4yNSwxNzRhOCw4LDAsMCwwLDE1LjUsNEE4OCw4OCwwLDAsMSwxNjUsMTEyaDN2NDBhOCw4LDAsMCwwLDEzLjY2LDUuNjZsNDgtNDhBOCw4LDAsMCwwLDIyOS42Niw5OC4zNFpNMTg0LDEzMi42OVY3NS4zMUwyMTIuNjksMTA0Wk0yMDAsMjE2YTgsOCwwLDAsMS04LDhINDBhMTYsMTYsMCwwLDEtMTYtMTZWODhhOCw4LDAsMCwxLDE2LDBWMjA4SDE5MkE4LDgsMCwwLDEsMjAwLDIxNloiPjwvcGF0aD48L3N2Zz4="); + --icon-compose: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTIwdjg4YTE2LDE2LDAsMCwxLTE2LDE2SDQ4YTE2LDE2LDAsMCwxLTE2LTE2VjQ4QTE2LDE2LDAsMCwxLDQ4LDMyaDg4YTgsOCwwLDAsMSwwLDE2SDQ4VjIwOEgyMDhWMTIwYTgsOCwwLDAsMSwxNiwwWm01LjY2LTUwLjM0LTk2LDk2QTgsOCwwLDAsMSwxMjgsMTY4SDk2YTgsOCwwLDAsMS04LThWMTI4YTgsOCwwLDAsMSwyLjM0LTUuNjZsOTYtOTZhOCw4LDAsMCwxLDExLjMyLDBsMzIsMzJBOCw4LDAsMCwxLDIyOS42Niw2OS42NlptLTE3LTUuNjZMMTkyLDQzLjMxLDE3OS4zMSw1NiwyMDAsNzYuNjlaIj48L3BhdGg+PC9zdmc+"); + --icon-copy: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNDBWMTY4SDE2OFY4OEg4OFY0MFoiIG9wYWNpdHk9IjAuMiI+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='%23E68A32'/%3E%3Cstop offset='100%25' stop-color='%23E68A32'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath xmlns='http://www.w3.org/2000/svg' fill='url(%23a)' d='M211.807 139.088c-3.18 16.366-28.492 34.277-57.562 37.748-15.159 1.809-30.084 3.471-45.999 2.741-26.027-1.192-46.565-6.212-46.565-6.212 0 2.534.156 4.946.469 7.202 3.384 25.687 25.47 27.225 46.391 27.943 21.116.723 39.919-5.206 39.919-5.206l.867 19.09s-14.77 7.931-41.08 9.39c-14.51.797-32.525-.365-53.507-5.919C9.232 213.82 1.406 165.311.209 116.091c-.365-14.613-.14-28.393-.14-39.918 0-50.33 32.976-65.083 32.976-65.083C49.672 3.454 78.204.242 107.865 0h.729c29.66.242 58.21 3.454 74.837 11.09 0 0 32.975 14.752 32.975 65.082 0 0 .414 37.134-4.599 62.916'/%3E%3Cpath fill='%23fff' d='M177.51 80.077v60.941h-24.144v-59.15c0-12.469-5.246-18.797-15.74-18.797-11.602 0-17.417 7.507-17.417 22.352V117.8H96.207V85.423c0-14.845-5.816-22.352-17.418-22.352-10.494 0-15.74 6.328-15.74 18.797v59.15H38.905V80.077c0-12.455 3.171-22.352 9.541-29.675 6.569-7.322 15.171-11.076 25.85-11.076 12.355 0 21.711 4.748 27.898 14.247l6.013 10.082 6.015-10.082c6.185-9.498 15.542-14.247 27.898-14.247 10.677 0 19.28 3.753 25.85 11.076 6.369 7.322 9.54 17.22 9.54 29.675'/%3E%3C/svg%3E"); + + /* Post+Notifications icons */ + --icon-reply: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNlOGU2ZTM7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIzNiwyMDBhMTIsMTIsMCwwLDEtMjQsMCw4NC4wOSw4NC4wOSwwLDAsMC04NC04NEg2MWwyNy41MiwyNy41MWExMiwxMiwwLDAsMS0xNywxN2wtNDgtNDhhMTIsMTIsMCwwLDEsMC0xN2w0OC00OGExMiwxMiwwLDAsMSwxNywxN0w2MSw5Mmg2N0ExMDguMTIsMTA4LjEyLDAsMCwxLDIzNiwyMDBaIj48L3BhdGg+PC9zdmc+"); + --icon-reply-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik04MCw1NnY5NkwzMiwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2SDg4VjU2YTgsOCwwLDAsMC0xMy42Ni01LjY2bC00OCw0OGE4LDgsMCwwLDAsMCwxMS4zMmw0OCw0OEE4LDgsMCwwLDAsODgsMTUyVjExMmg0MGE4OC4xLDg4LjEsMCwwLDEsODgsODgsOCw4LDAsMCwwLDE2LDBBMTA0LjExLDEwNC4xMSwwLDAsMCwxMjgsOTZaTTcyLDEzMi42OSw0My4zMSwxMDQsNzIsNzUuMzFaIj48L3BhdGg+PC9zdmc+"); + --icon-boost: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjcuODUsNDYuODlhMjAsMjAsMCwwLDAtMTguNzQtMTguNzRjLTEzLjEzLS43Ny00Ni42NS40Mi03NC40OCwyOC4yNEwxMzEsNjBINzQuMzZhMTkuODMsMTkuODMsMCwwLDAtMTQuMTQsNS44NkwyNS44NywxMDAuMTlhMjAsMjAsMCwwLDAsMTEuMzUsMzMuOTVsMzcuMTQsNS4xOCw0Mi4zMiw0Mi4zMiw1LjE5LDM3LjE4QTE5Ljg4LDE5Ljg4LDAsMCwwLDEzNS4zNCwyMzVhMjAuMTMsMjAuMTMsMCwwLDAsNi4zNywxLDE5LjksMTkuOSwwLDAsMCwxNC4xLTUuODdsMzQuMzQtMzQuMzVBMTkuODUsMTkuODUsMCwwLDAsMTk2LDE4MS42NFYxMjVsMy42LTMuNTlDMjI3LjQzLDkzLjU0LDIyOC42Miw2MCwyMjcuODUsNDYuODlaTTc2LDg0aDMxTDc1Ljc1LDExNS4yOGwtMjcuMjMtMy44Wk0xNTEuNiw3My4zN0E3Mi4yNyw3Mi4yNywwLDAsMSwyMDQsNTJhNzIuMTcsNzIuMTcsMCwwLDEtMjEuMzgsNTIuNDFMMTI4LDE1OSw5NywxMjhaTTE3MiwxODBsLTI3LjQ5LDI3LjQ5LTMuOC0yNy4yM0wxNzIsMTQ5Wm0tNzEuNjcsMjEuNjJDOTEuNjcsMjEzLjY1LDc0LjE2LDIyOCw0MCwyMjhhMTIsMTIsMCwwLDEtMTItMTJjMC0zNC4xNSwxNC4zNS01MS42NiwyNi4zOS02MC4zM2ExMiwxMiwwLDAsMSwxNCwxOS40N2MtNiw0LjMxLTEyLjg5LDEyLjUtMTUuNDIsMjcuODcsMTUuMzctMi41MywyMy41Ni05LjQ0LDI3Ljg3LTE1LjQyYTEyLDEyLDAsMSwxLDE5LjQ3LDE0WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-boost-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik03MiwxNjBsMjQsMjRzLTgsMzItNTYsMzJDNDAsMTY4LDcyLDE2MCw3MiwxNjBabTY0LTg4SDc0LjM1YTgsOCwwLDAsMC01LjY1LDIuMzRMMzQuMzUsMTA4LjY5YTgsOCwwLDAsMCw0LjUzLDEzLjU3TDgwLDEyOFptLTgsMTA0LDUuNzQsNDEuMTJhOCw4LDAsMCwwLDEzLjU3LDQuNTNsMzQuMzUtMzQuMzVhOCw4LDAsMCwwLDIuMzQtNS42NVYxMjBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTAzLjc3LDE4NS45NEMxMDMuMzgsMTg3LjQ5LDkzLjYzLDIyNCw0MCwyMjRhOCw4LDAsMCwxLTgtOGMwLTUzLjYzLDM2LjUxLTYzLjM4LDM4LjA2LTYzLjc3YTgsOCwwLDAsMSwzLjg4LDE1LjUzYy0uOS4yNS0yMi40Miw2LjU0LTI1LjU2LDM5Ljg2QzgxLjcsMjA0LjQ4LDg4LDE4Myw4OC4yNiwxODJhOCw4LDAsMCwxLDE1LjUxLDRabTkzLTY3LjRMMTkyLDEyMy4zMXY1OC4zM0ExNS45MSwxNS45MSwwLDAsMSwxODcuMzIsMTkzTDE1MywyMjcuM0ExNS45MSwxNS45MSwwLDAsMSwxNDEuNywyMzJhMTYuMTEsMTYuMTEsMCwwLDEtNS4xLS44MywxNS45NCwxNS45NCwwLDAsMS0xMC43OC0xMi45MmwtNS4zNy0zOC40OUw3Ni4yNCwxMzUuNTVsLTM4LjQ3LTUuMzdBMTYsMTYsMCwwLDEsMjguNywxMDNMNjMsNjguNjhBMTUuOTEsMTUuOTEsMCwwLDEsNzQuMzYsNjRoNTguMzNsNC43Ny00Ljc3YzI2LjY4LTI2LjY3LDU4LjgzLTI3LjgyLDcxLjQxLTI3LjA3YTE2LDE2LDAsMCwxLDE1LDE1QzIyNC42LDU5LjcxLDIyMy40NSw5MS44NiwxOTYuNzgsMTE4LjU0Wk00MCwxMTQuMzRsMzcuMTUsNS4xOEwxMTYuNjksODBINzQuMzZaTTkxLjMyLDEyOCwxMjgsMTY0LjY4bDU3LjQ1LTU3LjQ1YTc2LjQ2LDc2LjQ2LDAsMCwwLDIyLjQyLTU5LjE2LDc2LjY0LDc2LjY0LDAsMCwwLTU5LjExLDIyLjQ3Wk0xNzYsMTM5LjMxbC0zOS41MywzOS41M0wxNDEuNjcsMjE2LDE3NiwxODEuNjRaIj48L3BhdGg+PC9zdmc+"); + --icon-star: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDMsOTYuMDVhMjAsMjAsMCwwLDAtMTcuMjYtMTMuNzJsLTU3LTQuOTMtMjIuMy01My4xNGgwYTIwLDIwLDAsMCwwLTM2LjgyLDBMODcuMjksNzcuNGwtNTcsNC45M0EyMCwyMCwwLDAsMCwxOC44NywxMTcuNGw0My4zMiwzNy44LTEzLDU2LjI0QTIwLDIwLDAsMCwwLDc5LDIzMy4xbDQ5LTI5Ljc2LDQ5LDI5Ljc2YTIwLDIwLDAsMCwwLDI5LjgtMjEuNjZsLTEzLTU2LjI0LDQzLjMyLTM3LjhBMjAsMjAsMCwwLDAsMjQzLDk2LjA1Wm0tNjYuNzUsNDIuNjJhMjAsMjAsMCwwLDAtNi4zNSwxOS42M2wxMS4zOSw0OS4zMi00Mi45NC0yNi4wOGExOS45LDE5LjksMCwwLDAtMjAuNywwTDc0LjcxLDIwNy42Miw4Ni4xLDE1OC4zYTIwLDIwLDAsMCwwLTYuMzUtMTkuNjNMNDEuNjYsMTA1LjQ0LDkxLjgsMTAxLjFhMTkuOTIsMTkuOTIsMCwwLDAsMTYuNjktMTIuMTlMMTI4LDQyLjQybDE5LjUxLDQ2LjQ5QTE5LjkyLDE5LjkyLDAsMCwwLDE2NC4yLDEwMS4xbDUwLjE0LDQuMzRaIj48L3BhdGg+PC9zdmc+"); + --icon-star-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+"); + --icon-bookmark: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQsMjhINzJBMjAsMjAsMCwwLDAsNTIsNDhWMjI0YTEyLDEyLDAsMCwwLDE4LjM2LDEwLjE4bDU3LjYzLTM2LDU3LjY1LDM2QTEyLDEyLDAsMCwwLDIwNCwyMjRWNDhBMjAsMjAsMCwwLDAsMTg0LDI4Wm0tNCwyNFYxNTQuMzVsLTQ1LjY1LTI4LjUzYTEyLDEyLDAsMCwwLTEyLjcyLDBMNzYsMTU0LjM1VjUyWk0xMzQuMzUsMTczLjgyYTEyLDEyLDAsMCwwLTEyLjcyLDBMNzYsMjAyLjM1di0xOS43bDUyLTMyLjUsNTIsMzIuNXYxOS43WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-bookmark-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTc2djQ4bC02NC00MEw2NCwyMjRWMTc2bDY0LTQwWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE4NCwzMkg3MkExNiwxNiwwLDAsMCw1Niw0OFYyMjRhOCw4LDAsMCwwLDEyLjI0LDYuNzhMMTI4LDE5My40M2w1OS43NywzNy4zNUE4LDgsMCwwLDAsMjAwLDIyNFY0OEExNiwxNiwwLDAsMCwxODQsMzJabTAsMTZWMTYxLjU3bC01MS43Ny0zMi4zNWE4LDgsMCwwLDAtOC40OCwwTDcyLDE2MS41NlY0OFpNMTMyLjIzLDE3Ny4yMmE4LDgsMCwwLDAtOC40OCwwTDcyLDIwOS41N1YxODAuNDNsNTYtMzUsNTYsMzV2MjkuMTRaIj48L3BhdGg+PC9zdmc+"); + --icon-translate: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDIuNzMsMjEwLjYzbC01Ni0xMTJhMTIsMTIsMCwwLDAtMjEuNDYsMGwtMjAuNTIsNDFBODQuMiw4NC4yLDAsMCwxLDEwNiwxMjYuMjIsMTA3LjQ4LDEwNy40OCwwLDAsMCwxMzEuMzMsNjhIMTUyYTEyLDEyLDAsMCwwLDAtMjRIMTAwVjMyYTEyLDEyLDAsMCwwLTI0LDBWNDRIMjRhMTIsMTIsMCwwLDAsMCwyNGg4My4xM0E4My42OSw4My42OSwwLDAsMSw4OCwxMTAuMzUsODQsODQsMCwwLDEsNzUuNiw5MWExMiwxMiwwLDEsMC0yMS44MSwxMEExMDcuNTUsMTA3LjU1LDAsMCwwLDcwLDEyNi4yNCw4My41NCw4My41NCwwLDAsMSwyNCwxNDBhMTIsMTIsMCwwLDAsMCwyNCwxMDcuNDcsMTA3LjQ3LDAsMCwwLDY0LTIxLjA3LDEwOC40LDEwOC40LDAsMCwwLDQ1LjM5LDE5LjQ0bC0yNC4xMyw0OC4yNmExMiwxMiwwLDEsMCwyMS40NiwxMC43M0wxNDMuNDEsMTk2aDY1LjE3bDEyLjY4LDI1LjM2YTEyLDEyLDAsMSwwLDIxLjQ3LTEwLjczWk0xNTUuNDEsMTcyLDE3NiwxMzAuODMsMTk2LjU4LDE3MloiPjwvcGF0aD48L3N2Zz4="); + --icon-translate-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTg0SDEzNmw0MC04MFpNODgsMTI3LjU2aDBBOTUuNzgsOTUuNzgsMCwwLDAsMTIwLDU2SDU2QTk1Ljc4LDk1Ljc4LDAsMCwwLDg4LDEyNy41NloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMzkuMTUsMjEyLjQybC01Ni0xMTJhOCw4LDAsMCwwLTE0LjMxLDBsLTIxLjcxLDQzLjQzQTg4LDg4LDAsMCwxLDEwMCwxMjYuOTMsMTAzLjY1LDEwMy42NSwwLDAsMCwxMjcuNjksNjRIMTUyYTgsOCwwLDAsMCwwLTE2SDk2VjMyYTgsOCwwLDAsMC0xNiwwVjQ4SDI0YTgsOCwwLDAsMCwwLDE2aDg3LjYzQTg3LjcsODcuNywwLDAsMSw4OCwxMTYuMzVhODcuNzQsODcuNzQsMCwwLDEtMTktMzEsOCw4LDAsMSwwLTE1LjA4LDUuMzRBMTAzLjYzLDEwMy42MywwLDAsMCw3NiwxMjdhODcuNTUsODcuNTUsMCwwLDEtNTIsMTcsOCw4LDAsMCwwLDAsMTYsMTAzLjQ2LDEwMy40NiwwLDAsMCw2NC0yMi4wOCwxMDQuMTgsMTA0LjE4LDAsMCwwLDUxLjQ0LDIxLjMxbC0yNi42LDUzLjE5YTgsOCwwLDAsMCwxNC4zMSw3LjE2TDE0MC45NCwxOTJoNzAuMTFsMTMuNzksMjcuNThBOCw4LDAsMCwwLDIzMiwyMjRhOCw4LDAsMCwwLDcuMTUtMTEuNThaTTE0OC45NCwxNzYsMTc2LDEyMS44OSwyMDMuMDUsMTc2WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-translate-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNlODkyNDM7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTE2MCwxMjkuODksMTc1LjA2LDE2MEgxNDQuOTRsNi4zNi0xMi43djBaTTIyNCw0OFYyMDhhMTYsMTYsMCwwLDEtMTYsMTZINDhhMTYsMTYsMCwwLDEtMTYtMTZWNDhBMTYsMTYsMCwwLDEsNDgsMzJIMjA4QTE2LDE2LDAsMCwxLDIyNCw0OFpNMjA3LjE2LDE4OC40MmwtNDAtODBhOCw4LDAsMCwwLTE0LjMyLDBMMTM5LjY2LDEzNC44YTYyLjMxLDYyLjMxLDAsMCwxLTIzLjYxLTEwQTc5LjYxLDc5LjYxLDAsMCwwLDEzNS42LDgwSDE1MmE4LDgsMCwwLDAsMC0xNkgxMTJWNTZhOCw4LDAsMCwwLTE2LDB2OEg1NmE4LDgsMCwwLDAsMCwxNmg2My40OGE2My43Myw2My43MywwLDAsMS0xNS4zLDM0LjA1LDY1LjkzLDY1LjkzLDAsMCwxLTktMTMuNjEsOCw4LDAsMCwwLTE0LjMyLDcuMTIsODEuNzUsODEuNzUsMCwwLDAsMTEuNCwxNy4xNUE2My42Miw2My42MiwwLDAsMSw1NiwxMzZhOCw4LDAsMCwwLDAsMTYsNzkuNTYsNzkuNTYsMCwwLDAsNDguMTEtMTYuMTMsNzguMzMsNzguMzMsMCwwLDAsMjguMTgsMTMuNjZsLTE5LjQ1LDM4Ljg5YTgsOCwwLDAsMCwxNC4zMiw3LjE2TDEzNi45NCwxNzZoNDYuMTJsOS43OCwxOS41OGE4LDgsMCwxLDAsMTQuMzItNy4xNloiPjwvcGF0aD48L3N2Zz4="); + --icon-ellipsis: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTIsMTI4YTI0LDI0LDAsMSwxLTI0LTI0QTI0LDI0LDAsMCwxLDE1MiwxMjhaTTQ4LDEwNGEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCw0OCwxMDRabTE2MCwwYTI0LDI0LDAsMSwwLDI0LDI0QTI0LDI0LDAsMCwwLDIwOCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDEyOCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSwxMjgsMTQ0Wk00OCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCw0OCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSw0OCwxNDRaTTIwOCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCwyMDgsOTZabTAsNDhhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMjA4LDE0NFoiPjwvcGF0aD48L3N2Zz4="); + --icon-ellipsis-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTIsMTI4YTI0LDI0LDAsMSwxLTI0LTI0QTI0LDI0LDAsMCwxLDE1MiwxMjhaTTQ4LDEwNGEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCw0OCwxMDRabTE2MCwwYTI0LDI0LDAsMSwwLDI0LDI0QTI0LDI0LDAsMCwwLDIwOCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDEyOCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSwxMjgsMTQ0Wk00OCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCw0OCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSw0OCwxNDRaTTIwOCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCwyMDgsOTZabTAsNDhhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMjA4LDE0NFoiPjwvcGF0aD48L3N2Zz4="); + --icon-ellipsis-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTYsMTI4YTI4LDI4LDAsMSwxLTI4LTI4QTI4LDI4LDAsMCwxLDE1NiwxMjhaTTQ4LDEwMGEyOCwyOCwwLDEsMCwyOCwyOEEyOCwyOCwwLDAsMCw0OCwxMDBabTE2MCwwYTI4LDI4LDAsMSwwLDI4LDI4QTI4LDI4LDAsMCwwLDIwOCwxMDBaIj48L3BhdGg+PC9zdmc+"); + --icon-poll: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsOTJIMTgwVjU2YTEyLDEyLDAsMCwwLTEyLTEySDUyVjQwYTEyLDEyLDAsMCwwLTI0LDBWMjE2YTEyLDEyLDAsMCwwLDI0LDB2LTRoODRhMTIsMTIsMCwwLDAsMTItMTJWMTY0aDY4YTEyLDEyLDAsMCwwLDEyLTEyVjEwNEExMiwxMiwwLDAsMCwyMTYsOTJaTTE1Niw2OFY5Mkg1MlY2OFpNMTI0LDE4OEg1MlYxNjRoNzJabTgwLTQ4SDUyVjExNkgyMDRaIj48L3BhdGg+PC9zdmc+"); + --icon-poll-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTA0djQ4SDQwVjEwNFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTYsOTZIMTc2VjU2YTgsOCwwLDAsMC04LThINDhWNDBhOCw4LDAsMCwwLTE2LDBWMjE2YTgsOCwwLDAsMCwxNiwwdi04aDg4YTgsOCwwLDAsMCw4LThWMTYwaDcyYTgsOCwwLDAsMCw4LThWMTA0QTgsOCwwLDAsMCwyMTYsOTZaTTE2MCw2NFY5Nkg0OFY2NFpNMTI4LDE5Mkg0OFYxNjBoODBabTgwLTQ4SDQ4VjExMkgyMDhaIj48L3BhdGg+PC9zdmc+"); + --icon-post: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4QTk2LDk2LDAsMCwxLDc5LjkzLDIxMS4xMWgwTDQyLjU0LDIyMy41OGE4LDgsMCwwLDEtMTAuMTItMTAuMTJsMTIuNDctMzcuMzloMEE5Niw5NiwwLDEsMSwyMjQsMTI4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTEyOCwyNEExMDQsMTA0LDAsMCwwLDM2LjE4LDE3Ni44OEwyNC44MywyMTAuOTNhMTYsMTYsMCwwLDAsMjAuMjQsMjAuMjRsMzQuMDUtMTEuMzVBMTA0LDEwNCwwLDEsMCwxMjgsMjRabTAsMTkyYTg3Ljg3LDg3Ljg3LDAsMCwxLTQ0LjA2LTExLjgxLDgsOCwwLDAsMC00LTEuMDgsNy44NSw3Ljg1LDAsMCwwLTIuNTMuNDJMNDAsMjE2LDUyLjQ3LDE3OC42YTgsOCwwLDAsMC0uNjYtNi41NEE4OCw4OCwwLDEsMSwxMjgsMjE2Wm0xMi04OGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNDAsMTI4Wm0tNDQsMGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSw5NiwxMjhabTg4LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTg0LDEyOFoiPjwvcGF0aD48L3N2Zz4="); + --icon-post-notification: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjAsMTI4YTE2LDE2LDAsMSwxLTE2LTE2QTE2LDE2LDAsMCwxLDEyMCwxMjhabTMyLTE2YTE2LDE2LDAsMSwwLDE2LDE2QTE2LDE2LDAsMCwwLDE1MiwxMTJabTg0LDE2QTEwOCwxMDgsMCwwLDEsNzguNzcsMjI0LjE1TDQ2LjM0LDIzNUEyMCwyMCwwLDAsMSwyMSwyMDkuNjZsMTAuODEtMzIuNDNBMTA4LDEwOCwwLDEsMSwyMzYsMTI4Wm0tMjQsMEE4NCw4NCwwLDEsMCw1NS4yNywxNzAuMDZhMTIsMTIsMCwwLDEsMSw5LjgxbC05LjkzLDI5Ljc5LDI5Ljc5LTkuOTNhMTIuMSwxMi4xLDAsMCwxLDMuOC0uNjIsMTIsMTIsMCwwLDEsNiwxLjYyQTg0LDg0LDAsMCwwLDIxMiwxMjhaIj48L3BhdGg+PC9zdmc+"); + --icon-post-notification-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4QTk2LDk2LDAsMCwxLDc5LjkzLDIxMS4xMWgwTDQyLjU0LDIyMy41OGE4LDgsMCwwLDEtMTAuMTItMTAuMTJsMTIuNDctMzcuMzloMEE5Niw5NiwwLDEsMSwyMjQsMTI4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTEyOCwyNEExMDQsMTA0LDAsMCwwLDM2LjE4LDE3Ni44OEwyNC44MywyMTAuOTNhMTYsMTYsMCwwLDAsMjAuMjQsMjAuMjRsMzQuMDUtMTEuMzVBMTA0LDEwNCwwLDEsMCwxMjgsMjRabTAsMTkyYTg3Ljg3LDg3Ljg3LDAsMCwxLTQ0LjA2LTExLjgxLDgsOCwwLDAsMC00LTEuMDgsNy44NSw3Ljg1LDAsMCwwLTIuNTMuNDJMNDAsMjE2LDUyLjQ3LDE3OC42YTgsOCwwLDAsMC0uNjYtNi41NEE4OCw4OCwwLDEsMSwxMjgsMjE2Wm0xMi04OGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNDAsMTI4Wm0tNDQsMGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSw5NiwxMjhabTg4LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTg0LDEyOFoiPjwvcGF0aD48L3N2Zz4="); + --icon-users: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMzYsMTA4QTUyLDUyLDAsMSwxLDg0LDU2LDUyLDUyLDAsMCwxLDEzNiwxMDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTE3LjI1LDE1Ny45MmE2MCw2MCwwLDEsMC02Ni41LDBBOTUuODMsOTUuODMsMCwwLDAsMy41MywxOTUuNjNhOCw4LDAsMSwwLDEzLjQsOC43NCw4MCw4MCwwLDAsMSwxMzQuMTQsMCw4LDgsMCwwLDAsMTMuNC04Ljc0QTk1LjgzLDk1LjgzLDAsMCwwLDExNy4yNSwxNTcuOTJaTTQwLDEwOGE0NCw0NCwwLDEsMSw0NCw0NEE0NC4wNSw0NC4wNSwwLDAsMSw0MCwxMDhabTIxMC4xNCw5OC43YTgsOCwwLDAsMS0xMS4wNy0yLjMzQTc5LjgzLDc5LjgzLDAsMCwwLDE3MiwxNjhhOCw4LDAsMCwxLDAtMTYsNDQsNDQsMCwxLDAtMTYuMzQtODQuODcsOCw4LDAsMSwxLTUuOTQtMTQuODUsNjAsNjAsMCwwLDEsNTUuNTMsMTA1LjY0LDk1LjgzLDk1LjgzLDAsMCwxLDQ3LjIyLDM3LjcxQTgsOCwwLDAsMSwyNTAuMTQsMjA2LjdaIj48L3BhdGg+PC9zdmc+"); + --icon-users-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMzYsMTA4QTUyLDUyLDAsMSwxLDg0LDU2LDUyLDUyLDAsMCwxLDEzNiwxMDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTE3LjI1LDE1Ny45MmE2MCw2MCwwLDEsMC02Ni41LDBBOTUuODMsOTUuODMsMCwwLDAsMy41MywxOTUuNjNhOCw4LDAsMSwwLDEzLjQsOC43NCw4MCw4MCwwLDAsMSwxMzQuMTQsMCw4LDgsMCwwLDAsMTMuNC04Ljc0QTk1LjgzLDk1LjgzLDAsMCwwLDExNy4yNSwxNTcuOTJaTTQwLDEwOGE0NCw0NCwwLDEsMSw0NCw0NEE0NC4wNSw0NC4wNSwwLDAsMSw0MCwxMDhabTIxMC4xNCw5OC43YTgsOCwwLDAsMS0xMS4wNy0yLjMzQTc5LjgzLDc5LjgzLDAsMCwwLDE3MiwxNjhhOCw4LDAsMCwxLDAtMTYsNDQsNDQsMCwxLDAtMTYuMzQtODQuODcsOCw4LDAsMSwxLTUuOTQtMTQuODUsNjAsNjAsMCwwLDEsNTUuNTMsMTA1LjY0LDk1LjgzLDk1LjgzLDAsMCwxLDQ3LjIyLDM3LjcxQTgsOCwwLDAsMSwyNTAuMTQsMjA2LjdaIj48L3BhdGg+PC9zdmc+"); + --icon-user-plus: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNTYsMTM2YTEyLDEyLDAsMCwxLTEyLDEyaC04djhhMTIsMTIsMCwwLDEtMjQsMHYtOGgtOGExMiwxMiwwLDAsMSwwLTI0aDh2LThhMTIsMTIsMCwwLDEsMjQsMHY4aDhBMTIsMTIsMCwwLDEsMjU2LDEzNlptLTU0LjgxLDU2LjI4YTEyLDEyLDAsMSwxLTE4LjM4LDE1LjQ0QzE2OS4xMiwxOTEuNDIsMTQ1LDE3MiwxMDgsMTcyYy0yOC44OSwwLTU1LjQ2LDEyLjY4LTc0LjgxLDM1LjcyYTEyLDEyLDAsMCwxLTE4LjM4LTE1LjQ0QTEyNC4wOCwxMjQuMDgsMCwwLDEsNjMuNSwxNTYuNTNhNzIsNzIsMCwxLDEsODksMEExMjQsMTI0LDAsMCwxLDIwMS4xOSwxOTIuMjhaTTEwOCwxNDhhNDgsNDgsMCwxLDAtNDgtNDhBNDguMDUsNDguMDUsMCwwLDAsMTA4LDE0OFoiPjwvcGF0aD48L3N2Zz4="); + --icon-user-plus-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNlOGU2ZTM7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTE2OCwxMDBhNjAsNjAsMCwxLDEtNjAtNjBBNjAsNjAsMCwwLDEsMTY4LDEwMFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yNTYsMTM2YTgsOCwwLDAsMS04LDhIMjMydjE2YTgsOCwwLDAsMS0xNiwwVjE0NEgyMDBhOCw4LDAsMCwxLDAtMTZoMTZWMTEyYTgsOCwwLDAsMSwxNiwwdjE2aDE2QTgsOCwwLDAsMSwyNTYsMTM2Wm0tNTcuODcsNTguODVhOCw4LDAsMCwxLTEyLjI2LDEwLjNDMTY1Ljc1LDE4MS4xOSwxMzguMDksMTY4LDEwOCwxNjhzLTU3Ljc1LDEzLjE5LTc3Ljg3LDM3LjE1YTgsOCwwLDAsMS0xMi4yNS0xMC4zYzE0Ljk0LTE3Ljc4LDMzLjUyLTMwLjQxLDU0LjE3LTM3LjE3YTY4LDY4LDAsMSwxLDcxLjksMEMxNjQuNiwxNjQuNDQsMTgzLjE4LDE3Ny4wNywxOTguMTMsMTk0Ljg1Wk0xMDgsMTUyYTUyLDUyLDAsMSwwLTUyLTUyQTUyLjA2LDUyLjA2LDAsMCwwLDEwOCwxNTJaIj48L3BhdGg+PC9zdmc+"); + --icon-user-plus-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsMTAwYTYwLDYwLDAsMSwxLTYwLTYwQTYwLDYwLDAsMCwxLDE2OCwxMDBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjU2LDEzNmE4LDgsMCwwLDEtOCw4SDIzMnYxNmE4LDgsMCwwLDEtMTYsMFYxNDRIMjAwYTgsOCwwLDAsMSwwLTE2aDE2VjExMmE4LDgsMCwwLDEsMTYsMHYxNmgxNkE4LDgsMCwwLDEsMjU2LDEzNlptLTU3Ljg3LDU4Ljg1YTgsOCwwLDAsMS0xMi4yNiwxMC4zQzE2NS43NSwxODEuMTksMTM4LjA5LDE2OCwxMDgsMTY4cy01Ny43NSwxMy4xOS03Ny44NywzNy4xNWE4LDgsMCwwLDEtMTIuMjUtMTAuM2MxNC45NC0xNy43OCwzMy41Mi0zMC40MSw1NC4xNy0zNy4xN2E2OCw2OCwwLDEsMSw3MS45LDBDMTY0LjYsMTY0LjQ0LDE4My4xOCwxNzcuMDcsMTk4LjEzLDE5NC44NVpNMTA4LDE1MmE1Miw1MiwwLDEsMC01Mi01MkE1Mi4wNiw1Mi4wNiwwLDAsMCwxMDgsMTUyWiI+PC9wYXRoPjwvc3ZnPg=="); + + /* Navigation icons */ + --icon-home: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTE1LjU0VjIwOGE4LDgsMCwwLDEtOCw4SDE2MGE4LDgsMCwwLDEtOC04VjE2MGE4LDgsMCwwLDAtOC04SDExMmE4LDgsMCwwLDAtOCw4djQ4YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLTgtOFYxMTUuNTRhOCw4LDAsMCwxLDIuNjItNS45Mmw4MC03NS41NGE4LDgsMCwwLDEsMTAuNzcsMGw4MCw3NS41NEE4LDgsMCwwLDEsMjE2LDExNS41NFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTguODMsMTAzLjc3bC04MC03NS40OGExLjE0LDEuMTQsMCwwLDEtLjExLS4xMSwxNiwxNiwwLDAsMC0yMS41MywwbC0uMTEuMTFMMzcuMTcsMTAzLjc3QTE2LDE2LDAsMCwwLDMyLDExNS41NVYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIOTZhMTYsMTYsMCwwLDAsMTYtMTZWMTYwaDMydjQ4YTE2LDE2LDAsMCwwLDE2LDE2aDQ4YTE2LDE2LDAsMCwwLDE2LTE2VjExNS41NUExNiwxNiwwLDAsMCwyMTguODMsMTAzLjc3Wk0yMDgsMjA4SDE2MFYxNjBhMTYsMTYsMCwwLDAtMTYtMTZIMTEyYTE2LDE2LDAsMCwwLTE2LDE2djQ4SDQ4VjExNS41NWwuMTEtLjFMMTI4LDQwbDc5LjksNzUuNDMuMTEuMVoiPjwvcGF0aD48L3N2Zz4="); + --icon-home-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTE1LjU0VjIwOGE4LDgsMCwwLDEtOCw4SDE2MGE4LDgsMCwwLDEtOC04VjE2MGE4LDgsMCwwLDAtOC04SDExMmE4LDgsMCwwLDAtOCw4djQ4YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLTgtOFYxMTUuNTRhOCw4LDAsMCwxLDIuNjItNS45Mmw4MC03NS41NGE4LDgsMCwwLDEsMTAuNzcsMGw4MCw3NS41NEE4LDgsMCwwLDEsMjE2LDExNS41NFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTguODMsMTAzLjc3bC04MC03NS40OGExLjE0LDEuMTQsMCwwLDEtLjExLS4xMSwxNiwxNiwwLDAsMC0yMS41MywwbC0uMTEuMTFMMzcuMTcsMTAzLjc3QTE2LDE2LDAsMCwwLDMyLDExNS41NVYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIOTZhMTYsMTYsMCwwLDAsMTYtMTZWMTYwaDMydjQ4YTE2LDE2LDAsMCwwLDE2LDE2aDQ4YTE2LDE2LDAsMCwwLDE2LTE2VjExNS41NUExNiwxNiwwLDAsMCwyMTguODMsMTAzLjc3Wk0yMDgsMjA4SDE2MFYxNjBhMTYsMTYsMCwwLDAtMTYtMTZIMTEyYTE2LDE2LDAsMCwwLTE2LDE2djQ4SDQ4VjExNS41NWwuMTEtLjFMMTI4LDQwbDc5LjksNzUuNDMuMTEuMVoiPjwvcGF0aD48L3N2Zz4="); + --icon-bell: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsMTkySDQ4YTgsOCwwLDAsMS02Ljg4LTEyQzQ3LjcxLDE2OC42LDU2LDEzOS44MSw1NiwxMDRhNzIsNzIsMCwwLDEsMTQ0LDBjMCwzNS44Miw4LjMsNjQuNiwxNC45LDc2QTgsOCwwLDAsMSwyMDgsMTkyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyMS44LDE3NS45NEMyMTYuMjUsMTY2LjM4LDIwOCwxMzkuMzMsMjA4LDEwNGE4MCw4MCwwLDEsMC0xNjAsMGMwLDM1LjM0LTguMjYsNjIuMzgtMTMuODEsNzEuOTRBMTYsMTYsMCwwLDAsNDgsMjAwSDg4LjgxYTQwLDQwLDAsMCwwLDc4LjM4LDBIMjA4YTE2LDE2LDAsMCwwLDEzLjgtMjQuMDZaTTEyOCwyMTZhMjQsMjQsMCwwLDEtMjIuNjItMTZoNDUuMjRBMjQsMjQsMCwwLDEsMTI4LDIxNlpNNDgsMTg0YzcuNy0xMy4yNCwxNi00My45MiwxNi04MGE2NCw2NCwwLDEsMSwxMjgsMGMwLDM2LjA1LDguMjgsNjYuNzMsMTYsODBaIj48L3BhdGg+PC9zdmc+"); + --icon-bell-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNlOGU2ZTM7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIwOCwxOTJINDhhOCw4LDAsMCwxLTYuODgtMTJDNDcuNzEsMTY4LjYsNTYsMTM5LjgxLDU2LDEwNGE3Miw3MiwwLDAsMSwxNDQsMGMwLDM1LjgyLDguMyw2NC42LDE0LjksNzZBOCw4LDAsMCwxLDIwOCwxOTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjIxLjgsMTc1Ljk0QzIxNi4yNSwxNjYuMzgsMjA4LDEzOS4zMywyMDgsMTA0YTgwLDgwLDAsMSwwLTE2MCwwYzAsMzUuMzQtOC4yNiw2Mi4zOC0xMy44MSw3MS45NEExNiwxNiwwLDAsMCw0OCwyMDBIODguODFhNDAsNDAsMCwwLDAsNzguMzgsMEgyMDhhMTYsMTYsMCwwLDAsMTMuOC0yNC4wNlpNMTI4LDIxNmEyNCwyNCwwLDAsMS0yMi42Mi0xNmg0NS4yNEEyNCwyNCwwLDAsMSwxMjgsMjE2Wk00OCwxODRjNy43LTEzLjI0LDE2LTQzLjkyLDE2LTgwYTY0LDY0LDAsMSwxLDEyOCwwYzAsMzYuMDUsOC4yOCw2Ni43MywxNiw4MFoiPjwvcGF0aD48L3N2Zz4="); + --icon-hashtag: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsOTZ2NjRIOTZWOTZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjE2LDE1MkgxNjhWMTA0aDQ4YTgsOCwwLDAsMCwwLTE2SDE2OFY0MGE4LDgsMCwwLDAtMTYsMFY4OEgxMDRWNDBhOCw4LDAsMCwwLTE2LDBWODhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhhOCw4LDAsMCwwLDE2LDBWMTY4aDQ4djQ4YTgsOCwwLDAsMCwxNiwwVjE2OGg0OGE4LDgsMCwwLDAsMC0xNlptLTExMiwwVjEwNGg0OHY0OFoiPjwvcGF0aD48L3N2Zz4="); + --icon-hashtag-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsOTZ2NjRIOTZWOTZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjE2LDE1MkgxNjhWMTA0aDQ4YTgsOCwwLDAsMCwwLTE2SDE2OFY0MGE4LDgsMCwwLDAtMTYsMFY4OEgxMDRWNDBhOCw4LDAsMCwwLTE2LDBWODhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhhOCw4LDAsMCwwLDE2LDBWMTY4aDQ4djQ4YTgsOCwwLDAsMCwxNiwwVjE2OGg0OGE4LDgsMCwwLDAsMC0xNlptLTExMiwwVjEwNGg0OHY0OFoiPjwvcGF0aD48L3N2Zz4="); + --icon-globe: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4YTg4LDg4LDAsMSwxLTg4LTg4QTg4LDg4LDAsMCwxLDIxNiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ1LjExLDYwLjY4Yy03LjY1LTEzLjE5LTI3Ljg0LTE2LjE2LTU4LjUtOC42NkE5NS45Myw5NS45MywwLDAsMCwzMiwxMjhhOTgsOTgsMCwwLDAsLjc4LDEyLjMxQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNEE5NS45Myw5NS45MywwLDAsMCwyMjQsMTI4YTk3LjA4LDk3LjA4LDAsMCwwLS43Ny0xMi4yNWMxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4Wk0xMjgsNDhhODAuMTEsODAuMTEsMCwwLDEsNzgsNjIuMmMtMTcuMDYsMTYuMDYtNDAuMTUsMzIuNTMtNjIuMDcsNDUuMTNDMTE2LjM4LDE3MS4xNCw5Mi40OCwxODEsNzMuNDIsMTg2LjRBNzkuOTQsNzkuOTQsMCwwLDEsMTI4LDQ4Wk0yNC43NCwxODcuMjljLTEuNDYtMi41MS0uNjUtNy4yNCwyLjIyLTEzYTc5LjA1LDc5LjA1LDAsMCwxLDEwLjI5LTE1LjA1LDk2LDk2LDAsMCwwLDE4LDMxLjMyQzM4LDE5My40NiwyNy4yNCwxOTEuNjEsMjQuNzQsMTg3LjI5Wk0xMjgsMjA4YTc5LjQ1LDc5LjQ1LDAsMCwxLTM4LjU2LTkuOTQsMzcwLDM3MCwwLDAsMCw2Mi40My0yOC44NmMyMS41OC0xMi4zOSw0MC42OC0yNS44Miw1Ni4wNy0zOS4wOEE4MC4wNyw4MC4wNywwLDAsMSwxMjgsMjA4Wk0yMzEuNDIsNzUuNjljLTEuNyw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVjMTQuMjEtMi4zNSwyNy4zNy0yLjE3LDMwLjUsMy4yNEMyMzIuMTksNzAuMjgsMjMyLjI0LDcyLjYzLDIzMS40Miw3NS42OVoiPjwvcGF0aD48L3N2Zz4="); + --icon-globe-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4YTg4LDg4LDAsMSwxLTg4LTg4QTg4LDg4LDAsMCwxLDIxNiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ1LjExLDYwLjY4Yy03LjY1LTEzLjE5LTI3Ljg0LTE2LjE2LTU4LjUtOC42NkE5NS45Myw5NS45MywwLDAsMCwzMiwxMjhhOTgsOTgsMCwwLDAsLjc4LDEyLjMxQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNEE5NS45Myw5NS45MywwLDAsMCwyMjQsMTI4YTk3LjA4LDk3LjA4LDAsMCwwLS43Ny0xMi4yNWMxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4Wk0xMjgsNDhhODAuMTEsODAuMTEsMCwwLDEsNzgsNjIuMmMtMTcuMDYsMTYuMDYtNDAuMTUsMzIuNTMtNjIuMDcsNDUuMTNDMTE2LjM4LDE3MS4xNCw5Mi40OCwxODEsNzMuNDIsMTg2LjRBNzkuOTQsNzkuOTQsMCwwLDEsMTI4LDQ4Wk0yNC43NCwxODcuMjljLTEuNDYtMi41MS0uNjUtNy4yNCwyLjIyLTEzYTc5LjA1LDc5LjA1LDAsMCwxLDEwLjI5LTE1LjA1LDk2LDk2LDAsMCwwLDE4LDMxLjMyQzM4LDE5My40NiwyNy4yNCwxOTEuNjEsMjQuNzQsMTg3LjI5Wk0xMjgsMjA4YTc5LjQ1LDc5LjQ1LDAsMCwxLTM4LjU2LTkuOTQsMzcwLDM3MCwwLDAsMCw2Mi40My0yOC44NmMyMS41OC0xMi4zOSw0MC42OC0yNS44Miw1Ni4wNy0zOS4wOEE4MC4wNyw4MC4wNywwLDAsMSwxMjgsMjA4Wk0yMzEuNDIsNzUuNjljLTEuNyw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVjMTQuMjEtMi4zNSwyNy4zNy0yLjE3LDMwLjUsMy4yNEMyMzIuMTksNzAuMjgsMjMyLjI0LDcyLjYzLDIzMS40Miw3NS42OVoiPjwvcGF0aD48L3N2Zz4="); + --icon-direct-messages: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNTZsLTk2LDg4TDMyLDU2WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCw0OEgzMmE4LDgsMCwwLDAtOCw4VjE5MmExNiwxNiwwLDAsMCwxNiwxNkgyMTZhMTYsMTYsMCwwLDAsMTYtMTZWNTZBOCw4LDAsMCwwLDIyNCw0OFpNMjAzLjQzLDY0LDEyOCwxMzMuMTUsNTIuNTcsNjRaTTIxNiwxOTJINDBWNzQuMTlsODIuNTksNzUuNzFhOCw4LDAsMCwwLDEwLjgyLDBMMjE2LDc0LjE5VjE5MloiPjwvcGF0aD48L3N2Zz4="); + --icon-direct-messages-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNTZsLTk2LDg4TDMyLDU2WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCw0OEgzMmE4LDgsMCwwLDAtOCw4VjE5MmExNiwxNiwwLDAsMCwxNiwxNkgyMTZhMTYsMTYsMCwwLDAsMTYtMTZWNTZBOCw4LDAsMCwwLDIyNCw0OFpNMjAzLjQzLDY0LDEyOCwxMzMuMTUsNTIuNTcsNjRaTTIxNiwxOTJINDBWNzQuMTlsODIuNTksNzUuNzFhOCw4LDAsMCwwLDEwLjgyLDBMMjE2LDc0LjE5VjE5MloiPjwvcGF0aD48L3N2Zz4="); + --icon-bookmark-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzJWMjI0bC01Ni00MEw1NiwyMjRWNzJhOCw4LDAsMCwxLDgtOGg5NkE4LDgsMCwwLDEsMTY4LDcyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2MCw1Nkg2NEExNiwxNiwwLDAsMCw0OCw3MlYyMjRhOCw4LDAsMCwwLDEyLjY1LDYuNTFMMTEyLDE5My44M2w1MS4zNiwzNi42OEE4LDgsMCwwLDAsMTc2LDIyNFY3MkExNiwxNiwwLDAsMCwxNjAsNTZabTAsMTUyLjQ2LTQzLjM2LTMxYTgsOCwwLDAsMC05LjMsMEw2NCwyMDguNDVWNzJoOTZaTTIwOCw0MFYxOTJhOCw4LDAsMCwxLTE2LDBWNDBIODhhOCw4LDAsMCwxLDAtMTZIMTkyQTE2LDE2LDAsMCwxLDIwOCw0MFoiPjwvcGF0aD48L3N2Zz4="); + --icon-bookmark-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzJWMjI0bC01Ni00MEw1NiwyMjRWNzJhOCw4LDAsMCwxLDgtOGg5NkE4LDgsMCwwLDEsMTY4LDcyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2MCw1Nkg2NEExNiwxNiwwLDAsMCw0OCw3MlYyMjRhOCw4LDAsMCwwLDEyLjY1LDYuNTFMMTEyLDE5My44M2w1MS4zNiwzNi42OEE4LDgsMCwwLDAsMTc2LDIyNFY3MkExNiwxNiwwLDAsMCwxNjAsNTZabTAsMTUyLjQ2LTQzLjM2LTMxYTgsOCwwLDAsMC05LjMsMEw2NCwyMDguNDVWNzJoOTZaTTIwOCw0MFYxOTJhOCw4LDAsMCwxLTE2LDBWNDBIODhhOCw4LDAsMCwxLDAtMTZIMTkyQTE2LDE2LDAsMCwxLDIwOCw0MFoiPjwvcGF0aD48L3N2Zz4="); + --icon-star-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+"); + --icon-star-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+"); + --icon-search: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIuNDksMjE1LjUxLDE4NSwxNjhhOTIuMTIsOTIuMTIsMCwxLDAtMTcsMTdsNDcuNTMsNDcuNTRhMTIsMTIsMCwwLDAsMTctMTdaTTQ0LDExMmE2OCw2OCwwLDEsMSw2OCw2OEE2OC4wNyw2OC4wNywwLDAsMSw0NCwxMTJaIj48L3BhdGg+PC9zdmc+"); + --icon-search-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIuNDksMjE1LjUxLDE4NSwxNjhhOTIuMTIsOTIuMTIsMCwxLDAtMTcsMTdsNDcuNTMsNDcuNTRhMTIsMTIsMCwwLDAsMTctMTdaTTQ0LDExMmE2OCw2OCwwLDEsMSw2OCw2OEE2OC4wNyw2OC4wNywwLDAsMSw0NCwxMTJaIj48L3BhdGg+PC9zdmc+"); + --icon-search-column-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTEyYTgwLDgwLDAsMSwxLTgwLTgwQTgwLDgwLDAsMCwxLDE5MiwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI5LjY2LDIxOC4zNCwxNzkuNiwxNjguMjhhODguMjEsODguMjEsMCwxLDAtMTEuMzIsMTEuMzFsNTAuMDYsNTAuMDdhOCw4LDAsMCwwLDExLjMyLTExLjMyWk00MCwxMTJhNzIsNzIsMCwxLDEsNzIsNzJBNzIuMDgsNzIuMDgsMCwwLDEsNDAsMTEyWiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-search-column-link-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTEyYTgwLDgwLDAsMSwxLTgwLTgwQTgwLDgwLDAsMCwxLDE5MiwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI5LjY2LDIxOC4zNCwxNzkuNiwxNjguMjhhODguMjEsODguMjEsMCwxLDAtMTEuMzIsMTEuMzFsNTAuMDYsNTAuMDdhOCw4LDAsMCwwLDExLjMyLTExLjMyWk00MCwxMTJhNzIsNzIsMCwxLDEsNzIsNzJBNzIuMDgsNzIuMDgsMCwwLDEsNDAsMTEyWiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-list: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNjRWMTkySDQwVjY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCwxMjhhOCw4LDAsMCwxLTgsOEg0MGE4LDgsMCwwLDEsMC0xNkgyMTZBOCw4LDAsMCwxLDIyNCwxMjhaTTQwLDcySDIxNmE4LDgsMCwwLDAsMC0xNkg0MGE4LDgsMCwwLDAsMCwxNlpNMjE2LDE4NEg0MGE4LDgsMCwwLDAsMCwxNkgyMTZhOCw4LDAsMCwwLDAtMTZaIj48L3BhdGg+PC9zdmc+"); + --icon-list-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNjRWMTkySDQwVjY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCwxMjhhOCw4LDAsMCwxLTgsOEg0MGE4LDgsMCwwLDEsMC0xNkgyMTZBOCw4LDAsMCwxLDIyNCwxMjhaTTQwLDcySDIxNmE4LDgsMCwwLDAsMC0xNkg0MGE4LDgsMCwwLDAsMCwxNlpNMjE2LDE4NEg0MGE4LDgsMCwwLDAsMCwxNkgyMTZhOCw4LDAsMCwwLDAtMTZaIj48L3BhdGg+PC9zdmc+"); + --icon-settings: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMSwxMDguNzYsMTk4LjI1LDkwLjYyYy0uNjQtMS4xNi0xLjMxLTIuMjktMi0zLjQxbC0uMTItMzZBMTA0LjYxLDEwNC42MSwwLDAsMCwxNjIsMzJMMTMwLDQ5Ljg5Yy0xLjM0LDAtMi42OSwwLTQsMEw5NCwzMkExMDQuNTgsMTA0LjU4LDAsMCwwLDU5Ljg5LDUxLjI1bC0uMTYsMzZjLS43LDEuMTItMS4zNywyLjI2LTIsMy40MWwtMzEuODQsMTguMWE5OS4xNSw5OS4xNSwwLDAsMCwwLDM4LjQ2bDMxLjg1LDE4LjE0Yy42NCwxLjE2LDEuMzEsMi4yOSwyLDMuNDFsLjEyLDM2QTEwNC42MSwxMDQuNjEsMCwwLDAsOTQsMjI0bDMyLTE3Ljg3YzEuMzQsMCwyLjY5LDAsNCwwTDE2MiwyMjRhMTA0LjU4LDEwNC41OCwwLDAsMCwzNC4wOC0xOS4yNWwuMTYtMzZjLjctMS4xMiwxLjM3LTIuMjYsMi0zLjQxbDMxLjg0LTE4LjFBOTkuMTUsOTkuMTUsMCwwLDAsMjMwLjEsMTA4Ljc2Wk0xMjgsMTY4YTQwLDQwLDAsMSwxLDQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxNjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDgwYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWm0xMDkuOTQtNTIuNzlhOCw4LDAsMCwwLTMuODktNS40bC0yOS44My0xNy0uMTItMzMuNjJhOCw4LDAsMCwwLTIuODMtNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLTM2LjcyLTIwLjY3LDgsOCwwLDAsMC02LjQ2LjU5TDEyOCw0MS44NSw5Ny44OCwyNWE4LDgsMCwwLDAtNi40Ny0uNkExMTEuOTIsMTExLjkyLDAsMCwwLDU0LjczLDQ1LjE1YTgsOCwwLDAsMC0yLjgzLDYuMDdsLS4xNSwzMy42NS0yOS44MywxN2E4LDgsMCwwLDAtMy44OSw1LjQsMTA2LjQ3LDEwNi40NywwLDAsMCwwLDQxLjU2LDgsOCwwLDAsMCwzLjg5LDUuNGwyOS44MywxNywuMTIsMzMuNjNhOCw4LDAsMCwwLDIuODMsNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLDM2LjcyLDIwLjY3LDgsOCwwLDAsMCw2LjQ2LS41OUwxMjgsMjE0LjE1LDE1OC4xMiwyMzFhNy45MSw3LjkxLDAsMCwwLDMuOSwxLDguMDksOC4wOSwwLDAsMCwyLjU3LS40MiwxMTIuMSwxMTIuMSwwLDAsMCwzNi42OC0yMC43Myw4LDgsMCwwLDAsMi44My02LjA3bC4xNS0zMy42NSwyOS44My0xN2E4LDgsMCwwLDAsMy44OS01LjRBMTA2LjQ3LDEwNi40NywwLDAsMCwyMzcuOTQsMTA3LjIxWm0tMTUsMzQuOTEtMjguNTcsMTYuMjVhOCw4LDAsMCwwLTMsM2MtLjU4LDEtMS4xOSwyLjA2LTEuODEsMy4wNmE3Ljk0LDcuOTQsMCwwLDAtMS4yMiw0LjIxbC0uMTUsMzIuMjVhOTUuODksOTUuODksMCwwLDEtMjUuMzcsMTQuM0wxMzQsMTk5LjEzYTgsOCwwLDAsMC0zLjkxLTFoLS4xOWMtMS4yMSwwLTIuNDMsMC0zLjY0LDBhOC4xLDguMSwwLDAsMC00LjEsMWwtMjguODQsMTYuMUE5Niw5NiwwLDAsMSw2Ny44OCwyMDFsLS4xMS0zMi4yYTgsOCwwLDAsMC0xLjIyLTQuMjJjLS42Mi0xLTEuMjMtMi0xLjgtMy4wNmE4LjA5LDguMDksMCwwLDAtMy0zLjA2bC0yOC42LTE2LjI5YTkwLjQ5LDkwLjQ5LDAsMCwxLDAtMjguMjZMNjEuNjcsOTcuNjNhOCw4LDAsMCwwLDMtM2MuNTgtMSwxLjE5LTIuMDYsMS44MS0zLjA2YTcuOTQsNy45NCwwLDAsMCwxLjIyLTQuMjFsLjE1LTMyLjI1YTk1Ljg5LDk1Ljg5LDAsMCwxLDI1LjM3LTE0LjNMMTIyLDU2Ljg3YTgsOCwwLDAsMCw0LjEsMWMxLjIxLDAsMi40MywwLDMuNjQsMGE4LDgsMCwwLDAsNC4xLTFsMjguODQtMTYuMUE5Niw5NiwwLDAsMSwxODguMTIsNTVsLjExLDMyLjJhOCw4LDAsMCwwLDEuMjIsNC4yMmMuNjIsMSwxLjIzLDIsMS44LDMuMDZhOC4wOSw4LjA5LDAsMCwwLDMsMy4wNmwyOC42LDE2LjI5QTkwLjQ5LDkwLjQ5LDAsMCwxLDIyMi45LDE0Mi4xMloiPjwvcGF0aD48L3N2Zz4="); + --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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNlODkyNDM7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIyNCw3MS4xYTgsOCwwLDAsMS0xMC43OC0zLjQyLDk0LjEzLDk0LjEzLDAsMCwwLTMzLjQ2LTM2LjkxLDgsOCwwLDEsMSw4LjU0LTEzLjU0LDExMS40NiwxMTEuNDYsMCwwLDEsMzkuMTIsNDMuMDlBOCw4LDAsMCwxLDIyNCw3MS4xWk0zNS43MSw3MmE4LDgsMCwwLDAsNy4xLTQuMzJBOTQuMTMsOTQuMTMsMCwwLDEsNzYuMjcsMzAuNzdhOCw4LDAsMSwwLTguNTQtMTMuNTRBMTExLjQ2LDExMS40NiwwLDAsMCwyOC42MSw2MC4zMiw4LDgsMCwwLDAsMzUuNzEsNzJabTE4Ni4xLDEwMy45NEExNiwxNiwwLDAsMSwyMDgsMjAwSDE2Ny4yYTQwLDQwLDAsMCwxLTc4LjQsMEg0OGExNiwxNiwwLDAsMS0xMy43OS0yNC4wNkM0My4yMiwxNjAuMzksNDgsMTM4LjI4LDQ4LDExMmE4MCw4MCwwLDAsMSwxNjAsMEMyMDgsMTM4LjI3LDIxMi43OCwxNjAuMzgsMjIxLjgxLDE3NS45NFpNMTUwLjYyLDIwMEgxMDUuMzhhMjQsMjQsMCwwLDAsNDUuMjQsMFoiPjwvcGF0aD48L3N2Zz4="); + --icon-close: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjRBMTA0LDEwNCwwLDEsMCwyMzIsMTI4LDEwNC4xMSwxMDQuMTEsMCwwLDAsMTI4LDI0Wm0zNy42NiwxMzAuMzRhOCw4LDAsMCwxLTExLjMyLDExLjMyTDEyOCwxMzkuMzFsLTI2LjM0LDI2LjM1YTgsOCwwLDAsMS0xMS4zMi0xMS4zMkwxMTYuNjksMTI4LDkwLjM0LDEwMS42NmE4LDgsMCwwLDEsMTEuMzItMTEuMzJMMTI4LDExNi42OWwyNi4zNC0yNi4zNWE4LDgsMCwwLDEsMTEuMzIsMTEuMzJMMTM5LjMxLDEyOFoiPjwvcGF0aD48L3N2Zz4="); + --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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjUuODYsMTAyLjgyYy0zLjc3LTMuOTQtNy42Ny04LTkuMTQtMTEuNTctMS4zNi0zLjI3LTEuNDQtOC42OS0xLjUyLTEzLjk0LS4xNS05Ljc2LS4zMS0yMC44Mi04LTI4LjUxcy0xOC43NS03Ljg1LTI4LjUxLThjLTUuMjUtLjA4LTEwLjY3LS4xNi0xMy45NC0xLjUyLTMuNTYtMS40Ny03LjYzLTUuMzctMTEuNTctOS4xNEMxNDYuMjgsMjMuNTEsMTM4LjQ0LDE2LDEyOCwxNnMtMTguMjcsNy41MS0yNS4xOCwxNC4xNGMtMy45NCwzLjc3LTgsNy42Ny0xMS41Nyw5LjE0Qzg4LDQwLjY0LDgyLjU2LDQwLjcyLDc3LjMxLDQwLjhjLTkuNzYuMTUtMjAuODIuMzEtMjguNTEsOFM0MSw2Ny41NSw0MC44LDc3LjMxYy0uMDgsNS4yNS0uMTYsMTAuNjctMS41MiwxMy45NC0xLjQ3LDMuNTYtNS4zNyw3LjYzLTkuMTQsMTEuNTdDMjMuNTEsMTA5LjcyLDE2LDExNy41NiwxNiwxMjhzNy41MSwxOC4yNywxNC4xNCwyNS4xOGMzLjc3LDMuOTQsNy42Nyw4LDkuMTQsMTEuNTcsMS4zNiwzLjI3LDEuNDQsOC42OSwxLjUyLDEzLjk0LjE1LDkuNzYuMzEsMjAuODIsOCwyOC41MXMxOC43NSw3Ljg1LDI4LjUxLDhjNS4yNS4wOCwxMC42Ny4xNiwxMy45NCwxLjUyLDMuNTYsMS40Nyw3LjYzLDUuMzcsMTEuNTcsOS4xNEMxMDkuNzIsMjMyLjQ5LDExNy41NiwyNDAsMTI4LDI0MHMxOC4yNy03LjUxLDI1LjE4LTE0LjE0YzMuOTQtMy43Nyw4LTcuNjcsMTEuNTctOS4xNCwzLjI3LTEuMzYsOC42OS0xLjQ0LDEzLjk0LTEuNTIsOS43Ni0uMTUsMjAuODItLjMxLDI4LjUxLThzNy44NS0xOC43NSw4LTI4LjUxYy4wOC01LjI1LjE2LTEwLjY3LDEuNTItMTMuOTQsMS40Ny0zLjU2LDUuMzctNy42Myw5LjE0LTExLjU3QzIzMi40OSwxNDYuMjgsMjQwLDEzOC40NCwyNDAsMTI4UzIzMi40OSwxMDkuNzMsMjI1Ljg2LDEwMi44MlptLTUyLjIsNi44NC01Niw1NmE4LDgsMCwwLDEtMTEuMzIsMGwtMjQtMjRhOCw4LDAsMCwxLDExLjMyLTExLjMyTDExMiwxNDguNjlsNTAuMzQtNTAuMzVhOCw4LDAsMCwxLDExLjMyLDExLjMyWiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-gear: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMSwxMDguNzYsMTk4LjI1LDkwLjYyYy0uNjQtMS4xNi0xLjMxLTIuMjktMi0zLjQxbC0uMTItMzZBMTA0LjYxLDEwNC42MSwwLDAsMCwxNjIsMzJMMTMwLDQ5Ljg5Yy0xLjM0LDAtMi42OSwwLTQsMEw5NCwzMkExMDQuNTgsMTA0LjU4LDAsMCwwLDU5Ljg5LDUxLjI1bC0uMTYsMzZjLS43LDEuMTItMS4zNywyLjI2LTIsMy40MWwtMzEuODQsMTguMWE5OS4xNSw5OS4xNSwwLDAsMCwwLDM4LjQ2bDMxLjg1LDE4LjE0Yy42NCwxLjE2LDEuMzEsMi4yOSwyLDMuNDFsLjEyLDM2QTEwNC42MSwxMDQuNjEsMCwwLDAsOTQsMjI0bDMyLTE3Ljg3YzEuMzQsMCwyLjY5LDAsNCwwTDE2MiwyMjRhMTA0LjU4LDEwNC41OCwwLDAsMCwzNC4wOC0xOS4yNWwuMTYtMzZjLjctMS4xMiwxLjM3LTIuMjYsMi0zLjQxbDMxLjg0LTE4LjFBOTkuMTUsOTkuMTUsMCwwLDAsMjMwLjEsMTA4Ljc2Wk0xMjgsMTY4YTQwLDQwLDAsMSwxLDQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxNjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDgwYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWm0xMDkuOTQtNTIuNzlhOCw4LDAsMCwwLTMuODktNS40bC0yOS44My0xNy0uMTItMzMuNjJhOCw4LDAsMCwwLTIuODMtNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLTM2LjcyLTIwLjY3LDgsOCwwLDAsMC02LjQ2LjU5TDEyOCw0MS44NSw5Ny44OCwyNWE4LDgsMCwwLDAtNi40Ny0uNkExMTEuOTIsMTExLjkyLDAsMCwwLDU0LjczLDQ1LjE1YTgsOCwwLDAsMC0yLjgzLDYuMDdsLS4xNSwzMy42NS0yOS44MywxN2E4LDgsMCwwLDAtMy44OSw1LjQsMTA2LjQ3LDEwNi40NywwLDAsMCwwLDQxLjU2LDgsOCwwLDAsMCwzLjg5LDUuNGwyOS44MywxNywuMTIsMzMuNjNhOCw4LDAsMCwwLDIuODMsNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLDM2LjcyLDIwLjY3LDgsOCwwLDAsMCw2LjQ2LS41OUwxMjgsMjE0LjE1LDE1OC4xMiwyMzFhNy45MSw3LjkxLDAsMCwwLDMuOSwxLDguMDksOC4wOSwwLDAsMCwyLjU3LS40MiwxMTIuMSwxMTIuMSwwLDAsMCwzNi42OC0yMC43Myw4LDgsMCwwLDAsMi44My02LjA3bC4xNS0zMy42NSwyOS44My0xN2E4LDgsMCwwLDAsMy44OS01LjRBMTA2LjQ3LDEwNi40NywwLDAsMCwyMzcuOTQsMTA3LjIxWm0tMTUsMzQuOTEtMjguNTcsMTYuMjVhOCw4LDAsMCwwLTMsM2MtLjU4LDEtMS4xOSwyLjA2LTEuODEsMy4wNmE3Ljk0LDcuOTQsMCwwLDAtMS4yMiw0LjIxbC0uMTUsMzIuMjVhOTUuODksOTUuODksMCwwLDEtMjUuMzcsMTQuM0wxMzQsMTk5LjEzYTgsOCwwLDAsMC0zLjkxLTFoLS4xOWMtMS4yMSwwLTIuNDMsMC0zLjY0LDBhOC4xLDguMSwwLDAsMC00LjEsMWwtMjguODQsMTYuMUE5Niw5NiwwLDAsMSw2Ny44OCwyMDFsLS4xMS0zMi4yYTgsOCwwLDAsMC0xLjIyLTQuMjJjLS42Mi0xLTEuMjMtMi0xLjgtMy4wNmE4LjA5LDguMDksMCwwLDAtMy0zLjA2bC0yOC42LTE2LjI5YTkwLjQ5LDkwLjQ5LDAsMCwxLDAtMjguMjZMNjEuNjcsOTcuNjNhOCw4LDAsMCwwLDMtM2MuNTgtMSwxLjE5LTIuMDYsMS44MS0zLjA2YTcuOTQsNy45NCwwLDAsMCwxLjIyLTQuMjFsLjE1LTMyLjI1YTk1Ljg5LDk1Ljg5LDAsMCwxLDI1LjM3LTE0LjNMMTIyLDU2Ljg3YTgsOCwwLDAsMCw0LjEsMWMxLjIxLDAsMi40MywwLDMuNjQsMGE4LDgsMCwwLDAsNC4xLTFsMjguODQtMTYuMUE5Niw5NiwwLDAsMSwxODguMTIsNTVsLjExLDMyLjJhOCw4LDAsMCwwLDEuMjIsNC4yMmMuNjIsMSwxLjIzLDIsMS44LDMuMDZhOC4wOSw4LjA5LDAsMCwwLDMsMy4wNmwyOC42LDE2LjI5QTkwLjQ5LDkwLjQ5LDAsMCwxLDIyMi45LDE0Mi4xMloiPjwvcGF0aD48L3N2Zz4="); + --icon-gear-active: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzcuOTQsMTA3LjIxYTgsOCwwLDAsMC0zLjg5LTUuNGwtMjkuODMtMTctLjEyLTMzLjYyYTgsOCwwLDAsMC0yLjgzLTYuMDgsMTExLjkxLDExMS45MSwwLDAsMC0zNi43Mi0yMC42Nyw4LDgsMCwwLDAtNi40Ni41OUwxMjgsNDEuODUsOTcuODgsMjVhOCw4LDAsMCwwLTYuNDctLjZBMTExLjkyLDExMS45MiwwLDAsMCw1NC43Myw0NS4xNWE4LDgsMCwwLDAtMi44Myw2LjA3bC0uMTUsMzMuNjUtMjkuODMsMTdhOCw4LDAsMCwwLTMuODksNS40LDEwNi40NywxMDYuNDcsMCwwLDAsMCw0MS41Niw4LDgsMCwwLDAsMy44OSw1LjRsMjkuODMsMTcsLjEyLDMzLjYzYTgsOCwwLDAsMCwyLjgzLDYuMDgsMTExLjkxLDExMS45MSwwLDAsMCwzNi43MiwyMC42Nyw4LDgsMCwwLDAsNi40Ni0uNTlMMTI4LDIxNC4xNSwxNTguMTIsMjMxYTcuOTEsNy45MSwwLDAsMCwzLjksMSw4LjA5LDguMDksMCwwLDAsMi41Ny0uNDIsMTEyLjEsMTEyLjEsMCwwLDAsMzYuNjgtMjAuNzMsOCw4LDAsMCwwLDIuODMtNi4wN2wuMTUtMzMuNjUsMjkuODMtMTdhOCw4LDAsMCwwLDMuODktNS40QTEwNi40NywxMDYuNDcsMCwwLDAsMjM3Ljk0LDEwNy4yMVpNMTI4LDE2OGE0MCw0MCwwLDEsMSw0MC00MEE0MCw0MCwwLDAsMSwxMjgsMTY4WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-pin: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjkuNjYsOTguMzQsMTcyLjM5LDE1NS44YzExLjQ2LDIyLjkzLTEuNzIsNDUuODYtMTAuMTEsNTdhOCw4LDAsMCwxLTEyLC44M0w0Mi4zNCwxMDUuNzZBOCw4LDAsMCwxLDQzLDkzLjg1YzI5LjY1LTIzLjkyLDU3LjQtMTAsNTcuNC0xMGw1Ny4yNy01Ny40NmE4LDgsMCwwLDEsMTEuMzEsMEwyMjkuNjYsODdBOCw4LDAsMCwxLDIyOS42Niw5OC4zNFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMzUuMzIsODEuMzcsMTc0LjYzLDIwLjY5YTE2LDE2LDAsMCwwLTIyLjYzLDBMOTguMzcsNzQuNDljLTEwLjY2LTMuMzQtMzUtNy4zNy02MC40LDEzLjE0YTE2LDE2LDAsMCwwLTEuMjksMjMuNzhMODUsMTU5LjcxLDQyLjM0LDIwMi4zNGE4LDgsMCwwLDAsMTEuMzIsMTEuMzJMOTYuMjksMTcxbDQ4LjI5LDQ4LjI5QTE2LDE2LDAsMCwwLDE1NS45LDIyNGMuMzgsMCwuNzUsMCwxLjEzLDBhMTUuOTMsMTUuOTMsMCwwLDAsMTEuNjQtNi4zM2MxOS42NC0yNi4xLDE3Ljc1LTQ3LjMyLDEzLjE5LTYwTDIzNS4zMywxMDRBMTYsMTYsMCwwLDAsMjM1LjMyLDgxLjM3Wk0yMjQsOTIuNjloMGwtNTcuMjcsNTcuNDZhOCw4LDAsMCwwLTEuNDksOS4yMmM5LjQ2LDE4LjkzLTEuOCwzOC41OS05LjM0LDQ4LjYyTDQ4LDEwMC4wOGMxMi4wOC05Ljc0LDIzLjY0LTEyLjMxLDMyLjQ4LTEyLjMxQTQwLjEzLDQwLjEzLDAsMCwxLDk2LjgxLDkxYTgsOCwwLDAsMCw5LjI1LTEuNTFMMTYzLjMyLDMyLDIyNCw5Mi42OFoiPjwvcGF0aD48L3N2Zz4="); + --icon-emoji: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0QTEwNCwxMDQsMCwxLDAsMjMyLDEyOCwxMDQuMTEsMTA0LjExLDAsMCwwLDEyOCwyNFptMCwxOTJhODgsODgsMCwxLDEsODgtODhBODguMSw4OC4xLDAsMCwxLDEyOCwyMTZaTTgwLDEwOGExMiwxMiwwLDEsMSwxMiwxMkExMiwxMiwwLDAsMSw4MCwxMDhabTk2LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTc2LDEwOFptLTEuMDgsNDhjLTEwLjI5LDE3Ljc5LTI3LjM5LDI4LTQ2LjkyLDI4cy0zNi42My0xMC4yLTQ2LjkyLTI4YTgsOCwwLDEsMSwxMy44NC04YzcuNDcsMTIuOTEsMTkuMjEsMjAsMzMuMDgsMjBzMjUuNjEtNy4xLDMzLjA4LTIwYTgsOCwwLDEsMSwxMy44NCw4WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-emoji-accent: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0QTEwNCwxMDQsMCwxLDAsMjMyLDEyOCwxMDQuMTEsMTA0LjExLDAsMCwwLDEyOCwyNFptMCwxOTJhODgsODgsMCwxLDEsODgtODhBODguMSw4OC4xLDAsMCwxLDEyOCwyMTZaTTgwLDEwOGExMiwxMiwwLDEsMSwxMiwxMkExMiwxMiwwLDAsMSw4MCwxMDhabTk2LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTc2LDEwOFptLTEuMDgsNDhjLTEwLjI5LDE3Ljc5LTI3LjM5LDI4LTQ2LjkyLDI4cy0zNi42My0xMC4yLTQ2LjkyLTI4YTgsOCwwLDEsMSwxMy44NC04YzcuNDcsMTIuOTEsMTkuMjEsMjAsMzMuMDgsMjBzMjUuNjEtNy4xLDMzLjA4LTIwYTgsOCwwLDEsMSwxMy44NCw4WiI+PC9wYXRoPjwvc3ZnPg=="); + --icon-link: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDkuOTQsMTEzLjk0bC0yOCwyOGE0Ny43Niw0Ny43NiwwLDAsMS0yNi41MiwxMy40OCw0Ny43Niw0Ny43NiwwLDAsMS0xMy40OCwyNi41MmwtMjgsMjhhNDgsNDgsMCwwLDEtNjcuODgtNjcuODhsMjgtMjhhNDcuNzYsNDcuNzYsMCwwLDEsMjYuNTItMTMuNDgsNDcuNzYsNDcuNzYsMCwwLDEsMTMuNDgtMjYuNTJsMjgtMjhhNDgsNDgsMCwwLDEsNjcuODgsNjcuODhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTM3LjU0LDE4Ni4zNmE4LDgsMCwwLDEsMCwxMS4zMWwtMTcuOTQsMThBNTYsNTYsMCwwLDEsNDAuMzgsMTM2LjRMNjguNSwxMDguMjlBNTYsNTYsMCwwLDEsMTQ1LjMxLDEwNmE4LDgsMCwxLDEtMTAuNjQsMTIsNDAsNDAsMCwwLDAtNTQuODUsMS42M0w1MS43LDE0Ny43MmE0MCw0MCwwLDEsMCw1Ni41OCw1Ni41OGwxNy45NC0xNy45NEE4LDgsMCwwLDEsMTM3LjU0LDE4Ni4zNlptNzguMDgtMTQ2YTU2LjA4LDU2LjA4LDAsMCwwLTc5LjIyLDBMMTE4LjQ2LDU4LjMzYTgsOCwwLDAsMCwxMS4zMiwxMS4zMUwxNDcuNzIsNTEuN2E0MCw0MCwwLDAsMSw1Ni41OCw1Ni41OEwxNzYuMTgsMTM2LjRBNDAsNDAsMCwwLDEsMTIxLjMzLDEzOCw4LDgsMCwxLDAsMTEwLjY5LDE1MGE1Niw1NiwwLDAsMCw3Ni44MS0yLjI3bDI4LjEyLTI4LjExQTU2LjA4LDU2LjA4LDAsMCwwLDIxNS42Miw0MC4zOFoiPjwvcGF0aD48L3N2Zz4="); + --icon-share: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmYTA0NyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTA0bC00OCw0OFY1NloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMjkuNjYsOTguMzRsLTQ4LTQ4QTgsOCwwLDAsMCwxNjgsNTZWOTZoLTNBMTAzLjk0LDEwMy45NCwwLDAsMCw2NC4yNSwxNzRhOCw4LDAsMCwwLDE1LjUsNEE4OCw4OCwwLDAsMSwxNjUsMTEyaDN2NDBhOCw4LDAsMCwwLDEzLjY2LDUuNjZsNDgtNDhBOCw4LDAsMCwwLDIyOS42Niw5OC4zNFpNMTg0LDEzMi42OVY3NS4zMUwyMTIuNjksMTA0Wk0yMDAsMjE2YTgsOCwwLDAsMS04LDhINDBhMTYsMTYsMCwwLDEtMTYtMTZWODhhOCw4LDAsMCwxLDE2LDBWMjA4SDE5MkE4LDgsMCwwLDEsMjAwLDIxNloiPjwvcGF0aD48L3N2Zz4="); + --icon-copy: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNDBWMTY4SDE2OFY4OEg4OFY0MFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTYsMzJIODhhOCw4LDAsMCwwLTgsOFY4MEg0MGE4LDgsMCwwLDAtOCw4VjIxNmE4LDgsMCwwLDAsOCw4SDE2OGE4LDgsMCwwLDAsOC04VjE3Nmg0MGE4LDgsMCwwLDAsOC04VjQwQTgsOCwwLDAsMCwyMTYsMzJaTTE2MCwyMDhINDhWOTZIMTYwWm00OC00OEgxNzZWODhhOCw4LDAsMCwwLTgtOEg5NlY0OEgyMDhaIj48L3BhdGg+PC9zdmc+"); + } +} +.layout-multiple-columns { + --color-bg: #f5f2ef; +} +@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; +} +.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); +} +/* 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); +} +/* 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); +} +/* 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; +} + + + +/* 📝 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 .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); +} +.app-body .compose-form .poll__option .autosuggest-input { + border-left: 0; + border-right: 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: 10px; + padding: 12px 15px; + box-shadow: + 0 0 0 4px inset var(--color-content-bg); +} +.app-body .compose-form .spoiler-input__input:focus { + box-shadow: + 0 0 0 4px inset var(--color-content-bg), + 0 0 0 6px inset var(--color-accent), + 0 0 0 1px inset var(--color-content-bg); +} +.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; + } +} + +/* 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); + box-shadow: + 0 0 0 1px var(--color-lines), + 0 0 5px rgba(0, 0, 0, .15); +} +.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; +} +.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: 5px; + 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); + } +} + +/* 👁️ 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) + .active + .icon-retweet + .icon-button__counter > .animated-number { + color: #D3487F; +} +.app-body + :is(.status__action-bar, .detailed-status__action-bar) + .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) + :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) + .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 .status__action-bar .icon-button.star-icon.active>.icon-star, +.app-body .detailed-status__action-bar .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 .status__action-bar .icon-button.active>.icon-retweet { + animation: launch 1.2s ease-in !important; +} +.app-body .detailed-status__action-bar .icon-button.active>.icon-retweet { + animation: launch-detailed 1.2s ease-out !important; +} +@keyframes launch { + 0% { + transform: translate(0); + opacity: 0; + } + 5% { + transform: translate(0); + opacity: 1; + } + 50% { + transform: translate(200%, -150%); + opacity: 0; + } + 80% { + transform: translate(200%, -150%); + opacity: 0; + } + 85% { + transform: translate(-20%, 20%); + opacity: 0; + } + 100% { + transform: translate(0); + opacity: 1; + } +} +@keyframes launch-detailed { + 0% { + transform: translate(0); + opacity: 0; + } + 5% { + transform: translate(0); + opacity: 1; + } + 50% { + transform: translate(150%, -150%); + opacity: 0; + } + 80% { + transform: translate(150%, -150%); + opacity: 0; + } + 85% { + transform: translate(-20%, 20%); + opacity: 0; + } + 100% { + transform: translate(0); + opacity: 1; + } +} +.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 a.status-card:hover, +.app-body a.status-card.compact:hover { + background-color: var(--color-content-bg-focus); + border-color: var(--color-lines); +} +.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 .media-gallery { + border-radius: 8px; +} +.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 .audio-player, +.app-body .media-gallery, +.app-body .video-player { + border: 1px solid var(--color-lines); +} + +.app-body div:not(.detailed-status) > .media-gallery:has(.media-gallery__item.standalone) { + max-height: 450px; + width: auto; +} + +/* 📊 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 { + border-bottom: 0; + box-shadow: 0 -20px 0 var(--color-bg); + background-color: var(--color-secondary-bg); + border-left: 1px solid var(--color-lines); + border-right: 1px solid var(--color-lines); +} +.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 .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; +} +.app-body .column-link--transparent:is(.active, .active:hover) { + color: var(--color-content-fg); + font-weight: bold; +} +.app-body .column-link--transparent:hover { + border-radius: 8px; + padding-right: 20px; +} +.app-body .column-link--transparent span { + position: relative; +} +@media screen and (min-width:1175px) { + .app-body .column-link:not(.column-link--logo) { + transition: all .2s; + } + .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); + } +} +@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; + } +} +@keyframes fadein { + from { + opacity: 0; + transform: translateY(-10%); + } + to { + opacity: 1; + transform: translateY(0); + } +} +@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 .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); +} +.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; + margin-left: -1px; +} +.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); + border: 1px solid var(--color-lines); + overflow: hidden; + margin-top: -1px; +} +@media screen and (max-width:889px) { + .app-body .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); +} +.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; +} +@keyframes fadein-short { + from { + transform: translate(0, -10px); + opacity: 0; + } + to { + transform: translate(0, 0); + opacity: 1; + } +} +.app-body .search__popout { + background-color: var(--color-content-bg); + border-radius: 8px; + box-shadow: none; + margin-top: 10px; + border: 1px solid var(--color-lines); + animation: .3s fadein-short 1; +} +.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 .icon-button:is(:active, :focus, :hover) { + background-color: transparent; + color: var(--color-accent-fg); +} +.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; + } +} + + +/* ⏺️ Other UI components : buttons, toggles, ... + ----------------------------------------- */ +.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); + box-shadow: 0 0 5px rgba(0, 0, 0, .15); +} +.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); +} + +/* ⏺️ Toggles */ +.app-body .setting-toggle__label { + vertical-align: top; +} +.app-body .react-toggle-track { + background-color: var(--color-accent-lines); + box-shadow: + 0 0 0 20px var(--color-accent-lines) inset, + 0 0 0 20px var(--color-accent-lines) inset, + 0 0 0 1px var(--color-accent-lines) inset, + 0 0 0 1px var(--color-accent-lines) inset +} +.app-body .react-toggle-thumb { + border: 0; +} +.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); +} + + +/* ⏺️ Radio buttons */ +.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 .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 { + border: 1px solid var(--color-lines); +} +.app-body .interaction-modal { + background-color: var(--color-content-bg); +} +.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 .modal-root__overlay { + background-color: hsla(0, 0%, 23.5%, 0.7); +} +@media (prefers-color-scheme: dark) { + .app-body .modal-root__overlay { + background-color: hsla(0, 0%, 0%, 0.7); + } +} +.app-body .modal-root__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__modal.media-modal { + background-color: rgba(255, 255, 255, .8); +} +.app-body .media-modal__overlay .picture-in-picture__footer { + background-color: transparent; +} +.app-body .media-modal__nav, +.app-body .media-modal__overlay .picture-in-picture__footer .icon-button { + color: var(--color-content-fg); +} +.app-body .media-modal__page-dot { + background-color: var(--color-content-fg); +} +@media (prefers-color-scheme: dark) { + .app-body .modal-root__modal.media-modal { + background-color: rgba(0, 0, 0, .6); + } +} + + +/* 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; +} +.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); +} + +/* ⏯️ 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; +} +@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); + 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-secondary-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: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); +} +.app-body .announcements__pagination, +.app-body .announcements__pagination .icon-button { + color: var(--color-content-fg); +} +.app-body .announcements__mastodon { + border-radius: 0 0 0 8px; +} +.app-body .reactions-bar__item { + 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-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; +} +@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 .about__header h1, +.app-body .about__header p, +.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 { + margin-bottom: 0; +} +@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: none; +} +.app-body .about__section__body .prose a:hover { + text-decoration: underline; +} +.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); +} + + + +/* Privacy Policy page */ +.app-body .column > .scrollable.privacy-policy { + border: 1px solid var(--color-lines); + background-color: var(--color-content-bg); +} +@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; + } +} diff --git a/config/locales/en-DG.yml b/config/locales/en-DG.yml index 21845f077..1754a5976 100644 --- a/config/locales/en-DG.yml +++ b/config/locales/en-DG.yml @@ -1737,6 +1737,9 @@ en-DG: pop-wider: Pop (wider) pop-light: Pop (light) pop-light-wider: Pop (light, wider) + tangerineui: Tangerine UI + tangerineui-purple: Tangerine UI Purple + tangerineui-cherry: Tangerine UI Cherry default: Mastodon mastodon-wider: Mastodon (wider) mastodon-light: Mastodon (light) diff --git a/config/locales/en-LN.yml b/config/locales/en-LN.yml index 1cfa41695..488369249 100644 --- a/config/locales/en-LN.yml +++ b/config/locales/en-LN.yml @@ -1737,6 +1737,9 @@ en-LN: pop-wider: Pop (wider) pop-light: Pop (light) pop-light-wider: Pop (light, wider) + tangerineui: Tangerine UI + tangerineui-purple: Tangerine UI Purple + tangerineui-cherry: Tangerine UI Cherry default: Mastodon mastodon-wider: Mastodon (wider) mastodon-light: Mastodon (light) diff --git a/config/locales/en-SQ.yml b/config/locales/en-SQ.yml index e89723e20..357c3293d 100644 --- a/config/locales/en-SQ.yml +++ b/config/locales/en-SQ.yml @@ -1737,6 +1737,9 @@ en-SQ: pop-wider: Inflate (wider) pop-light: Inflate (light) pop-light-wider: Inflate (light, wider) + tangerineui: Tangerine UI + tangerineui-purple: Tangerine UI Purple + tangerineui-cherry: Tangerine UI Cherry default: Mastodon mastodon-wider: Mastodon (wider) mastodon-light: Mastodon (light) diff --git a/config/locales/en.yml b/config/locales/en.yml index a3ed350f8..3f52120bf 100644 --- a/config/locales/en.yml +++ b/config/locales/en.yml @@ -1737,6 +1737,9 @@ en: pop-wider: Pop (wider) pop-light: Pop (light) pop-light-wider: Pop (light, wider) + tangerineui: Tangerine UI + tangerineui-purple: Tangerine UI Purple + tangerineui-cherry: Tangerine UI Cherry default: Mastodon mastodon-wider: Mastodon (wider) mastodon-light: Mastodon (light) diff --git a/config/themes.yml b/config/themes.yml index 9a3ff5b65..932fc1d95 100644 --- a/config/themes.yml +++ b/config/themes.yml @@ -4,6 +4,9 @@ pop: styles/pop.scss pop-wider: styles/pop-wider.scss pop-light: styles/pop-light.scss pop-light-wider: styles/pop-light-wider.scss +tangerineui: styles/tangerineui.scss +tangerineui-purple: styles/tangerineui-purple.scss +tangerineui-cherry: styles/tangerineui-cherry.scss default: styles/application.scss mastodon-wider: styles/mastodon-wider.scss mastodon-light: styles/mastodon-light.scss From ef149674f093e97ffbeb12910e2ebdd668bed7c2 Mon Sep 17 00:00:00 2001 From: Claire Date: Mon, 23 Oct 2023 14:27:07 +0200 Subject: [PATCH 04/26] Change Content-Security-Policy to be tighter on media paths (#26889) --- config/initializers/content_security_policy.rb | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/config/initializers/content_security_policy.rb b/config/initializers/content_security_policy.rb index 6ce84a6e4..85a328b44 100644 --- a/config/initializers/content_security_policy.rb +++ b/config/initializers/content_security_policy.rb @@ -5,7 +5,11 @@ # https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy def host_to_url(str) - "http#{Rails.configuration.x.use_https ? 's' : ''}://#{str.split('/').first}" if str.present? + return if str.blank? + + uri = Addressable::URI.parse("http#{Rails.configuration.x.use_https ? 's' : ''}://#{str}") + uri.path += '/' unless uri.path.blank? || uri.path.end_with?('/') + uri.to_s end base_host = Rails.configuration.x.web_domain From 156d32689b3d084a7fe9f0aa6a8788cd4e831f17 Mon Sep 17 00:00:00 2001 From: gunchleoc Date: Thu, 28 Sep 2023 09:13:44 +0100 Subject: [PATCH 05/26] Only strip country code when language not listed in SUPPORTED_LOCALES (#27099) --- app/helpers/languages_helper.rb | 1 + 1 file changed, 1 insertion(+) diff --git a/app/helpers/languages_helper.rb b/app/helpers/languages_helper.rb index a8c66552c..c42c4c23e 100644 --- a/app/helpers/languages_helper.rb +++ b/app/helpers/languages_helper.rb @@ -254,6 +254,7 @@ module LanguagesHelper def valid_locale_or_nil(str) return if str.blank? + return str if valid_locale?(str) code, = str.to_s.split(/[_-]/) # Strip out the region from e.g. en_US or ja-JP From aa69ca74ed113e4f0526522931f24db55de90b9a Mon Sep 17 00:00:00 2001 From: Claire Date: Fri, 6 Oct 2023 17:46:04 +0200 Subject: [PATCH 06/26] Fix incorrect serialization of regional languages in `contentMap` (#27207) --- app/lib/activitypub/case_transform.rb | 2 ++ .../serializers/activitypub/note_serializer_spec.rb | 13 ++++++++++--- 2 files changed, 12 insertions(+), 3 deletions(-) diff --git a/app/lib/activitypub/case_transform.rb b/app/lib/activitypub/case_transform.rb index da2c5eb8b..bf5de7221 100644 --- a/app/lib/activitypub/case_transform.rb +++ b/app/lib/activitypub/case_transform.rb @@ -14,6 +14,8 @@ module ActivityPub::CaseTransform when String camel_lower_cache[value] ||= if value.start_with?('_:') "_:#{value.delete_prefix('_:').underscore.camelize(:lower)}" + elsif LanguagesHelper::ISO_639_1_REGIONAL.key?(value.to_sym) + value else value.underscore.camelize(:lower) end diff --git a/spec/serializers/activitypub/note_serializer_spec.rb b/spec/serializers/activitypub/note_serializer_spec.rb index 4b2b8ec87..31ee31f13 100644 --- a/spec/serializers/activitypub/note_serializer_spec.rb +++ b/spec/serializers/activitypub/note_serializer_spec.rb @@ -7,7 +7,7 @@ describe ActivityPub::NoteSerializer do let!(:account) { Fabricate(:account) } let!(:other) { Fabricate(:account) } - let!(:parent) { Fabricate(:status, account: account, visibility: :public) } + let!(:parent) { Fabricate(:status, account: account, visibility: :public, language: 'zh-TW') } let!(:reply_by_account_first) { Fabricate(:status, account: account, thread: parent, visibility: :public) } let!(:reply_by_account_next) { Fabricate(:status, account: account, thread: parent, visibility: :public) } let!(:reply_by_other_first) { Fabricate(:status, account: other, thread: parent, visibility: :public) } @@ -18,8 +18,15 @@ describe ActivityPub::NoteSerializer do @serialization = ActiveModelSerializers::SerializableResource.new(parent, serializer: described_class, adapter: ActivityPub::Adapter) end - it 'has a Note type' do - expect(subject['type']).to eql('Note') + it 'has the expected shape' do + expect(subject).to include({ + '@context' => include('https://www.w3.org/ns/activitystreams'), + 'type' => 'Note', + 'attributedTo' => ActivityPub::TagManager.instance.uri_for(account), + 'contentMap' => include({ + 'zh-TW' => a_kind_of(String), + }), + }) end it 'has a replies collection' do From cdedae6d63ff6ac21dd8810896d39f016fd8ec68 Mon Sep 17 00:00:00 2001 From: Claire Date: Mon, 23 Oct 2023 14:19:38 +0200 Subject: [PATCH 07/26] Fix some link anchors being recognized as hashtags (#27271) --- app/models/tag.rb | 2 +- spec/models/tag_spec.rb | 26 +++++++++++++++----------- 2 files changed, 16 insertions(+), 12 deletions(-) diff --git a/app/models/tag.rb b/app/models/tag.rb index 672d80c8b..413f6f500 100644 --- a/app/models/tag.rb +++ b/app/models/tag.rb @@ -35,7 +35,7 @@ class Tag < ApplicationRecord HASHTAG_LAST_SEQUENCE = '([[:word:]_]*[[:alpha:]][[:word:]_]*)' HASHTAG_NAME_PAT = "#{HASHTAG_FIRST_SEQUENCE}|#{HASHTAG_LAST_SEQUENCE}" - HASHTAG_RE = %r{(?:^|[^/)\w])#(#{HASHTAG_NAME_PAT})}i + HASHTAG_RE = %r{(? Date: Fri, 13 Oct 2023 18:15:47 +0900 Subject: [PATCH 08/26] Fix when unfollow a tag, my post also disappears from the home timeline (#27391) --- app/lib/feed_manager.rb | 1 + spec/lib/feed_manager_spec.rb | 38 +++++++++++++++++++++++++++++++++++ 2 files changed, 39 insertions(+) diff --git a/app/lib/feed_manager.rb b/app/lib/feed_manager.rb index 26e5b78e8..8b7f20811 100644 --- a/app/lib/feed_manager.rb +++ b/app/lib/feed_manager.rb @@ -192,6 +192,7 @@ class FeedManager # also tagged with another followed hashtag or from a followed user scope = from_tag.statuses .where(id: timeline_status_ids) + .where.not(account: into_account) .where.not(account: into_account.following) .tagged_with_none(TagFollow.where(account: into_account).pluck(:tag_id)) diff --git a/spec/lib/feed_manager_spec.rb b/spec/lib/feed_manager_spec.rb index 25edaada6..f4dd42f84 100644 --- a/spec/lib/feed_manager_spec.rb +++ b/spec/lib/feed_manager_spec.rb @@ -525,6 +525,44 @@ RSpec.describe FeedManager do end end + describe '#unmerge_tag_from_home' do + let(:receiver) { Fabricate(:account) } + let(:tag) { Fabricate(:tag) } + + it 'leaves a tagged status' do + status = Fabricate(:status) + status.tags << tag + described_class.instance.push_to_home(receiver, status) + + described_class.instance.unmerge_tag_from_home(tag, receiver) + + expect(redis.zrange("feed:home:#{receiver.id}", 0, -1)).to_not include(status.id.to_s) + end + + it 'remains a tagged status written by receiver\'s followee' do + followee = Fabricate(:account) + receiver.follow!(followee) + + status = Fabricate(:status, account: followee) + status.tags << tag + described_class.instance.push_to_home(receiver, status) + + described_class.instance.unmerge_tag_from_home(tag, receiver) + + expect(redis.zrange("feed:home:#{receiver.id}", 0, -1)).to include(status.id.to_s) + end + + it 'remains a tagged status written by receiver' do + status = Fabricate(:status, account: receiver) + status.tags << tag + described_class.instance.push_to_home(receiver, status) + + described_class.instance.unmerge_tag_from_home(tag, receiver) + + expect(redis.zrange("feed:home:#{receiver.id}", 0, -1)).to include(status.id.to_s) + end + end + describe '#clear_from_home' do let(:account) { Fabricate(:account) } let(:followed_account) { Fabricate(:account) } From 13205b54fd69f8cce1975aff8e784aa2f24e82ff Mon Sep 17 00:00:00 2001 From: Claire Date: Mon, 16 Oct 2023 15:24:14 +0200 Subject: [PATCH 09/26] Fix handling of `inLanguage` attribute in preview card processing (#27423) --- app/lib/link_details_extractor.rb | 3 ++- spec/lib/link_details_extractor_spec.rb | 10 ++++++++++ 2 files changed, 12 insertions(+), 1 deletion(-) diff --git a/app/lib/link_details_extractor.rb b/app/lib/link_details_extractor.rb index b95ec8051..a96612cab 100644 --- a/app/lib/link_details_extractor.rb +++ b/app/lib/link_details_extractor.rb @@ -36,7 +36,8 @@ class LinkDetailsExtractor end def language - json['inLanguage'] + lang = json['inLanguage'] + lang.is_a?(Hash) ? (lang['alternateName'] || lang['name']) : lang end def type diff --git a/spec/lib/link_details_extractor_spec.rb b/spec/lib/link_details_extractor_spec.rb index 599bc4e6d..8c485cef2 100644 --- a/spec/lib/link_details_extractor_spec.rb +++ b/spec/lib/link_details_extractor_spec.rb @@ -82,6 +82,10 @@ RSpec.describe LinkDetailsExtractor do 'name' => 'Pet News', 'url' => 'https://example.com', }, + 'inLanguage' => { + name: 'English', + alternateName: 'en', + }, }.to_json end @@ -115,6 +119,12 @@ RSpec.describe LinkDetailsExtractor do expect(subject.provider_name).to eq 'Pet News' end end + + describe '#language' do + it 'returns the language from structured data' do + expect(subject.language).to eq 'en' + end + end end context 'when is wrapped in CDATA tags' do From 700ae1f9183a01afe574687a91afb6e7a99825fc Mon Sep 17 00:00:00 2001 From: Claire Date: Thu, 26 Oct 2023 19:03:31 +0200 Subject: [PATCH 10/26] Fix report processing notice not mentioning the report number when performing a custom action (#27442) --- app/controllers/admin/account_actions_controller.rb | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/controllers/admin/account_actions_controller.rb b/app/controllers/admin/account_actions_controller.rb index e89404b60..e674bf55a 100644 --- a/app/controllers/admin/account_actions_controller.rb +++ b/app/controllers/admin/account_actions_controller.rb @@ -21,7 +21,7 @@ module Admin account_action.save! if account_action.with_report? - redirect_to admin_reports_path, notice: I18n.t('admin.reports.processed_msg', id: params[:report_id]) + redirect_to admin_reports_path, notice: I18n.t('admin.reports.processed_msg', id: resource_params[:report_id]) else redirect_to admin_account_path(@account.id) end From bece853e3cc45a7b8b8b19b78b6f772c65e80b2a Mon Sep 17 00:00:00 2001 From: Claire Date: Fri, 27 Oct 2023 10:35:21 +0200 Subject: [PATCH 11/26] Fix error and incorrect URLs in `/api/v1/accounts/:id/featured_tags` for remote accounts (#27459) --- .../rest/featured_tag_serializer.rb | 4 +- config/routes.rb | 2 +- .../accounts/featured_tags_controller_spec.rb | 23 --------- .../api/v1/accounts/featured_tags_spec.rb | 50 +++++++++++++++++++ 4 files changed, 54 insertions(+), 25 deletions(-) delete mode 100644 spec/controllers/api/v1/accounts/featured_tags_controller_spec.rb create mode 100644 spec/requests/api/v1/accounts/featured_tags_spec.rb diff --git a/app/serializers/rest/featured_tag_serializer.rb b/app/serializers/rest/featured_tag_serializer.rb index c4b35ab03..c1ff4602a 100644 --- a/app/serializers/rest/featured_tag_serializer.rb +++ b/app/serializers/rest/featured_tag_serializer.rb @@ -10,7 +10,9 @@ class REST::FeaturedTagSerializer < ActiveModel::Serializer end def url - short_account_tag_url(object.account, object.tag) + # The path is hardcoded because we have to deal with both local and + # remote users, which are different routes + account_with_domain_url(object.account, "tagged/#{object.tag.to_param}") end def name diff --git a/config/routes.rb b/config/routes.rb index 7e2f1aabe..379262f4c 100644 --- a/config/routes.rb +++ b/config/routes.rb @@ -149,7 +149,7 @@ Rails.application.routes.draw do get '/@:account_username/:id/embed', to: 'statuses#embed', as: :embed_short_account_status end - get '/@:username_with_domain/(*any)', to: 'home#index', constraints: { username_with_domain: %r{([^/])+?} }, format: false + get '/@:username_with_domain/(*any)', to: 'home#index', constraints: { username_with_domain: %r{([^/])+?} }, as: :account_with_domain, format: false get '/settings', to: redirect('/settings/profile') draw(:settings) diff --git a/spec/controllers/api/v1/accounts/featured_tags_controller_spec.rb b/spec/controllers/api/v1/accounts/featured_tags_controller_spec.rb deleted file mode 100644 index 53ac1e2a7..000000000 --- a/spec/controllers/api/v1/accounts/featured_tags_controller_spec.rb +++ /dev/null @@ -1,23 +0,0 @@ -# frozen_string_literal: true - -require 'rails_helper' - -describe Api::V1::Accounts::FeaturedTagsController do - render_views - - let(:user) { Fabricate(:user) } - let(:token) { Fabricate(:accessible_access_token, resource_owner_id: user.id, scopes: 'read:accounts') } - let(:account) { Fabricate(:account) } - - before do - allow(controller).to receive(:doorkeeper_token) { token } - end - - describe 'GET #index' do - it 'returns http success' do - get :index, params: { account_id: account.id, limit: 2 } - - expect(response).to have_http_status(200) - end - end -end diff --git a/spec/requests/api/v1/accounts/featured_tags_spec.rb b/spec/requests/api/v1/accounts/featured_tags_spec.rb new file mode 100644 index 000000000..bae7d448b --- /dev/null +++ b/spec/requests/api/v1/accounts/featured_tags_spec.rb @@ -0,0 +1,50 @@ +# frozen_string_literal: true + +require 'rails_helper' + +RSpec.describe 'account featured tags API' do + let(:user) { Fabricate(:user) } + let(:token) { Fabricate(:accessible_access_token, resource_owner_id: user.id, scopes: scopes) } + let(:scopes) { 'read:accounts' } + let(:headers) { { 'Authorization' => "Bearer #{token.token}" } } + let(:account) { Fabricate(:account) } + + describe 'GET /api/v1/accounts/:id/featured_tags' do + subject do + get "/api/v1/accounts/#{account.id}/featured_tags", headers: headers + end + + before do + account.featured_tags.create!(name: 'foo') + account.featured_tags.create!(name: 'bar') + end + + it 'returns the expected tags', :aggregate_failures do + subject + + expect(response).to have_http_status(200) + expect(body_as_json).to contain_exactly(a_hash_including({ + name: 'bar', + url: "https://cb6e6126.ngrok.io/@#{account.username}/tagged/bar", + }), a_hash_including({ + name: 'foo', + url: "https://cb6e6126.ngrok.io/@#{account.username}/tagged/foo", + })) + end + + context 'when the account is remote' do + it 'returns the expected tags', :aggregate_failures do + subject + + expect(response).to have_http_status(200) + expect(body_as_json).to contain_exactly(a_hash_including({ + name: 'bar', + url: "https://cb6e6126.ngrok.io/@#{account.pretty_acct}/tagged/bar", + }), a_hash_including({ + name: 'foo', + url: "https://cb6e6126.ngrok.io/@#{account.pretty_acct}/tagged/foo", + })) + end + end + end +end From c66ade7de80e72d1dfdd1833c04cb3be47754f71 Mon Sep 17 00:00:00 2001 From: Claire Date: Fri, 20 Oct 2023 10:45:46 +0200 Subject: [PATCH 12/26] Fix processing LDSigned activities from actors with unknown public keys (#27474) --- app/lib/activitypub/linked_data_signature.rb | 6 ++-- .../activitypub/linked_data_signature_spec.rb | 34 +++++++++++++++++++ 2 files changed, 38 insertions(+), 2 deletions(-) diff --git a/app/lib/activitypub/linked_data_signature.rb b/app/lib/activitypub/linked_data_signature.rb index ea59879f3..faea63e8f 100644 --- a/app/lib/activitypub/linked_data_signature.rb +++ b/app/lib/activitypub/linked_data_signature.rb @@ -18,8 +18,8 @@ class ActivityPub::LinkedDataSignature return unless type == 'RsaSignature2017' - creator = ActivityPub::TagManager.instance.uri_to_actor(creator_uri) - creator ||= ActivityPub::FetchRemoteKeyService.new.call(creator_uri, id: false) + creator = ActivityPub::TagManager.instance.uri_to_actor(creator_uri) + creator = ActivityPub::FetchRemoteKeyService.new.call(creator_uri, id: false) if creator&.public_key.blank? return if creator.nil? @@ -28,6 +28,8 @@ class ActivityPub::LinkedDataSignature to_be_verified = options_hash + document_hash creator if creator.keypair.public_key.verify(OpenSSL::Digest.new('SHA256'), Base64.decode64(signature), to_be_verified) + rescue OpenSSL::PKey::RSAError + false end def sign!(creator, sign_with: nil) diff --git a/spec/lib/activitypub/linked_data_signature_spec.rb b/spec/lib/activitypub/linked_data_signature_spec.rb index 6a6ad1a70..03d0c5a87 100644 --- a/spec/lib/activitypub/linked_data_signature_spec.rb +++ b/spec/lib/activitypub/linked_data_signature_spec.rb @@ -38,6 +38,40 @@ RSpec.describe ActivityPub::LinkedDataSignature do end end + context 'when local account record is missing a public key' do + let(:raw_signature) do + { + 'creator' => 'http://example.com/alice', + 'created' => '2017-09-23T20:21:34Z', + } + end + + let(:signature) { raw_signature.merge('type' => 'RsaSignature2017', 'signatureValue' => sign(sender, raw_signature, raw_json)) } + + let(:service_stub) { instance_double(ActivityPub::FetchRemoteKeyService) } + + before do + # Ensure signature is computed with the old key + signature + + # Unset key + old_key = sender.public_key + sender.update!(private_key: '', public_key: '') + + allow(ActivityPub::FetchRemoteKeyService).to receive(:new).and_return(service_stub) + + allow(service_stub).to receive(:call).with('http://example.com/alice', id: false) do + sender.update!(public_key: old_key) + sender + end + end + + it 'fetches key and returns creator' do + expect(subject.verify_actor!).to eq sender + expect(service_stub).to have_received(:call).with('http://example.com/alice', id: false).once + end + end + context 'when signature is missing' do let(:signature) { nil } From d5bc10b711dede8c84087de9240eea85c14ab7b0 Mon Sep 17 00:00:00 2001 From: Renaud Chaput Date: Thu, 19 Oct 2023 13:22:44 +0200 Subject: [PATCH 13/26] The `class` props should be `className` (#27462) --- .../mastodon/features/ui/components/link_footer.jsx | 2 +- .../mastodon/features/ui/components/navigation_panel.jsx | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/app/javascript/mastodon/features/ui/components/link_footer.jsx b/app/javascript/mastodon/features/ui/components/link_footer.jsx index 9585df2ec..6b1555243 100644 --- a/app/javascript/mastodon/features/ui/components/link_footer.jsx +++ b/app/javascript/mastodon/features/ui/components/link_footer.jsx @@ -100,7 +100,7 @@ class LinkFooter extends PureComponent { {DividingCircle} {DividingCircle} - v{version} + v{version}

); diff --git a/app/javascript/mastodon/features/ui/components/navigation_panel.jsx b/app/javascript/mastodon/features/ui/components/navigation_panel.jsx index 8006ca89a..22eee79c0 100644 --- a/app/javascript/mastodon/features/ui/components/navigation_panel.jsx +++ b/app/javascript/mastodon/features/ui/components/navigation_panel.jsx @@ -59,10 +59,10 @@ class NavigationPanel extends Component { {transientSingleColumn ? ( -
+
{intl.formatMessage(messages.openedInClassicInterface)} {" "} - + {intl.formatMessage(messages.advancedInterface)}
From 4fc252354624d5b0fbafd86251204cc19edc525d Mon Sep 17 00:00:00 2001 From: Renaud Chaput Date: Thu, 19 Oct 2023 19:36:08 +0200 Subject: [PATCH 14/26] Do not display the navigation banner in the logo container (#27476) --- .../ui/components/navigation_panel.jsx | 30 +++++++++++-------- .../styles/mastodon/components.scss | 1 + 2 files changed, 19 insertions(+), 12 deletions(-) diff --git a/app/javascript/mastodon/features/ui/components/navigation_panel.jsx b/app/javascript/mastodon/features/ui/components/navigation_panel.jsx index 22eee79c0..b16eb5e17 100644 --- a/app/javascript/mastodon/features/ui/components/navigation_panel.jsx +++ b/app/javascript/mastodon/features/ui/components/navigation_panel.jsx @@ -53,24 +53,30 @@ class NavigationPanel extends Component { const { intl } = this.props; const { signedIn, disabledAccountId } = this.context.identity; + let banner = undefined; + + if(transientSingleColumn) + banner = (
+ {intl.formatMessage(messages.openedInClassicInterface)} + {" "} + + {intl.formatMessage(messages.advancedInterface)} + +
); + return (
- - {transientSingleColumn ? ( -
- {intl.formatMessage(messages.openedInClassicInterface)} - {" "} - - {intl.formatMessage(messages.advancedInterface)} - -
- ) : ( -
- )} + {!banner &&
}
+ {banner && +
+ {banner} +
+ } + {signedIn && ( <> diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss index 567397a07..8c88b7dd6 100644 --- a/app/javascript/styles/mastodon/components.scss +++ b/app/javascript/styles/mastodon/components.scss @@ -2466,6 +2466,7 @@ $ui-header-height: 55px; .navigation-panel__sign-in-banner, .navigation-panel__logo, + .navigation-panel__banner, .getting-started__trends { display: none; } From 4c3870647414f4cbd05373b0767d79e89a0db9a2 Mon Sep 17 00:00:00 2001 From: Claire Date: Wed, 25 Oct 2023 15:55:57 +0200 Subject: [PATCH 15/26] Fix batch attachment deletion when using OpenStack Swift (#27554) --- app/lib/attachment_batch.rb | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/lib/attachment_batch.rb b/app/lib/attachment_batch.rb index b75938bdd..78bd59316 100644 --- a/app/lib/attachment_batch.rb +++ b/app/lib/attachment_batch.rb @@ -75,7 +75,7 @@ class AttachmentBatch end when :fog logger.debug { "Deleting #{attachment.path(style)}" } - attachment.directory.files.new(key: attachment.path(style)).destroy + attachment.send(:directory).files.new(key: attachment.path(style)).destroy when :azure logger.debug { "Deleting #{attachment.path(style)}" } attachment.destroy From de86e822f4f51d7e20a59d48b2c7e66431e374fe Mon Sep 17 00:00:00 2001 From: Claire Date: Thu, 26 Oct 2023 15:09:48 +0200 Subject: [PATCH 16/26] Fix error when trying to delete already-deleted file with OpenStack Swift (#27569) --- app/lib/attachment_batch.rb | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/app/lib/attachment_batch.rb b/app/lib/attachment_batch.rb index 78bd59316..13a9da828 100644 --- a/app/lib/attachment_batch.rb +++ b/app/lib/attachment_batch.rb @@ -75,7 +75,12 @@ class AttachmentBatch end when :fog logger.debug { "Deleting #{attachment.path(style)}" } - attachment.send(:directory).files.new(key: attachment.path(style)).destroy + + begin + attachment.send(:directory).files.new(key: attachment.path(style)).destroy + rescue Fog::Storage::OpenStack::NotFound + # Ignore failure to delete a file that has already been deleted + end when :azure logger.debug { "Deleting #{attachment.path(style)}" } attachment.destroy From e6f4c91c5c7a28b5185f31c0dc5b58c242f4270f Mon Sep 17 00:00:00 2001 From: Claire Date: Fri, 27 Oct 2023 16:04:51 +0200 Subject: [PATCH 17/26] Fix hashtag matching pattern matching some URLs (#27584) --- app/models/tag.rb | 2 +- spec/models/tag_spec.rb | 4 ++++ 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/app/models/tag.rb b/app/models/tag.rb index 413f6f500..8fab98fb5 100644 --- a/app/models/tag.rb +++ b/app/models/tag.rb @@ -35,7 +35,7 @@ class Tag < ApplicationRecord HASHTAG_LAST_SEQUENCE = '([[:word:]_]*[[:alpha:]][[:word:]_]*)' HASHTAG_NAME_PAT = "#{HASHTAG_FIRST_SEQUENCE}|#{HASHTAG_LAST_SEQUENCE}" - HASHTAG_RE = %r{(? Date: Mon, 30 Oct 2023 23:32:25 +0100 Subject: [PATCH 18/26] Fix posts from force-sensitized accounts being able to trend (#27620) --- app/models/trends/statuses.rb | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/models/trends/statuses.rb b/app/models/trends/statuses.rb index 427fa8e79..c47fb8427 100644 --- a/app/models/trends/statuses.rb +++ b/app/models/trends/statuses.rb @@ -106,7 +106,7 @@ class Trends::Statuses < Trends::Base private def eligible?(status) - status.public_visibility? && status.account.discoverable? && !status.account.silenced? && status.spoiler_text.blank? && !status.sensitive? && !status.reply? && valid_locale?(status.language) + status.public_visibility? && status.account.discoverable? && !status.account.silenced? && !status.account.sensitized? && status.spoiler_text.blank? && !status.sensitive? && !status.reply? && valid_locale?(status.language) end def calculate_scores(statuses, at_time) From 54a07731d14ed3809375b31e2ce86e347afed271 Mon Sep 17 00:00:00 2001 From: Claire Date: Thu, 2 Nov 2023 15:58:37 +0100 Subject: [PATCH 19/26] Fix posts from threads received out-of-order sometimes not being inserted into timelines (#27653) --- app/services/fan_out_on_write_service.rb | 8 +- app/workers/thread_resolve_worker.rb | 9 +- spec/lib/activitypub/activity/create_spec.rb | 103 +++++++++++++++++++ 3 files changed, 116 insertions(+), 4 deletions(-) diff --git a/app/services/fan_out_on_write_service.rb b/app/services/fan_out_on_write_service.rb index 2554756a5..f2a79c9fc 100644 --- a/app/services/fan_out_on_write_service.rb +++ b/app/services/fan_out_on_write_service.rb @@ -8,6 +8,7 @@ class FanOutOnWriteService < BaseService # @param [Hash] options # @option options [Boolean] update # @option options [Array] silenced_account_ids + # @option options [Boolean] skip_notifications def call(status, options = {}) @status = status @account = status.account @@ -37,8 +38,11 @@ class FanOutOnWriteService < BaseService def fan_out_to_local_recipients! deliver_to_self! - notify_mentioned_accounts! - notify_about_update! if update? + + unless @options[:skip_notifications] + notify_mentioned_accounts! + notify_about_update! if update? + end case @status.visibility.to_sym when :public, :unlisted, :private diff --git a/app/workers/thread_resolve_worker.rb b/app/workers/thread_resolve_worker.rb index 3206c45f6..d4cefb3fd 100644 --- a/app/workers/thread_resolve_worker.rb +++ b/app/workers/thread_resolve_worker.rb @@ -7,13 +7,18 @@ class ThreadResolveWorker sidekiq_options queue: 'pull', retry: 3 def perform(child_status_id, parent_url, options = {}) - child_status = Status.find(child_status_id) - parent_status = FetchRemoteStatusService.new.call(parent_url, **options.deep_symbolize_keys) + child_status = Status.find(child_status_id) + return if child_status.in_reply_to_id.present? + + parent_status = ActivityPub::TagManager.instance.uri_to_resource(parent_url, Status) + parent_status ||= FetchRemoteStatusService.new.call(parent_url, **options.deep_symbolize_keys) return if parent_status.nil? child_status.thread = parent_status child_status.save! + + DistributionWorker.perform_async(child_status_id, { 'skip_notifications' => true }) if child_status.within_realtime_window? rescue ActiveRecord::RecordNotFound true end diff --git a/spec/lib/activitypub/activity/create_spec.rb b/spec/lib/activitypub/activity/create_spec.rb index f6c24754c..8425f2127 100644 --- a/spec/lib/activitypub/activity/create_spec.rb +++ b/spec/lib/activitypub/activity/create_spec.rb @@ -23,6 +23,109 @@ RSpec.describe ActivityPub::Activity::Create do stub_request(:get, 'http://example.com/emojib.png').to_return(body: attachment_fixture('emojo.png'), headers: { 'Content-Type' => 'application/octet-stream' }) end + describe 'processing posts received out of order' do + let(:follower) { Fabricate(:account, username: 'bob') } + + let(:object_json) do + { + id: [ActivityPub::TagManager.instance.uri_for(sender), 'post1'].join('/'), + type: 'Note', + to: [ + 'https://www.w3.org/ns/activitystreams#Public', + ActivityPub::TagManager.instance.uri_for(follower), + ], + content: '@bob lorem ipsum', + published: 1.hour.ago.utc.iso8601, + updated: 1.hour.ago.utc.iso8601, + tag: { + type: 'Mention', + href: ActivityPub::TagManager.instance.uri_for(follower), + }, + } + end + + let(:reply_json) do + { + id: [ActivityPub::TagManager.instance.uri_for(sender), 'reply'].join('/'), + type: 'Note', + inReplyTo: object_json[:id], + to: [ + 'https://www.w3.org/ns/activitystreams#Public', + ActivityPub::TagManager.instance.uri_for(follower), + ], + content: '@bob lorem ipsum', + published: Time.now.utc.iso8601, + updated: Time.now.utc.iso8601, + tag: { + type: 'Mention', + href: ActivityPub::TagManager.instance.uri_for(follower), + }, + } + end + + def activity_for_object(json) + { + '@context': 'https://www.w3.org/ns/activitystreams', + id: [json[:id], 'activity'].join('/'), + type: 'Create', + actor: ActivityPub::TagManager.instance.uri_for(sender), + object: json, + }.with_indifferent_access + end + + before do + follower.follow!(sender) + end + + around do |example| + Sidekiq::Testing.fake! do + example.run + Sidekiq::Worker.clear_all + end + end + + it 'correctly processes posts and inserts them in timelines', :aggregate_failures do + # Simulate a temporary failure preventing from fetching the parent post + stub_request(:get, object_json[:id]).to_return(status: 500) + + # When receiving the reply… + described_class.new(activity_for_object(reply_json), sender, delivery: true).perform + + # NOTE: Refering explicitly to the workers is a bit awkward + DistributionWorker.drain + FeedInsertWorker.drain + + # …it creates a status with an unknown parent + reply = Status.find_by(uri: reply_json[:id]) + expect(reply.reply?).to be true + expect(reply.in_reply_to_id).to be_nil + + # …and creates a notification + expect(LocalNotificationWorker.jobs.size).to eq 1 + + # …but does not insert it into timelines + expect(redis.zscore(FeedManager.instance.key(:home, follower.id), reply.id)).to be_nil + + # When receiving the parent… + described_class.new(activity_for_object(object_json), sender, delivery: true).perform + + Sidekiq::Worker.drain_all + + # …it creates a status and insert it into timelines + parent = Status.find_by(uri: object_json[:id]) + expect(parent.reply?).to be false + expect(parent.in_reply_to_id).to be_nil + expect(reply.reload.in_reply_to_id).to eq parent.id + + # Check that the both statuses have been inserted into the home feed + expect(redis.zscore(FeedManager.instance.key(:home, follower.id), parent.id)).to be_within(0.1).of(parent.id.to_f) + expect(redis.zscore(FeedManager.instance.key(:home, follower.id), reply.id)).to be_within(0.1).of(reply.id.to_f) + + # Creates two notifications + expect(Notification.count).to eq 2 + end + end + describe '#perform' do context 'when fetching' do subject { described_class.new(json, sender) } From 1076a6cd62a80f1e331980e7c81174fa1a67f435 Mon Sep 17 00:00:00 2001 From: Claire Date: Mon, 6 Nov 2023 10:28:14 +0100 Subject: [PATCH 20/26] Fix incoming status creation date not being restricted to standard ISO8601 (#27655) --- app/lib/activitypub/parser/status_parser.rb | 3 +- spec/lib/activitypub/activity/create_spec.rb | 48 ++++++++++++++++++-- 2 files changed, 45 insertions(+), 6 deletions(-) diff --git a/app/lib/activitypub/parser/status_parser.rb b/app/lib/activitypub/parser/status_parser.rb index 3ba154d01..45f5fc5bf 100644 --- a/app/lib/activitypub/parser/status_parser.rb +++ b/app/lib/activitypub/parser/status_parser.rb @@ -53,7 +53,8 @@ class ActivityPub::Parser::StatusParser end def created_at - @object['published']&.to_datetime + datetime = @object['published']&.to_datetime + datetime if datetime.present? && (0..9999).cover?(datetime.year) rescue ArgumentError nil end diff --git a/spec/lib/activitypub/activity/create_spec.rb b/spec/lib/activitypub/activity/create_spec.rb index 8425f2127..7594efd59 100644 --- a/spec/lib/activitypub/activity/create_spec.rb +++ b/spec/lib/activitypub/activity/create_spec.rb @@ -134,6 +134,46 @@ RSpec.describe ActivityPub::Activity::Create do subject.perform end + context 'when object publication date is below ISO8601 range' do + let(:object_json) do + { + id: [ActivityPub::TagManager.instance.uri_for(sender), '#bar'].join, + type: 'Note', + content: 'Lorem ipsum', + published: '-0977-11-03T08:31:22Z', + } + end + + it 'creates status with a valid creation date', :aggregate_failures do + status = sender.statuses.first + + expect(status).to_not be_nil + expect(status.text).to eq 'Lorem ipsum' + + expect(status.created_at).to be_within(30).of(Time.now.utc) + end + end + + context 'when object publication date is above ISO8601 range' do + let(:object_json) do + { + id: [ActivityPub::TagManager.instance.uri_for(sender), '#bar'].join, + type: 'Note', + content: 'Lorem ipsum', + published: '10000-11-03T08:31:22Z', + } + end + + it 'creates status with a valid creation date', :aggregate_failures do + status = sender.statuses.first + + expect(status).to_not be_nil + expect(status.text).to eq 'Lorem ipsum' + + expect(status.created_at).to be_within(30).of(Time.now.utc) + end + end + context 'when object has been edited' do let(:object_json) do { @@ -145,18 +185,16 @@ RSpec.describe ActivityPub::Activity::Create do } end - it 'creates status' do + it 'creates status with appropriate creation and edition dates', :aggregate_failures do status = sender.statuses.first expect(status).to_not be_nil expect(status.text).to eq 'Lorem ipsum' - end - it 'marks status as edited' do - status = sender.statuses.first + expect(status.created_at).to eq '2022-01-22T15:00:00Z'.to_datetime - expect(status).to_not be_nil expect(status.edited?).to be true + expect(status.edited_at).to eq '2022-01-22T16:00:00Z'.to_datetime end end From 8d02e58ff42d28f62a354c1ce8282924d54c455f Mon Sep 17 00:00:00 2001 From: Claire Date: Thu, 16 Nov 2023 14:43:02 +0100 Subject: [PATCH 21/26] Fix upper border radius of onboarding columns (#27890) --- app/javascript/styles/mastodon/components.scss | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss index 8c88b7dd6..fbad5e2db 100644 --- a/app/javascript/styles/mastodon/components.scss +++ b/app/javascript/styles/mastodon/components.scss @@ -2239,8 +2239,7 @@ $ui-header-height: 55px; > .scrollable { background: $ui-base-color; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; + border-radius: 0 0 4px 4px; } } From 252ea2fc67a8e95532c1887fc9f2842ddae189f3 Mon Sep 17 00:00:00 2001 From: Jonathan de Jong Date: Fri, 27 Oct 2023 16:55:00 +0200 Subject: [PATCH 22/26] Have `Follow` activities bypass availability (#27586) Co-authored-by: Claire --- app/services/follow_service.rb | 2 +- app/workers/activitypub/delivery_worker.rb | 5 +++-- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/app/services/follow_service.rb b/app/services/follow_service.rb index feea40e3c..1aa0241fe 100644 --- a/app/services/follow_service.rb +++ b/app/services/follow_service.rb @@ -71,7 +71,7 @@ class FollowService < BaseService if @target_account.local? LocalNotificationWorker.perform_async(@target_account.id, follow_request.id, follow_request.class.name, 'follow_request') elsif @target_account.activitypub? - ActivityPub::DeliveryWorker.perform_async(build_json(follow_request), @source_account.id, @target_account.inbox_url) + ActivityPub::DeliveryWorker.perform_async(build_json(follow_request), @source_account.id, @target_account.inbox_url, { 'bypass_availability' => true }) end follow_request diff --git a/app/workers/activitypub/delivery_worker.rb b/app/workers/activitypub/delivery_worker.rb index 7c1c14766..376c237a9 100644 --- a/app/workers/activitypub/delivery_worker.rb +++ b/app/workers/activitypub/delivery_worker.rb @@ -23,9 +23,10 @@ class ActivityPub::DeliveryWorker HEADERS = { 'Content-Type' => 'application/activity+json' }.freeze def perform(json, source_account_id, inbox_url, options = {}) - return unless DeliveryFailureTracker.available?(inbox_url) - @options = options.with_indifferent_access + + return unless @options[:bypass_availability] || DeliveryFailureTracker.available?(inbox_url) + @json = json @source_account = Account.find(source_account_id) @inbox_url = inbox_url From e11100d7824258cafbd08b56945f340720a8029a Mon Sep 17 00:00:00 2001 From: Claire Date: Mon, 27 Nov 2023 14:25:54 +0100 Subject: [PATCH 23/26] Clamp dates when serializing to Elasticsearch API (#28081) --- app/chewy/accounts_index.rb | 4 +++- app/chewy/concerns/datetime_clamping_concern.rb | 14 ++++++++++++++ app/chewy/public_statuses_index.rb | 4 +++- app/chewy/statuses_index.rb | 4 +++- app/chewy/tags_index.rb | 4 +++- 5 files changed, 26 insertions(+), 4 deletions(-) create mode 100644 app/chewy/concerns/datetime_clamping_concern.rb diff --git a/app/chewy/accounts_index.rb b/app/chewy/accounts_index.rb index 00db257ac..59f2f991f 100644 --- a/app/chewy/accounts_index.rb +++ b/app/chewy/accounts_index.rb @@ -1,6 +1,8 @@ # frozen_string_literal: true class AccountsIndex < Chewy::Index + include DatetimeClampingConcern + settings index: index_preset(refresh_interval: '30s'), analysis: { filter: { english_stop: { @@ -60,7 +62,7 @@ class AccountsIndex < Chewy::Index field(:following_count, type: 'long') field(:followers_count, type: 'long') field(:properties, type: 'keyword', value: ->(account) { account.searchable_properties }) - field(:last_status_at, type: 'date', value: ->(account) { account.last_status_at || account.created_at }) + field(:last_status_at, type: 'date', value: ->(account) { clamp_date(account.last_status_at || account.created_at) }) field(:display_name, type: 'text', analyzer: 'verbatim') { field :edge_ngram, type: 'text', analyzer: 'edge_ngram', search_analyzer: 'verbatim' } field(:username, type: 'text', analyzer: 'verbatim', value: ->(account) { [account.username, account.domain].compact.join('@') }) { field :edge_ngram, type: 'text', analyzer: 'edge_ngram', search_analyzer: 'verbatim' } field(:text, type: 'text', analyzer: 'verbatim', value: ->(account) { account.searchable_text }) { field :stemmed, type: 'text', analyzer: 'natural' } diff --git a/app/chewy/concerns/datetime_clamping_concern.rb b/app/chewy/concerns/datetime_clamping_concern.rb new file mode 100644 index 000000000..7f176b6e5 --- /dev/null +++ b/app/chewy/concerns/datetime_clamping_concern.rb @@ -0,0 +1,14 @@ +# frozen_string_literal: true + +module DatetimeClampingConcern + extend ActiveSupport::Concern + + MIN_ISO8601_DATETIME = '0000-01-01T00:00:00Z'.to_datetime.freeze + MAX_ISO8601_DATETIME = '9999-12-31T23:59:59Z'.to_datetime.freeze + + class_methods do + def clamp_date(datetime) + datetime.clamp(MIN_ISO8601_DATETIME, MAX_ISO8601_DATETIME) + end + end +end diff --git a/app/chewy/public_statuses_index.rb b/app/chewy/public_statuses_index.rb index 4be204d4a..076f72e52 100644 --- a/app/chewy/public_statuses_index.rb +++ b/app/chewy/public_statuses_index.rb @@ -1,6 +1,8 @@ # frozen_string_literal: true class PublicStatusesIndex < Chewy::Index + include DatetimeClampingConcern + settings index: index_preset(refresh_interval: '30s', number_of_shards: 5), analysis: { filter: { english_stop: { @@ -62,6 +64,6 @@ class PublicStatusesIndex < Chewy::Index field(:tags, type: 'text', analyzer: 'hashtag', value: ->(status) { status.tags.map(&:display_name) }) field(:language, type: 'keyword') field(:properties, type: 'keyword', value: ->(status) { status.searchable_properties }) - field(:created_at, type: 'date') + field(:created_at, type: 'date', value: ->(status) { clamp_date(status.created_at) }) end end diff --git a/app/chewy/statuses_index.rb b/app/chewy/statuses_index.rb index 6b25dc9df..c717de66f 100644 --- a/app/chewy/statuses_index.rb +++ b/app/chewy/statuses_index.rb @@ -1,6 +1,8 @@ # frozen_string_literal: true class StatusesIndex < Chewy::Index + include DatetimeClampingConcern + settings index: index_preset(refresh_interval: '30s', number_of_shards: 5), analysis: { filter: { english_stop: { @@ -60,6 +62,6 @@ class StatusesIndex < Chewy::Index field(:searchable_by, type: 'long', value: ->(status) { status.searchable_by }) field(:language, type: 'keyword') field(:properties, type: 'keyword', value: ->(status) { status.searchable_properties }) - field(:created_at, type: 'date') + field(:created_at, type: 'date', value: ->(status) { clamp_date(status.created_at) }) end end diff --git a/app/chewy/tags_index.rb b/app/chewy/tags_index.rb index 5b6349a96..c99218a47 100644 --- a/app/chewy/tags_index.rb +++ b/app/chewy/tags_index.rb @@ -1,6 +1,8 @@ # frozen_string_literal: true class TagsIndex < Chewy::Index + include DatetimeClampingConcern + settings index: index_preset(refresh_interval: '30s'), analysis: { analyzer: { content: { @@ -42,6 +44,6 @@ class TagsIndex < Chewy::Index field(:name, type: 'text', analyzer: 'content', value: :display_name) { field(:edge_ngram, type: 'text', analyzer: 'edge_ngram', search_analyzer: 'content') } field(:reviewed, type: 'boolean', value: ->(tag) { tag.reviewed? }) field(:usage, type: 'long', value: ->(tag, crutches) { tag.history.aggregate(crutches.time_period).accounts }) - field(:last_status_at, type: 'date', value: ->(tag) { tag.last_status_at || tag.created_at }) + field(:last_status_at, type: 'date', value: ->(tag) { clamp_date(tag.last_status_at || tag.created_at) }) end end From 09115731d617c556135ac465421645ed54e92ca9 Mon Sep 17 00:00:00 2001 From: Claire Date: Fri, 24 Nov 2023 10:31:28 +0100 Subject: [PATCH 24/26] Change GIF max matrix size error to explicitly mention GIF files (#27927) --- app/models/concerns/attachmentable.rb | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/app/models/concerns/attachmentable.rb b/app/models/concerns/attachmentable.rb index c0ee1bdce..4cdbdeb47 100644 --- a/app/models/concerns/attachmentable.rb +++ b/app/models/concerns/attachmentable.rb @@ -52,9 +52,13 @@ module Attachmentable return if attachment.blank? || !/image.*/.match?(attachment.content_type) || attachment.queued_for_write[:original].blank? width, height = FastImage.size(attachment.queued_for_write[:original].path) - matrix_limit = attachment.content_type == 'image/gif' ? GIF_MATRIX_LIMIT : MAX_MATRIX_LIMIT + return unless width.present? && height.present? - raise Mastodon::DimensionsValidationError, "#{width}x#{height} images are not supported" if width.present? && height.present? && (width * height > matrix_limit) + if attachment.content_type == 'image/gif' && width * height > GIF_MATRIX_LIMIT + raise Mastodon::DimensionsValidationError, "#{width}x#{height} GIF files are not supported" + elsif width * height > MAX_MATRIX_LIMIT + raise Mastodon::DimensionsValidationError, "#{width}x#{height} images are not supported" + end end def appropriate_extension(attachment) From 7b9496322fd726a70c6fec1eee77c8cd04f0fd9e Mon Sep 17 00:00:00 2001 From: Claire Date: Thu, 30 Nov 2023 12:45:54 +0100 Subject: [PATCH 25/26] Change dismissed banners to be stored server-side (#27055) --- .../components/dismissable_banner.tsx | 25 ++++++++++++++++--- app/javascript/mastodon/reducers/settings.js | 9 +++++++ 2 files changed, 31 insertions(+), 3 deletions(-) diff --git a/app/javascript/mastodon/components/dismissable_banner.tsx b/app/javascript/mastodon/components/dismissable_banner.tsx index 04a28e3cb..698469140 100644 --- a/app/javascript/mastodon/components/dismissable_banner.tsx +++ b/app/javascript/mastodon/components/dismissable_banner.tsx @@ -1,9 +1,16 @@ +/* eslint-disable @typescript-eslint/no-unsafe-call, + @typescript-eslint/no-unsafe-return, + @typescript-eslint/no-unsafe-assignment, + @typescript-eslint/no-unsafe-member-access + -- the settings store is not yet typed */ import type { PropsWithChildren } from 'react'; -import { useCallback, useState } from 'react'; +import { useCallback, useState, useEffect } from 'react'; import { defineMessages, useIntl } from 'react-intl'; +import { changeSetting } from 'mastodon/actions/settings'; import { bannerSettings } from 'mastodon/settings'; +import { useAppSelector, useAppDispatch } from 'mastodon/store'; import { IconButton } from './icon_button'; @@ -19,13 +26,25 @@ export const DismissableBanner: React.FC> = ({ id, children, }) => { - const [visible, setVisible] = useState(!bannerSettings.get(id)); + const dismissed = useAppSelector((state) => + state.settings.getIn(['dismissed_banners', id], false), + ); + const dispatch = useAppDispatch(); + + const [visible, setVisible] = useState(!bannerSettings.get(id) && !dismissed); const intl = useIntl(); const handleDismiss = useCallback(() => { setVisible(false); bannerSettings.set(id, true); - }, [id]); + dispatch(changeSetting(['dismissed_banners', id], true)); + }, [id, dispatch]); + + useEffect(() => { + if (!visible && !dismissed) { + dispatch(changeSetting(['dismissed_banners', id], true)); + } + }, [id, dispatch, visible, dismissed]); if (!visible) { return null; diff --git a/app/javascript/mastodon/reducers/settings.js b/app/javascript/mastodon/reducers/settings.js index 07d1bda0f..a605ecbb8 100644 --- a/app/javascript/mastodon/reducers/settings.js +++ b/app/javascript/mastodon/reducers/settings.js @@ -100,6 +100,15 @@ const initialState = ImmutableMap({ body: '', }), }), + + dismissed_banners: ImmutableMap({ + 'public_timeline': false, + 'community_timeline': false, + 'home.explore_prompt': false, + 'explore/links': false, + 'explore/statuses': false, + 'explore/tags': false, + }), }); const defaultColumns = fromJS([ From 4b8fe9df73cf27db68f3c92178e37eff9deb3bd3 Mon Sep 17 00:00:00 2001 From: Claire Date: Mon, 27 Nov 2023 15:00:52 +0100 Subject: [PATCH 26/26] Bump version to v4.2.2 --- CHANGELOG.md | 27 +++++++++++++++++++++++++++ SECURITY.md | 2 +- docker-compose.yml | 6 +++--- lib/mastodon/version.rb | 2 +- 4 files changed, 32 insertions(+), 5 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index f9303f011..54bc2b403 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,33 @@ All notable changes to this project will be documented in this file. +## [4.2.2] - 2023-12-04 + +### Changed + +- Change dismissed banners to be stored server-side ([ClearlyClaire](https://github.com/mastodon/mastodon/pull/27055)) +- Change GIF max matrix size error to explicitly mention GIF files ([ClearlyClaire](https://github.com/mastodon/mastodon/pull/27927)) +- Change `Follow` activities delivery to bypass availability check ([ShadowJonathan](https://github.com/mastodon/mastodon/pull/27586)) +- Change single-column navigation notice to be displayed outside of the logo container ([renchap](https://github.com/mastodon/mastodon/pull/27462), [renchap](https://github.com/mastodon/mastodon/pull/27476)) +- Change Content-Security-Policy to be tighter on media paths ([ClearlyClaire](https://github.com/mastodon/mastodon/pull/26889)) +- Change post language code to include country code when relevant ([gunchleoc](https://github.com/mastodon/mastodon/pull/27099), [ClearlyClaire](https://github.com/mastodon/mastodon/pull/27207)) + +### Fixed + +- Fix upper border radius of onboarding columns ([ClearlyClaire](https://github.com/mastodon/mastodon/pull/27890)) +- Fix incoming status creation date not being restricted to standard ISO8601 ([ClearlyClaire](https://github.com/mastodon/mastodon/pull/27655), [ClearlyClaire](https://github.com/mastodon/mastodon/pull/28081)) +- Fix some posts from threads received out-of-order sometimes not being inserted into timelines ([ClearlyClaire](https://github.com/mastodon/mastodon/pull/27653)) +- Fix posts from force-sensitized accounts being able to trend ([ClearlyClaire](https://github.com/mastodon/mastodon/pull/27620)) +- Fix error when trying to delete already-deleted file with OpenStack Swift ([ClearlyClaire](https://github.com/mastodon/mastodon/pull/27569)) +- Fix batch attachment deletion when using OpenStack Swift ([ClearlyClaire](https://github.com/mastodon/mastodon/pull/27554)) +- Fix processing LDSigned activities from actors with unknown public keys ([ClearlyClaire](https://github.com/mastodon/mastodon/pull/27474)) +- Fix error and incorrect URLs in `/api/v1/accounts/:id/featured_tags` for remote accounts ([ClearlyClaire](https://github.com/mastodon/mastodon/pull/27459)) +- Fix report processing notice not mentioning the report number when performing a custom action ([ClearlyClaire](https://github.com/mastodon/mastodon/pull/27442)) +- Fix handling of `inLanguage` attribute in preview card processing ([ClearlyClaire](https://github.com/mastodon/mastodon/pull/27423)) +- Fix own posts being removed from home timeline when unfollowing a used hashtag ([kmycode](https://github.com/mastodon/mastodon/pull/27391)) +- Fix some link anchors being recognized as hashtags ([ClearlyClaire](https://github.com/mastodon/mastodon/pull/27271), [ClearlyClaire](https://github.com/mastodon/mastodon/pull/27584)) +- Fix format-dependent redirects being cached regardless of requested format ([ClearlyClaire](https://github.com/mastodon/mastodon/pull/27634)) + ## [4.2.1] - 2023-10-10 ### Added diff --git a/SECURITY.md b/SECURITY.md index 3e13377db..954ff73a2 100644 --- a/SECURITY.md +++ b/SECURITY.md @@ -17,6 +17,6 @@ A "vulnerability in Mastodon" is a vulnerability in the code distributed through | ------- | ---------------- | | 4.2.x | Yes | | 4.1.x | Yes | -| 4.0.x | Until 2023-10-31 | +| 4.0.x | No | | 3.5.x | Until 2023-12-31 | | < 3.5 | No | diff --git a/docker-compose.yml b/docker-compose.yml index 1a180b089..efb8e528e 100644 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -56,7 +56,7 @@ services: web: build: . - image: ghcr.io/mastodon/mastodon:v4.2.1 + image: ghcr.io/mastodon/mastodon:v4.2.2 restart: always env_file: .env.production command: bash -c "rm -f /mastodon/tmp/pids/server.pid; bundle exec rails s -p 3000" @@ -77,7 +77,7 @@ services: streaming: build: . - image: ghcr.io/mastodon/mastodon:v4.2.1 + image: ghcr.io/mastodon/mastodon:v4.2.2 restart: always env_file: .env.production command: node ./streaming @@ -95,7 +95,7 @@ services: sidekiq: build: . - image: ghcr.io/mastodon/mastodon:v4.2.1 + image: ghcr.io/mastodon/mastodon:v4.2.2 restart: always env_file: .env.production command: bundle exec sidekiq diff --git a/lib/mastodon/version.rb b/lib/mastodon/version.rb index 00538d07c..7d5578d82 100644 --- a/lib/mastodon/version.rb +++ b/lib/mastodon/version.rb @@ -13,7 +13,7 @@ module Mastodon end def patch - 1 + 2 end def default_prerelease